.section-header-modern{--font-heading: "Montserrat", var(--font-heading-family), sans-serif;--font-body: "Inter", var(--font-body-family), sans-serif;--color-white: #FFFFFF;--color-text-muted: #CBD5E1;--transition-speed: .4s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}body.menu-open-modern{overflow:hidden}.site-header-modern{position:fixed;top:0;left:0;width:100%;height:var(--header-height-initial);z-index:1000;transition:all var(--transition-speed) var(--transition-ease);background-color:transparent;border-bottom:1px solid rgba(255,255,255,.05)}.site-header-modern.header-transparent{background-color:transparent}.site-header-modern.header-transparent.is-scrolled{background-color:#0f172af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;height:var(--header-height-scrolled);border-bottom:none}.site-header-modern:not(.header-transparent){background-color:var(--color-navy);border-bottom:1px solid rgba(255,255,255,.08)}.header-modern-container{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:relative}@media screen and (min-width: 750px){.header-modern-container{padding:0 3.2rem}}@media screen and (min-width: 990px){.header-modern-container{padding:0 5rem}}.header-modern-logo-wrapper{margin:0;line-height:0;z-index:1001}.header-modern-logo-link{display:flex;align-items:center;text-decoration:none;padding:.5rem 0}.header-modern-logo-img{height:auto;max-height:calc(var(--header-height-initial) - 30px);width:auto;max-width:var(--header-logo-width);transition:max-height var(--transition-speed) var(--transition-ease);display:block}.site-header-modern.is-scrolled .header-modern-logo-img{max-height:calc(var(--header-height-scrolled) - 25px)}.header-modern-logo-text{font-family:var(--font-heading);font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--color-white)}.header-modern-nav{display:none;gap:2rem;align-items:center;position:absolute;left:50%;transform:translate(-50%)}@media screen and (min-width: 1024px){.header-modern-nav{display:flex}}.nav-link-modern{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;border-radius:8px;transition:background-color .2s ease;cursor:pointer}.nav-link-modern:hover{background-color:#ffffff0d}.nav-title-modern{font-family:var(--font-heading);font-weight:700;font-size:var(--header-nav-font-size);text-transform:uppercase;color:var(--color-white);letter-spacing:.05em;transition:color .2s ease;line-height:1.2}.nav-subtitle-modern{font-family:var(--font-body);font-size:var(--header-subtitle-font-size);color:var(--color-text-muted);font-weight:400;margin-top:2px;text-transform:none;transition:color .2s ease;line-height:1.3}.nav-link-modern:hover .nav-title-modern{color:var(--color-lime)}.nav-link-modern:hover .nav-subtitle-modern{color:#ffffffe6}.nav-divider-modern{width:1px;height:40px;background:#ffffff26;margin:0 .5rem;flex-shrink:0}.header-modern-actions{display:flex;align-items:center;gap:1rem;z-index:1001}@media screen and (min-width: 750px){.header-modern-actions{gap:1.5rem}}.icon-btn-modern{background:none;border:none;color:var(--color-white);cursor:pointer;transition:color .2s,transform .2s;position:relative;padding:0;display:flex;align-items:center;justify-content:center;text-decoration:none}.icon-btn-modern .svg-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.icon-btn-modern svg{width:2rem;height:2rem;fill:none;stroke:currentColor}.icon-btn-modern:hover{color:var(--color-lime);transform:scale(1.05)}.cart-badge-modern{position:absolute;top:-4px;right:-4px;background-color:var(--color-lime);color:var(--color-navy);font-size:10px;font-weight:700;font-family:var(--font-heading);min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px #8dc63f66;line-height:1}.btn-bundle-modern{background-color:var(--color-lime);color:var(--color-navy);font-family:var(--font-heading);font-weight:800;font-size:13px;text-transform:uppercase;padding:12px 24px;border-radius:50px;text-decoration:none;display:none;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s,background-color .2s;box-shadow:0 0 15px #8dc63f33;white-space:nowrap;line-height:1}@media screen and (min-width: 1024px){.btn-bundle-modern{display:inline-flex}}.btn-bundle-modern .svg-wrapper{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.btn-bundle-modern svg{width:100%;height:100%;fill:currentColor;stroke:none}.btn-bundle-modern:hover{transform:translateY(-2px);box-shadow:0 0 25px #8dc63f80;background-color:#fff}.mobile-toggle-modern{display:flex;font-size:1.5rem;color:var(--color-white);cursor:pointer;z-index:1001;background:none;border:none;padding:8px;position:relative;align-items:center;justify-content:center}.mobile-toggle-modern .svg-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:absolute;transition:opacity .2s,transform .2s}.mobile-toggle-modern svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}.mobile-toggle-modern .hidden{opacity:0;transform:scale(.8);pointer-events:none}@media screen and (min-width: 1024px){.mobile-toggle-modern{display:none}}.mobile-menu-modern{position:fixed;top:0;left:-100%;width:85%;max-width:400px;height:100vh;background-color:var(--color-navy);z-index:999;transition:left var(--transition-speed) var(--transition-ease);overflow-y:auto;padding:calc(var(--header-mobile-height) + 20px) 2rem 2rem 2rem;box-shadow:4px 0 20px #00000080}.mobile-menu-modern.is-open{left:0}.mobile-overlay-modern{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000b3;z-index:998;opacity:0;visibility:hidden;transition:opacity var(--transition-speed),visibility var(--transition-speed)}.mobile-overlay-modern.is-visible{opacity:1;visibility:visible}.mobile-nav-modern{display:flex;flex-direction:column;gap:0}.mobile-nav-link-modern{text-decoration:none;display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:padding-left .2s ease}.mobile-nav-link-modern:hover{padding-left:8px}.mobile-nav-title-modern{font-family:var(--font-heading);font-weight:700;font-size:18px;text-transform:uppercase;color:var(--color-white);letter-spacing:.05em;margin-bottom:4px;line-height:1.2}.mobile-nav-subtitle-modern{font-family:var(--font-body);font-size:13px;color:var(--color-text-muted);font-weight:400;line-height:1.3}.mobile-nav-link-modern:hover .mobile-nav-title-modern{color:var(--color-lime)}.mobile-nav-separator{height:1px;background:#fff3;margin:20px 0}.mobile-bundle-btn-modern{margin-top:30px;width:100%;justify-content:center;padding:16px 24px;font-size:15px;display:inline-flex}@media screen and (min-width: 1024px){.mobile-menu-modern,.mobile-overlay-modern{display:none}}@media screen and (max-width: 1023px){.site-header-modern,.site-header-modern.is-scrolled{height:var(--header-mobile-height)}}.hidden{display:none!important}.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.nav-link-modern:focus-visible,.icon-btn-modern:focus-visible,.btn-bundle-modern:focus-visible,.mobile-toggle-modern:focus-visible,.mobile-nav-link-modern:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}@media screen and (max-width: 749px){.header-modern-container{padding:0 1.5rem}.header-modern-actions{gap:.5rem}.icon-btn-modern .svg-wrapper{width:40px;height:40px}}@media screen and (min-width: 1280px){.header-modern-nav{gap:2.5rem}}@media print{.site-header-modern{position:relative;background-color:transparent}.mobile-toggle-modern,.mobile-menu-modern,.mobile-overlay-modern{display:none!important}}@media (prefers-reduced-motion: reduce){.site-header-modern,.nav-link-modern,.icon-btn-modern,.btn-bundle-modern,.mobile-menu-modern,.mobile-overlay-modern,.mobile-toggle-modern .svg-wrapper,.header-modern-logo-img{transition:none!important}}@media (forced-colors: active){.nav-link-modern:hover{background-color:Highlight}.btn-bundle-modern,.cart-badge-modern{border:1px solid ButtonText}}@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)){.site-header-modern.header-transparent.is-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.shopify-section-header-modern{position:sticky;top:0;z-index:1000}.shopify-section-header-modern{margin-top:env(safe-area-inset-top)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-header-modern.css.map */