:root{--whatsapp-access-height:calc(56px + env(safe-area-inset-top,0px))}
body.has-whatsapp-access{padding-top:var(--whatsapp-access-height)}
.has-whatsapp-access .site-header{top:var(--whatsapp-access-height)}
.has-whatsapp-access .summary-panel{top:calc(var(--whatsapp-access-height) + 108px)}
.has-whatsapp-access .cart-summary,.has-whatsapp-access .roaster-aside{top:calc(var(--whatsapp-access-height) + 110px)}
.has-whatsapp-access .joey-editor-grid>.mini-showcase{top:calc(var(--whatsapp-access-height) + 115px)}
.has-whatsapp-access .rb-summary{top:calc(var(--whatsapp-access-height) + 112px)}
.has-whatsapp-access .joey-running-summary{top:calc(var(--whatsapp-access-height) + 105px);max-height:calc(100vh - var(--whatsapp-access-height) - 122px)}
html:has(.has-whatsapp-access){scroll-padding-top:calc(var(--whatsapp-access-height) + 110px)}
.website-whatsapp-access{position:fixed;inset:0 0 auto;z-index:45;min-height:var(--whatsapp-access-height);padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:#223e36;color:#fff;border-bottom:1px solid #ffffff24;box-shadow:0 2px 9px #172d2420;font-family:Arial,Helvetica,sans-serif}
.website-whatsapp-inner{min-height:56px;max-width:1392px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.website-whatsapp-note{font-size:13px;line-height:1.3;letter-spacing:0}
.website-whatsapp-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:9px;min-height:44px;padding:4px 12px 4px 5px;border:1px solid #ffffff64;border-radius:999px;background:#fffdf7;color:#17392b;text-decoration:none;font-size:14px;font-weight:750;line-height:1.2;letter-spacing:0}
.website-whatsapp-link img{width:36px;height:36px;object-fit:cover;border-radius:50%;margin:0}
.website-whatsapp-link:hover{background:#f0f7eb}
.website-whatsapp-link:focus-visible{outline:3px solid #ffd167;outline-offset:3px}
.website-whatsapp-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f3df;color:#223e36;font-size:22px;line-height:1}
.has-whatsapp-access .skip:focus{position:fixed;top:calc(var(--whatsapp-access-height) + 8px);z-index:100}
@media(max-width:600px){.website-whatsapp-inner{justify-content:flex-end}.website-whatsapp-note{display:none}.website-whatsapp-link{font-size:13px}}
@media(max-width:900px){.has-whatsapp-access .main-nav{max-height:calc(100vh - var(--whatsapp-access-height) - 86px);max-height:calc(100dvh - var(--whatsapp-access-height) - 86px);overflow-y:auto;overscroll-behavior:contain}.menu-toggle{min-width:44px}}
@media(min-width:1000px){.has-whatsapp-access .roaster-aside{top:calc(var(--whatsapp-access-height) + 100px)}}
@media(prefers-reduced-motion:reduce){html:has(.has-whatsapp-access){scroll-behavior:auto}}