/* V322 polish across storefront. Admin and ZKP excluded via storefront-v200 selector. */
body.storefront-v200 .shop-header .shop-brand{gap:11px!important;padding-block:5px!important}
body.storefront-v200 .shop-header .brand-copy{display:flex;flex-direction:column;gap:3px!important;justify-content:center}
body.storefront-v200 .shop-header .brand-copy small{line-height:1.24!important;letter-spacing:.03em}
/* Calm, unified menu visual identity; sale keeps its distinct attention color. */
body.storefront-v200 .main-nav .sf-nav-category .sf-nav-icon,
body.storefront-v200 .main-nav .sf-nav-category .sf-mega-icon{color:#087c49!important;background:#eaf5ed!important;border-color:#d7eadd!important}
body.storefront-v200 .main-nav .sf-nav-category .sf-nav-icon svg{stroke:currentColor!important;color:#087c49!important}
body.storefront-v200 .main-nav .nav-sale .sf-nav-icon{color:#cc423b!important;background:#fff0ec!important}
body.storefront-v200 .main-nav .sf-nav-link:hover .sf-nav-icon{background:#d9f0e2!important}
/* Cart: the number is on the icon, with actual subtotal before shipping underneath. */
body.storefront-v200 .cart-action .h322-cart-icon{position:relative;display:grid;place-items:center}
body.storefront-v200 .cart-action .h322-cart-badge{position:absolute;top:-8px;right:-9px;display:grid!important;place-items:center;background:#e64745;color:#fff;border:2px solid #fff;border-radius:100px;min-width:20px;min-height:20px;padding:0 4px;font-size:11px;font-weight:900;line-height:1}
body.storefront-v200 .cart-action .h322-cart-summary{display:flex;flex-direction:column;gap:1px!important;min-width:0}
body.storefront-v200 .cart-action .h322-cart-summary>small{display:block;font-size:11px;white-space:nowrap;color:#5d7468}
body.storefront-v200 .cart-action .h322-cart-summary>strong{display:block;font-weight:900;font-size:16px;white-space:nowrap;color:#193c29}
body.storefront-v200 .cart-action .h322-cart-subtotal-label{font-size:9px;color:#718379;line-height:1}
/* Minimize chat footprint: a small floating button, not a wide strip over product navigation. */
body.storefront-v200 #zedoCustomerAiFab{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:5px!important;gap:0!important;right:9px!important;bottom:12px!important;border-radius:50%!important;justify-content:center!important;box-shadow:0 4px 16px #0c4f2e35!important}
body.storefront-v200 #zedoCustomerAiFab .zca-label{display:none!important}
body.storefront-v200 #zedoCustomerAiFab .zca-icon{width:35px;height:35px;font-size:20px}
body.storefront-v200 #zedoCustomerAiFab .zca-pulse{right:1px!important;top:1px!important}
body.storefront-v200 .zca-panel{bottom:70px!important;right:9px!important}
@media(max-width:900px){
 body.storefront-v200 .header-actions .h322-cart-summary{display:none!important}
 body.storefront-v200 .cart-action .h322-cart-badge{top:-8px;right:-7px}
 body.storefront-v200 #zedoCustomerAiFab{width:43px!important;min-width:43px!important;max-width:43px!important;height:43px!important;min-height:43px!important;bottom:12px!important;right:8px!important}
}
@media(prefers-reduced-motion:reduce){body.storefront-v200 .h322-banner-atmosphere{filter:none!important;opacity:.10!important}}
/* Mobile: right-edge support icon at mid-height leaves cart and sticky bottom CTAs free. */
@media(max-width:760px){
 body.storefront-v200 #zedoCustomerAiFab{right:0!important;top:43vh!important;bottom:auto!important;transform:translateY(-50%)!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:48px!important;min-height:48px!important;max-height:48px!important;border-radius:12px 0 0 12px!important;padding:4px!important}
 body.storefront-v200 .zca-panel{right:4px!important;bottom:12px!important}
}