#surfcraft-navigation{display:none}
@media(min-width:810px){
#surfcraft-navigation{--navigation-background:#fff;--navigation-color:#0145f2;display:block;position:relative;z-index:50;width:100%;height:88px;flex:none;box-sizing:border-box;background:var(--navigation-background);color:var(--navigation-color)}
#surfcraft-navigation[data-theme=blue]{--navigation-background:#0145f2;--navigation-color:#fff}
#surfcraft-navigation .sf-navigation-inner{height:88px;max-width:1440px;width:100%;padding:0 32px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:32px}
#surfcraft-navigation nav{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;margin:0;padding:0;min-width:0}
#surfcraft-navigation nav a{display:inline-flex;align-items:center;min-height:44px;font:700 14px/1.4 Inter,Arial,sans-serif;white-space:nowrap;color:inherit;text-decoration:none;letter-spacing:0;padding:0}
#surfcraft-navigation nav a:hover,#surfcraft-navigation nav a:focus-visible{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
#surfcraft-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
[data-sf-legacy-navigation]{display:none!important}
/* Keep configurator actions accessible in the existing breadcrumb row. */
.sf-has-consistent-navigation .site-header{height:0!important;min-height:0;display:block;padding:0!important;border:0;box-shadow:none;background:transparent;overflow:visible;position:relative;z-index:10}
.sf-has-consistent-navigation .site-header>.brand,.sf-has-consistent-navigation .site-header>.site-navigation,.sf-has-consistent-navigation .site-header .site-menu-toggle{display:none!important}
.sf-has-consistent-navigation .site-header .header-actions{position:absolute;right:5%;top:16px;margin:0}
.sf-has-consistent-navigation .breadcrumb{padding-right:180px;min-height:58px}
}
@media(min-width:810px) and (max-width:1050px){#surfcraft-navigation .sf-navigation-inner{padding:0 24px;gap:24px}#surfcraft-navigation nav{gap:16px}}
@media(max-width:809.98px){[data-sf-home-footer]{margin-top:48px!important}}
@media(min-width:810px){#surfcraft-navigation{margin:0;padding:0;border:0;box-shadow:none}}
@font-face{font-family:SurfcraftNavigationInter;src:url('/fonts/syRNPWzAMIrcJ3wIlPIP43KjQs.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@media(min-width:810px){#surfcraft-navigation nav a{font-family:SurfcraftNavigationInter,Arial,sans-serif}}

@font-face{font-family:SurfcraftNavigationAnton;src:url('/fonts/j1bMZk4w1s7Pi2EkBL1CcmjkYgg.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@media(min-width:810px){
#surfcraft-navigation .sf-navigation-inner{justify-content:flex-end}
#surfcraft-navigation nav{display:grid;grid-template-columns:64px 94px 156px 100px 96px;gap:24px}
#surfcraft-navigation nav a{justify-content:center;height:44px;box-sizing:border-box}
#surfcraft-navigation nav a[aria-current=page]{font-family:SurfcraftNavigationAnton,Anton,sans-serif;font-size:22px;font-weight:400;line-height:1.2}
}
@media(min-width:810px) and (max-width:1050px){#surfcraft-navigation nav{gap:16px}}

[data-sf-page-title]>:not(.sf-mobile-page-title){display:none!important}
[data-sf-page-title]{width:auto!important;min-width:0!important}
.sf-mobile-page-title{display:block;color:#0145f2;font:400 32px/1.2 SurfcraftNavigationAnton,Anton,sans-serif;letter-spacing:0}
@media(max-width:809.98px){.site-header .brand{font-size:24px;letter-spacing:0}.site-header{gap:12px}}
@media(max-width:380px){.site-header .brand{font-size:20px}.site-header .header-actions{gap:8px}.site-header .cart-button{padding:8px;font-size:14px}}

/* Match the existing 64px mobile page headers and their 20px inset. */
@media(max-width:809.98px){
 .site-header{height:64px!important;min-height:64px;padding:0 20px!important;gap:12px;box-sizing:border-box}
 .site-header .brand{font:400 32px/1.2 SurfcraftNavigationAnton,Anton,sans-serif;letter-spacing:0}
 .site-header .header-actions{align-items:center;gap:12px}
 .site-header .site-menu-toggle{width:36px;height:36px;flex:none}
 .site-header .cart-button{margin:0;min-height:36px;font-size:14px;padding:8px 10px;gap:8px}
}
@media(max-width:399px){
 .site-header{gap:8px}
 .site-header .brand{font-size:24px}
 .site-header .header-actions{gap:8px}
 .site-header .cart-button{font-size:12px;padding:8px;gap:6px}
}

/* A continuous wave replaces the circular cutout in the homepage hero. */
#main .framer-onk0pj{position:relative!important}
#main .framer-onk0pj .framer-19g2gpj{display:none!important}
#main .framer-onk0pj::after{content:"";position:absolute;right:-1px;bottom:-1px;width:40%;height:86%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100 C32 100 25 44 61 32 C80 25 100 32 100 0 L100 100 Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-width:809.98px){#main .framer-onk0pj::after{width:43%;height:38%}}

#main .framer-12af7ni{display:none!important}

/* The SVG morph changes the wave's curvature rather than scaling a fixed outline. */
#main .framer-onk0pj::after{display:none}
#main .sf-hero-wave{position:absolute;right:-1px;bottom:-1px;width:40%;height:86%;display:block;pointer-events:none;overflow:hidden}
#main .sf-wave-static{display:none}
@media(max-width:809.98px){#main .sf-hero-wave{width:43%;height:38%}}
@media(prefers-reduced-motion:reduce){#main .sf-wave-moving{display:none}#main .sf-wave-static{display:block}}

/* A low, wide wave instead of a tall vertical rise. */
#main .sf-hero-wave{width:48%;height:39%}
@media(max-width:809.98px){#main .sf-hero-wave{width:55%;height:19%}}