/* Zenova 2.0 store layer: rules for markup that exists only in the WordPress port. */
.zv-related-card{width:158px}
@media (min-width:640px){.zv-related-card{width:184px}}
.zv-related-card:hover{box-shadow:0 10px 30px rgba(15,23,42,.08);border-color:#cbd5e1}
.zv-add-tier[disabled],.zv-add-card[disabled],.zv-add-stack[disabled]{cursor:not-allowed;opacity:.7}
.znv-pack-qty small{color:#64748b}
.zv-email-error{margin-top:.25rem}
/* mu-plugins/zenova-account-access.php adds a mobile floating account button the 2.0 design does not have. */
.zw-fabaccount{display:none!important}
/* Android Chrome draws background-clip:text glyphs in raster tiles; a seam showed through
   "#1 Trusted" on the hero (owner screenshot 2026-09-11). Own compositing layer = no tiles. */
.zv-hero-title .bg-clip-text{display:inline-block;padding:0 .04em .06em 0;-webkit-box-decoration-break:clone;box-decoration-break:clone;transform:translateZ(0);will-change:transform;backface-visibility:hidden}
/* Footer legal line: icon sits inline with the sentence instead of floating beside a wrapped block. */
.zv-legal{display:inline;line-height:1.7}
.zv-legal svg{display:inline-block;vertical-align:-2px;margin-right:4px}
/* Floating offer pill: compact on phones so it stops covering the hero buttons / copy. */
@media (max-width:640px){.zv-welcome-offer{padding:9px 14px!important;font-size:12px!important;bottom:14px!important;right:14px!important;letter-spacing:0}}
/* Bundle & Save: all five pack tiles fit a 360-430px phone without a cut-off tile. */
@media (max-width:480px){.zv-bb-pack{min-width:58px!important}}
/* Stack Total row on phones: keep the label on one line, price a touch smaller. */
@media (max-width:480px){[data-goal] .space-y-3 > div > span.uppercase{white-space:nowrap}[data-goal] .space-y-3 > div > span.text-2xl{font-size:1.3rem}}
/* Editorial content (blog post, policy pages): wide tables scroll inside the page instead of pushing it sideways. */
.zw-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.zw-content img{max-width:100%;height:auto}
.zw-content pre{overflow-x:auto}
/* The About/Group Buys logo art carries a white box; blend it into the off-white page. */
img[src*="zenova-about-logo"]{mix-blend-mode:multiply}
/* WooCommerce pages (cart, account, checkout): buttons follow the 2.0 pill style. */
.zw-shop-shell a.button,.zw-shop-shell button.button,.zw-shop-shell .woocommerce-button,.zw-shop-shell #place_order,.zw-shop-shell .checkout-button{background:#0f172a!important;color:#fff!important;border:0!important;border-radius:9999px!important;font-weight:600!important;padding:12px 22px!important;line-height:1.2!important}
.zw-shop-shell a.button:hover,.zw-shop-shell button.button:hover,.zw-shop-shell .woocommerce-button:hover,.zw-shop-shell #place_order:hover{background:#1e293b!important;color:#fff!important}
.zw-shop-shell button.button:disabled,.zw-shop-shell button.button[disabled]{opacity:.45!important;color:#fff!important}