.section-header-modern{--header-bg: rgba(255, 255, 255, .92);--header-bg-solid: rgba(255, 255, 255, .98);--header-panel: #FFFFFF;--header-soft: #F7FAFC;--header-soft-blue: #EEF6FF;--header-border: #D8E0EA;--header-text: #0F172A;--header-muted: #64748B;--header-shadow: 0 16px 34px rgba(7, 27, 63, .1)}body.menu-open-modern{overflow:hidden}.section-header-sticky-placeholder{height:var(--header-height, 78px);display:block;position:relative}.pathpal-fixed-header-group{position:fixed;top:0;left:0;width:100%;z-index:1001}.announcement-bar-modern{position:relative;z-index:1002;width:100%;background-color:var(--announcement-bg, #071B3F);color:var(--announcement-text, #FFFFFF);max-height:180px;overflow:hidden;transition:max-height .3s ease,opacity .22s ease}.announcement-bar-modern.is-dismissed{max-height:0;opacity:0;pointer-events:none}.announcement-bar-inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding:var(--announcement-padding, 10px) 50px var(--announcement-padding, 10px) 18px}.announcement-bar-text{flex:1;margin:0;color:inherit;font-family:"Inter Custom","Inter",var(--font-body-family),sans-serif;font-size:13px;line-height:1.5;text-align:center}.announcement-bar-text p{display:inline;margin:0}.announcement-bar-text>*{display:inline;margin:0;color:inherit}.announcement-bar-link{display:block;width:100%;color:inherit;text-decoration:none}.announcement-bar-link:hover{text-decoration:underline;text-underline-offset:3px}.announcement-bar-close{position:absolute;right:14px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:#ffffff14;color:inherit;cursor:pointer;transform:translateY(-50%)}.announcement-bar-close:hover{background:#ffffff29}.site-header-modern{position:relative;width:100%;height:var(--header-height-initial);border-bottom:1px solid rgba(216,224,234,.86);background-color:var(--header-bg-solid);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transition:height .22s ease,background-color .22s ease,box-shadow .22s ease,border-color .22s ease}.site-header-modern.header-transparent{background-color:var(--header-bg)}.site-header-modern.is-scrolled{height:var(--header-height-scrolled);background-color:var(--header-bg-solid);box-shadow:0 8px 24px #071b3f14}.header-modern-container{display:flex;align-items:center;gap:24px;height:100%;min-height:100%;padding-inline:24px}.header-modern-logo-wrapper{margin:0;line-height:0;flex:0 0 auto}.header-modern-logo-link{display:inline-flex;align-items:center;text-decoration:none}.header-modern-logo-img{display:block;width:auto;max-width:var(--header-logo-width);max-height:var(--header-logo-height-desktop);height:auto}.header-modern-logo-text{color:var(--header-color-navy);font-family:"Inter Custom","Inter",var(--font-heading-family),sans-serif;font-size:24px;font-weight:800}.header-modern-nav{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto}.nav-link-modern{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--header-text);padding:0 15px;font-family:"Inter Custom","Inter",var(--font-body-family),sans-serif;font-size:15px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .16s ease}.nav-link-modern:hover,.nav-link-modern:focus-visible,.header-products-menu.is-open>.nav-trigger-modern{color:var(--header-color-navy);background:var(--header-soft-blue)}.nav-title-modern{color:inherit}.nav-caret-modern{color:var(--header-muted);font-size:12px;transform:translateY(-1px)}.header-products-menu{position:relative}.header-products-panel{position:absolute;top:calc(100% + 14px);left:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;width:min(820px,calc(100vw - 48px));padding:14px;border:1px solid var(--header-border);border-radius:24px;background:#fffffffa;box-shadow:var(--header-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .16s ease,visibility .16s ease,transform .16s ease}.header-products-panel:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}.header-products-menu:hover .header-products-panel,.header-products-menu:focus-within .header-products-panel,.header-products-menu.is-open .header-products-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.header-product-card{display:flex;flex-direction:column;min-height:170px;padding:18px;border:1px solid var(--header-border);border-radius:18px;background:var(--header-panel);color:var(--header-text);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.header-product-card:hover{border-color:#1450d847;box-shadow:0 14px 28px #071b3f1a;transform:translateY(-2px)}.header-product-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#e5f8da;color:#438d25;font-family:"Inter Custom","Inter",var(--font-body-family),sans-serif;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.08em}.header-product-card strong{margin-top:14px;color:var(--header-color-navy);font-family:"Inter Custom","Inter",var(--font-body-family),sans-serif;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:0}.header-product-subtitle{margin-top:5px;color:var(--header-color-blue);font-size:13px;font-weight:700;line-height:1.35}.header-product-description{margin-top:8px;color:var(--header-muted);font-size:13px;line-height:1.48}.header-bundle-panel{display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;padding:20px;background:radial-gradient(circle at top right,rgba(94,167,46,.18),transparent 34%),linear-gradient(145deg,#071b3f,#12284d);color:#fff}.header-bundle-eyebrow{display:inline-flex;margin-bottom:12px;color:#ffffffbd;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.14em}.header-bundle-panel h2{margin:0 0 10px;color:#fff;font-size:20px;line-height:1.1;letter-spacing:0}.header-bundle-panel p{margin:0 0 18px;color:#ffffffc7;font-size:13px;line-height:1.55}.header-bundle-panel-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;background:var(--header-color-blue);color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:background-color .16s ease,transform .16s ease}.header-bundle-panel-link:hover{background:#0e3fb0;transform:translateY(-1px)}.header-modern-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}.icon-btn-modern{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--header-border);border-radius:999px;background:#fff;color:var(--header-color-navy);text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.icon-btn-modern .svg-wrapper{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.icon-btn-modern svg{width:100%;height:100%;fill:none;stroke:currentColor}.icon-btn-modern:hover{border-color:#1450d84d;background:var(--header-soft-blue);color:var(--header-color-blue);transform:translateY(-1px)}.cart-badge-modern{position:absolute;top:-4px;right:-2px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--header-color-green);color:#fff;font-size:10px;font-weight:800}.btn-bundle-modern{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;background:var(--header-color-blue);color:#fff;font-family:"Inter Custom","Inter",var(--font-body-family),sans-serif;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px #1450d840;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn-bundle-modern:hover{background:#0e3fb0;transform:translateY(-1px);box-shadow:0 6px 20px #1450d859}.mobile-toggle-modern{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--header-border);border-radius:999px;background:#fff;color:var(--header-color-navy);cursor:pointer}.mobile-toggle-modern .svg-wrapper{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;transition:opacity .16s ease,transform .16s ease}.mobile-toggle-modern svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}.mobile-toggle-modern .hidden{opacity:0;pointer-events:none;transform:scale(.8)}.mobile-menu-modern{position:fixed;top:0;right:-100%;display:flex;flex-direction:column;width:min(380px,88vw);height:100vh;padding:calc(var(--header-height, 78px) + 24px) 20px 20px;border-left:1px solid var(--header-border);background:#fffffffa;box-shadow:-18px 0 48px #071b3f24;overflow-y:auto;z-index:1000;transition:right .22s ease}.mobile-menu-modern.is-open{right:0}.mobile-overlay-modern{position:fixed;top:0;right:0;bottom:0;left:0;background:#071b3f47;opacity:0;visibility:hidden;z-index:999;transition:opacity .18s ease,visibility .18s ease}.mobile-overlay-modern.is-visible{opacity:1;visibility:visible}.mobile-nav-modern{display:flex;flex-direction:column}.mobile-nav-section-label{margin-bottom:10px;color:var(--header-muted);font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.mobile-nav-link-modern{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:14px 0;border-bottom:1px solid var(--header-border);color:var(--header-color-navy);text-decoration:none}.mobile-nav-title-modern{font-size:16px;font-weight:800;line-height:1.25}.mobile-nav-subtitle-modern{color:var(--header-muted);font-size:13px;line-height:1.4}.mobile-nav-separator{height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,rgba(7,27,63,.16),transparent)}.mobile-bundle-btn-modern{width:100%;min-height:52px;margin-top:22px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nav-link-modern:focus-visible,.header-product-card:focus-visible,.header-bundle-panel-link:focus-visible,.icon-btn-modern:focus-visible,.btn-bundle-modern:focus-visible,.mobile-toggle-modern:focus-visible,.mobile-nav-link-modern:focus-visible,.announcement-bar-close:focus-visible{outline:3px solid rgba(94,167,46,.45);outline-offset:3px}body.h27-page .site-header-modern,body.h27-page .site-header-modern.header-transparent,body.h27-page .site-header-modern.is-scrolled,body.pp27-page .site-header-modern,body.pp27-page .site-header-modern.header-transparent,body.pp27-page .site-header-modern.is-scrolled{background-color:#fffffff5;border-bottom:1px solid #D8E0EA}body.h27-page .btn-bundle-modern,body.pp27-page .btn-bundle-modern{border-radius:10px}@media screen and (max-width:1023px){.site-header-modern,.site-header-modern.is-scrolled{height:var(--header-mobile-height)}.header-modern-container{gap:12px;padding-inline:18px}.header-modern-nav,.header-modern-actions .btn-bundle-modern{display:none}.header-modern-actions{margin-left:auto}.mobile-toggle-modern{position:relative;display:inline-flex}.mobile-bundle-btn-modern{display:inline-flex}.header-modern-logo-img{max-height:var(--header-logo-height-mobile)}}@media screen and (min-width:750px){.announcement-bar-inner{padding-inline:56px}.announcement-bar-text{font-size:14px}}@media screen and (max-width:640px){.header-modern-container{padding-inline:14px}.header-modern-logo-img{max-width:170px}.icon-btn-modern,.mobile-toggle-modern{width:42px;height:42px}}@media print{.announcement-bar-modern,.mobile-menu-modern,.mobile-overlay-modern,.mobile-toggle-modern{display:none!important}}@media(prefers-reduced-motion:reduce){.announcement-bar-modern,.site-header-modern,.header-products-panel,.header-product-card,.header-bundle-panel-link,.icon-btn-modern,.btn-bundle-modern,.mobile-menu-modern,.mobile-overlay-modern{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-header-modern.css.map */