/*
 * Deal cards (home "Aktuelle Angebote") — design page-home.jsx DealCard:
 * countdown strip + 3px period-progress bar over a standard product card.
 * Slot skins: Tag = yellow strip · Woche = white strip w/ hairline · Monat =
 * dark strip w/ yellow timer. Rendered by [sisa_deals] (commerce/deals.php);
 * timers tick in assets/js/deals.js.
 */

.sisa-deals { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.sisa-deals--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sisa-deals--n1 { grid-template-columns: minmax(0, 420px); justify-content: center; }
@media (max-width: 1023px) {
	.sisa-deals, .sisa-deals--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 689px) {
	.sisa-deals, .sisa-deals--n2 { grid-template-columns: minmax(0, 1fr); }
}

/* strip */
.sisa-deal__head {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 10px 14px;
}
.sisa-deal__label {
	font-family: var(--sisa-mono, "JetBrains Mono", monospace);
	font-size: 11px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase;
}
.sisa-deal__timer {
	font-family: var(--sisa-mono, "JetBrains Mono", monospace);
	font-size: 12px; font-weight: 600; letter-spacing: .6px;
	font-variant-numeric: tabular-nums; white-space: nowrap;
}

/* period-remaining bar (fill shrinks as the period elapses) */
.sisa-deal__bar { height: 3px; overflow: hidden; }
.sisa-deal__fill { display: block; height: 100%; width: 100%; transition: width 1s linear; }

/* slot skins */
.sisa-deal--day .sisa-deal__head { background: var(--sisa-yellow, #f4d435); color: var(--sisa-yellow-ink, #1a1a1a); }
.sisa-deal--day .sisa-deal__bar { background: rgba(26, 26, 26, .14); }
.sisa-deal--day .sisa-deal__fill { background: var(--sisa-ink, #1a1a1a); }
.sisa-deal--day .sisa-deal__bar { background-color: var(--sisa-yellow, #f4d435); box-shadow: inset 0 0 0 99px rgba(26, 26, 26, .14); }

.sisa-deal--week .sisa-deal__head { background: var(--sisa-panel, #fff); color: var(--sisa-ink, #1a1a1a); border: 1px solid var(--sisa-hairline, #eceae3); border-bottom: 0; }
.sisa-deal--week .sisa-deal__bar { background: var(--sisa-hairline, #eceae3); }
.sisa-deal--week .sisa-deal__fill { background: var(--sisa-yellow, #f4d435); }

.sisa-deal--month .sisa-deal__head { background: var(--sisa-emphasis, #1a1a1a); color: #fff; }
.sisa-deal--month .sisa-deal__label { color: var(--sisa-on-emphasis-muted, #a8a6a0); }
.sisa-deal--month .sisa-deal__timer { color: var(--sisa-yellow, #f4d435); }
.sisa-deal--month .sisa-deal__bar { background: rgba(244, 212, 53, .18); background-color: var(--sisa-emphasis, #1a1a1a); box-shadow: inset 0 0 0 99px rgba(244, 212, 53, .18); }
.sisa-deal--month .sisa-deal__fill { background: var(--sisa-yellow, #f4d435); }

/* the product card below the strip — single-column WC loop, flush */
.sisa-deal ul.products.sisa-deal__card { display: block; margin: 0; padding: 0; }
.sisa-deal ul.products.sisa-deal__card li.product { width: 100%; margin: 0; }