/* ===========================================================================
   FLASHMAC — PATTERN TOKENS
   Sizing for composite commerce patterns (gallery, financing tiles, mega-menu,
   search modal, hero slider, rail arrows) that don't fit the base type/space/
   effects scales — a component-specific fixed dimension, same category as
   --pdp-media/--pdp-buy in tokens/breakpoints.css. Reuse the base scales first;
   a token only lands here when nothing existing represents the concept.
   =========================================================================== */

:root {
  /* ---- Product gallery (item 1) ------------------------------------------ */
  /* Distinct from --control-* (interactive height) — this sizes an image
     PREVIEW, a different concept that shouldn't move if control sizing does. */
  --gallery-thumb-size: 72px;  /* @kind spacing */
  --gallery-image-ratio: 1;    /* @kind other */ /* aspect-ratio: 1 = square */

  /* ---- Financing drawer (item 3) ------------------------------------------ */
  /* Matches the icon-tile size already used in TrustBar (40px), so a new
     pattern doesn't introduce a fifth ad-hoc tile size next to 36/38/52. */
  --fintile-logo-size: 40px;   /* @kind spacing */

  /* ---- Reviews carousel ---------------------------------------------------
     A fixed CARD width (420px) and a fixed ARROW/fade width (96px) — neither
     concept exists in the base scale (spacing tops out well below 420, and
     nothing else in the kit sizes a clickable gradient fade). Locked from
     --bp-desktop (1024px), the DS's own threshold, not the old theme's 900. */
  --review-card-width: 420px;  /* @kind spacing */
  --review-arrow-width: 96px;  /* @kind spacing */
}