/* ============================================================
   CCI — Cho's Kitchen family refinements
   ------------------------------------------------------------
   The Cho's Kitchen sections serve three pages, and the designer split them
   across three stylesheets:

     chos-kitchen.css       all six sections  (the superset the widgets load)
     taste-of-myanmar.css   hero2 · products2 · heritage
     pantry.css             supercook · brandintro · cats2

   The two page-specific sheets are almost entirely duplicates of the superset,
   so the widgets load chos-kitchen.css alone rather than making the editor pick
   a stylesheet — which get_style_depends() cannot do anyway, since it runs on a
   settings-less prototype.

   Three refinements exist ONLY in taste-of-myanmar.css, because it was written
   last. They are not page-specific design decisions — they are later fixes to
   the same components — so they are applied to all three pages here rather than
   being stranded on one. Everything is copied verbatim from that stylesheet.

   pantry.css's fourth difference, its .crumbs bar, is a breadcrumb look rather
   than a component fix, so it lives in crumbs-variants.css as the
   `overlay-gold` variant alongside the other six.

   If the designer ever makes these three sections genuinely diverge between the
   pages, that is the point to split the widgets — not to fork the stylesheet.
   ============================================================ */

/* Very wide screens get a roomier page gutter. */
@media (min-width: 1500px) {
  :root { --pad: 56px; }
}

/* Phones: one product card fills nearly the whole screen with an even sliver
   of its neighbours showing, instead of the 300px floor squeezing the peek
   away.

   Scoped to .products2 rather than left bare: ShinShin declares the same
   .prod classes with its own values, and in Elementor's editor both brands'
   stylesheets load at once — see prod-variants.css for the full story. */
@media (max-width: 480px) {
  :root { --pad: 16px; }
  .products2 .prod { flex: 0 0 82vw; }
  .products2 .prod__frame { padding: 112px 16px 26px; border-radius: 18px; }
  .products2 .prod__media { height: 112px; }
  .products2 .prod__pack { max-height: 280px; }
  .products2 .prod__bowl { height: 178px; margin-left: -74px; }
  .products2 .prod__name { font-size: 20px; }
  .products2 .prod__sub { font-size: 12px; }
}

/* The carousel cards animate on hover and on centring; honour the setting. */
@media (prefers-reduced-motion: reduce) {
  .products2 .prod__frame,
  .products2 .prod__pack,
  .products2 .prod__bowl,
  .products2 .prod__media img { transition: none; }
}

/* The breadcrumb row scrolls horizontally on narrow screens rather than
   wrapping; hide the scrollbar so it reads as a single line. */
.hero2__crumbs-inner::-webkit-scrollbar { display: none; height: 0; }