/* Shared floating cart and lighter header navigation. */
/* Anchor Zoni to the viewport corner on every page, including the homepage. */
body.studio-site[data-page] .zoni-widget.zoni-widget{position:fixed;top:auto;left:auto;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
body.studio-site[data-page] .main-nav>a{font-size:.9rem}
body.studio-site[data-page] .account-trigger{font-size:.9rem}
body.studio-site[data-page] .cart-button.s-floating-cart{position:fixed;right:26px;top:112px;bottom:auto;z-index:220;display:grid!important;place-items:center;width:58px;min-width:58px;height:58px;min-height:58px;padding:0;border:1px solid #277094;border-radius:50%;background:#0b3b5b;color:#89d443;box-shadow:0 8px 24px #0b3b5b30;cursor:pointer;transition:transform 350ms ease,box-shadow 350ms ease}
body.studio-site[data-page] .s-floating-cart>span{display:none!important}
body.studio-site[data-page] .s-floating-cart>svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}
body.studio-site[data-page] .s-floating-cart>b{position:absolute;right:-2px;top:-3px;min-width:21px;height:21px;padding:0 4px;border:2px solid #f1f6ff;background:#89d443;color:#0b3b5b;font-size:.72rem;font-weight:800;border-radius:50%;display:grid;place-items:center}
body.studio-site[data-page] .s-floating-cart:focus-visible{outline:3px solid #007cc0;outline-offset:4px}
body.studio-site[data-page]:has(.cart-drawer.open,.modal-wrap.open,.admin-shell.open) .s-floating-cart{visibility:hidden;pointer-events:none}
@media(hover:hover){body.studio-site[data-page] .s-floating-cart:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0b3b5b40}}
@media(max-width:680px){body.studio-site[data-page] .cart-button.s-floating-cart{right:18px;top:88px;bottom:auto;width:50px;min-width:50px;height:50px;min-height:50px}body.studio-site[data-page] .s-floating-cart>svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){body.studio-site[data-page] .s-floating-cart{transition:none}}

/* Center the support glyph in its mobile circular launcher. */
@media(max-width:680px){
 body.studio-site[data-page] #supportChatWidget{left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}
 body.studio-site[data-page] #supportChatLauncher{display:grid!important;grid-template-columns:1fr;place-items:center;width:52px;min-width:52px;height:52px;min-height:52px;padding:0!important;gap:0;border-radius:50%;box-sizing:border-box}
 body.studio-site[data-page] #supportChatLauncher .support-chat-launcher-icon{display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;flex:none;border:0;background:transparent;border-radius:50%;box-sizing:border-box}
 body.studio-site[data-page] #supportChatLauncher .support-chat-launcher-icon svg{display:block;width:23px;height:23px;margin:0;transform:none}
 body.studio-site[data-page] #supportChatLauncher .support-chat-launcher-copy{display:none!important}
 body.studio-site[data-page] #supportChatLauncher .support-chat-unread{position:absolute;right:0;top:0}
}

body.studio-site[data-page] .cart-button.s-floating-cart[hidden]{display:none!important}

/* Keep the cart beside the header, with its own space outside the navigation. */
body.studio-site[data-page]:has(.s-floating-cart:not([hidden])) .site-header{width:calc(100% - 168px)}
body.studio-site[data-page] .cart-button.s-floating-cart{right:auto;top:14px;left:calc(50% + 734px)}
@media(max-width:680px){
 body.studio-site[data-page]:has(.s-floating-cart:not([hidden])) .site-header{width:calc(100% - 88px);margin-left:12px;margin-right:auto}
 body.studio-site[data-page] .cart-button.s-floating-cart{right:auto;top:11px;left:calc(100% - 62px)}
}
