/* Responsive presentation layer, shared by the store and administration. */
:root{--accent:#e5192b;--ink:#14202c;--muted:#617080;--line:#e1e6ec;--gutter:clamp(16px,4vw,64px)}
body{font-family:"Noto Sans Georgian",Arial,sans-serif;line-height:1.6}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}img{max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #2874b9;outline-offset:3px}
/* Store: flexible tracks prevent long Georgian labels from widening the page. */
body:has(.hero){background:#f5f6f8;color:var(--ink)}
body:has(.hero) header{height:auto;min-height:94px;padding:18px var(--gutter);gap:24px;display:grid;grid-template-columns:auto minmax(180px,1fr) auto}
header .logo{font-size:clamp(20px,2vw,28px);white-space:nowrap}.logo small{font-weight:500;letter-spacing:.2px}
header .search{width:100%;min-width:0;max-width:720px;justify-self:center}header .search input{width:0;flex:1;min-width:0}
body:has(.hero) .top{height:auto;min-height:34px;padding:7px var(--gutter)}
body:has(.hero) nav{height:auto;min-height:54px;padding:0 var(--gutter);gap:clamp(4px,2vw,30px);flex-wrap:wrap;border-top:1px solid #f0f2f5;box-shadow:0 3px 12px #101a2406}
body:has(.hero) nav>a{padding:12px 8px;font-size:13px;white-space:nowrap}nav .category-dropdown{min-height:54px}#categoryToggle{padding:12px 20px}
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:64px var(--gutter);gap:32px;min-height:480px;height:auto}
.hero-copy{min-width:0}.hero h1{font-size:clamp(36px,4.4vw,66px);line-height:1.18;letter-spacing:-1.5px}.hero p{font-size:16px;font-weight:400;max-width:540px}.hero-kicker{letter-spacing:1px}
.hero-actions{flex-wrap:wrap;gap:12px}.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;line-height:1.6}.benefits{flex-wrap:wrap;gap:10px 22px}
.brake.hero-brake-trio{width:100%;min-width:0}.brake.hero-brake-trio img{transform:none;max-height:390px}
.finder{margin:24px var(--gutter) 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #14202c0a}.finder .tabs{flex-wrap:wrap;overflow:visible}.finder .tabs b{flex:1;font-size:13px}.finder .tabs .finder-consult{justify-content:center}
.fields{padding:20px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.fields select,.fields button{min-height:48px;font-size:13px}.fields button{grid-column:auto}
body:has(.hero)>main{padding:32px var(--gutter) 48px;max-width:1600px;margin:auto;min-width:0}.title{gap:16px;flex-wrap:wrap;margin:24px 0 18px}.title h2{font-size:clamp(20px,2vw,28px);line-height:1.5;letter-spacing:-.5px;margin:0}.title a{line-height:1.6}
.categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.categories>div{min-width:0;border-radius:12px}.categories>div figure{height:140px!important}.categories>div b{font-size:12px;min-height:36px}.categories span{font-size:10px;margin:8px 0 4px}
.brand-logos{grid-template-columns:repeat(5,minmax(0,1fr));border-radius:12px;overflow:hidden}.brand-logos .brand-logo{min-width:0;min-height:86px;padding:12px}.brand-logo.japanparts b{font-size:22px}
.catalog-layout #products,#products{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{border-radius:13px;padding:16px;transition:box-shadow .18s,border-color .18s}.product:hover{border-color:#bdc8d3;box-shadow:0 8px 24px #14202c0b}.product .pic{height:170px;background:#f8f9fb;border-radius:9px;padding:12px}.product small{font-size:11px;letter-spacing:.3px}.product-code strong{font-size:14px}.product h3{line-height:1.6;font-size:14px;font-weight:700}.stock{font-size:12px;line-height:1.6}.price{gap:8px;font-size:21px}.price button{min-width:42px;min-height:42px;border-radius:8px}.price del{font-size:13px}.catalog-filters{background:#fff;border-radius:12px;padding:18px}
.catalog-promotion{min-width:0;flex-wrap:wrap}.catalog-promotion>div{min-width:0;flex:1 1 220px}.brand-blog-grid{gap:18px}.brand-blog article{border-radius:12px;padding-top:18px}.brand-blog p{font-weight:400;font-size:13px;line-height:1.8}.services{gap:20px}.services>div,.services>a{min-width:0}.services-three{grid-template-columns:repeat(3,minmax(0,1fr))}
body:has(.hero) footer{padding:32px var(--gutter);gap:24px;flex-wrap:wrap}.footer-categories{flex:1 1 300px}.modal-card{padding:32px}.detail{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.detail>div{min-width:0;overflow-wrap:anywhere}.cart-panel{height:100dvh}#cartItems{overflow-y:auto;min-height:0}.consultant-panel{max-width:calc(100vw - 32px)}
/* Admin: the table scrolls inside its card, never the whole page. */
.dashboard.show{grid-template-columns:220px minmax(0,1fr)}.dashboard aside{padding:24px 18px;gap:8px}.dashboard aside h2{font-size:23px;white-space:nowrap}.dashboard aside button,.dashboard aside a{line-height:1.6;min-height:46px;border-radius:9px}.dashboard aside button:hover,.dashboard aside a:hover{background:#293b4b}.dashboard main{padding:32px;overflow:visible;min-width:0}.dashboard .head{align-items:flex-start;gap:16px}.dashboard h1{font-size:30px;line-height:1.4;margin:0 0 8px}.dashboard .head p{color:var(--muted);margin:0}.dashboard .actions{gap:8px}.dashboard .head .actions{margin:0;flex:1 1 480px;justify-content:flex-end}.dashboard .actions>*{font-size:12px;min-height:44px}.dashboard .card{max-width:100%;border:1px solid var(--line);border-radius:12px;padding:0;box-shadow:0 3px 12px #14202c04;overscroll-behavior-x:contain}.dashboard th{position:sticky;top:0;z-index:1}.dashboard td{padding:12px}.dashboard tbody tr:hover td{background:#f8fafc}.dashboard .filterbar{padding:14px 0}.dashboard input,.dashboard select{font:inherit;font-size:13px}.dashboard #adminMessage:empty{min-height:0}.modal{padding:16px}.modal .wide-form{border-radius:16px;padding:28px}.form-grid label{min-width:0}.pagination{gap:16px}#pageButtons button{min-width:36px;min-height:40px}.dashboard button:disabled{opacity:.45}
@media(min-width:1500px){.fields{grid-template-columns:repeat(6,minmax(0,1fr))}.categories{grid-template-columns:repeat(9,minmax(0,1fr))}.catalog-layout #products,#products{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){body:has(.hero) header{grid-template-columns:auto minmax(0,1fr);gap:20px}header .wa{display:none}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-layout #products,#products{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:22px}.hero h1{font-size:42px}.dashboard .head .actions{justify-content:flex-start}.dashboard.show{grid-template-columns:190px minmax(0,1fr)}.dashboard main{padding:24px}}
@media(max-width:800px){body:has(.hero) header{grid-template-columns:1fr;padding:16px var(--gutter);gap:14px}header .logo{font-size:24px}header .logo small{display:block;margin-left:30px}header .search{order:initial;max-width:none;min-height:52px}body:has(.hero) nav{gap:6px;flex-wrap:nowrap}body:has(.hero) nav>a{display:none}.hero{grid-template-columns:minmax(0,1fr);height:auto;padding:36px var(--gutter);gap:24px;min-height:0}.hero h1{font-size:clamp(34px,6vw,46px)}.hero p{max-width:560px}.hero-actions{display:flex}.hero-actions a{flex:1 1 180px}.benefits{display:flex;margin-top:20px}.brake.hero-brake-trio img{max-height:260px}.brake>span{font-size:8px}.brake>b{font-size:8px}.finder .tabs b,.finder .tabs .finder-consult{padding:12px 16px}.finder .tabs .finder-consult{width:100%}.fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.fields button{grid-column:auto}.catalog-layout #products,#products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.categories{gap:12px}.brand-logo b{font-size:16px}.services-three{grid-template-columns:1fr}.detail{grid-template-columns:minmax(0,1fr)}#consultantWidget{bottom:76px;right:16px}.consultant-panel{width:390px;max-height:calc(100dvh - 154px)}.mobile-actions{padding-bottom:env(safe-area-inset-bottom);height:calc(58px + env(safe-area-inset-bottom))}body:has(.hero){padding-bottom:calc(68px + env(safe-area-inset-bottom))}.dashboard.show{grid-template-columns:minmax(0,1fr)}.dashboard aside{flex-direction:row;flex-wrap:wrap;padding:16px;gap:8px}.dashboard aside h2{flex-basis:100%;margin:0 0 8px}.dashboard aside button,.dashboard aside a{font-size:12px;padding:10px 12px}.dashboard .logout{margin:0}.dashboard main{padding:20px 16px}.dashboard h1{font-size:26px}.dashboard .head .actions{flex-basis:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.top{font-size:10px}.hero h1{letter-spacing:-1px}.hero p{font-size:14px}.hero-kicker{font-size:10px}.hero-actions a{flex-basis:100%}.benefits{font-size:11px;gap:8px 14px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.categories>div figure{height:112px!important}.categories>div b{font-size:11px}.brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo.japanparts b{font-size:20px}.product{padding:10px}.product .pic{height:120px;padding:8px}.product-code{font-size:11px}.product-code strong{font-size:12px}.product h3{font-size:12px}.price{font-size:18px}.stock{font-size:11px}.fields{grid-template-columns:minmax(0,1fr)}.fields button{grid-column:auto}.title h2{font-size:20px}.modal-card{padding:24px 18px}.form-grid{grid-template-columns:minmax(0,1fr)}.modal .wide-form{padding:24px 16px}.dashboard .head .actions>*{flex:1 1 150px;text-align:center}.dashboard .filterbar{align-items:stretch}.dashboard .filterbar label{width:100%}.dashboard .filterbar select{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}