.waterfront-shell{--wf-gold:#f6d878;--wf-teal:#30ded4;position:relative;isolation:isolate;padding:clamp(25px,4.8vw,80px) clamp(14px,2.2vw,38px) 38px;background:#002e34 url('/assets/waterfront-background.webp') center center/cover no-repeat;overflow:clip;color:#fff7d9;border-bottom:2px solid #d6a644;box-shadow:0 12px 60px #001d23}
.waterfront-shell:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#2de2dc16,transparent 60%),linear-gradient(0deg,#001b2220,transparent 40%)}
body #commerce-section[hidden]{display:none!important}.wf-nav-slot{position:relative}.waterfront-shell.wf-nav-docked .site-header{position:fixed!important;top:8px!important;left:12px!important;right:12px!important;width:calc(100% - 24px)!important;max-width:none!important;z-index:500!important}.waterfront-shell .utility-bar:before{content:'';position:absolute;left:50%;top:-18px;width:30px;height:30px;border:2px solid #ffe18a;transform:translateX(-50%) rotate(45deg);background:radial-gradient(#77fff0,#005a5c 65%);box-shadow:0 0 0 5px #00383b,0 0 0 7px #d9b25d,0 0 18px #3cdecf;pointer-events:none}.wf-ornament:after{content:'';position:absolute;inset:8px;background:#a6fff1;box-shadow:0 0 9px #62fff0}.wf-orbits{translate:var(--wfx,0px) var(--wfy,0px)}
body .waterfront-shell .utility-bar{position:relative!important;top:auto!important;width:100%!important;max-width:1640px!important;margin:0 auto!important;height:auto!important;min-height:64px!important;padding:0!important;background:linear-gradient(180deg,#003a3ce8,#001d24f2)!important;border:1px solid #f5cd72!important;border-radius:50px!important;box-shadow:inset 0 0 0 5px #00545166,inset 0 0 0 7px #e5b65250,0 0 18px #37d6ca60!important;z-index:5!important}
body .waterfront-shell .utility-inner{display:flex!important;align-items:center!important;justify-content:space-evenly!important;gap:0!important;padding:12px 24px!important;min-height:64px!important;height:auto!important;max-width:none!important;width:100%!important;margin:0!important;color:#fff!important;font-size:clamp(11px,1vw,16px)!important}
.wf-info{display:flex;align-items:center;justify-content:center;gap:12px;min-height:26px;padding:0 22px;color:#fff9e4;text-decoration:none;white-space:nowrap;border-right:1px solid #f3ce78}.wf-info:last-child{border:0}.wf-info .icon{color:#ffe28a;width:25px;height:25px;flex-shrink:0}.wf-info abbr{border:0;text-decoration:none}.wf-language{color:#ffdd7d;border:1px solid #ae8c42;border-radius:20px;padding:5px 16px;background:#072d2e;white-space:nowrap}
.wf-masthead{position:relative;max-width:1640px;height:clamp(300px,29vw,490px);margin:auto;isolation:isolate}.wf-logo{position:absolute;left:1%;top:12%;width:58%;height:80%;display:flex;align-items:center;z-index:3}.wf-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 15px #001a1c80)}.wf-mascot-stage{position:absolute;right:-1%;bottom:0;width:33%;height:97%;overflow:hidden;z-index:3;pointer-events:none}.wf-mascot-image{position:absolute;width:100%;height:auto;top:-1%;right:0;filter:drop-shadow(0 0 12px #ffc85d30);transform-origin:50% 80%;animation:wf-mascot-breathe 7s ease-in-out infinite}.wf-orbits{position:absolute;width:37%;height:86%;right:-1%;bottom:-6%;border-radius:50%;z-index:1;transform:rotate(-20deg);pointer-events:none;filter:drop-shadow(0 0 8px #20e8e3)}.wf-orbits i{position:absolute;inset:8%;border:2px solid transparent;border-left-color:#70fff7;border-bottom-color:#2aafa7;border-top-color:#efd26c;border-radius:50%;box-shadow:inset 0 0 25px #29f0e140,0 0 12px #19ccbe70;animation:wf-orbit 12s linear infinite}.wf-orbits i:nth-child(2){inset:0 12%;transform:rotateY(55deg);animation:wf-orbit-reverse 17s linear infinite;border-color:#daa74788 #37e7df #f8d374 #008c8555}.wf-orbits i:nth-child(3){inset:16% 0;animation-duration:8s;border-style:dashed;border-width:1px;opacity:.7}.wf-orbits:before{content:'';position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(ellipse,#34e6d443,transparent 67%);animation:wf-aura 5s ease-in-out infinite}
#wf-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.wf-bubble{position:absolute;right:24%;top:17%;width:clamp(190px,17vw,280px);z-index:4;background:linear-gradient(130deg,#003e3eea,#001f27f2);border:1px solid #f2ce73;border-radius:22px 22px 5px 22px;padding:18px 20px;text-decoration:none;color:#fff9db;box-shadow:inset 0 0 20px #2ae6d425,0 0 22px #2ad4c537,0 9px 28px #0005;backdrop-filter:blur(10px);animation:wf-bubble-bob 6s ease-in-out infinite}.wf-bubble:after{content:'';position:absolute;right:22px;bottom:-11px;width:18px;height:18px;transform:rotate(45deg);background:#002c31;border-right:1px solid #f2ce73;border-bottom:1px solid #f2ce73}.wf-bubble strong{display:block;font-size:clamp(15px,1.3vw,22px);line-height:1.15;color:#ffe595;margin-bottom:10px}.wf-bubble p{font-size:clamp(12px,1vw,16px);line-height:1.5;margin:0;min-height:3em}.wf-bubble small{display:block;font-size:10px;color:#8ff1e4;margin-top:10px;letter-spacing:.06em}.wf-bubble-dots{display:flex;gap:5px;margin-top:10px}.wf-bubble-dots i{width:5px;height:5px;background:#f5d46d;border-radius:50%;animation:wf-dot 1.5s infinite}.wf-bubble-dots i:nth-child(2){animation-delay:.2s}.wf-bubble-dots i:nth-child(3){animation-delay:.4s}.wf-bubble.wf-changing p{animation:wf-text-in .4s ease-out}
body .waterfront-shell .site-header{position:relative!important;top:auto!important;max-width:1640px!important;margin:0 auto!important;padding:0!important;height:auto!important;min-height:100px!important;background:linear-gradient(180deg,#004447f2,#001f26f5)!important;border:2px solid #ecc56c!important;border-radius:55px!important;box-shadow:inset 0 0 0 5px #00464b,inset 0 0 0 6px #37d6ceaa,0 0 24px #1ddbd166!important;backdrop-filter:blur(15px);overflow:visible!important;z-index:20!important}
body .waterfront-shell .header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:16px 28px!important;height:auto!important;min-height:100px!important;width:100%!important;max-width:none!important;position:relative!important;margin:0!important}
body .waterfront-shell #primary-navigation{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:0!important;position:static!important;transform:none!important;padding:0!important;background:none!important;border:0!important;overflow:visible!important;max-height:none!important}
body .waterfront-shell #primary-navigation>a,body .waterfront-shell .foundation-shop-menu>summary{display:flex!important;align-items:center!important;gap:8px!important;font-size:clamp(11px,.92vw,16px)!important;padding:16px 18px!important;border:0!important;border-right:1px solid #d9ba6970!important;border-radius:0!important;line-height:1.4!important;text-decoration:none!important;color:#fff6df!important;white-space:nowrap!important;background:transparent!important;transition:color .2s,box-shadow .2s,background .2s}
body .waterfront-shell #primary-navigation>a[aria-current=page]{color:#ffe586!important;background:linear-gradient(120deg,#856c2299,#123a32)!important;border:1px solid #ffe394!important;border-radius:30px!important;box-shadow:inset 0 0 16px #efc85445,0 0 20px #efc85455!important}
body .waterfront-shell #primary-navigation .icon{width:23px;height:23px;color:#f6d66b;flex-shrink:0}.wf-nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.wf-nav-action{display:flex!important;flex-direction:column;align-items:center;gap:7px;padding:0!important;background:none!important;border:0!important;color:#fff!important;font-size:12px!important;text-decoration:none;cursor:pointer;position:relative;white-space:nowrap}.wf-nav-action>.wf-icon-circle{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #60e8dd;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#16685b,#001e25 80%);box-shadow:inset 0 0 12px #21dacb20,0 0 13px #24cabe35}.wf-icon-circle .icon{width:26px;height:26px;color:#ffda70}.wf-nav-action b{position:absolute;top:-5px;right:4px;background:linear-gradient(#fff1a9,#e6b448);color:#18342d;border:1px solid #ffd774;border-radius:50%;min-width:22px;height:22px;display:grid;place-items:center;font-size:11px}.wf-account{position:relative}.wf-account summary{list-style:none}.wf-account .amr-account-drop{top:calc(100% + 12px);right:0;left:auto;min-width:210px;background:#00272cf5;border:1px solid #e3c46b;border-radius:14px;padding:14px;position:absolute;box-shadow:0 18px 35px #0007}.wf-account .amr-account-drop a,.wf-account .amr-account-drop button{display:block;width:100%;padding:10px;background:none;border:0;color:#fff4d1;text-align:left;text-decoration:none;font-size:13px}
body .waterfront-shell #search-form{display:flex!important;position:static!important;flex:1 1 300px!important;min-width:120px!important;max-width:500px!important;width:auto!important;margin:0!important;transform:none!important;height:56px!important;border:1px solid #8cfff1!important;border-radius:35px!important;background:#00272b!important;box-shadow:0 0 12px #21d1cb55!important;overflow:hidden!important}
body .waterfront-shell #product-search{color:#fffbe5!important;font-size:13px!important;padding:12px 18px!important;background:transparent!important;min-width:0!important;width:100%!important}body .waterfront-shell #product-search::placeholder{color:#dedfd2!important}body .waterfront-shell #search-form>button{width:65px!important;flex:0 0 65px!important;height:100%!important;border-radius:0!important;background:linear-gradient(135deg,#fff0a0,#efc467,#ba8628)!important;color:#072e31!important}
body .waterfront-shell .menu-toggle{display:none!important}body .waterfront-shell #primary-navigation>.amr-mobile-only{display:none!important}.wf-ornament{position:absolute;left:50%;width:32px;height:32px;transform:translateX(-50%) rotate(45deg);border:2px solid #f0c85f;background:linear-gradient(140deg,#003532,#33dace);box-shadow:0 0 0 7px #003b3c,0 0 0 9px #f3d077,0 0 22px #43e8df;z-index:22;pointer-events:none}.wf-ornament.top{top:-15px}.wf-ornament.bottom{bottom:-15px}.wf-sweep{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:1}.wf-sweep:after{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 47%,#78fff812 49%,#ffdd7d44 50%,transparent 52%);animation:wf-sweep 11s linear infinite}
.wf-click-ring{position:fixed;width:12px;height:12px;left:var(--cx);top:var(--cy);margin:-6px;border:2px solid #ffe49a;border-radius:50%;box-shadow:0 0 14px #34e9d1;pointer-events:none;z-index:9999;animation:wf-click .65s ease-out forwards}.wf-click-spark{position:fixed;width:4px;height:4px;background:#ffe28c;left:var(--cx);top:var(--cy);pointer-events:none;z-index:9999;box-shadow:0 0 7px #36e9df;animation:wf-spark .65s ease-out forwards}
@media(hover:hover){.wf-nav-action:hover .wf-icon-circle{box-shadow:0 0 22px #30f0da80,inset 0 0 20px #eec96640;transform:translateY(-3px)}.wf-icon-circle{transition:transform .2s,box-shadow .2s}.wf-bubble:hover{border-color:#89fff0;box-shadow:0 0 24px #41e1d275}.wf-logo:hover img{filter:drop-shadow(0 0 18px #eac45c55)}body .waterfront-shell #primary-navigation>a:hover,body .waterfront-shell .foundation-shop-menu>summary:hover{background:#20cfb61c!important;color:#ffe58b!important}}
@keyframes wf-orbit{to{transform:rotate(360deg)}}@keyframes wf-orbit-reverse{to{transform:rotate(-360deg) rotateY(55deg)}}@keyframes wf-aura{50%{opacity:.5;transform:scale(1.15)}}@keyframes wf-mascot-breathe{50%{transform:translateY(-5px) rotate(.4deg)}}@keyframes wf-bubble-bob{50%{transform:translateY(-5px)}}@keyframes wf-dot{50%{opacity:.3;transform:translateY(-3px)}}@keyframes wf-text-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes wf-sweep{from{transform:translateX(-35%)}to{transform:translateX(35%)}}@keyframes wf-click{to{opacity:0;transform:scale(5)}}@keyframes wf-spark{to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.2)}}
@media(max-width:1200px) and (min-width:901px){body .waterfront-shell .header-inner{gap:10px!important;padding:16px!important}body .waterfront-shell #primary-navigation>a,body .waterfront-shell .foundation-shop-menu>summary{padding:12px 9px!important}.wf-nav-actions{gap:9px}.wf-nav-action>.wf-icon-circle{width:44px;height:44px}.wf-nav-action{font-size:10px!important}.wf-info{padding:0 10px}.wf-bubble{right:25%;width:205px}}
@media(max-width:900px){.waterfront-shell{padding:25px 12px 25px;background-position:center top}.wf-info{padding:0 12px;font-size:11px}.wf-info.shipping{display:none}.wf-info .icon{width:18px;height:18px}body .waterfront-shell .utility-inner{min-height:46px!important;padding:9px 12px!important;gap:8px!important;flex-wrap:wrap!important}body .waterfront-shell .utility-bar{min-height:46px!important}.wf-masthead{height:360px}.wf-logo{width:63%;left:-2%;top:5%;height:65%}.wf-mascot-stage{width:40%;height:88%;bottom:0;right:-4%}.wf-bubble{width:200px;top:auto;bottom:5%;right:34%;padding:12px 14px}.wf-bubble strong{font-size:15px}.wf-bubble p{font-size:12px;min-height:3em}.wf-orbits{width:44%;height:80%;right:-2%}body .waterfront-shell .site-header{min-height:0!important;border-radius:28px!important}body .waterfront-shell .header-inner{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:'menu actions' 'search search'!important;gap:14px!important;padding:18px!important;min-height:0!important}body .waterfront-shell .menu-toggle{grid-area:menu!important;display:flex!important;background:#01464a!important;border:1px solid #d7b964!important;color:#ffe494!important;border-radius:10px!important}body .waterfront-shell .wf-nav-actions{grid-area:actions;justify-content:flex-end;gap:20px}.wf-nav-action>.wf-icon-circle{width:44px;height:44px}.wf-nav-action{font-size:10px!important;gap:4px}body .waterfront-shell #search-form{grid-area:search!important;height:46px!important;max-width:none!important;width:100%!important}body .waterfront-shell #primary-navigation{display:none!important;position:absolute!important;top:100%!important;left:12px!important;right:12px!important;padding:15px!important;background:#00252cfa!important;border:1px solid #daba62!important;border-radius:15px!important;z-index:50!important}body .waterfront-shell #primary-navigation.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}body .waterfront-shell #primary-navigation>a,body .waterfront-shell .foundation-shop-menu>summary{padding:14px!important;font-size:14px!important;border-right:0!important}body .waterfront-shell #primary-navigation>.amr-mobile-only{display:flex!important}body .waterfront-shell .foundation-shop-links{position:static!important}.wf-ornament{width:20px;height:20px}.wf-ornament.top{top:-10px}.wf-ornament.bottom{bottom:-10px}}
@media(max-width:520px){.wf-info.location,.wf-info.language{display:none}.wf-info{border:0;gap:6px;padding:0 10px}.wf-masthead{height:320px}.wf-logo{top:3%;width:77%;height:53%;left:-4%}.wf-mascot-stage{width:51%;height:76%;right:-6%}.wf-bubble{right:39%;bottom:7%;width:58%;padding:11px 13px}.wf-bubble strong{font-size:14px}.wf-bubble p{font-size:11px}.wf-bubble small{font-size:8px}.wf-bubble-dots{margin-top:7px}.wf-orbits{width:59%;height:65%;right:-8%}body .waterfront-shell .wf-nav-actions{gap:16px}body .waterfront-shell .header-inner{padding:16px 14px!important;gap:12px!important}body .waterfront-shell #search-form>button{width:50px!important;flex-basis:50px!important}.wf-language{padding:3px 8px}}
/* Respect reduced motion by default, but permit the explicit Motion On choice. */
@media(prefers-reduced-motion:reduce){
 body:not(.motion-user-on) .waterfront-shell *,
 body:not(.motion-user-on) .waterfront-shell *:before,
 body:not(.motion-user-on) .waterfront-shell *:after,
 body:not(.motion-user-on) .wf-click-ring,
 body:not(.motion-user-on) .wf-click-spark {animation:none!important;transition:none!important}
 body:not(.motion-user-on) .wf-click-ring,
 body:not(.motion-user-on) .wf-click-spark {display:none!important}
}
/* Pause decoration consistently when Motion Off or document is backgrounded. */
body.wf-document-hidden .waterfront-shell *,
body.wf-document-hidden .waterfront-shell *:before,
body.wf-document-hidden .waterfront-shell *:after,
body.motion-paused .waterfront-shell *,
body.motion-paused .waterfront-shell *:before,
body.motion-paused .waterfront-shell *:after{animation-play-state:paused!important}

/* Tablet viewport guard: contain off-screen orbit glows without disabling animations. */
@media (min-width:651px) and (max-width:900px){
 html{overflow-x:clip}
 .wf-orbits{right:4%;width:32%}
 .wf-mascot-stage{right:2%}
}