/* NoktaOn 1.8.79: preserve existing identity, modernize only requested surfaces */
/* Header search: icon-only submit; Enter works through the native GET form. */
body.nok-web header .nav>.nok-header-live-search{min-width:180px;max-width:385px;min-height:47px;background:#f7faf8;border:1px solid #d9e9e0;border-radius:16px;padding:3px 4px;box-shadow:none!important}
body.nok-web .nok-header-live-search .nok-search-submit{display:grid!important;place-items:center;width:39px;min-width:39px;min-height:39px!important;height:39px;border-radius:12px!important;padding:0!important;background:#e4f2e9!important;color:#116844!important;border-color:#d9ecdf!important}
body.nok-web .nok-header-live-search .nok-search-submit:hover{background:#c8ecd7!important;color:#074c35!important}
body.nok-web .nok-header-live-search .nok-search-submit span{display:none!important}
body.nok-web .nok-header-live-search .nok-search-submit svg{display:block!important;width:19px;height:19px}
body.nok-web .nok-header-live-search .nok-search-icon{margin-left:11px;margin-right:3px}
body.nok-web .nok-header-live-search>input[type=search]{min-height:39px;font-size:12.5px;padding:5px 4px!important}
body.nok-web .nok-search-box{visibility:visible;opacity:1}
body.nok-web .nok-search-box .hero-suggestions[hidden]{display:none!important}
/* The brand/model navigation is optional and fully separate from the header search. */
body.nok-web .nok79-category-bar{position:relative;z-index:60;background:#fff;border-top:1px solid #edf2ee;border-bottom:1px solid #e8efe9}
body.nok-web .nok79-category-nav{display:flex;align-items:center;gap:15px;min-height:51px}
body.nok-web .nok79-category-label{flex:none;font-size:11px;white-space:nowrap;font-weight:850;color:#5b7968;letter-spacing:.03em}
body.nok-web .nok79-category-scroll{flex:1;display:flex;align-items:center;gap:5px;min-width:0;overflow:visible}
body.nok-web .nok79-brand{position:relative;flex:none}
body.nok-web .nok79-brand summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;padding:8px 13px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:750;color:#274b3a;white-space:nowrap;transition:background .15s,border-color .15s}
body.nok-web .nok79-brand summary::-webkit-details-marker{display:none}
body.nok-web .nok79-brand summary span{font-size:12px;color:#79a58e}
body.nok-web .nok79-brand:hover summary,body.nok-web .nok79-brand[open] summary,body.nok-web .nok79-brand summary:focus-visible{background:#edf8f2;border-color:#d6eadc;color:#10653f}
body.nok-web .nok79-model-menu{position:absolute;left:0;top:calc(100% + 5px);display:none;width:245px;max-height:360px;overflow:auto;z-index:100;flex-direction:column;gap:2px;padding:9px;border:1px solid #deebe2;border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(8,44,25,.11)}
body.nok-web .nok79-brand[open]>.nok79-model-menu{display:flex}
@media(hover:hover) and (pointer:fine){body.nok-web .nok79-brand:hover>.nok79-model-menu,body.nok-web .nok79-brand:focus-within>.nok79-model-menu{display:flex}}
body.nok-web .nok79-model-menu>a{font-size:12px;font-weight:650;display:block;padding:10px 11px;border-radius:9px;white-space:normal;color:#345849;text-decoration:none;line-height:1.3}
body.nok-web .nok79-model-menu>a:hover,body.nok-web .nok79-model-menu>a:focus-visible{background:#f0f8f3;color:#0f7546}
body.nok-web .nok79-model-menu>.nok79-all-models{background:#e8f6ed;color:#0f7249;font-weight:850;margin-bottom:4px}
body.nok-web .nok79-empty-model{padding:13px;color:#698071;font-size:12px}
body.nok-web .nok79-category-all{flex:none;text-decoration:none;color:#117348;font-size:11px;font-weight:850;white-space:nowrap}
/* Smaller video control on gallery, never stretch over the product image. */
body.nok-web .nok49-gallery-top .nok79-gallery-video-button{pointer-events:auto;flex:none;position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:7px 10px!important;min-height:30px;max-width:155px;min-width:0;width:auto;font-size:10px!important;line-height:1.1;border-radius:100px!important;font-weight:750;white-space:normal;text-align:center;background:#f1fbf5;color:#126a47;border:1px solid #cfeada;box-shadow:none!important}
/* Trend Telefonlar: swipe, scroll-snap and accessible desktop controls. */
body.nok-web .nok79-trend-slider{display:flex;align-items:center;gap:10px;min-width:0;margin:13px 0 2px}
body.nok-web .nok79-trend-track{flex:1;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*14px)/4);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:3px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:3px 2px 14px}
body.nok-web .nok79-trend-track>.product{scroll-snap-align:start;min-width:0;width:100%;margin:0;box-shadow:none!important}
body.nok-web .nok79-trend-arrow{flex:none;display:grid;place-items:center;width:37px;height:43px;padding:0;border:1px solid #d6e8dc;background:#fff;color:#15714d;font-size:27px;border-radius:12px;cursor:pointer;transition:background .15s}
body.nok-web .nok79-trend-arrow:hover{background:#e6f7ee}
body.nok-web .nok79-trend-arrow:disabled{opacity:.35;cursor:default}
@media(max-width:1100px){body.nok-web .nok79-trend-track{grid-auto-columns:calc((100% - 2*12px)/3);gap:12px}}
@media(max-width:820px){
 body.nok-web .nok79-category-nav{min-height:46px;gap:9px}
 body.nok-web .nok79-category-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:none}
 body.nok-web .nok79-category-scroll::-webkit-scrollbar{display:none}
 /* Mobile menu model list opens below category bar rather than being clipped by scroller. */
 body.nok-web .nok79-brand[open]>.nok79-model-menu{position:fixed;top:auto;left:14px;right:14px;bottom:14px;width:auto;max-height:min(52dvh,360px);z-index:1500;box-shadow:0 0 0 100vmax rgba(4,24,16,.34),0 12px 36px #1236}
 body.nok-web .nok79-category-label{display:none}
 body.nok-web .nok79-category-all{font-size:10px}
 body.nok-web .nok79-trend-track{grid-auto-columns:calc((100% - 12px)/2);gap:12px}
}
@media(max-width:550px){
 body.nok-web .nok79-trend-slider{gap:4px}
 body.nok-web .nok79-trend-track{grid-auto-columns:75%;gap:11px;padding-bottom:12px}
 body.nok-web .nok79-trend-arrow{width:27px;height:35px;border-radius:10px;font-size:23px}
 body.nok-web .nok49-gallery-top{gap:5px;left:9px;right:9px;top:10px;flex-wrap:wrap}
 body.nok-web .nok49-gallery-top .nok79-gallery-video-button{padding:6px 8px!important;font-size:9px!important;max-width:115px}
 body.nok-web header .nav>.nok-header-live-search{max-width:none}
}
@media(prefers-reduced-motion:reduce){body.nok-web .nok79-trend-track{scroll-behavior:auto}}