/* ORBIN storefront UI/UX fixes (staging first). Source: /home/claude/ux/src/orbin-ux-shop.css
   NAV-5 / CLS: the Home hero slider image had no height until it loaded, so every section below jumped down
   (CLS 0.307). Reserve its box from the start: the tallest banner is 8000x3000 (8:3). */
.swiper-slide > img.w-full { display: block; width: 100%; height: auto; aspect-ratio: 8 / 3; object-fit: cover; }
/* Phase 4 — phones: the floating cart button no longer sits on the product title or the checkout Order button */
@media (max-width: 1023.98px) {
  html[data-orb-route="product"] button.fixed.bottom-28.right-4.rounded-full,
  html[data-orb-route="checkout"] button.fixed.bottom-28.right-4.rounded-full { display: none !important; }
}
/* size chips on product cards: at least 26 px tall (WCAG 2.2 target size 24 px) */
button[class*="min-w-[28px]"][class*="py-[2px]"] { min-height: 26px; }