/* v1.8.83 mobile-web brand/model drawer; desktop category menu stays unchanged */
body.nok-web .nok83-categories-open{display:none;align-items:center;justify-content:space-between;gap:10px;min-height:44px;border:1px solid #d5e8dc;border-radius:13px;background:#f4fbf7;color:#145b3c;padding:0 15px;font-size:13px;font-weight:850;cursor:pointer}
body.nok-web .nok83-categories-open>span:last-child{font-size:20px;color:#518c70}
body.nok-web .nok83-drawer-root[hidden]{display:none!important}
body.nok-web .nok83-drawer-root{position:fixed;inset:0;z-index:2147482500;display:block}
body.nok-web .nok83-shade{position:absolute;inset:0;background:rgba(5,25,18,.38);opacity:0;transition:opacity .24s}
body.nok-web .nok83-drawer{position:absolute;right:0;top:0;bottom:0;width:min(90vw,390px);box-sizing:border-box;background:#fff;display:flex;flex-direction:column;transform:translateX(101%);transition:transform .28s cubic-bezier(.21,.8,.25,1);box-shadow:-16px 0 36px rgba(8,32,22,.13);padding-top:env(safe-area-inset-top)}
body.nok-web .nok83-open .nok83-shade{opacity:1}
body.nok-web .nok83-open .nok83-drawer{transform:translateX(0)}
body.nok-web.nok83-drawer-active{overflow:hidden}
body.nok-web .nok83-drawer-head{display:flex;align-items:center;gap:12px;padding:19px 15px 12px;border-bottom:1px solid #e5f0e8}
body.nok-web .nok83-drawer-title{font-size:18px;font-weight:900;color:#183d2e;flex:1}
body.nok-web .nok83-drawer-head button{width:37px;height:37px;border-radius:11px;background:#edf6f0;border:0;color:#135e40;cursor:pointer;font-size:17px}
body.nok-web .nok83-drawer-hint{font-size:12px;color:#5b8069;line-height:1.5;margin:12px 18px}
body.nok-web .nok83-drawer-items{overflow-y:auto;padding:4px 13px max(25px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:7px}
body.nok-web .nok83-category-link{display:flex;align-items:center;gap:8px;min-height:61px;padding:12px 15px;border:1px solid #e0ece4;border-radius:14px;text-decoration:none!important;color:#1f4735;background:#fafdfe}
body.nok-web .nok83-category-link strong{font-size:14px;flex:1}
body.nok-web .nok83-category-link small{font-size:10px;color:#5d826f}
body.nok-web .nok83-category-link span{font-size:21px;color:#42825e}
body.nok-web .nok83-category-link:active{background:#e6f6ed}
body.nok-web .nok83-empty{padding:14px;color:#66816f;font-size:13px}
@media(max-width:820px){body.nok-web .nok79-category-nav{padding:7px 14px;min-height:52px}body.nok-web .nok83-categories-open{display:flex;flex:1}body.nok-web .nok79-category-scroll,body.nok-web .nok79-category-all,body.nok-web .nok79-category-label{display:none!important}}
@media(prefers-reduced-motion:reduce){body.nok-web .nok83-drawer,body.nok-web .nok83-shade{transition:none}}
/* Live suggestions: ensure document-level results are above sticky header and visible on both sizes. */
body.nok-web .hero-suggestions.nok31-search-portal:not([hidden]){display:block!important;position:fixed!important;visibility:visible!important;z-index:2147482000!important;opacity:1!important}

/* Model level enters from the right as a distinct side-slide. */
body.nok-web .nok83-drawer-items.nok83-models-enter{animation:nok83SlideModels .23s ease-out both}
@keyframes nok83SlideModels{from{opacity:.6;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){body.nok-web .nok83-drawer-items.nok83-models-enter{animation:none}}