/* SummitOcean storefront shell — announcement, header and footer. */
:root{--so-store-width:1488px;--so-store-gutter:24px;--so-navy:#062b46;--so-orange:#f15a24;--so-soft:#f5f6f7;--so-nav-font-size:16px}
.container{width:min(var(--so-store-width),calc(100% - (var(--so-store-gutter)*2)))}
.summitocean-sticky-header{position:sticky;z-index:1100;top:0;width:100%;overflow:visible;background:#fff}
html{scroll-padding-top:var(--so-sticky-header-height,0px)}
body.admin-bar .summitocean-sticky-header{top:32px}
.summitocean-sticky-header .site-header{position:relative;z-index:1;top:auto;overflow:visible}
.summitocean-sticky-header .site-header .header-inner,
.summitocean-sticky-header .site-header.is-scrolled .header-inner{min-height:var(--header-height,76px)}
.summitocean-sticky-header .site-header.is-scrolled{box-shadow:0 6px 20px rgba(6,43,70,.09)}
.summitocean-sticky-header .desktop-nav,
.summitocean-sticky-header .desktop-nav>.menu,
.summitocean-sticky-header .desktop-nav>.hybrid-navigation{overflow:visible}
.drawer,.search-dialog{z-index:2200}
.announcement-bar{position:relative;z-index:120;color:#fff;background:var(--announcement-bg,var(--so-navy))}
.announcement-bar__inner{min-height:28px;gap:22px;font-size:12px;line-height:1.2}
.announcement-item{padding:5px 0;font-weight:600;letter-spacing:.02em}
.announcement-item+.announcement-item:before{margin-right:22px;color:rgba(255,255,255,.5);content:"|"}
.announcement-item:first-child:before{margin-right:7px;content:"🚚"}
.announcement-bar button{right:8px;font-size:18px}
.site-header{z-index:110;border-bottom:1px solid #e8ebef;background:#fff!important;box-shadow:none}
.site-header .header-inner{min-height:72px;gap:22px}
.site-header.is-scrolled .header-inner{min-height:58px}
.site-header.is-scrolled{box-shadow:0 6px 20px rgba(6,43,70,.09)}
.site-logo{flex:0 0 auto}.site-logo .custom-logo{width:min(150px,var(--so-logo-width));max-height:54px;object-fit:contain}
.site-header,.site-header .header-inner{overflow:visible}.site-header .desktop-nav{min-width:0;flex:1;overflow:visible!important}.desktop-nav>.menu,.desktop-nav>.hybrid-navigation{overflow:visible;justify-content:flex-start;gap:clamp(20px,1.8vw,36px)}
.site-header .desktop-nav a{color:var(--so-header-text,var(--so-navy));font-size:var(--so-nav-font-size)!important;font-weight:700;line-height:1.25}
.header-actions{gap:8px}
.header-search{width:220px;flex:0 0 220px}.header-search .search-form{position:relative;display:block!important;width:100%;max-width:none;margin:0}.header-search .search-form label{display:block;width:100%;margin:0}
.header-search .search-form input[type=search]{display:block;width:100%;height:40px;padding:0 43px 0 16px;border:1px solid #ccd4dc;border-radius:22px;font-size:13px;line-height:40px;background:#fff;box-shadow:none}
.header-search .search-form .search-submit{position:absolute!important;z-index:2;top:3px;right:3px;display:grid!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;overflow:visible;border:0!important;border-radius:50%!important;place-items:center;color:var(--so-navy)!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.header-search .search-submit svg{width:20px;height:20px}.header-search .search-submit span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-action-link{position:relative;display:flex;min-width:44px;align-items:center;justify-content:center;flex-direction:column;gap:1px;color:var(--so-navy);font-size:11px;font-weight:700;white-space:nowrap}
.header-account-link,.header-action-link.cart-link{font-size:13px}
.header-action-link svg{width:22px;height:22px}.header-heart{height:22px;font-size:20px;line-height:22px}
.header-action-link .cart-count{top:-5px;right:1px}
.mobile-search-button{display:none}
.site-footer{padding:20px 0 10px;color:#fff;background:linear-gradient(115deg,#062b46,#003352)}
.footer-grid{grid-template-columns:1.45fr repeat(3,1fr);gap:28px}.footer-grid:has(.footer-newsletter){grid-template-columns:1.35fr repeat(3,.75fr) 1.25fr}.footer-brand p{max-width:300px;margin:.65rem 0;color:#c7d7e2;font-size:13px;line-height:1.65}
.footer-logo .custom-logo{width:140px;filter:brightness(0) invert(1)}
.footer-title{margin:0 0 8px;color:#fff;font-size:15px;font-weight:700}
.site-footer li,.site-footer a{font-size:13px}.site-footer a{padding:2px 0;color:#d5e1e8}
.footer-newsletter{grid-column:auto}.footer-newsletter input[type=email]{width:100%;height:34px;padding:0 10px;border:0;border-radius:4px}.footer-newsletter button,.footer-newsletter input[type=submit]{min-height:34px;padding:5px 12px;border:0;border-radius:4px;color:#fff;background:var(--so-orange)}
.social-links{display:flex;gap:9px}.social-links a{display:grid;min-width:34px;height:34px;padding:0 8px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:17px;font-size:11px}
.footer-bottom{display:flex;padding-top:10px;margin-top:14px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);font-size:11px}
.footer-bottom p{margin:0}.payment-icons{color:#d5e1e8}
@media(max-width:1180px){
 .desktop-nav{display:none!important}.menu-toggle{display:grid!important}.desktop-search{display:none}.mobile-search-button{display:grid}
 .site-header .header-inner{justify-content:space-between}.site-logo{margin-right:auto}
}
@media(max-width:767px){
 :root{--so-store-gutter:20px}.announcement-bar__inner{min-height:42px;padding:0 25px;white-space:nowrap;overflow:hidden}.announcement-item{font-size:12px}
 .site-header .header-inner,.site-header.is-scrolled .header-inner{position:relative;display:grid;height:68px;min-height:68px;max-height:68px;padding-inline:4px;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;gap:0}
 .menu-toggle{z-index:2;grid-column:1;grid-row:1}.site-logo{position:absolute;z-index:1;top:50%;left:50%;width:min(134px,var(--so-logo-width));justify-self:auto;margin:0;transform:translate(-50%,-50%)}.site-logo .custom-logo{display:block;width:100%;max-height:52px;margin:0 auto;object-fit:contain}
 .header-actions{display:contents!important}.mobile-search-button{z-index:2;grid-column:2;grid-row:1}.header-account-link{z-index:2;grid-column:4;grid-row:1}.cart-link{z-index:2;grid-column:5;grid-row:1}.header-action-link,.mobile-search-button,.menu-toggle{box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.header-account-link span,.cart-link>span:not(.cart-count){display:none!important}.header-action-link svg,.mobile-search-button svg,.menu-toggle svg{width:22px;height:22px}.header-action-link .cart-count{right:-1px}
 .drawer-panel{right:auto;left:0;padding:72px 22px 90px;transform:translateX(-100%)}.drawer.is-open .drawer-panel{transform:none}
 .site-footer{padding:30px 0 12px}.footer-grid{display:block}.footer-brand{text-align:center}.footer-brand p{margin:.8rem auto}.footer-logo .custom-logo{margin:auto}
 .social-links{justify-content:center;margin-bottom:16px}.footer-column{border-bottom:1px solid rgba(255,255,255,.35)}
 .footer-column>.footer-title{display:flex;width:100%;padding:12px 0;margin:0;align-items:center;justify-content:space-between;border:0;color:#fff;background:none}
 .footer-column>.footer-title:after{content:"⌄";font-size:20px}.footer-column.is-open>.footer-title:after{transform:rotate(180deg)}
 .footer-column__content{display:none;padding:0 0 12px}.footer-column.is-open .footer-column__content{display:block}
 .footer-bottom{display:block;margin-top:18px;text-align:center}.footer-bottom>div{width:100%}.payment-icons{margin-top:8px}
 [id^="gb-widget"],.getbutton-widget,.gb-widget{bottom:calc(78px + env(safe-area-inset-bottom))!important}
}
/* v5.4.4: keep the mobile controls in viewport order while the logo remains
 * centred against the viewport, not merely the space left by the controls. */
@media(max-width:767px){
 .site-header .header-inner,.site-header.is-scrolled .header-inner{position:relative!important;display:grid!important;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px!important}
 .site-header .menu-toggle{grid-column:1!important;grid-row:1!important}
 .site-header .mobile-search-button{display:grid!important;grid-column:2!important;grid-row:1!important}
 .site-header .site-logo{position:absolute!important;top:50%!important;left:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}
 .site-header .header-account-link{grid-column:4!important;grid-row:1!important}
 .site-header .cart-link{grid-column:5!important;grid-row:1!important}
}
@media(max-width:782px){
 body.admin-bar .summitocean-sticky-header{top:46px}
}
@media(min-width:1101px){.site-header .desktop-nav>.menu,.site-header .desktop-nav>.hybrid-navigation{gap:clamp(24px,2vw,40px)!important}}