/* Casino override: felt-framed plate, gold discount ribbon, gold price plaque */
    .cas-shop {
      background: var(--paper-2);
      border: 1px solid var(--rule);
      border-radius: var(--radius, 14px);
      box-shadow: var(--shadow, 0 1px 3px rgba(0,0,0,.08));
      transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
      position: relative;
    }
    .cas-shop:hover {
      border-color: var(--gold);
      box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,.10)), inset 0 0 0 1px var(--gold-soft);
      transform: translateY(-3px);
    }

    /* Image plate with faint deco watermark */
    .cas-shop .cas-plate {
      position: relative; overflow: hidden;
      background: var(--paper-2);
      border-bottom: 1px solid var(--rule);
    }
    .cas-shop .cas-watermark {
      position: absolute; right: -8px; bottom: -20px;
      font-size: 96px; line-height: 1;
      color: var(--ink); opacity: 0.045;
      pointer-events: none; user-select: none;
    }

    /* Gold discount ribbon (top-right) */
    .cas-shop .cas-ribbon {
      position: absolute; top: 12px; right: 12px; z-index: 4;
      display: inline-flex; align-items: center; gap: 3px;
      padding: 0.28rem 0.6rem;
      background: linear-gradient(180deg, var(--gold-2, #c9a227) 0%, var(--gold, #d9b453) 100%);
      color: var(--gold-ink, #221a05);
      border-radius: 999px;
      font-size: 11px; font-weight: 800; letter-spacing: 0.02em;
      box-shadow: 0 2px 8px rgba(0,0,0,.22);
    }

    /* Stock chip — felt pill top-left */
    .cas-shop .cas-stock {
      position: absolute; top: 12px; left: 12px; z-index: 4;
      display: inline-flex; align-items: center; gap: 5px;
      padding: 0.28rem 0.65rem; border-radius: 999px;
      font-size: 10.5px; font-weight: 700; letter-spacing: 0.02em;
      backdrop-filter: blur(4px);
      box-shadow: 0 2px 6px rgba(0,0,0,.18);
      white-space: nowrap;
    }
    .cas-shop .cas-stock--low  { background: rgba(220,38,38,0.92);  color: #fff; }
    .cas-shop .cas-stock--med  { background: rgba(217,119,6,0.92);  color: #fff; }
    .cas-shop .cas-stock--free { background: rgba(15,81,56,0.95);   color: #f6ecc9; border: 1px solid var(--gold-2, #c9a227); --gold-text: var(--gold-felt, var(--gold)); --gold-text-2: var(--gold-2); }

    /* Sold-out veil */
    .cas-shop .cas-veil {
      position: absolute; inset: 0; z-index: 5;
      display: flex; align-items: center; justify-content: center;
      background: rgba(6,37,26,0.45); backdrop-filter: blur(1px);
      pointer-events: none;
    }
    .cas-shop .cas-veil span {
      background: linear-gradient(160deg, var(--felt, #0e5138) 0%, var(--felt-2, #0a3d2a) 100%);
      color: #f6ecc9; border: 1px solid var(--gold-2, #c9a227);
      font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.18em;
      padding: 0.4rem 0.9rem; border-radius: 999px; --gold-text: var(--gold-felt, var(--gold)); --gold-text-2: var(--gold-2); }

    /* Gold price plaque */
    .cas-shop .cas-price-plaque {
      display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap;
      padding: 0.55rem 0.75rem;
      background: linear-gradient(160deg, var(--felt, #0e5138) 0%, var(--felt-2, #0a3d2a) 100%);
      border: 1px solid rgba(240,208,115,0.30);
      border-radius: var(--radius-sm, 9px); --gold-text: var(--gold-felt, var(--gold)); --gold-text-2: var(--gold-2); }
    .cas-shop .cas-price-now { color: #f6ecc9; }
    .cas-shop .cas-price-was { color: rgba(246,236,201,0.6); text-decoration: line-through; font-size: 12px; }
    .cas-shop .cas-price-free { color: var(--gold-text-2, var(--gold-2, #e6c757)); }

    /* Flash-sale ring + felt-red plaque (gold-trimmed for the casino) */
    .cas-shop--flash {
      border-color: var(--gold, #d9b453);
      box-shadow: 0 0 0 2px var(--gold-soft, rgba(217,180,83,0.45)), var(--shadow, 0 1px 3px rgba(0,0,0,.08));
    }
    .cas-shop .cas-flash {
      position: absolute; top: 12px; left: 12px; z-index: 6;
      display: inline-flex; align-items: center; gap: 5px;
      padding: 0.28rem 0.65rem; border-radius: 999px;
      font-size: 10.5px; font-weight: 800; letter-spacing: 0.02em; white-space: nowrap;
      background: linear-gradient(180deg, #dc2626 0%, #991b1b 100%);
      color: #fff; border: 1px solid var(--gold-2, #c9a227);
      box-shadow: 0 2px 8px rgba(0,0,0,.25);
    }
    /* When a flash plaque is present, drop the stock chip below it */
    .cas-shop--flash .cas-stock { top: 3.15rem; }

/* After dark the picture plate takes theme.css's green-graphite glow, so a
   black shredder or remote stays visible on it. */
html.dark .cas-shop .cas-plate { background: var(--cas-well, var(--paper-2)); }
/* "N left" chips were white on stock orange and red (2.9 and 3.6:1); they
   take the theme's warn and critical tones and their own ink. */
.cas-shop .cas-stock--low { background: var(--px-crit, #ba1c1c); color: var(--px-crit-ink, #fff); }
.cas-shop .cas-stock--med { background: var(--px-warn, #ad4f08); color: var(--px-warn-ink, #fff); }
/* Two cards to a row on phones: the name wraps in full instead of ending in "…". */
@media (max-width: 639px) {
  .cas-shop h3.line-clamp-2 { display: block; -webkit-line-clamp: unset; overflow: visible; overflow-wrap: break-word; }
}
/* The flash-sale badge pulses three times and rests. */
.cas-shop .cas-flash.animate-pulse { animation-iteration-count: 3; }
@media (prefers-reduced-motion: reduce) { .cas-shop .cas-flash.animate-pulse { animation: none; } }