/* Moto-Zbud 1.3.8: stronger navigation, neutral surfaces and readable content. */
body:not([data-page=admin]){--ink:#171c1d;--muted:#535b58;--paper:#f5f3ef;--line:#d9dcd6;--orange:#ef6933;--orange-dark:#aa3d17;background:#f5f3ef;color:#171c1d}
body:not([data-page=admin]) .site-header{background:#fff;box-shadow:0 3px 16px #12181908}
.header-main{gap:32px;padding-block:24px;min-height:100px}
.header-main .logo img{width:214px;height:auto}
.header-main .header-search{border:1px solid #cdd1ca;background:#f4f5f1;border-radius:9px;min-height:50px;padding:0 17px}
.header-main .header-search:focus-within{border-color:#b14e29;outline:3px solid #ef69331c;background:#fff}
.header-main .header-search input{font-size:14px;height:50px;color:#202726}
.header-search input::placeholder{color:#606864;opacity:1}
.header-main .header-action{font-size:12px;font-weight:600;gap:9px;color:#26302d;min-height:44px}
.header-main .header-action .icon{width:23px;height:23px}
.header-main .header-action:hover{color:#a7411e}
.nav-surface{background:#202627;border-top:1px solid #2e3536;border-bottom:1px solid #363d3d}
.nav-surface .main-nav{color:#fafaf5;border:0;min-height:62px;font-size:14px}
.nav-surface .nav-primary{height:auto;gap:5px;align-items:stretch}
.nav-surface .nav-primary>a,.nav-surface .nav-department>summary{color:#f4f5ef;min-height:62px;padding:18px 20px;font-size:14px;font-weight:650;border-bottom:3px solid transparent;gap:10px}
.nav-surface .nav-department>summary .icon{width:22px;height:22px;color:#e4ebe4}
.nav-surface .nav-department>summary>.icon:last-child{width:12px;height:12px;color:#b6c2b9;margin-left:7px}
.nav-surface .nav-department>summary:hover,.nav-surface .nav-primary>a:hover{background:#2e3636;color:#fff}
.nav-surface .nav-department[open]>summary,.nav-surface .nav-department>summary.active,.nav-surface .nav-primary>a[aria-current=page]{background:#303938;color:#fff;border-bottom-color:#f47a44}
.nav-surface .nav-help{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;border:1px solid #59655f;border-radius:6px;color:#f3f5ee;margin-left:20px}
.nav-surface .nav-help:hover{border-color:#e58359;background:#333d38;color:#fff}
.nav-surface .nav-dropdown{background:#fff;color:#242d29;border:1px solid #d0d8ce;border-top:3px solid #ef6933;box-shadow:0 22px 48px #131b1a2e;padding:30px 34px;border-radius:0 0 13px 13px;max-height:70dvh}
.nav-surface .nav-dropdown .eyebrow{font-size:11px;color:#55634f}
.nav-surface .nav-dropdown a{font-size:14px;color:#303c32}
.nav-surface .nav-dropdown a:hover{color:#a23c19;background:#f4f5ee}
.nav-surface .nav-dropdown-top{border-color:#dde2d8;padding-bottom:20px;margin-bottom:22px}
.nav-surface .nav-dropdown-top>strong{font-size:25px;letter-spacing:-.035em}
.nav-surface .nav-dropdown-top .text-link{font-size:13px;padding:9px 12px;border:1px solid #d4dccd;border-radius:6px}
.nav-surface .nav-makes{gap:6px 18px}.nav-surface .nav-makes a{padding:12px;border-radius:6px;min-height:44px}
.nav-surface .nav-categories a{padding-block:9px;line-height:1.5}.nav-surface .nav-categories small{color:#606e58;font-size:11px}
body:not([data-page=admin]) .button:not(.secondary):not(.dark){background:#bd461b;color:#fff;border-color:#c64719}
body:not([data-page=admin]) .button:not(.secondary):not(.dark):hover{background:#be4319;border-color:#a33712}
body:not([data-page=admin]) .button.secondary{color:#28312b;border-color:#a4afa0;background:#fff}
body:not([data-page=admin]) .button.secondary:hover{background:#edf1e8;border-color:#67775d}
body:not([data-page=admin]) .button.dark{background:#202627;color:#fff;border-color:#202627}
body:not([data-page=admin]) .button:disabled{opacity:.6;cursor:not-allowed}
body:not([data-page=admin]) .hero .button{box-shadow:0 6px 20px #0002}
body:not([data-page=admin]) .hero p{color:#e0e3de;font-size:16px;line-height:1.8}
body:not([data-page=admin]) .section-title p{color:#505b53;font-size:15px;line-height:1.7}
body:not([data-page=admin]) .muted{color:#535e54;font-size:13px;line-height:1.7}
body:not([data-page=admin]) .breadcrumb{font-size:12px;color:#556058;gap:12px;line-height:1.7}
body:not([data-page=admin]) .breadcrumb a{color:#344239}
body:not([data-page=admin]) .page-top{padding-bottom:30px}
body:not([data-page=admin]) .page-top>.eyebrow{font-size:10px;color:#655a50;letter-spacing:.1em}
body:not([data-page=admin]) .guide-card p{color:#505951;font-size:14px;line-height:1.7}
body:not([data-page=admin]) .guide-meta{font-size:11px;color:#5c635e}
body:not([data-page=admin]) .footer-grid h3{font-size:14px;color:#fff}
body:not([data-page=admin]) .footer-grid>div>a:not(.footer-brand a){font-size:13px;line-height:1.6;color:#c6cec8;margin-bottom:12px}
body:not([data-page=admin]) .footer-grid a:hover{color:#ff9464}
body:not([data-page=admin]) .footer-grid p{color:#c3cbc4}
body:not([data-page=admin]) .footer-grid .footer-note{font-size:12px;line-height:1.8}
body:not([data-page=admin]) .footer-brand p{color:#f0f1eb}
body:not([data-page=admin]) .footer-bottom{color:#b3bdb4}
body:not([data-page=admin]) a:focus-visible,body:not([data-page=admin]) summary:focus-visible,body:not([data-page=admin]) button:focus-visible{outline:3px solid #e16a36;outline-offset:4px}
@media(min-width:981px) and (max-width:1150px){.header-main{gap:25px}.header-main .header-actions{gap:18px}.header-main .header-action span{display:none}.nav-surface .nav-primary>a,.nav-surface .nav-department>summary{padding-inline:14px;font-size:13px}.nav-surface .nav-help{padding-inline:12px;font-size:11px}}
@media(max-width:980px){.header-main{gap:18px;min-height:88px;padding-block:20px}.header-main .logo img{width:190px}.nav-surface .nav-primary>a,.nav-surface .nav-department>summary{padding-inline:11px;font-size:13px}.nav-surface .nav-help{font-size:11px;margin-left:10px;padding:10px}.header-main .header-action span{display:none}}
@media(max-width:760px){.header-main{padding:17px 0 18px;gap:14px;min-height:0}.header-main .logo img{width:179px}.header-main .header-search{min-height:46px;border-radius:7px;order:3;flex-basis:100%;max-width:none}.header-main .header-search input{font-size:16px;height:46px;min-height:46px}.header-main .header-search input::placeholder{font-size:13px}.header-main .header-action{padding:6px}.header-main .header-actions{gap:9px}.header-main .header-action .icon{width:22px;height:22px}.nav-surface:has(.main-nav:not(.open)){display:none}.nav-surface .main-nav{width:100%;padding:12px 20px 20px;min-height:0}.nav-surface .main-nav.open{display:block}.nav-surface .nav-primary{display:flex;flex-direction:column;gap:0}.nav-surface .nav-primary>a,.nav-surface .nav-department>summary{min-height:52px;padding:15px 13px;font-size:15px;border-radius:5px}.nav-surface .nav-primary>a{display:flex}.nav-surface .nav-help{margin:14px 0 0;min-height:46px;justify-content:space-between;font-size:13px;padding:12px 15px}.nav-surface .nav-dropdown{position:static;padding:20px 15px;margin-top:0;max-height:55dvh;border-top:2px solid #ef6933}.nav-surface .nav-dropdown-top{gap:12px;flex-wrap:wrap}.nav-surface .nav-dropdown-top>strong{font-size:22px}.nav-surface .nav-dropdown-top .text-link{font-size:12px;padding:7px 10px}.nav-surface .nav-dropdown-grid{grid-template-columns:1fr;gap:25px}.nav-surface .nav-dropdown a{font-size:14px}.nav-surface .nav-dropdown p{font-size:13px}.nav-surface .nav-makes a{padding:11px 7px}body:not([data-page=admin]) .hero p{font-size:14px}body:not([data-page=admin]) .section-title p{font-size:13px}body:not([data-page=admin]) .footer-grid>div>a:not(.footer-brand a){font-size:12px}}
@media(max-width:380px){.header-main .logo img{width:163px}.header-main .header-actions{gap:3px}.header-main .header-action{padding:4px}}
@media(prefers-reduced-motion:reduce){body:not([data-page=admin]) .button:hover{transform:none}}

/* Readable filters with no intrinsic grid overflow on narrow screens. */
.catalog-sidebar{background:transparent;padding:0;min-width:0}
.catalog-sidebar .filter-panel{background:#fff;border-color:#ccd4ca;border-radius:10px;padding:20px}
.catalog-sidebar form>label,.catalog-sidebar .smart-select{min-width:0}
.catalog-row-description,.product-summary>p,.compare-table td{font-weight:450}
@media(max-width:760px){.catalog-sidebar .filter-panel form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog-sidebar .filter-panel form>label{margin:0}.catalog-sidebar .filter-panel{padding:18px}.catalog-sidebar .filter-panel input:not([type=checkbox]){font-size:16px}}
@media(max-width:420px){.catalog-sidebar .filter-panel form{grid-template-columns:minmax(0,1fr)}.catalog-sidebar .filter-panel form>*{grid-column:1!important}}