/* ===== build layer: fixed 1710 canvas, scaled to fit the window =====
   (kept separate from the baked theme css so theme values stay pristine) */

/* fill the window edge-to-edge like the real site: scrollbar must not steal width */
html { overflow-x: hidden; overflow-y: scroll; }
html::-webkit-scrollbar { width: 0; height: 0; }

/* the whole page renders on a fixed 1710px canvas, zoom-scaled to the window (js/main.js) */
#stage { width: 1710px; margin: 0 auto; position: relative; }

/* FAQ answers start collapsed (the live theme's JS collapses them on init;
   our accordion JS animates height like jQuery slideToggle) */
.accordion > li > ul { display: none; overflow: hidden; }
.accordion > li { cursor: pointer; }

/* gallery drag cursor parity with flickity */
.productCarousel.is-draggable .flickity-viewport { cursor: grab; }
.productCarousel.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; }

/* cart badge dot — present in the reference screenshot (cart had items in her session;
   the live theme injects it via cart JS). Measured from her PNG: 11x11 circle,
   rgb(255,79,51), centered on the cart link's top-right corner. */
.header-cart-link .cart-quantity {
  position: absolute;
  top: 1px;
  right: 0.5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: rgb(255, 79, 51);
  pointer-events: none;
}
.header-cart-link.mobile-only .cart-quantity { display: none; }