/* Daily Deal: home page row, card tag, product page tag. Uses the theme's colours. */
.pss-badge.is-deal { background:#9f4f2c; color:#fffaf3; letter-spacing:.02em; }
/* Holiday Spotlight (two-week sale): evergreen, so it reads apart from the Daily Deal. */
.pss-badge.is-spot { background:#3f5a43; color:#fffaf3; letter-spacing:.02em; }
.psga-spot-note { font-size:13px; font-weight:700; color:var(--pss-ink,#3a2a20); }

.pss-home-section.psga-deal { margin-top:clamp(28px,4vw,52px); display:grid; grid-template-columns:minmax(0,400px) minmax(0,1fr); gap:clamp(18px,3vw,40px); align-items:center; padding:clamp(16px,2.4vw,28px); border-radius:var(--pss-radius,18px); background:var(--pss-card,#fffaf3); border:1px solid var(--pss-line,#e3d4bf); box-shadow:var(--pss-shadow,0 8px 24px rgba(58,42,32,.08)); }
.psga-deal-photo { position:relative; display:block; aspect-ratio:1; overflow:hidden; border-radius:var(--pss-radius-sm,12px); background:var(--pss-photo,#f3ebe0); }
.psga-deal-photo { width:100%; min-width:0; }
.psga-deal-photo img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; display:block; transition:transform .4s ease; } /* Filled, not sized by the photo itself: iPad Safari let a 600x581 photo push the card content out of its box. */
.psga-deal-photo:hover img { transform:scale(1.03); }
.psga-deal-off { position:absolute; left:12px; top:12px; padding:6px 12px; border-radius:var(--pss-pill,999px); background:#9f4f2c; color:#fffaf3; font-weight:800; font-size:15px; line-height:1.25; }
.psga-deal-copy { display:flex; flex-direction:column; gap:12px; min-width:0; }
.psga-deal-tag { display:flex; gap:10px; align-items:center; margin:0; color:var(--pss-muted,#6e5a4b); font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.psga-deal-tag .pss-badge { font-size:13px; text-transform:none; letter-spacing:.02em; line-height:1.25; }
.psga-deal h2 { margin:0; font:500 clamp(24px,3.2vw,36px)/1.12 var(--pss-display,serif); }
.psga-deal h2 a { color:var(--pss-ink,#3a2a20); text-decoration:none; }
.psga-deal h2 a:hover { text-decoration:underline; text-underline-offset:4px; }
.psga-deal-intro { margin:0; color:var(--pss-ink-soft,#5b4636); }
.psga-deal-price { margin:0; font-size:24px; font-weight:800; color:var(--pss-ink,#3a2a20); }
.psga-deal-price del { color:var(--pss-muted,#6e5a4b); font-size:.72em; font-weight:600; }
.psga-deal-price ins { text-decoration:none; }
/* Price and the "15% OFF" pill on one centred line (the pill sat on the text baseline, a few pixels low). */
.psga-deal-price:has(.psga-off-pill) { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; }
.psga-deal-price .sale-price { display:inline-flex; align-items:baseline; gap:6px; line-height:1.1; }
.psga-deal-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.psga-deal-note { margin:0; color:var(--pss-muted,#6e5a4b); font-size:13px; }
.psga-deal-countdown.is-ended [data-psga-countdown-value] { color:var(--pss-muted,#6e5a4b); }

/* Two or three deals: one section, shared countdown, cards side by side. */
.pss-home-section.psga-deals { margin-top:clamp(28px,4vw,52px); padding:clamp(16px,2.4vw,28px); border-radius:var(--pss-radius,18px); background:var(--pss-card,#fffaf3); border:1px solid var(--pss-line,#e3d4bf); box-shadow:var(--pss-shadow,0 8px 24px rgba(58,42,32,.08)); display:flex; flex-direction:column; gap:clamp(14px,2vw,22px); }
.psga-deals-head { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:flex-end; justify-content:space-between; }
.psga-deals-head .psga-deal-tag { margin-bottom:6px; }
.psga-deals h2 { margin:0; font:500 clamp(24px,3.2vw,36px)/1.12 var(--pss-display,serif); color:var(--pss-ink,#3a2a20); }
.psga-deals-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:clamp(14px,2vw,24px); }
.psga-deal-card { display:grid; grid-template-columns:minmax(0,46%) minmax(0,1fr); gap:clamp(12px,1.6vw,20px); align-items:center; padding:clamp(10px,1.4vw,14px); border-radius:var(--pss-radius-sm,12px); background:var(--pss-bg,#fbf5ec); border:1px solid var(--pss-line,#e3d4bf); min-width:0; }
.psga-deal-card .psga-deal-copy { gap:10px; align-items:flex-start; }
.psga-deal-card h3 { margin:0; font:500 clamp(18px,1.8vw,22px)/1.2 var(--pss-display,serif); }
.psga-deal-card h3 a { color:var(--pss-ink,#3a2a20); text-decoration:none; }
.psga-deal-card h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.psga-deal-card .psga-deal-price { font-size:20px; }
.psga-deal-card .psga-deal-off { font-size:13px; left:8px; top:8px; padding:4px 10px; }

.psga-deal-single { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:10px; }
.psga-deal-single .psga-countdown { font-size:13px; padding:4px 10px; }

@media (max-width:720px) {
	.psga-deal { grid-template-columns:1fr; }
	.psga-deal-photo { aspect-ratio:4/3; }
	.psga-deal-actions .pss-primary-button { flex:1 1 100%; justify-content:center; text-align:center; }
	.psga-deal-card { grid-template-columns:120px minmax(0,1fr); }
	.psga-deal-card .psga-deal-photo { aspect-ratio:1; }
	.psga-deal-card .pss-primary-button { padding-block:8px; }
}

/* Hero collage: the Daily Deal photo's pill. */
.pss-hero-photo-off.is-daily { background:var(--pss-ink,#3a2a20); color:#fffaf3; }

/* Tablets in portrait: one deal per row with a smaller photo (two side by side squeeze the titles). */
@media (min-width:721px) and (max-width:900px) {
	.psga-deals-grid { grid-template-columns:1fr; }
	.psga-deal-card { grid-template-columns:180px minmax(0,1fr); }
	.psga-deal-card .psga-deal-photo { aspect-ratio:1; }
}

/* Readable on the card (Lighthouse contrast check, Nov 3 2026): the store's clay is a shade too light behind white text
   and for the deal price; this darker clay passes (5.6:1 with white, 5.4:1 on the card). */
.psga-deal-price ins, .psga-deal-price ins .amount, .psga-deal-price > .amount, .psga-deal-price .sale-price .amount { color:#9f4f2c; }