/* Geometry, palette and timing from SL-Shop Header.tsx and its UI primitives. */
html:has(#sl-shop-navigation){--sl-header-height:120px}
body:has(#sl-shop-navigation)>header{height:calc(120px + var(--sl-trust-height,30px));flex-shrink:0}
html[data-sl-finish] body>header #sl-shop-navigation{display:block;position:fixed;inset:var(--sl-nav-top,var(--sl-trust-height,30px)) 0 auto;padding:0!important;margin:0;background:#fff!important;color:#171c26;border:0!important;border-radius:0;box-shadow:none!important;z-index:1041;pointer-events:auto;transition:transform .3s ease,visibility .3s,box-shadow .25s ease;font:400 16px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;text-align:left}
html[data-sl-finish] body>header #sl-shop-navigation[data-scrolled=true]{box-shadow:0 3px 12px rgb(22 39 29 / .10)!important}
html[data-sl-finish] body>header #sl-shop-navigation[data-scroll-hidden=true]{transform:translateY(-100%);visibility:hidden;pointer-events:none}
#sl-shop-navigation *{box-sizing:border-box;font-family:inherit;letter-spacing:normal}
#sl-shop-navigation [hidden]{display:none!important}
#sl-shop-navigation .sl-header-row{width:100%;max-width:1300px;margin:0 auto;padding:20px 16px;display:flex;flex-wrap:nowrap;align-items:center;gap:16px;min-height:120px}
#sl-shop-navigation a{color:inherit;text-decoration:none;text-shadow:none}
#sl-shop-navigation button{font:inherit;color:inherit;background:transparent;border:0;margin:0;cursor:pointer;box-shadow:none}
#sl-shop-navigation svg{display:block;width:20px;height:20px;flex-shrink:0}
#sl-shop-navigation .sl-header-logo{display:flex;align-items:center;flex-shrink:0;border-radius:8px}
#sl-shop-navigation .sl-header-logo img{display:block;height:80px;width:auto;max-width:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .16));margin:0}
#sl-shop-navigation .sl-header-desktop-nav{position:relative;flex-shrink:0}
#sl-shop-navigation .sl-header-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:8px 24px;height:44px;font-size:14px;font-weight:600;white-space:nowrap;transition:color .15s}
#sl-shop-navigation .sl-header-trigger:hover,#sl-shop-navigation .sl-header-trigger[aria-expanded=true]{color:#000}
#sl-shop-navigation .sl-header-trigger svg{width:15px;height:15px}
#sl-shop-navigation .sl-header-dropdown{position:absolute;left:0;top:calc(100% + 4px);min-width:224px;width:max-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 140px - var(--sl-nav-top,30px));overflow:auto;overscroll-behavior:contain;padding:4px;border-radius:14px;background:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);transform-origin:top left;animation:sl-header-open .15s ease}
#sl-shop-navigation .sl-header-dropdown a{display:flex;align-items:center;position:relative;padding:6px 8px;min-height:32px;border-radius:12px;font-size:14px;line-height:20px;outline:none;transition:background-color .15s,color .15s}
#sl-shop-navigation .sl-header-dropdown a:is(:hover,:focus),#sl-shop-navigation .sl-header-dropdown a[aria-current=page]{background:#f6f7f9;color:#000}
#sl-shop-navigation .sl-header-group{font-size:12px;font-weight:600;color:#5a677b;padding:10px 8px 4px}
#sl-shop-navigation .sl-header-search{position:relative;margin:0 auto;flex:1;max-width:576px;min-width:0}
#sl-shop-navigation .sl-header-search input{display:flex;width:100%;height:44px;padding:8px 40px 8px 12px;border:1px solid transparent;border-radius:999px;background:#f6f7f9;color:#171c26;font:400 14px/20px ui-sans-serif,system-ui,sans-serif;box-shadow:none;appearance:none}
#sl-shop-navigation input::placeholder{color:#5a677b;opacity:1}
#sl-shop-navigation .sl-header-search button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:0;color:#5a677b}
#sl-shop-navigation .sl-header-search button svg{width:16px;height:16px}
#sl-shop-navigation .sl-header-search button:hover{color:#49ab49}
#sl-shop-navigation .sl-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
#sl-shop-navigation .sl-header-shop{padding:8px;display:inline-flex;align-items:center}
#sl-shop-navigation .sl-header-login{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:999px;height:36px;padding:0 16px;font-size:14px;line-height:20px;font-weight:600}
#sl-shop-navigation .sl-header-login:hover{background:#f1f8f1}
#sl-shop-navigation .sl-header-toggle{display:none;padding:8px}#sl-shop-navigation .sl-header-login svg{width:16px;height:16px}
#sl-shop-navigation .sl-header-toggle svg{width:24px;height:24px}
#sl-shop-navigation :is(a,button,input):focus-visible{outline:2px solid #49ab49;outline-offset:2px}
#sl-shop-navigation .sl-header-search-mobile{display:none}
#sl-shop-navigation #sl-header-mobile{border-top:1px solid #e5e9f0;background:#fff;max-height:calc(100dvh - 120px - var(--sl-nav-top,30px));overflow:auto;overscroll-behavior:contain}
#sl-shop-navigation .sl-header-mobile-links{max-width:1300px;padding:0 16px 16px;margin:0 auto;display:grid}
#sl-shop-navigation .sl-header-mobile-links a{display:block;padding:12px 0;font-size:14px;line-height:20px;border-bottom:1px solid #e5e9f0}
#sl-shop-navigation .sl-header-mobile-links a[aria-current=page]{color:inherit;font-weight:400}
#sl-shop-navigation .sl-header-noscript{padding:16px;max-height:60vh;overflow:auto}
#sl-shop-navigation .sl-header-noscript a{display:block;padding:8px}
@keyframes sl-header-open{from{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:991.98px){#sl-shop-navigation .sl-header-desktop-nav,#sl-shop-navigation .sl-header-search-desktop{display:none}#sl-shop-navigation .sl-header-toggle{display:block}#sl-shop-navigation .sl-header-search-mobile{display:block;max-width:1300px;margin:0 auto;padding:12px 16px}#sl-shop-navigation .sl-header-search-mobile input{height:40px;font-size:16px}#sl-shop-navigation .sl-header-search-mobile button{right:28px}}
@media(prefers-reduced-motion:reduce){html[data-sl-finish] body>header #sl-shop-navigation{transition:none}#sl-shop-navigation .sl-header-dropdown{animation:none}#sl-shop-navigation *{transition:none!important}}
.sl-search-page{padding:32px 16px;min-height:65vh;max-width:1300px;margin:auto;font-family:ui-sans-serif,system-ui,sans-serif;color:#171c26}
html[data-sl-finish] main .sl-search-page h1{font-size:24px;font-weight:700;margin:0 0 16px}
.sl-search-form{display:flex;gap:12px;max-width:600px;margin-bottom:20px}.sl-search-form input{min-width:0;flex:1;border:1px solid #e5e9f0;border-radius:999px;background:#f6f7f9;padding:10px 16px;font:inherit}.sl-search-form button{border:0;border-radius:999px;background:var(--sl-button-primary,#49ab49);color:#fff;padding:10px 24px;font:600 14px/20px ui-sans-serif,system-ui,sans-serif}.sl-search-form button:hover{background:var(--sl-button-hover,#63b863)}
.sl-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.sl-search-result{display:block;padding:24px;border-radius:14px;background:var(--sl-glow-calm),#fff;box-shadow:var(--sl-card-shadow);color:#171c26;text-decoration:none}.sl-search-result:hover{color:#000;box-shadow:0 6px 20px rgb(22 39 29 / .145)}.sl-search-result h2{font-size:20px!important;line-height:1.35;margin:0 0 12px}.sl-search-result p{font-size:16px;line-height:1.6;color:#5a677b;margin:0}.sl-search-result span{display:block;color:#287b28;margin-top:16px;font-size:14px}.sl-search-page [data-search-status]{font-size:14px;color:#5a677b}.sl-search-page :is(a,button,input):focus-visible{outline:2px solid #49ab49;outline-offset:3px}@media(max-width:767px){.sl-search-results{grid-template-columns:1fr}.sl-search-form{gap:8px}.sl-search-form button{padding:10px 16px}}

/* This adapter replaces only the mobile header; original desktop navigation stays. */
@media(min-width:992px){html[data-sl-finish] body>header #sl-shop-navigation{display:none!important}body:has(#sl-shop-navigation)>header{height:auto}}
@media(max-width:991.98px){body>header>.navbar{display:none!important}#sl-shop-navigation .sl-header-login span{display:none}#sl-shop-navigation .sl-header-row{gap:16px}#sl-shop-navigation .sl-header-search-mobile button{display:none}}

#sl-shop-navigation #sl-header-mobile{scrollbar-width:none}#sl-shop-navigation #sl-header-mobile::-webkit-scrollbar{display:none}

/* One restrained offer marker; never an unconditional promotional label. */
body>header .sl-package-offer-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px;vertical-align:-3px;flex-shrink:0;color:#49ab49;line-height:1}
body>header .sl-package-offer-badge svg{display:block;width:16px!important;height:16px!important}