*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#111827}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5vw;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid #e5e7eb}.logo{font-weight:900;font-size:22px;display:flex;align-items:center;gap:10px}.logo span{width:38px;height:38px;border-radius:14px;background:#111827;color:#fff;display:grid;place-items:center}.main-menu{display:flex;gap:22px;font-weight:650;color:#374151}.header-actions{display:flex;align-items:center;gap:14px}.phone{font-weight:800}.hero{max-width:1180px;margin:38px auto 0;padding:54px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;border-radius:34px;background:linear-gradient(135deg,#fff,#eaf1ff);box-shadow:0 24px 70px rgba(30,64,175,.12)}.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#111827;color:#fff;font-size:14px}.hero h1{font-size:56px;line-height:1;margin:18px 0}.hero p{font-size:20px;line-height:1.55;color:#4b5563;max-width:720px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn,button{border:0;border-radius:16px;background:#2563eb;color:#fff;padding:14px 20px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center}.btn-light{background:#fff;color:#111827;border:1px solid #dbe2ef}.hero-card,.panel,.cat,.product,.auth-box{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 12px 36px rgba(15,23,42,.06)}.hero-card{padding:28px;display:flex;flex-direction:column;gap:14px}.hero-card span{color:#6b7280}.hero-card form{display:grid;gap:10px}input,textarea{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:14px 15px;background:#fff;font:inherit}textarea{min-height:110px}.section{max-width:1180px;margin:34px auto;padding:0 18px}.section h2,.section h1{font-size:34px;margin:0 0 18px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{padding:18px}.cat summary{font-weight:900;cursor:pointer}.cat a{display:block;margin-top:12px;color:#2563eb}.filter-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{padding:18px}.product-img{height:160px;border-radius:18px;background:#eef2ff;display:grid;place-items:center;color:#64748b;font-weight:800}.product h3{margin-bottom:6px}.request{padding:34px;border-radius:26px;background:#111827;color:#fff}.auth-box{max-width:460px;margin:60px auto;padding:30px}.auth-box form{display:grid;gap:12px}.install{max-width:560px}.alert{padding:12px 14px;border-radius:14px;background:#fee2e2;color:#991b1b;margin:12px 0}.success{padding:12px 14px;border-radius:14px;background:#dcfce7;color:#166534;margin:12px 0}.admin-page{max-width:1180px}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.admin-nav a{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.panel{padding:20px}.form-grid{display:grid;gap:14px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #e5e7eb;text-align:left}.logs{white-space:pre-wrap;background:#0f172a;color:#d1fae5;border-radius:20px;padding:20px;min-height:320px;overflow:auto}.footer{text-align:center;padding:34px;color:#6b7280}@media(max-width:900px){.site-header{flex-wrap:wrap}.main-menu{order:3;width:100%;overflow:auto}.hero{grid-template-columns:1fr;padding:28px;margin:18px}.hero h1{font-size:36px}.catalog-grid,.products,.cards{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr}.header-actions{font-size:14px}}

.muted{color:#6b7280}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed}.inline-form{margin:0 0 14px}.btn-danger{background:#dc2626}.admin-thumb{width:64px;height:48px;object-fit:cover;border-radius:10px}.product-photo{width:100%;height:160px;object-fit:cover;border-radius:18px;background:#eef2ff}.product-preview{max-width:220px;border-radius:18px;border:1px solid #e5e7eb}.product-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start;margin-top:18px}.product-detail-img{width:100%;max-height:440px;object-fit:cover;border-radius:22px;background:#eef2ff}.product-img.big{height:360px}.lead{font-size:20px;line-height:1.55;color:#4b5563}.price{font-size:34px;font-weight:900;margin:18px 0}.product-description{margin-top:20px;line-height:1.7}.maintenance-box{text-align:center}.maintenance-box h1{font-size:38px}
@media(max-width:900px){.product-detail{grid-template-columns:1fr}}
html,body{min-height:100%}body{padding-bottom:92px}.footer{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-top:1px solid #e5e7eb;box-shadow:0 -12px 36px rgba(15,23,42,.06);padding:22px 5vw;text-align:center;color:#6b7280}.maintenance-full{min-height:calc(100vh - 92px);display:grid;place-items:center;text-align:center;padding:40px 18px}.maintenance-full h1{font-size:clamp(44px,8vw,96px);line-height:1;margin:0 0 24px;font-weight:950;color:#111827}.maintenance-full p{font-size:clamp(20px,3vw,34px);line-height:1.35;margin:0;color:#111827;max-width:980px}.admin-gallery-sort{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.admin-gallery-item{width:150px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:10px;cursor:grab}.admin-gallery-item.dragging{opacity:.45}.admin-gallery-item img{width:100%;height:100px;object-fit:cover;border-radius:12px}.gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.gallery-thumb{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:4px}.gallery-thumb.active{border-color:#2563eb}.gallery-thumb img{width:76px;height:62px;object-fit:cover;border-radius:10px;display:block}.product-gallery{width:100%}@media(max-width:900px){body{padding-bottom:116px}.footer{padding:18px}.maintenance-full{min-height:calc(100vh - 116px)}.maintenance-full h1{font-size:44px}.maintenance-full p{font-size:22px}}
.gallery-main-wrap{position:relative}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.92);color:#111827;border:1px solid #e5e7eb;box-shadow:0 10px 24px rgba(15,23,42,.16);font-size:34px;line-height:1;padding:0;display:grid;place-items:center}.gallery-prev{left:14px}.gallery-next{right:14px}.cart-link{display:inline-flex;align-items:center;gap:6px;position:relative;padding:8px 10px;border-radius:14px;background:#fff;border:1px solid #e5e7eb}.cart-link b{font-size:14px}.cart-link em{position:absolute;right:-8px;top:-8px;background:#2563eb;color:#fff;border-radius:999px;font-style:normal;font-size:12px;font-weight:900;min-width:20px;height:20px;display:grid;place-items:center}.cart-add-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.cart-add-form label{max-width:110px;font-weight:800}.cart-card-form{margin-top:12px}.cart-product{display:flex;gap:12px;align-items:center}.cart-product img{width:76px;height:58px;object-fit:cover;border-radius:12px}.qty-input{max-width:90px}.cart-total{display:flex;justify-content:flex-end;gap:18px;align-items:center;font-size:24px;font-weight:900;margin:22px 0}.cart-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.cart-table-wrap{overflow:auto}@media(max-width:700px){.cart-table{min-width:720px}.gallery-arrow{width:40px;height:40px;font-size:30px}.header-actions{gap:8px}.cart-link b{display:none}}
.header-search{width:36px;height:36px;border-radius:999px;background:#fff;color:#111827;border:1px solid #e5e7eb;padding:0;font-size:24px;line-height:1;display:grid;place-items:center;font-weight:900}.header-search:hover{background:#eef2ff}.search-modal{position:fixed;inset:0;z-index:100;display:none}.search-modal.open{display:block}.search-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(6px)}.search-modal-card{position:relative;max-width:760px;margin:8vh auto;background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(15,23,42,.24);border:1px solid #e5e7eb}.search-modal-card h2{margin:0 0 16px;font-size:32px}.search-modal-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:999px;background:#f3f4f6;color:#111827;padding:0;font-size:26px;display:grid;place-items:center}.search-results{margin-top:16px;display:grid;gap:10px;max-height:55vh;overflow:auto}.search-result{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.search-result:hover{border-color:#2563eb;background:#f8fbff}.search-result-img{width:58px;height:48px;object-fit:cover;border-radius:12px;background:#eef2ff;display:grid;place-items:center;color:#64748b;font-weight:900}.search-result-type{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#2563eb;font-size:12px;font-weight:900}.search-result-title{font-weight:900;margin:4px 0}.search-result-text{color:#6b7280;font-size:14px}.gallery-thumbs{align-items:center}.gallery-thumb{width:86px;height:72px;display:flex;align-items:center;justify-content:center;line-height:1}.gallery-thumb img{width:76px;height:62px;margin:0}.gallery-arrow{display:flex;align-items:center;justify-content:center;line-height:0}.product-actions-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.favorite-btn.active{background:#fee2e2;color:#991b1b;border-color:#fecaca}.small-price{font-size:22px;margin:10px 0}.favorites-grid{margin-top:12px}.not-found-page{min-height:calc(100vh - 220px);display:grid;place-items:center;padding:50px 18px}.not-found-card{max-width:760px;width:100%;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:34px;box-shadow:0 24px 70px rgba(15,23,42,.10);padding:48px}.not-found-code{font-size:110px;font-weight:950;line-height:.9;color:#2563eb}.not-found-card h1{font-size:44px;margin:10px 0}.not-found-card p{font-size:20px;color:#6b7280;margin:0 auto 24px;max-width:560px}.not-found-card .hero-buttons{justify-content:center}@media(max-width:700px){.search-modal-card{margin:0;min-height:100vh;border-radius:0;padding:24px 16px}.search-result{grid-template-columns:48px 1fr}.search-result .btn-light{display:none}.search-result-img{width:48px;height:42px}.not-found-code{font-size:80px}.not-found-card h1{font-size:32px}.not-found-card{padding:32px 20px}.header-search{width:32px;height:32px;font-size:22px}.gallery-thumb{width:72px;height:62px}.gallery-thumb img{width:62px;height:52px}}
.logo img{width:38px;height:38px;object-fit:contain;border-radius:10px}.checkout-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-summary h2{margin-top:0}.summary-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.summary-item img{width:64px;height:52px;object-fit:cover;border-radius:12px;background:#eef2ff}.summary-item span{display:block;color:#6b7280;margin-top:4px}.checkout-success{text-align:center;max-width:720px;margin:0 auto}.settings-preview{max-width:180px;max-height:90px;object-fit:contain;background:#f3f4f6;border-radius:14px;padding:10px;border:1px solid #e5e7eb}.settings-favicon{width:48px;height:48px;object-fit:contain;background:#f3f4f6;border-radius:12px;padding:8px;border:1px solid #e5e7eb}@media(max-width:900px){.checkout-grid,.form-row.two{grid-template-columns:1fr}.summary-item{grid-template-columns:54px 1fr}.summary-item strong{grid-column:2}}
select{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:14px 15px;background:#fff;font:inherit}.admin-page{max-width:1320px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.admin-page>.admin-nav{grid-column:1;grid-row:1 / span 50;position:sticky;top:92px;display:flex;flex-direction:column;gap:6px;margin:0;background:#111827;color:#fff;border-radius:24px;padding:12px;box-shadow:0 18px 44px rgba(15,23,42,.16)}.admin-page>.admin-nav a{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#e5e7eb;border-radius:14px;padding:13px 14px;font-weight:900}.admin-page>.admin-nav a:hover{background:rgba(255,255,255,.10);color:#fff}.admin-page>.admin-nav a.is-active{background:#2563eb;color:#fff}.admin-page>:not(.admin-nav){grid-column:2}.admin-page h1{margin-top:0}.product-editor{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.product-editor-main,.product-editor-side{display:grid;gap:16px}.editor-box{display:grid;gap:14px}.editor-box h2{font-size:20px;margin:0}.editor-title input{font-size:28px;font-weight:900;padding:18px 20px}.big-textarea{min-height:260px}.editor-price-grid{grid-template-columns:1fr 1fr}.product-preview.wide{width:100%;max-width:none;max-height:220px;object-fit:cover}.admin-gallery-sort.compact{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-gallery-sort.compact .admin-gallery-item{width:auto}.admin-gallery-sort.compact .admin-gallery-item img{height:86px}.cards .panel{min-height:118px}@media(max-width:980px){.admin-page{display:block}.admin-page>.admin-nav{position:static;display:flex;flex-direction:row;overflow:auto;margin-bottom:18px;border-radius:18px}.admin-page>.admin-nav a{white-space:nowrap}.product-editor{display:block}.product-editor-main,.product-editor-side{margin-bottom:16px}.editor-price-grid{grid-template-columns:1fr}}
.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.product-tags span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#2563eb;font-weight:900;font-size:14px}

.admin-split{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.attributes-list{display:grid;gap:12px}.attribute-admin-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:14px}.attribute-admin-card summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.attribute-admin-card summary span{color:#6b7280;font-weight:800}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.attribute-pickers{display:grid;gap:14px}.attribute-picker{border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#f8fafc}.attribute-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.attribute-check{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 10px;font-weight:800;font-size:14px}
.products{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:24px}.product-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:360px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 22px 54px rgba(15,23,42,.12);border-color:#dbeafe}.product-card-link{display:block;padding:22px 22px 0}.product-card-image{height:210px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:contain;display:block}.product-card h3{font-size:23px;line-height:1.12;margin:18px 0 10px;font-weight:950;color:#14213d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:52px}.product-card:hover h3{-webkit-line-clamp:unset;overflow:visible}.product-card-category{margin:0 22px 12px;color:#8b95bb;text-transform:uppercase;font-weight:900;line-height:1.35;min-height:38px}.product-card-bottom{margin-top:auto;padding:0 22px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}.product-card-bottom b{font-size:22px;color:#ff2a13;border-bottom:3px solid #ff2a13;white-space:nowrap}.product-card-bottom .cart-card-form{margin:0;opacity:0;transform:translateY(6px);transition:.18s ease}.product-card:hover .cart-card-form{opacity:1;transform:translateY(0)}.product-card-bottom button{padding:10px 13px;border-radius:12px;font-size:14px;white-space:nowrap}.product-card:hover .product-card-bottom b{display:none}
@media(max-width:980px){.admin-split{grid-template-columns:1fr}.product-card-bottom .cart-card-form{opacity:1;transform:none}.product-card:hover .product-card-bottom b{display:block}}

/* compact product cards */
.products{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.product-card{min-height:0;padding:0;overflow:hidden}.product-card-link{padding:18px 18px 0}.product-card-image{height:190px;border-radius:16px}.product-card h3{font-size:21px;line-height:1.16;margin:12px 0 8px;min-height:48px}.product-card-category{margin:0;color:#8b95bb;text-transform:uppercase;font-weight:900;font-size:13px;line-height:1.2;min-height:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-bottom{padding:0 18px 18px;min-height:36px;align-items:center}.product-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.product-card-bottom b{font-size:20px;line-height:1;color:#ff2a13;border-bottom:2px solid #ff2a13}.product-card-bottom .cart-card-form{position:absolute;right:18px;bottom:14px}.product-card{position:relative}.product-card:hover .product-card-category{max-width:100%}.product-card:hover .product-card-bottom b{opacity:0}.product-card-bottom button{padding:9px 12px;border-radius:12px;font-size:13px}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}
@media(max-width:700px){.product-card-image{height:170px}.product-card h3{font-size:19px;min-height:auto}.product-card-category{max-width:100%}.product-card-bottom .cart-card-form{position:static;opacity:1;transform:none}.product-card:hover .product-card-bottom b{opacity:1}}

/* simple home and normal footer */
html,body{min-height:100%}body{padding-bottom:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.footer{position:static;left:auto;right:auto;bottom:auto;z-index:auto;background:#fff;border-top:1px solid #e5e7eb;box-shadow:none;backdrop-filter:none;padding:26px 5vw;text-align:center;color:#6b7280}.home-simple{padding-top:36px}.home-simple h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:0 0 16px}.home-simple .lead{max-width:860px;margin:0;color:#4b5563}.products{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.product-card{min-height:0}.account-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.account-head h1{margin:0}.account-settings-btn{width:52px;height:52px;border-radius:18px;padding:0;font-size:24px;display:grid;place-items:center;background:#111827}.account-settings-panel{margin-top:20px}.account-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.garage-form{margin:16px 0 22px;display:grid;gap:14px}.garage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px}.garage-card{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:start;border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:14px}.garage-card img,.garage-icon{width:86px;height:74px;border-radius:14px;object-fit:cover;background:#eef2ff;display:grid;place-items:center;font-size:34px}.garage-card h3{margin:0 0 6px}.garage-card p{margin:4px 0}.garage-card form{margin-top:10px}.garage-card .btn{padding:9px 12px;border-radius:12px}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.form-row.two{grid-template-columns:1fr}.account-head{align-items:flex-start}.garage-card{grid-template-columns:1fr}.garage-card img,.garage-icon{width:100%;height:150px}}

/* garage improvements */
.garage-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.garage-card.nice{grid-template-columns:112px 1fr;padding:18px;border-radius:24px;box-shadow:0 16px 34px rgba(15,23,42,.07);align-items:stretch}.garage-card.nice img,.garage-card.nice .garage-icon{width:112px;height:104px;border-radius:18px;object-fit:cover}.garage-card-body{display:flex;flex-direction:column;gap:10px}.garage-card.nice h3{font-size:20px;line-height:1.15;margin:0}.garage-meta{display:flex;flex-wrap:wrap;gap:8px}.garage-meta span{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:999px;padding:6px 9px;font-size:13px;font-weight:800;color:#475569}.garage-actions{display:flex;gap:8px;align-items:center;margin-top:auto}.garage-actions form{margin:0}.garage-edit-form{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;display:grid;gap:10px}.garage-edit-form[hidden]{display:none}.admin-search{display:flex;gap:10px;align-items:center;margin-bottom:18px}.admin-search input{flex:1}.admin-car-cell{display:flex;align-items:center;gap:12px}.admin-car-cell img,.admin-car-cell span{width:58px;height:48px;border-radius:12px;object-fit:cover;background:#eef2ff;display:grid;place-items:center;font-size:24px}.admin-car-photo{width:100%;max-height:360px;border-radius:22px;object-fit:cover;background:#f1f5f9}.admin-car-empty{height:260px;border-radius:22px;background:#eef2ff;display:grid;place-items:center;font-size:64px}.order-car-box{display:flex;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px;margin:12px 0}.order-car-box img,.order-car-box span{width:66px;height:54px;border-radius:12px;object-fit:cover;background:#eef2ff;display:grid;place-items:center;font-size:28px}@media(max-width:700px){.garage-grid{grid-template-columns:1fr}.garage-card.nice{grid-template-columns:1fr}.garage-card.nice img,.garage-card.nice .garage-icon{width:100%;height:180px}.admin-search{display:grid}.admin-car-cell{align-items:flex-start}}

.account-orders{display:grid;gap:12px}.account-order-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:16px}.account-order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.account-order-head small{display:block;color:#6b7280;margin-top:4px}.order-mini-list{display:grid;gap:8px;padding:0;margin:12px 0 0;list-style:none}.order-mini-list li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef2f7;padding-top:8px}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.table-actions{display:flex;gap:8px;align-items:center}.btn.small{padding:9px 14px;font-size:14px}.btn.danger,.danger{background:#e73030!important;color:#fff!important}.btn.ghost{background:#fff;color:#111827;border:1px solid #dbe1ea}.admin-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.admin-main-edit label,.admin-side-edit label{display:block;margin-bottom:16px;font-weight:700}.admin-main-edit input,.admin-main-edit textarea,.admin-side-edit input,.media-card input,.media-card textarea,.inline-form input,.media-upload input{width:100%;border:1px solid #d6deea;border-radius:14px;padding:13px 14px;font:inherit;background:#fff}.admin-main-edit textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.55}.admin-preview{width:100%;max-height:220px;object-fit:cover;border-radius:18px;margin:0 0 16px}.check{display:flex!important;gap:10px;align-items:center}.check input{width:auto!important}.media-upload,.inline-form{display:flex;gap:10px;align-items:center;margin:10px 0;flex-wrap:wrap}.media-upload input,.inline-form input{max-width:320px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:18px}.media-card img{width:100%;height:170px;object-fit:cover;border-radius:16px;background:#f3f6fb}.media-card code{display:block;word-break:break-all;margin:10px 0;color:#64748b;font-size:12px}.media-card form{display:grid;gap:8px;margin-top:10px}.page-view{max-width:1040px}.page-card{padding:34px}.page-hero-image{width:100%;max-height:420px;object-fit:cover;border-radius:22px;margin-bottom:24px}.page-content{font-size:18px;line-height:1.7}.page-content img{max-width:100%;height:auto;border-radius:16px}@media(max-width:900px){.admin-edit-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start;flex-direction:column}.table-actions{flex-direction:column;align-items:flex-start}.media-upload,.inline-form{display:grid}.media-upload input,.inline-form input{max-width:none}}
/* media library compact controls */
.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.media-upload.compact{margin:0}.media-grid-new{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.media-card-new{position:relative;padding:14px}.media-card-new img{height:150px}.media-select{position:absolute;top:24px;left:24px;z-index:2;background:#fff;border:1px solid #dbe1ea;border-radius:12px;width:34px;height:34px;display:grid!important;place-items:center;box-shadow:0 8px 18px rgba(15,23,42,.12)}.media-select input{width:18px!important;height:18px}.media-usage{font-size:13px;line-height:1.35;color:#64748b;min-height:42px}.media-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.media-actions form{margin:0!important;display:block!important}.icon-btn{width:42px;height:42px;border-radius:14px;background:#f1f5f9;color:#111827;display:grid;place-items:center;padding:0;font-size:18px;border:1px solid #e5e7eb}.danger-icon{background:#fee2e2!important;color:#991b1b!important}.media-settings-modal{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.45);padding:24px;overflow:auto}.media-settings-box{max-width:520px;margin:6vh auto;background:#fff;border-radius:26px;padding:24px;box-shadow:0 30px 90px rgba(15,23,42,.25);position:relative}.media-settings-box h3{margin:0 0 16px}.media-settings-box form{display:grid;gap:12px}.media-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:14px;background:#f1f5f9;color:#111827;padding:0;font-size:24px}.site-footer{font-size:14px}.footer-inner{max-width:1180px;margin:0 auto;display:grid;gap:12px;justify-items:center}.footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.footer-links a,.footer-dev a{color:#2563eb;font-weight:800}.cookie-panel{position:fixed;left:18px;right:18px;bottom:18px;z-index:90;max-width:880px;margin:0 auto;background:#111827;color:#fff;border-radius:22px;padding:16px 18px;box-shadow:0 20px 60px rgba(15,23,42,.3);display:flex;align-items:center;justify-content:space-between;gap:16px}.cookie-panel a{color:#93c5fd;text-decoration:underline}.cookie-panel[hidden]{display:none!important}.cookie-panel .btn{background:#fff;color:#111827;white-space:nowrap}@media(max-width:700px){.cookie-panel{display:grid}.media-toolbar{display:grid}.footer-links{display:grid;gap:8px}}

/* =====================================================================
   ПОРШЕНЬ39 — modern garage theme
   Светлый, тёплый, брутальность через контраст, вес шрифта и один
   живой акцент. Мягкие тени, аккуратные скругления, тонкие линии.
   ===================================================================== */
:root{
  --bg:#f4f2ef;           /* тёплый светлый фон */
  --bg-2:#eeece8;
  --surface:#ffffff;
  --ink:#17181b;          /* графитовый текст */
  --ink-2:#3a3d44;
  --muted:#8a8f99;        /* приглушённый серый */
  --line:#e7e4df;         /* тонкие линии */
  --line-2:#dcd8d2;
  --accent:#ff4d1c;       /* расплавленный оранжевый */
  --accent-2:#ff6a3d;
  --accent-ink:#e23c0e;
  --dark:#1b1c1f;         /* тёмные блоки (шапка/футер) */
  --dark-2:#26282c;
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(23,24,27,.04),0 4px 12px rgba(23,24,27,.06);
  --shadow-md:0 2px 6px rgba(23,24,27,.05),0 12px 30px rgba(23,24,27,.09);
  --shadow-lg:0 8px 24px rgba(23,24,27,.08),0 30px 70px rgba(23,24,27,.14);
  --glow:0 10px 30px rgba(255,77,28,.28);
}

body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Archivo','Inter',system-ui,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
h1,h2,h3{font-family:'Archivo','Inter',sans-serif;font-weight:800;letter-spacing:-.02em}
.logo{font-family:'Archivo',sans-serif;font-weight:900;letter-spacing:-.02em}
a{color:inherit}
::selection{background:var(--accent);color:#fff}

/* ---------- header (slim) ---------- */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(23,24,27,.94);
  backdrop-filter:blur(16px) saturate(1.2);
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:0 5vw;height:62px;gap:16px;
}
.site-header a,.main-menu a{color:#eceae7}
.logo{color:#fff;font-size:20px;gap:10px;align-items:center}
.logo .logo-mark{
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(145deg,var(--accent),var(--accent-ink));
  color:#fff;font-weight:900;display:grid;place-items:center;font-size:17px;
  box-shadow:var(--glow);flex:none;
}
.logo img{width:34px;height:34px;object-fit:contain;border-radius:9px;flex:none;display:block}
.logo-name{white-space:nowrap;width:auto;height:auto;background:none;box-shadow:none;border-radius:0;display:inline;color:inherit;font-size:inherit;place-items:initial}
.main-menu{gap:26px;margin:0 auto;position:absolute;left:50%;transform:translateX(-50%)}
.main-menu a{
  position:relative;font-weight:600;font-size:14.5px;color:#b3b6bc;
  padding:6px 0;transition:color .18s ease;
}
.main-menu a:hover{color:#fff}
.main-menu a::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--accent);border-radius:2px;transition:width .22s ease;
}
.main-menu a:hover::after{width:100%}
.header-actions{gap:6px;margin-left:auto}
.icon-action{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:transparent;color:#d6d8dc;border:0;cursor:pointer;padding:0;
  transition:background .16s ease,color .16s ease;
}
.icon-action:hover{background:rgba(255,255,255,.09);color:#fff}
.icon-action svg{display:block}
.burger-open{display:none}
.cart-link{
  border-radius:11px;background:var(--accent);border:0;color:#fff;
  font-weight:700;padding:0 14px;height:40px;gap:8px;box-shadow:var(--glow);
  transition:transform .16s ease,box-shadow .16s ease;position:relative;
}
.cart-link:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(255,77,28,.36)}
.cart-link b{font-size:14px;white-space:nowrap}
.cart-link em{
  position:absolute;top:-6px;right:-6px;background:#fff;color:var(--accent-ink);
  border-radius:999px;font-weight:800;border:0;font-style:normal;font-size:11px;
  min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;
  box-shadow:0 2px 6px rgba(23,24,27,.3);
}

/* ---------- mobile nav drawer ---------- */
.nav-drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}
.nav-drawer.open{visibility:visible;pointer-events:auto}
.nav-drawer-backdrop{
  position:absolute;inset:0;background:rgba(23,24,27,.5);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .24s ease;
}
.nav-drawer.open .nav-drawer-backdrop{opacity:1}
.nav-drawer-panel{
  position:absolute;top:0;right:0;height:100%;width:min(320px,86vw);
  background:var(--dark);color:#eceae7;padding:20px;
  display:flex;flex-direction:column;gap:4px;
  transform:translateX(100%);transition:transform .26s cubic-bezier(.3,.7,.3,1);
  box-shadow:-20px 0 60px rgba(0,0,0,.4);
}
.nav-drawer.open .nav-drawer-panel{transform:translateX(0)}
.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.nav-drawer-title{font-family:'Bricolage Grotesque','Archivo',sans-serif;font-weight:700;font-size:20px}
.nav-drawer-close{
  width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.08);
  color:#fff;border:0;display:grid;place-items:center;cursor:pointer;
}
.nav-drawer-close:hover{background:var(--accent)}
.nav-drawer-link{
  display:flex;align-items:center;padding:14px 14px;border-radius:12px;
  font-weight:600;font-size:16px;color:#e4e2df;
  transition:background .16s ease,color .16s ease;
}
.nav-drawer-link:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-drawer-phone{
  margin-top:auto;padding:15px 14px;border-radius:12px;text-align:center;
  background:var(--accent);color:#fff;font-weight:800;font-size:17px;
}

/* ---------- hero ---------- */
.home-simple{padding-top:46px}
.home-hero{position:relative;max-width:940px}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-ink);background:rgba(255,77,28,.10);
  padding:7px 14px;border-radius:999px;margin-bottom:22px;
}
.hero-eyebrow::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 3px rgba(255,77,28,.18);
}
.home-simple h1{
  font-family:'Bricolage Grotesque','Archivo',sans-serif;
  font-size:clamp(42px,6.6vw,84px);line-height:.98;font-weight:800;
  letter-spacing:-.035em;margin:0 0 18px;color:var(--ink);
}
.home-simple h1 .hl{
  color:var(--accent);position:relative;white-space:nowrap;
}
/* animated rotating location in hero */
.hero-rotate{display:block}
.hero-prep{color:var(--ink)}
.rotator{
  position:relative;display:inline-grid;vertical-align:top;
  white-space:nowrap;overflow:hidden;
  height:1em;line-height:1;
}
.rotator-item{
  grid-area:1/1;color:var(--accent);
  opacity:0;transform:translateY(0.9em);
  transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.3,1);
  will-change:transform,opacity;
}
.rotator-item.is-active{opacity:1;transform:translateY(0)}
.rotator-item.is-leaving{opacity:0;transform:translateY(-0.9em)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){
  .rotator-item{transition:none}
}
.home-simple .lead,.lead{
  color:var(--ink-2);font-weight:450;font-size:clamp(17px,2vw,21px);
  line-height:1.5;max-width:600px;
}
.hero-strip{display:none}

/* ---------- section headings ---------- */
.section h1,.section h2{
  font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;
  color:var(--ink);
}

/* ---------- catalog layout: filter on TOP, full-width grid ---------- */
.catalog-layout{display:block}
.catalog-main,.catalog-main.full{grid-column:auto}
.catalog-bar{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin:6px 0 18px;
}
.catalog-bar h2{margin:0}
.catalog-count{
  font-weight:600;font-size:14px;color:var(--muted);
  background:var(--surface);border:1px solid var(--line);
  padding:5px 12px;border-radius:999px;
}

/* ---------- wide filter bar ---------- */
.filter-panel{position:static;margin-bottom:26px}
.filter-form{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-md);
  padding:20px 22px;display:flex;flex-direction:column;gap:0;
}
.filter-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line);
}
.filter-title{
  display:flex;align-items:center;gap:10px;
  font-family:'Archivo',sans-serif;font-weight:800;font-size:18px;letter-spacing:-.01em;
}
.filter-title::before{
  content:"";width:20px;height:20px;border-radius:6px;
  background:linear-gradient(145deg,var(--accent),var(--accent-ink));
  box-shadow:var(--glow);
}
.filter-reset{
  font-size:13px;font-weight:600;color:var(--muted);
  padding:6px 12px;border-radius:999px;border:1px solid var(--line);
  transition:.16s ease;
}
.filter-reset:hover{color:var(--accent-ink);border-color:var(--accent);background:rgba(255,77,28,.06)}

/* filter body: responsive columns */
.filter-form{position:relative}
.filter-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:18px 26px;align-items:start;
}
.filter-block{display:flex;flex-direction:column;gap:11px;min-width:0}
.filter-block.span-2{grid-column:span 2}
.filter-label{
  font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);
}

/* select */
.filter-select{
  border:1px solid var(--line-2);border-radius:var(--radius-sm);
  padding:11px 13px;font-weight:500;font-size:14px;background:var(--surface);
  box-shadow:none;appearance:none;cursor:pointer;color:var(--ink);
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 18px) center,calc(100% - 13px) center;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
  transition:.16s ease;
}
.filter-select:hover{border-color:var(--muted)}
.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,77,28,.14)}

/* chips (segmented + pills) */
.filter-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer;user-select:none}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{
  display:inline-flex;align-items:center;padding:8px 14px;
  border:1px solid var(--line-2);border-radius:999px;background:var(--surface);
  font-weight:600;font-size:13.5px;color:var(--ink-2);line-height:1;
  transition:.15s ease;
}
.chip:hover span{border-color:var(--muted);color:var(--ink)}
.chip input:checked+span{
  background:var(--ink);color:#fff;border-color:var(--ink);
}
.chip input:checked+span::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);
  margin-right:8px;
}
.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}

/* price range slider */
.price-range{display:flex;flex-direction:column;gap:14px}
.price-values{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price-pill{
  font-weight:700;font-size:14px;color:var(--ink);
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:8px 12px;min-width:0;flex:1;text-align:center;
  font-variant-numeric:tabular-nums;
}
.price-pill span{color:var(--muted);font-weight:600;font-size:12px;display:block;margin-bottom:1px}
.price-dash{color:var(--muted);font-weight:700}
.range-wrap{position:relative;height:26px;display:flex;align-items:center;z-index:1}
.filter-panel{position:relative;z-index:1}
.range-track{
  position:absolute;left:0;right:0;height:5px;border-radius:999px;
  background:var(--line-2);
}
.range-fill{
  position:absolute;height:5px;border-radius:999px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
}
.range-wrap input[type=range]{
  position:absolute;left:0;right:0;width:100%;margin:0;
  -webkit-appearance:none;appearance:none;background:transparent;
  pointer-events:none;height:26px;
}
.range-wrap input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;pointer-events:auto;
  width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;
  border:2px solid var(--accent);box-shadow:0 2px 8px rgba(23,24,27,.22);
  transition:transform .12s ease;
}
.range-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}
.range-wrap input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05);box-shadow:var(--glow)}
.range-wrap input[type=range]::-moz-range-thumb{
  pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;
  cursor:pointer;border:2px solid var(--accent);box-shadow:0 2px 8px rgba(23,24,27,.22);
}
.range-wrap input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(255,77,28,.22)}

/* apply row */
.filter-actions{
  display:flex;justify-content:flex-end;gap:12px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
}
.btn-apply{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:var(--radius-sm);
  background:linear-gradient(145deg,var(--accent),var(--accent-ink));color:#fff;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;
  padding:12px 26px;cursor:pointer;text-decoration:none;box-shadow:var(--glow);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.btn-apply:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(255,77,28,.34);filter:brightness(1.04)}
.btn-apply:active{transform:translateY(0)}

/* ---------- product grid ---------- */
.products{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:22px}
.product-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;
  min-height:0;position:relative;
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,border-color .2s ease;
}
.product-card:hover{
  transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--line-2);
}
.product-card-link{padding:0;display:block}
.product-card-image{
  height:200px;border-radius:0;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fbfaf9,#f3f1ee);position:relative;overflow:hidden;
}
.product-card-image img{transition:transform .35s ease}
.product-card:hover .product-card-image img{transform:scale(1.04)}
.product-card .product-img{
  background:transparent;color:var(--muted);font-weight:700;letter-spacing:.04em;
}
.product-card h3{
  font-family:'Archivo',sans-serif;font-weight:700;text-transform:none;
  font-size:17px;line-height:1.28;letter-spacing:-.01em;color:var(--ink);
  margin:15px 16px 8px;min-height:44px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product-card:hover h3{color:var(--accent-ink)}
.product-card-bottom{padding:0 16px 16px;min-height:auto;display:block}
.product-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-card-category{
  color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.02em;
  text-transform:none;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.product-card-bottom b{
  font-family:'Archivo',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.01em;
  color:var(--ink);border-bottom:0;line-height:1;
}
/* cart button: reveal on hover, sits over price like before */
.product-card-bottom .cart-card-form{
  position:absolute;right:16px;bottom:14px;margin:0;
  opacity:0;transform:translateY(6px);transition:.18s ease;
}
.product-card:hover .cart-card-form{opacity:1;transform:translateY(0)}
.product-card:hover .product-card-bottom b{opacity:0}
.product-card-bottom button{
  border-radius:var(--radius-sm);border:0;
  background:var(--ink);color:#fff;font-family:'Archivo',sans-serif;
  font-weight:700;text-transform:none;letter-spacing:0;font-size:13px;
  padding:9px 15px;box-shadow:var(--shadow-sm);
  transition:transform .14s ease,background .16s ease,box-shadow .16s ease;
}
.product-card-bottom button:hover{background:var(--accent);transform:translateY(-1px);box-shadow:var(--glow)}

.catalog-empty{
  grid-column:1/-1;text-align:center;padding:56px 24px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}
.catalog-empty strong{
  font-family:'Archivo',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.01em;
  display:block;margin-bottom:8px;color:var(--ink);
}
.catalog-empty p{color:var(--muted);margin:0 auto 20px;max-width:420px}
.catalog-empty .btn-apply{display:inline-flex;width:auto}

/* ---------- footer ---------- */
.footer,.site-footer{
  background:var(--dark);color:#aeb1b7;border-top:1px solid rgba(255,255,255,.08);
  box-shadow:none;
}
.footer-links a,.footer-dev a{color:#e9e7e4;font-weight:600}
.footer-links a:hover,.footer-dev a:hover{color:var(--accent-2)}

/* ---------- storefront components (scoped, admin untouched) ---------- */
main .btn,
main button:not(.header-search):not(.gallery-arrow):not(.search-open):not(.search-close):not(.search-modal-close){
  border-radius:var(--radius-sm);border:0;
  background:linear-gradient(145deg,var(--accent),var(--accent-ink));color:#fff;
  font-family:'Archivo',sans-serif;font-weight:700;text-transform:none;letter-spacing:0;
  box-shadow:var(--shadow-sm);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
main .btn:hover,
main button:not(.header-search):not(.gallery-arrow):not(.search-open):not(.search-close):not(.search-modal-close):hover{
  transform:translateY(-1px);box-shadow:var(--glow);filter:brightness(1.04);
}
main .btn-light{
  background:var(--surface);color:var(--ink);border:1px solid var(--line-2);
  box-shadow:var(--shadow-sm);
}
main .btn-light:hover{border-color:var(--accent);color:var(--accent-ink);filter:none}
main .favorite-btn.active{background:rgba(255,77,28,.10);color:var(--accent-ink);border-color:var(--accent)}

main .panel,.product-detail.panel,.product-description.panel,
.not-found-card,.auth-box,.page-card{
  border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-md);
}
main .badge{
  border-radius:999px;background:rgba(255,77,28,.10);color:var(--accent-ink);
  border:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;
  padding:7px 14px;
}
.product-page .price,.product-detail .price{
  font-family:'Archivo',sans-serif;color:var(--ink);font-weight:900;letter-spacing:-.02em;
}
main input:not([type=radio]):not([type=checkbox]):not([type=range]),
main textarea,main select{
  border-radius:var(--radius-sm);border:1px solid var(--line-2);box-shadow:none;
}
main input:focus,main textarea:focus,main select:focus{
  outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,77,28,.14);
}
.gallery-arrow{
  border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.94);
  box-shadow:var(--shadow-md);color:var(--ink);
}
.gallery-thumb{border-radius:var(--radius-sm);border:2px solid var(--line)}
.gallery-thumb.active{border-color:var(--accent)}
.product-detail-img,.product-img.big{border-radius:var(--radius-lg);border:1px solid var(--line)}
.product-tags span{
  border-radius:999px;background:rgba(255,77,28,.10);color:var(--accent-ink);font-weight:700;
}
main .alert{border-radius:var(--radius-sm);border:1px solid #f3c2c2}
main .success{border-radius:var(--radius-sm);border:1px solid #bfe3c9}
.cookie-panel{border-radius:var(--radius-lg);background:var(--dark);border:1px solid rgba(255,255,255,.1)}
.cookie-panel .btn{border-radius:var(--radius-sm)}
.not-found-code{color:var(--accent);font-family:'Archivo',sans-serif;font-weight:900}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .site-header{flex-wrap:wrap;gap:14px}
  .filter-actions{justify-content:stretch}
  .btn-apply{flex:1}
}
@media(max-width:700px){
  .home-simple{padding-top:28px}
  .products{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}
  .product-card-image{height:150px}
  .product-card h3{font-size:15px;margin:12px 12px 6px;min-height:38px}
  .product-card-bottom{padding:0 12px 12px}
  .product-card-bottom .cart-card-form{position:static;opacity:1;transform:none;margin-top:10px}
  .product-card:hover .product-card-bottom b{opacity:1}
  .product-card-bottom button{width:100%}
  .filter-form{padding:16px}
}

/* =====================================================================
   Slim header + mobile refinements (v3)
   ===================================================================== */
/* settings: current media with delete button */
.settings-media-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 6px}
.settings-media-row .settings-preview,.settings-media-row .settings-favicon{margin:0}
.btn-remove-media{
  display:inline-flex;align-items:center;gap:7px;
  background:#fff;color:#c0392b;border:1px solid #f0c9c2;border-radius:10px;
  padding:9px 14px;font-weight:700;font-size:14px;cursor:pointer;
  transition:.15s ease;
}
.btn-remove-media:hover{background:#c0392b;color:#fff;border-color:#c0392b}

/* import progress UI */
.import-progress{margin-top:18px}
.import-bar{height:12px;border-radius:999px;background:var(--bg-2);overflow:hidden;border:1px solid var(--line)}
.import-bar > i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}
.import-stat{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-weight:600}
.import-stat b{font-family:'Archivo',sans-serif;font-size:22px;display:block;color:var(--ink)}
.import-stat span{color:var(--muted);font-size:13px}
.import-log{margin-top:16px;max-height:220px;overflow:auto;background:#0f1013;color:#c8e6d0;border-radius:12px;padding:14px;font:13px/1.5 'JetBrains Mono',monospace;white-space:pre-wrap}

/* =====================================================================
   MOBILE / RESPONSIVE (authoritative overrides — keep last)
   ===================================================================== */
@media(max-width:960px){
  .site-header{height:58px;gap:10px}
  .main-menu{display:none !important}
  .burger-open{display:grid}
  .cart-link b{display:none}
  .cart-link{padding:0;width:40px;justify-content:center}
}
@media(max-width:640px){
  .section{padding:0 16px}
  .home-simple{padding-top:30px}
  .logo{font-size:17px}
  .logo .logo-mark{width:31px;height:31px;font-size:15px}
  .logo img{width:31px;height:31px}
  .header-actions{gap:2px}
  .icon-action{width:38px;height:38px}
  .cart-link{width:38px;height:38px}

  /* hero */
  .hero-eyebrow{font-size:11px;padding:6px 11px;margin-bottom:16px}
  .home-simple h1{font-size:clamp(32px,9vw,44px);letter-spacing:-.03em}
  .home-simple .lead,.lead{font-size:16px}

  /* filter: stack, comfortable spacing, apply full width */
  .filter-form{padding:16px;border-radius:18px}
  .filter-grid{grid-template-columns:1fr;gap:16px 0}
  .filter-block.span-2{grid-column:auto}
  .filter-head{padding-bottom:14px;margin-bottom:14px}
  .filter-title{font-size:16px}
  .filter-actions{justify-content:stretch;margin-top:16px;padding-top:14px}
  .btn-apply{width:100%;padding:14px}
  .chip span{padding:9px 14px;font-size:14px}
  .range-wrap{height:34px}
  .range-wrap input[type=range]::-webkit-slider-thumb{width:24px;height:24px}
  .range-wrap input[type=range]::-moz-range-thumb{width:24px;height:24px}
  .price-pill{padding:9px 10px}

  /* products: 2 up on phones */
  .products{grid-template-columns:repeat(2,1fr);gap:12px}
  .product-card{border-radius:12px}
  .product-card-image{height:135px}
  .product-card h3{font-size:14px;line-height:1.25;margin:11px 12px 6px;min-height:36px}
  .product-card-bottom{padding:0 12px 12px}
  .product-card-category{font-size:11px;max-width:100%}
  .product-card-bottom b{font-size:16px;opacity:1 !important}
  /* on touch, don't hide price behind hover button — show button below */
  .product-card-bottom .cart-card-form{position:static;opacity:1;transform:none;margin-top:10px}
  .product-card:hover .product-card-bottom b{opacity:1}
  .product-card-bottom button{width:100%;padding:10px;font-size:13px}

  .catalog-bar h2{font-size:22px}

  /* footer breathing room */
  .footer,.site-footer{padding:22px 16px}
  .footer-inner{gap:10px}
}
@media(max-width:380px){
  .products{grid-template-columns:1fr}
  .product-card-image{height:180px}
}


/* user fixes: bigger logo + admin products bulk actions */
.site-header{height:76px;}
.logo img{width:auto!important;height:54px!important;max-width:170px;border-radius:0!important;}
.logo .logo-mark{width:46px;height:46px;font-size:21px;}
.admin-bulk-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow-sm,0 8px 20px rgba(0,0,0,.05));}
.admin-check-all{display:flex;align-items:center;gap:8px;font-weight:800;}
.admin-check-all input,.check-col input{width:18px!important;height:18px;}
.admin-products-table .check-col{width:42px;text-align:center;}
.product-actions{gap:10px;justify-content:flex-start;flex-wrap:nowrap;}
.product-actions .btn{margin:0;white-space:nowrap;}
@media(max-width:960px){.site-header{height:70px}.logo img{height:48px!important;max-width:150px}.logo .logo-mark{width:42px;height:42px}.main-menu{display:none!important}}
@media(max-width:640px){.site-header{height:66px}.logo{font-size:18px}.logo img{height:44px!important;max-width:136px}.logo .logo-mark{width:40px;height:40px;font-size:18px}.admin-products-table{min-width:930px}.admin-page{overflow-x:auto}.product-actions{flex-wrap:wrap}}

/* catalog: compact accordion filters and pagination */
.filter-accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.filter-details{padding:0;overflow:hidden}.filter-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:18px 20px;font-weight:900;border-bottom:1px solid transparent}.filter-details summary::-webkit-details-marker{display:none}.filter-details summary:after{content:'⌄';color:#9ca3af;font-size:18px;transition:.2s}.filter-details[open] summary{border-bottom-color:#eef0f4}.filter-details[open] summary:after{transform:rotate(180deg)}.filter-details summary b{font-size:13px;color:#8b93a1;font-weight:800;white-space:nowrap}.filter-details .filter-chips,.filter-details .price-range,.filter-details .filter-select{margin:16px 20px 20px}.compact-chips{max-height:220px;overflow:auto;padding-right:6px}.filter-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.75),#fff 40%);padding-top:18px}.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:28px 0 0}.pagination a{min-width:42px;height:42px;padding:0 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#111827;box-shadow:0 8px 22px rgba(15,23,42,.05)}.pagination a.active{background:#ff3d16;color:#fff;border-color:#ff3d16}.admin-pagination{justify-content:flex-start}.attribute-values-textarea{min-height:280px;white-space:pre;overflow:auto;font-family:inherit;line-height:1.7}.media-grid-new{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
@media(max-width:900px){.filter-accordion{grid-template-columns:1fr}.filter-details summary{padding:16px}.filter-details .filter-chips,.filter-details .price-range,.filter-details .filter-select{margin:14px 16px 18px}.compact-chips{max-height:180px}.pagination a{min-width:38px;height:38px}.catalog-count{white-space:nowrap}}

/* Filter settings page + compact homepage filter */
.filter-master{margin-top:14px;border:1px solid #eef0f4;border-radius:22px;background:#fff;overflow:hidden}
.filter-master>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;cursor:pointer;font-weight:900}
.filter-master>summary::-webkit-details-marker{display:none}
.filter-master>summary:after{content:'⌄';color:#9ca3af;font-size:18px;transition:.2s}
.filter-master[open]>summary{border-bottom:1px solid #eef0f4}
.filter-master[open]>summary:after{transform:rotate(180deg)}
.filter-master>summary b{font-size:13px;color:#8b93a1;white-space:nowrap}
.filter-master .filter-grid{padding:16px 20px 6px}
.filter-master .filter-actions{padding:16px 20px 20px}
.filter-admin-form{max-width:1000px}
.filter-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
.filter-admin-grid h2{font-size:24px;margin:0 0 14px}
.admin-check-list{display:grid;gap:10px;max-height:560px;overflow:auto;padding-right:6px}
.admin-check-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;font-weight:800}
.admin-check-row input{width:auto}
.admin-check-row small{color:#8b93a1;font-weight:800;white-space:nowrap}
.admin-check-row.is-empty{opacity:.55}
.filter-tags-check{margin:18px 0 0}
.filter-admin-actions{margin-top:18px;display:flex;justify-content:flex-end}
@media(max-width:900px){.filter-admin-grid{grid-template-columns:1fr}.admin-check-list{max-height:none}.filter-master .filter-grid{padding:12px}.filter-master .filter-actions{padding:12px}}

/* content pages and admin improvements */
.admin-form-divider{grid-column:1/-1;margin:10px 0 0;padding-top:14px;border-top:1px solid rgba(15,23,42,.08);font-size:18px;color:#111827}.media-stats{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.menu-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.menu-page-row{margin:10px 0}.menu-page-row small{color:#8a94a6}.page-view .page-card{max-width:1180px;margin:0 auto}.pretty-page{font-size:18px;line-height:1.8;color:#74809a}.pretty-page h1{font-size:clamp(30px,4vw,48px);line-height:1.1;color:#172033;margin:0 0 28px}.pretty-page h2{font-size:24px;color:#172033;margin:20px 0 8px}.pretty-page a{color:#ff3d1f}.info-box{background:#fff;border:1px solid rgba(30,50,90,.10);border-radius:26px;padding:34px 38px;box-shadow:0 20px 60px rgba(15,23,42,.07)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 22px}.contact-card{background:#fff;border:1px solid rgba(30,50,90,.10);border-radius:24px;padding:26px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.map-grid iframe{width:100%;height:420px;border:0;border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.08)}@media(max-width:900px){.menu-admin-grid,.contact-grid,.map-grid{grid-template-columns:1fr}.info-box{padding:24px}.map-grid iframe{height:330px}}


/* July 2026 catalogue usability refinements */
@media (min-width:961px){
  .site-header{height:92px;padding:14px clamp(34px,5vw,86px);gap:34px}
  .logo img{height:68px!important;max-width:220px!important}
  .logo .logo-mark{width:58px;height:58px;font-size:25px}
  .main-menu{gap:28px;font-size:15px;font-weight:750}
  .header-actions{gap:10px}
  .header-phone{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:7px 14px;margin-right:4px;border-right:1px solid rgba(255,255,255,.15);line-height:1.15;color:#fff}
  .header-phone span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#aeb4bf;font-weight:800}
  .header-phone b{font-size:16px;white-space:nowrap}
}
@media (max-width:960px){.header-phone{display:none!important}}

.filter-details.has-selection>summary{background:#fff7c7}
.filter-details.has-selection>summary span{color:#171717}
.filter-details.has-selection>summary b{color:#8a6700}
.filter-details.has-selection{border-color:#efd66b;box-shadow:0 0 0 1px rgba(239,214,107,.22)}
.chip input:checked+span{background:#ffe36e;color:#171717;border-color:#e4bf27}
.chip input:checked+span::before{background:#d37a00}
.filter-value-search-wrap{margin:14px 20px 0}
.filter-value-search{height:40px;padding:9px 38px 9px 13px;border-radius:12px;border:1px solid #dfe3ea;background:#fff;font-size:13px;font-weight:600;background-image:linear-gradient(45deg,transparent,transparent)}
.filter-value-search:focus{outline:none;border-color:#e9bd20;box-shadow:0 0 0 3px rgba(255,227,110,.35)}
.filter-value-search::placeholder{color:#9aa2af}
.compact-chips.no-filter-results::after{content:'Значение не найдено';display:block;width:100%;padding:10px 2px;color:#8b93a1;font-size:13px;font-weight:700}

.product-card-image{padding:10px;background:#fff}
.product-card-image img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:10px;background:#f7f7f5}
.product-card:hover .product-card-image img{transform:scale(1.02)}
@media(max-width:900px){.filter-value-search-wrap{margin:12px 16px 0}}

/* Product gallery zoom and touch-friendly horizontal thumbnails */
.gallery-main-wrap{overflow:hidden;touch-action:pan-y;cursor:zoom-in}
.gallery-zoom{position:absolute;right:14px;top:14px;z-index:3;width:44px;height:44px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(15,23,42,.16);display:grid;place-items:center;font-size:25px;font-weight:900;color:#171717;cursor:pointer}
.gallery-thumbs{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:2px 2px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
.gallery-thumb{flex:0 0 auto;scroll-snap-align:start}
.gallery-thumbs::-webkit-scrollbar{height:8px}.gallery-thumbs::-webkit-scrollbar-track{background:#f1f1ef;border-radius:999px}.gallery-thumbs::-webkit-scrollbar-thumb{background:#c9c9c5;border-radius:999px}
.product-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(10,10,12,.92);display:none;align-items:center;justify-content:center;padding:70px 80px 40px}
.product-lightbox.open{display:flex}
.product-lightbox img{display:block;max-width:min(1200px,92vw);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.product-lightbox-close,.product-lightbox-arrow{position:absolute;border:0;background:rgba(255,255,255,.94);color:#111;border-radius:999px;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.product-lightbox-close{right:22px;top:18px;width:48px;height:48px;font-size:34px}
.product-lightbox-arrow{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:38px}.lightbox-prev{left:22px}.lightbox-next{right:22px}
body.lightbox-open{overflow:hidden}
@media(max-width:700px){.gallery-zoom{width:40px;height:40px;right:10px;top:10px}.product-lightbox{padding:64px 12px 24px}.product-lightbox img{max-width:96vw;max-height:82vh}.product-lightbox-arrow{width:44px;height:44px;font-size:32px;top:auto;bottom:12px}.lightbox-prev{left:calc(50% - 54px)}.lightbox-next{right:calc(50% - 54px)}.product-lightbox-close{width:42px;height:42px;right:12px;top:12px;font-size:30px}}

/* Product details, gallery controls, editor attributes, garage and mobile cart. */
.gallery-arrow,.gallery-zoom,.product-lightbox-close,.product-lightbox-arrow{padding:0;line-height:1}
.gallery-arrow svg,.gallery-zoom svg,.product-lightbox-close svg,.product-lightbox-arrow svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.gallery-arrow{display:grid!important;place-items:center}.gallery-zoom{display:grid!important;place-items:center}.gallery-zoom svg{width:21px;height:21px}.product-lightbox-close svg{width:25px;height:25px}.product-lightbox-arrow svg{width:27px;height:27px}
.product-attributes{margin-top:20px}.product-attributes h2{margin:0 0 14px}.product-attributes-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.product-attributes-list>div{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(0,1.2fr);gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line,#e5e7eb)}.product-attributes-list dt{color:var(--muted,#64748b);font-size:14px;font-weight:700}.product-attributes-list dd{margin:0;font-weight:800;color:var(--ink,#111827);overflow-wrap:anywhere}
.attribute-pickers{gap:10px}.attribute-picker{padding:0;overflow:hidden;background:#fff}.attribute-picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;cursor:pointer}.attribute-picker summary::-webkit-details-marker{display:none}.attribute-picker summary span{color:var(--muted,#64748b);font-size:12px;font-weight:800}.attribute-picker summary:after{content:'⌄';font-size:18px;color:#8b93a1;transition:transform .18s ease}.attribute-picker[open] summary{border-bottom:1px solid #e5e7eb}.attribute-picker[open] summary:after{transform:rotate(180deg)}.attribute-search-wrap{display:block;padding:12px 14px 0;color:var(--muted,#64748b);font-size:12px;font-weight:800}.attribute-value-search{margin-top:6px;padding:10px 12px!important;font-size:14px}.attribute-values{max-height:210px;overflow:auto;margin:10px 14px 14px;padding-right:4px}.attribute-values.no-attribute-results:after{content:'Значение не найдено';width:100%;display:block;padding:8px 0;color:var(--muted,#64748b);font-size:13px;font-weight:700}.attribute-picker>small{display:block;padding:0 14px 14px}
.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-card.nice{min-width:0}
.admin-products-search{display:flex;align-items:center;gap:10px;margin:0 0 8px}.admin-products-search input{flex:1;min-width:0}.admin-products-search .btn{white-space:nowrap}.admin-search-result{margin:0 0 14px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.attribute-picker.has-selected-values{border-color:rgba(255,77,28,.55);box-shadow:0 0 0 2px rgba(255,77,28,.09)}.attribute-picker.has-selected-values summary{background:rgba(255,77,28,.07)}.attribute-picker.has-selected-values summary span{color:var(--accent-ink,#d84422)}.attribute-picker.has-selected-values .attribute-check:has(input:checked){border-color:var(--accent,#ff4d1c);background:rgba(255,77,28,.10);color:var(--accent-ink,#d84422)}
.product-page-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.product-info-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.product-admin-edit{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 11px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:#fff;color:var(--muted,#64748b);font-size:13px;font-weight:800;transition:.16s ease}.product-admin-edit:hover{border-color:var(--accent,#ff4d1c);color:var(--accent-ink,#d84422)}.product-taxonomy{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.product-taxonomy .badge{margin:0}.product-attribute-badge{display:inline-flex;gap:4px;align-items:center;padding:7px 11px;border-radius:999px;background:#f3f5f8;border:1px solid var(--line,#e5e7eb);color:var(--ink,#111827);font-size:13px;font-weight:650;max-width:100%;overflow-wrap:anywhere}.product-attribute-badge b{color:var(--muted,#64748b);font-weight:800}.product-admin-attributes-empty{display:inline-flex;margin:-4px 0 12px;color:var(--accent-ink,#d84422);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.product-attributes-list{grid-template-columns:1fr;gap:0}.product-attributes-list>div{grid-template-columns:1fr;gap:4px;padding:11px 0}.gallery-arrow{width:42px!important;height:42px!important}.gallery-arrow svg{width:21px;height:21px}.garage-grid{grid-template-columns:1fr}.cart-table-wrap{overflow:visible;padding:14px}.cart-table,.cart-table tbody,.cart-table tr,.cart-table td{display:block;width:100%;min-width:0}.cart-table thead,.cart-table tr:first-child{display:none}.cart-table{background:transparent;border-radius:0}.cart-table tr{position:relative;margin:0 0 12px;padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:#fff}.cart-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border:0;text-align:right}.cart-table td:not(.cart-product):not(.cart-remove):before{content:attr(data-label);color:var(--muted,#64748b);font-size:13px;font-weight:800;text-align:left}.cart-table .cart-product{display:flex;justify-content:flex-start;padding:0 36px 12px 0;text-align:left;border-bottom:1px solid var(--line,#e5e7eb)}.cart-table .cart-product:before{display:none}.cart-product img{width:68px;height:54px;flex:0 0 auto}.cart-table .cart-remove{position:absolute;right:10px;top:10px;width:auto;padding:0}.cart-table .cart-remove .btn{width:30px;height:30px;padding:0;font-size:0;border-radius:10px}.cart-table .cart-remove .btn:after{content:'×';font-size:22px;line-height:1}.cart-table .qty-input{width:82px;max-width:82px;padding:10px}.cart-total{justify-content:space-between;font-size:21px;margin:18px 0}.cart-actions{display:grid;grid-template-columns:1fr;gap:9px}.cart-actions .btn{width:100%}}
@media(max-width:700px){.admin-products-search{display:grid;grid-template-columns:1fr 1fr}.admin-products-search input{grid-column:1/-1}.product-info-top{gap:8px}.product-admin-edit span{display:none}.product-admin-edit{width:34px;height:34px;justify-content:center;padding:0;font-size:18px}.product-attribute-badge{font-size:12px;padding:6px 9px}}

/* Product attributes and admin shortcuts */
.product-page-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.product-admin-edit{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-sm);transition:.18s ease}
.product-admin-edit:hover{color:#fff;background:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--glow)}
.product-attributes-card{margin-top:20px;padding:24px}
.product-attributes-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px}
.product-attributes-head h2{margin:0}
.product-attributes-head>span{font-size:13px;font-weight:700;color:var(--muted)}
.product-attributes-list{margin:0;display:grid}
.product-attribute-row{display:grid;grid-template-columns:minmax(160px,32%) minmax(0,1fr);gap:20px;padding:15px 0;border-top:1px solid var(--line)}
.product-attribute-row:first-child{border-top:0}
.product-attribute-row dt{font-weight:800;color:var(--ink-2)}
.product-attribute-row dd{margin:0;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-start}
.product-attribute-row dd span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:rgba(255,77,28,.08);border:1px solid rgba(255,77,28,.18);color:var(--accent-ink);font-size:13px;font-weight:800}
.product-view-link{margin-top:10px;width:100%;text-align:center}
@media(max-width:650px){.product-attributes-card{padding:18px}.product-attribute-row{grid-template-columns:1fr;gap:8px;padding:14px 0}.product-attributes-head>span{display:none}}

/* Related products editor and storefront */
.related-product-search-wrap{position:relative}.related-product-results{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);max-height:330px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:6px}.related-product-results button{width:100%;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;text-align:left;border:0;background:#fff;padding:8px;border-radius:10px;cursor:pointer}.related-product-results button:hover{background:#f6f7f9}.related-product-results img,.related-product-results i{width:46px;height:42px;object-fit:cover;border-radius:8px;background:#f1f3f5;display:grid;place-items:center;font-style:normal}.related-product-results span,.selected-related-item span{min-width:0;display:grid}.related-product-results b,.selected-related-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-product-results small,.selected-related-item small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-product-results p{padding:12px;margin:0;color:var(--muted)}.selected-related-products{display:grid;gap:8px;margin-top:12px}.selected-related-item{display:grid;grid-template-columns:52px minmax(0,1fr) 34px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}.selected-related-item>img{width:52px;height:46px;object-fit:cover;border-radius:9px}.related-remove{width:32px;height:32px;border:0;border-radius:9px;background:#f1f2f4;font-size:21px;cursor:pointer}.related-remove:hover{background:#ffe6df;color:var(--accent-ink)}.related-products-section,.cart-related-products{margin-top:24px}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}.section-title-row h2{margin:0}.section-title-row span{color:var(--muted);font-weight:700}.related-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-admin-edit span{font-size:18px;line-height:1}
/* Lightweight pixel racing game on 404 */
.racing-404{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,430px);gap:24px;align-items:center;max-width:1050px;margin:0 auto;padding:42px 20px}.race-game-card{background:#17191d;color:#fff;border-radius:24px;padding:16px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.race-game-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.race-game-head>div:first-child{display:grid;gap:3px}.race-game-head span{font-size:12px;color:#b8bdc7}.race-score{display:flex;gap:10px}.race-score span{display:grid;text-align:center;background:#252831;padding:6px 9px;border-radius:9px}.race-score b{font-size:16px;color:#ff6b3d}.race-game-card canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:14px;border:3px solid #353944;background:#292b30}.race-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:9px;margin-top:12px}.race-controls button{border:0;border-radius:11px;padding:11px;background:#30343d;color:#fff;font-weight:900;font-size:17px;cursor:pointer}.race-controls #raceStart{background:var(--accent)}.race-game-card>small{display:block;text-align:center;color:#aeb4bf;margin-top:9px}
@media(max-width:900px){.racing-404{grid-template-columns:1fr;max-width:620px}.related-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.related-products-grid{grid-template-columns:1fr 1fr;gap:10px}.related-products-grid .product-card h3{font-size:15px}.related-products-grid .product-card-image{height:130px}.section-title-row span{display:none}.race-game-card{padding:10px}.race-game-head{display:grid}.race-score{justify-content:start}}

/* 404 layout, centred close icons and adaptive desktop navigation */
.main-menu{gap:clamp(14px,1.45vw,30px);max-width:min(68vw,1080px);white-space:nowrap}
.main-menu a{font-size:clamp(13px,.86vw,16px)}
@media(max-width:1180px) and (min-width:961px){.main-menu{gap:clamp(10px,1vw,17px);max-width:66vw}.main-menu a{font-size:clamp(12px,1.05vw,14px)}}

.nav-drawer-close,.search-modal-close{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}
.nav-drawer-close svg{display:block;margin:auto}
@media(max-width:700px){
  .cart-table .cart-remove .btn{display:grid;place-items:center;line-height:1!important;text-align:center}
  .cart-table .cart-remove .btn:after{display:block;line-height:1;transform:translateY(-1px)}
}

.racing-404{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;max-width:760px;min-height:calc(100vh - 180px);margin:0 auto;padding:48px 20px 56px;text-align:center}
.racing-404 .not-found-card{width:min(100%,620px);padding:34px 38px}
.racing-404 .not-found-code{font-size:clamp(72px,10vw,118px);line-height:.9;margin-bottom:18px}
.racing-404 .not-found-card h1{font-size:clamp(30px,5vw,46px);line-height:1.08;margin:0 0 14px}
.racing-404 .not-found-card p{max-width:540px;margin:0 auto 22px;color:var(--muted);font-size:16px;line-height:1.65}
.racing-404 .hero-buttons{justify-content:center}
.race-game-wrap{width:min(100%,390px)}
.race-game-intro{margin:0 0 10px;color:var(--muted);font-size:14px;font-weight:700}
.race-game-card{text-align:left;border-radius:20px;padding:13px}
.race-game-card canvas{max-height:400px}
.race-game-head{margin-bottom:9px}
.race-controls{margin-top:9px}
.race-controls button{touch-action:manipulation;user-select:none;-webkit-user-select:none}
@media(max-width:520px){
  .racing-404{min-height:auto;padding:30px 14px 42px;gap:22px}
  .racing-404 .not-found-card{padding:28px 18px}
  .racing-404 .not-found-code{font-size:76px}
  .racing-404 .not-found-card h1{font-size:30px}
  .racing-404 .not-found-card p{font-size:15px}
  .race-game-wrap{width:min(100%,340px)}
  .race-game-card{padding:10px}
  .race-game-card canvas{width:100%;max-height:none}
  .race-game-head{grid-template-columns:1fr auto;display:grid;align-items:start}
  .race-score{justify-content:end}
}

/* Спокойное оформление списка сопутствующих товаров в админке */
.related-product-results{background:#fff!important;border-color:#dfe4ea!important;padding:8px!important}
.related-product-results button{background:#fff!important;color:#17191d!important;border:1px solid transparent!important;margin:2px 0!important}
.related-product-results button:hover{background:#f6f7f9!important;border-color:#e4e7eb!important}
.related-product-results small{color:#7d8490!important}.related-product-results b{color:#17191d!important}
.consent-check{align-items:flex-start!important;font-size:14px;line-height:1.45;font-weight:500!important}.consent-check input{margin-top:3px}.consent-check a{text-decoration:underline;color:var(--accent,#f04a23)}
.admin-form-divider{margin-top:10px}.form-grid select{width:100%;border:1px solid #d6deea;border-radius:14px;padding:13px 14px;background:#fff;font:inherit}
.admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.admin-title-row h1{margin-bottom:4px}.admin-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0 28px}.admin-stat-card{background:#fff;border:1px solid rgba(30,50,90,.1);border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:8px}.admin-stat-card span{color:#6b7280;font-weight:700}.admin-stat-card b{font-size:34px;line-height:1}.admin-stat-card small{color:#8a94a6}.admin-stat-card.accent{border-color:#ffb6a8;background:#fff7f4}.admin-nav-badge{margin-left:auto;min-width:22px;height:22px;border-radius:999px;background:#ff3d1f;color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px}.request-page{max-width:920px}.request-hero{text-align:center;margin:30px auto}.request-hero span{color:#ff3d1f;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.request-hero h1{font-size:clamp(36px,6vw,62px);margin:10px 0}.request-hero p{max-width:720px;margin:auto;color:#6b7280;font-size:18px}.request-form{display:grid;gap:18px;padding:28px}.request-form label{display:grid;gap:8px;font-weight:800}.request-form small{color:#7b8497;font-weight:500}.request-register-note{padding:18px 20px;border-radius:18px;background:#fff3ee;border:1px solid #ffd0c4;margin-bottom:18px}.request-register-note a{color:#ff3d1f;font-weight:900}.status-filters{display:flex;gap:8px;flex-wrap:wrap}.status-filters a{padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-weight:800}.request-status{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:900;font-size:13px;background:#eef2ff}.request-status.new{background:#fff0eb;color:#d93615}.request-status.in_work{background:#fff7d6;color:#8a6500}.request-status.done{background:#e5f8eb;color:#147c36}.request-admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.request-text{white-space:normal;line-height:1.7}.request-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.request-images img{width:100%;height:180px;object-fit:cover;border-radius:16px}.stats-table{min-width:850px}@media(max-width:1100px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.admin-stats-grid{grid-template-columns:1fr}.request-admin-grid{grid-template-columns:1fr}.request-form{padding:18px}.request-images{grid-template-columns:repeat(2,1fr)}.request-images img{height:130px}}

.garage-picker{border:1px solid #e5e7eb;border-radius:16px;padding:16px}.garage-picker-head,.account-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.garage-picker-head small{display:block;color:#7b8494;margin-top:3px}.garage-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.garage-choice{display:block;cursor:pointer}.garage-choice input{position:absolute;opacity:0}.garage-choice span{display:grid;grid-template-columns:54px 1fr;gap:4px 12px;align-items:center;padding:12px;border:2px solid #e6e8ec;border-radius:14px;background:#fff}.garage-choice img{width:54px;height:54px;object-fit:cover;border-radius:10px;grid-row:1/3}.garage-choice small{color:#727b89}.garage-choice input:checked+span{border-color:#ff4b22;background:#fff7f4;box-shadow:0 0 0 3px rgba(255,75,34,.1)}.request-empty-car{padding:18px;border-radius:12px;background:#fff6e8;color:#7c4a00}.modal-overlay{position:fixed;inset:0;background:rgba(14,18,26,.64);z-index:10000;display:grid;place-items:center;padding:20px}.modal-overlay[hidden]{display:none}.modal-card{position:relative;width:min(520px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:10px;font-size:28px;line-height:1;background:#f2f3f5}.account-product-requests{margin-top:24px}.request-history-list{display:grid;gap:16px}.request-history-card{border:1px solid #e5e7eb;border-radius:16px;padding:18px}.request-history-top{display:flex;justify-content:space-between;gap:12px}.request-history-top small{display:block;color:#7d8592;margin-top:3px}.manager-answer{margin-top:14px;padding:15px;border-left:4px solid #ff4b22;background:#fff7f4;border-radius:10px}.request-products{margin-top:16px}.request-product-picker input[type=search]{margin:8px 0}.product-picker-results{max-height:360px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:6px}.product-picker-results label{display:block}.product-picker-results label>input{position:absolute;opacity:0}.product-picker-results label>span{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:9px;cursor:pointer}.product-picker-results label>span:hover{background:#f6f7f9}.product-picker-results label>input:checked+span{background:#eef7ff;box-shadow:inset 0 0 0 2px #2f80ed}.product-picker-results img{width:44px;height:44px;object-fit:cover;border-radius:8px}.product-picker-results small{color:#6f7783}.selected-products{display:none}.mail-test-box{display:flex;gap:12px;align-items:end;padding:14px;border:1px dashed #cfd5dd;border-radius:12px}.mail-test-box label{flex:1}.notification-settings{display:grid;gap:9px;padding:14px;border:1px solid #e4e7eb;border-radius:12px}.form-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:640px){.garage-picker-head,.account-section-head,.mail-test-box{align-items:stretch;flex-direction:column}.garage-choice-list{grid-template-columns:1fr}.form-actions .btn{width:100%}}

/* Product request refinements */
.account-product-requests{margin-top:20px;width:100%;box-sizing:border-box}
.account-product-requests .account-section-head{align-items:flex-start}
.request-history-list{display:grid;gap:16px;margin-top:16px}
.request-history-card{background:#fff;border:1px solid #e7e9ee;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.request-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #edf0f4}
.request-history-top b{font-size:18px}.request-history-top small{display:block;color:#7d8592;margin-top:4px}
.request-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.request-history-grid>div,.request-description{display:grid;gap:5px;padding:14px;border-radius:14px;background:#f8f9fb;border:1px solid #edf0f4}
.request-history-grid span,.request-description>span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#7a8392;font-weight:800}
.request-description{margin-top:12px}.request-description p{margin:0;line-height:1.65}
.request-user-images{margin-top:16px}.request-user-images>b{display:block;margin-bottom:10px}.request-user-images>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.request-user-images a{display:block;border:1px solid #e5e7eb;border-radius:13px;overflow:hidden;background:#f6f7f9;aspect-ratio:1/1}
.request-user-images img{display:block;width:100%;height:100%;object-fit:cover}
.admin-request-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-request-actions form{margin:0}
.request-photo-panel{margin-top:18px}.request-photo-count{padding:7px 11px;border-radius:999px;background:#f2f4f7;color:#697386;font-weight:800;font-size:13px}
.request-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.request-image-card{position:relative;display:block;border:1px solid #e4e7ec;border-radius:16px;overflow:hidden;background:#f4f5f7;min-height:180px}
.request-image-card img{display:block;width:100%;height:180px;object-fit:cover;background:#eef0f3}
.request-image-card span{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:10px;background:rgba(18,22,29,.78);color:#fff;text-align:center;font-weight:800;font-size:13px}
.success-modal-card{text-align:center;max-width:500px}.success-modal-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#e7f8ec;color:#16813a;font-size:34px;font-weight:900}.success-modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:760px){.request-history-grid{grid-template-columns:1fr}.request-history-card{padding:16px}.request-history-top{align-items:center}.account-product-requests .account-section-head{align-items:stretch;flex-direction:column}.account-product-requests .account-section-head .btn{width:100%;text-align:center}.request-images{grid-template-columns:repeat(2,minmax(0,1fr))}.request-image-card,.request-image-card img{min-height:130px;height:130px}.admin-request-actions{width:100%;justify-content:space-between}}


/* Guest requests and compact selected products */
.request-client-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;vertical-align:middle}
.request-client-badge.registered{background:#e8f7ed;color:#16733a}
.request-client-badge.guest{background:#fff2df;color:#9a5700}
.guest-request-note{display:grid;gap:5px;margin:14px 0;padding:14px 16px;border:1px solid #ffd49a;border-radius:14px;background:#fff8eb;color:#704400}
.guest-request-note span{font-size:14px;line-height:1.5}
.guest-status-only{padding:16px;border:1px dashed #f0b15d;border-radius:14px;background:#fffaf2}
.guest-status-only>span{display:inline-flex;margin-bottom:7px;padding:5px 9px;border-radius:999px;background:#fff0d8;color:#965800;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.guest-status-only p{margin:0;line-height:1.55;color:#6f5738}.guest-status-only a{font-weight:900;color:#d94820}
.request-product-list{display:grid;gap:10px;margin-top:10px}
.request-product-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto 24px;align-items:center;gap:14px;padding:10px 12px;border:1px solid #e5e8ed;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease}
.request-product-row:hover{border-color:#ff9f88;box-shadow:0 8px 22px rgba(30,38,54,.08);transform:translateY(-1px)}
.request-product-thumb{display:grid;place-items:center;width:72px;height:58px;border-radius:10px;overflow:hidden;background:#f2f4f7;font-size:25px}
.request-product-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.request-product-info{display:grid;gap:4px;min-width:0}.request-product-info strong{font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-product-info small{color:#7a8391}
.request-product-price{white-space:nowrap;font-size:17px}.request-product-arrow{display:grid;place-items:center;color:#ff4b22;font-size:20px;font-weight:900}
@media(max-width:640px){.request-product-row{grid-template-columns:58px minmax(0,1fr) 20px;gap:10px;padding:9px}.request-product-thumb{width:58px;height:52px}.request-product-price{grid-column:2/3;font-size:15px}.request-product-arrow{grid-column:3;grid-row:1/3}.request-product-info strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.guest-request-note{padding:12px}}


/* Роли пользователей и кабинет менеджера */
.admin-role-label{padding:0 12px 10px;color:#93a0b4;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#eef2f7;color:#354052;white-space:nowrap}
.role-badge.role-admin{background:#fff0eb;color:#e9471c}.role-badge.role-manager{background:#eaf2ff;color:#2563d9}.role-badge.role-user{background:#edf7ef;color:#267a3b}
.admin-user-edit-card{max-width:900px}.role-help{padding:16px 18px;border:1px solid #dbe3ee;border-radius:14px;background:#f7f9fc}.role-help p{margin:6px 0 0;color:#697386;line-height:1.55}
.table-wrap{overflow-x:auto;border-radius:18px}.table .btn-small{white-space:nowrap}


/* Подтверждение удаления товаров менеджером */
.product-delete-action{margin-top:10px;width:100%}.product-delete-action:disabled{opacity:.55;cursor:not-allowed}
.deletion-filters{margin:16px 0 20px}.deletion-filters a.active{background:#111827;color:#fff;border-color:#111827}
.deletion-request-list{display:grid;gap:14px}.deletion-request-card{display:grid;grid-template-columns:minmax(0,1fr) 220px 280px;align-items:center;gap:20px;padding:18px 20px}
.deletion-product{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px}.deletion-thumb{width:82px;height:72px;border-radius:13px;overflow:hidden;background:#f1f3f6;display:grid;place-items:center;font-size:28px}.deletion-thumb img{width:100%;height:100%;object-fit:cover}.deletion-product h2{font-size:18px;margin:0 0 5px}.deletion-product p{margin:0 0 6px;color:#768091}.deletion-meta{display:grid;gap:4px}.deletion-meta span{font-size:12px;text-transform:uppercase;color:#8a93a1;font-weight:800}.deletion-meta small{color:#8a93a1}.deletion-state{display:grid;justify-items:end;gap:10px}.deletion-badge{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}.deletion-badge.pending{background:#fff3d6;color:#8a6100}.deletion-badge.approved{background:#ffe8e3;color:#c93318}.deletion-badge.rejected{background:#e7f7ec;color:#18723a}.deletion-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.deletion-actions form{margin:0}.deletion-empty{text-align:center;padding:34px}
@media(max-width:1000px){.deletion-request-card{grid-template-columns:1fr 1fr}.deletion-state{grid-column:1/-1;justify-items:start}.deletion-actions{justify-content:flex-start}}@media(max-width:640px){.deletion-request-card{grid-template-columns:1fr;padding:15px}.deletion-product{grid-template-columns:64px minmax(0,1fr)}.deletion-thumb{width:64px;height:58px}.deletion-state{grid-column:auto}.deletion-actions{display:grid;width:100%}.deletion-actions .btn{width:100%}}

.payment-callback-box{display:grid;gap:8px;padding:16px;border:1px solid #e4e7ec;border-radius:14px;background:#f8fafc}.payment-callback-box code{display:block;padding:12px;border-radius:10px;background:#111827;color:#fff;overflow-wrap:anywhere}.payment-callback-box small{color:#667085}.order-status-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:18px 0}.order-status-form label{min-width:220px}.status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px}.status-badge.paid,.status-badge.ready{background:#dcfce7;color:#166534}.status-badge.waiting,.status-badge.new,.status-badge.in_work{background:#fff7ed;color:#9a3412}.status-badge.canceled{background:#fee2e2;color:#991b1b}.order-item-link{color:inherit;text-decoration:none;font-weight:700}.order-item-link:hover{color:#ff4b1f}.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.order-actions{display:flex;flex-direction:column;gap:16px}.order-actions form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}.order-actions small{color:#6b7280}
.btn-sm{padding:8px 14px;font-size:13px;border-radius:12px;white-space:nowrap}
.status-badge.refunded{background:#fee2e2;color:#991b1b}
/* Таблица заказов в админке */
.orders-panel{padding:8px}
.orders-panel .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}
.orders-table{min-width:940px;border-collapse:separate;border-spacing:0}
.orders-table th{background:#f8fafc;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#64748b;white-space:nowrap;padding:14px 12px}
.orders-table td{padding:14px 12px;vertical-align:middle;border-bottom:1px solid #eef2f7}
.orders-table tr:last-child td{border-bottom:0}
.orders-table tbody tr:hover td,.orders-table tr:hover td{background:#f9fafb}
.orders-table td small{color:#6b7280;display:block;margin-top:2px}
.orders-table .cell-actions{width:1%;white-space:nowrap;text-align:right}
.orders-table .row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.orders-table .row-actions form{margin:0;display:inline-flex}
.orders-table .table-empty{text-align:center;color:#6b7280;padding:28px}
.orders-table .status-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.stats-note{margin:18px 0;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.stats-note p{margin:0}.stats-note form{margin:0}

/* ===== Телефоны в шапке ===== */
.header-phones{position:relative;display:flex;align-items:center;gap:4px}
.header-phones-toggle{background:transparent;border:0;padding:6px;border-radius:10px;color:inherit;display:grid;place-items:center;cursor:pointer;transition:transform .2s}
.header-phones.is-open .header-phones-toggle{transform:rotate(180deg)}
.header-phones-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.18);padding:8px;display:none;z-index:30}
.header-phones.is-open .header-phones-menu{display:block}
.header-phones-menu a{display:block;padding:10px 12px;border-radius:12px;color:#111827}
.header-phones-menu a:hover{background:#f3f4f6}
.header-phones-menu a span{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}
.header-phones-menu a b{font-size:15px;white-space:nowrap}
.nav-drawer-phone small{display:block;font-size:12px;opacity:.65;font-weight:600}

/* ===== Плавающая кнопка связи (мобильная, автотема) ===== */
.contact-fab{display:none}
@media(max-width:900px){
.contact-fab{display:block;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60}
.contact-fab-btn{position:relative;width:60px;height:60px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 30% 25%,#ff8a4c,#f4511e 55%,#c0390f);
  box-shadow:0 12px 28px rgba(244,81,30,.45),inset 0 2px 0 rgba(255,255,255,.35);cursor:pointer;padding:0}
.contact-fab-btn:active{transform:scale(.94)}
.cfb-ring{position:absolute;inset:-6px;border-radius:50%;border:2px dashed rgba(244,81,30,.55);animation:cfbSpin 9s linear infinite}
@keyframes cfbSpin{to{transform:rotate(360deg)}}
.contact-fab-btn .cfb-close{display:none}
.contact-fab.is-open .cfb-phone{display:none}
.contact-fab.is-open .cfb-close{display:block}
.contact-fab.is-open .cfb-ring{animation-duration:2.5s;border-style:solid;border-color:rgba(255,255,255,.5)}
.contact-fab-sheet{position:absolute;right:0;bottom:76px;width:min(84vw,320px);padding:10px;border-radius:22px;
  background:linear-gradient(180deg,#1f2530,#141922);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 26px 60px rgba(0,0,0,.45);opacity:0;transform:translateY(14px) scale(.96);pointer-events:none;
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.9,.25,1.2)}
.contact-fab.is-open .contact-fab-sheet{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.contact-fab-head{display:flex;align-items:center;gap:8px;color:#9aa4b2;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px 10px}
.contact-fab-piston{width:16px;height:16px;border-radius:4px;background:linear-gradient(180deg,#ff8a4c,#f4511e);box-shadow:0 0 0 3px rgba(244,81,30,.18)}
.contact-fab-item{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:16px;color:#fff;transition:background .15s,transform .15s}
.contact-fab-item + .contact-fab-item{margin-top:2px}
.contact-fab-item:active{transform:scale(.98)}
.contact-fab-item:hover{background:rgba(255,255,255,.06)}
.cfi-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.contact-fab-item.is-call .cfi-icon{background:linear-gradient(180deg,#ff8a4c,#f4511e)}
.contact-fab-item.is-telegram .cfi-icon{background:#229ed9}
.contact-fab-item.is-vk .cfi-icon{background:#0077ff}
.contact-fab-item.is-whatsapp .cfi-icon{background:#25d366}
.contact-fab-item.is-max .cfi-icon{background:linear-gradient(180deg,#7b61ff,#4b2ff5)}
.cfi-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.cfi-text b{font-size:14px;font-weight:800}
.cfi-text small{font-size:12px;color:#9aa4b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.stats-subtitle{font-size:22px;margin:28px 0 12px}

/* --- fix: hidden attribute options must stay hidden despite .check{display:flex!important} --- */
.attribute-check[hidden],.attribute-values .attribute-check[hidden],label.check[hidden]{display:none!important}
.attribute-value-search{width:100%;box-sizing:border-box}

/* --- clickable category badge on the product page --- */
a.badge.badge-link{text-decoration:none;transition:background .18s ease,transform .18s ease}
a.badge.badge-link:hover,a.badge.badge-link:focus{background:var(--accent,#ff4d1c);color:#fff;transform:translateY(-1px)}

/* --- post-save choice dialog in the admin --- */
.save-choice-overlay{position:fixed;inset:0;z-index:10001;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:20px}
.save-choice-overlay[hidden]{display:none!important}
.save-choice-card{width:min(460px,100%);background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 90px rgba(15,23,42,.3);text-align:center}
.save-choice-card h3{margin:0 0 8px}
.save-choice-card p{margin:0 0 20px;color:var(--muted,#64748b)}
.save-choice-actions{display:grid;gap:10px}
.save-choice-actions .btn{width:100%;justify-content:center;text-align:center}

/* --- visual (WYSIWYG) editor for product descriptions --- */
.rich-field{display:block;margin-bottom:16px}
.rich-label{display:block;margin-bottom:6px;font-weight:800}
.rich-editor{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden}
.rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.rich-btn{padding:7px 10px;min-width:38px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#111827;font-size:13px;font-weight:800;line-height:1;cursor:pointer}
.rich-btn:hover{background:#eef2f7}
.rich-btn.is-active{background:var(--accent,#ff4d1c);border-color:var(--accent,#ff4d1c);color:#fff}
.rich-sep{width:1px;height:22px;background:#e2e8f0;margin:0 2px}
.rich-area{min-height:120px;max-height:460px;overflow:auto;padding:14px;outline:none;line-height:1.6;font-size:15px}
.rich-area.tall{min-height:260px}
.rich-area:focus{box-shadow:inset 0 0 0 2px rgba(255,77,28,.18)}
.rich-area.is-empty:before{content:attr(data-placeholder);color:#9aa3af;pointer-events:none}
.rich-area p{margin:0 0 10px}
.rich-area p:last-child{margin-bottom:0}
.rich-area ul,.rich-area ol{margin:0 0 10px;padding-left:22px}
.rich-area a{color:#2563eb;text-decoration:underline}
.rich-editor>small{display:block;padding:0 14px 12px;color:var(--muted,#64748b)}
@media(max-width:700px){.rich-btn{padding:6px 8px;font-size:12px}}

/* --- rendered description on the product page --- */
.product-rich p{margin:0 0 12px}
.product-rich p:last-child{margin-bottom:0}
.product-rich ul,.product-rich ol{margin:0 0 12px;padding-left:22px}
.product-rich li{margin-bottom:4px}
.product-rich a{color:#2563eb;text-decoration:underline;word-break:break-word}
.product-rich a:hover{color:var(--accent,#ff4d1c)}
.product-rich strong{font-weight:900}
.product-rich h3,.product-rich h4{margin:16px 0 8px}
.product-rich blockquote{margin:0 0 12px;padding:10px 14px;border-left:4px solid var(--accent,#ff4d1c);background:#f8fafc;border-radius:0 10px 10px 0}
.product-rich br+br{display:none}

/* --- "показать ещё" in the site search modal --- */
.search-more-wrap{display:flex;justify-content:center;padding:6px 0 2px}
.search-more{min-width:200px;justify-content:center;text-align:center}
.search-more[disabled]{opacity:.6;cursor:default}

/* --- Product gallery: keep many photos from stretching the layout ---
   .product-detail is a grid, and a grid track defaults to min-width:auto,
   so it can never shrink below its content. The thumbnail strip is
   flex-wrap:nowrap, so with many photos its intrinsic width grew to
   1000px+ and pushed the whole card sideways, squeezing the title column.
   min-width:0 lets the track shrink so the strip scrolls instead. */
.product-detail{min-width:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.product-detail > *{min-width:0}
.product-gallery{min-width:0;max-width:100%}
.gallery-main-wrap{min-width:0;max-width:100%}
.gallery-thumbs{min-width:0;max-width:100%;width:100%}

/* The main photo must scale to the column, never define it.
   Its look (cover / max-height 440) is intentionally left untouched. */
.product-detail-img,.gallery-main{max-width:100%}

/* Thumbnails: fixed size, never squashed, scrolled horizontally. */
.gallery-thumb{flex:0 0 auto;box-sizing:border-box}
.gallery-thumb img{display:block}

/* A subtle hint that the strip can be scrolled when photos overflow. */
.gallery-thumbs{scrollbar-width:thin;scrollbar-color:#c9c9c5 #f1f1ef}

@media(max-width:900px){
  /* Single column on mobile: the strip must follow the viewport, not the photos. */
  .product-detail{grid-template-columns:minmax(0,1fr)}
  .product-gallery,.gallery-thumbs,.gallery-main-wrap{max-width:100%}
}