/* Flash deals: the one section allowed a warm accent (docs 2), but the
   container is a soft gradient, not a solid red block. */
.souq-flash-deals{ padding-block:24px; background:linear-gradient(135deg, #FFF9ED, #FDF3DF); }
.souq-flash-deals__header{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-block-end:20px; }
.souq-flash-deals__title{ display:flex; align-items:center; gap:12px; }
.souq-flash-deals__tag{ background:var(--souq-danger); color:#fff; font-weight:900; font-size:13px; padding:6px 12px; border-radius:var(--souq-radius-md); }
.souq-flash-deals__title h2{ font-size:20px; font-weight:900; color:var(--souq-text); margin:0; }
.souq-flash-deals__countdown{ display:flex; align-items:center; gap:6px; font-size:13px; color:var(--souq-text-secondary); font-weight:600; }
.souq-flash-deals__countdown[data-souq-countdown] b{ background:var(--souq-footer); color:#fff; padding:6px 10px; border-radius:var(--souq-radius-sm); font-size:13px; min-width:32px; text-align:center; }
.souq-flash-deals__countdown [data-souq-countdown-digits]{ display:flex; align-items:center; gap:6px; }
.souq-flash-deals__countdown [data-souq-countdown-expired]{ color:var(--souq-text-muted); font-weight:700; }

.souq-flash-deals__grid{ display:grid; gap:16px; grid-template-columns:repeat(2, 1fr); }
@media (min-width:768px){ .souq-flash-deals__grid{ grid-template-columns:repeat(4, 1fr); } }

.souq-flash-deal-card{ background:var(--souq-surface); border-radius:var(--souq-radius-lg); overflow:hidden; box-shadow:var(--souq-shadow-sm); border:1px solid #F3DFC4; }
.souq-flash-deal-card__image{ position:relative; display:block; aspect-ratio:1/1; overflow:hidden; }
.souq-flash-deal-card__image img{ width:100%; height:100%; object-fit:cover; }
.souq-flash-deal-card__discount{ position:absolute; top:8px; inset-inline-start:8px; background:var(--souq-danger); color:#fff; font-weight:900; font-size:13px; padding:4px 8px; border-radius:999px; }
.souq-flash-deal-card__body{ padding:12px; }
.souq-flash-deal-card__name{ font-size:13px; font-weight:700; color:var(--souq-text); margin:0 0 8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
/* Phase 3.2: price now comes from $product->get_price_html() — WooCommerce's
   own .price/ins/del markup — restyled here rather than custom spans, so
   variable-product ranges and tax-display settings render correctly. */
.souq-flash-deal-card__price{ margin-block-end:12px; }
.souq-flash-deal-card__price .price{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.souq-flash-deal-card__price .price ins{ text-decoration:none; font-weight:900; font-size:16px; color:var(--souq-danger); }
.souq-flash-deal-card__price .price del{ font-size:12px; font-weight:400; color:var(--souq-text-muted); order:2; }
/* Regular (non-sale) price fallback — same size/weight as the sale amount. */
.souq-flash-deal-card__price .price:not(:has(ins)){ font-weight:900; font-size:16px; color:var(--souq-danger); }