/* Shop3 — секция «Отсчёт / акция» (countdown, v1.md §8 № 19; и «Предложения недели» — deals, через uses; plan-0.3 §1 п. 14). Подключается, только если такая секция есть на странице (render.php, assets()).
   Только токены var(--s3-*) и логические свойства (canon §6.2, docs/dev/rtl.md); общая обёртка — base.css. */

.s3-promo { display: flex; flex-direction: column; align-items: center; gap: var(--s3-space-4); text-align: center; }
.s3-promo__text { margin: 0; max-width: var(--s3-layout-measure); font-size: var(--s3-font-size-lg); }
.s3-promo__action { margin: 0; }
/* окончание: дата текстом (видна и без JS), отсчёт — js/countdown.js */
.s3-timer { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: var(--s3-space-1) var(--s3-space-3); margin: 0 0 var(--s3-space-4); color: var(--s3-text-muted); }
.s3-timer__label { font-weight: var(--s3-font-weight-medium); }
.s3-timer time { color: var(--s3-text); font-weight: var(--s3-font-weight-medium); }
.s3-timer__clock { padding: var(--s3-section-countdown-clock-padding); border-radius: var(--s3-radius-sm); background: var(--s3-section-countdown-clock-accent); color: var(--s3-section-countdown-clock-accent-on); font-size: var(--s3-font-size-2xl); font-weight: var(--s3-font-weight-bold); font-variant-numeric: tabular-nums; letter-spacing: var(--s3-font-tracking-tight); }
.s3-timer--ended { color: var(--s3-text); font-weight: var(--s3-font-weight-medium); }
.s3-promo .s3-timer { margin: 0; }
/* с заголовком секции — по его краю, без заголовка — по центру */
.s3-section__heading + .s3-timer, .s3-section__heading + .s3-promo .s3-timer { justify-content: flex-start; }
.s3-section__heading + .s3-promo { align-items: flex-start; text-align: start; }
/* кнопка акции: заливка из слота; наведение и фокус — роли палитры, как у любой основной кнопки (.s3-btn--primary, tokens.md §2.4) */
.s3-promo__button:not(:hover):not(:focus) { background: var(--s3-section-countdown-button-accent); color: var(--s3-section-countdown-button-accent-on); }
/* фон секции и текст ролью on-*: пара слота не считана с этой ролью, часы без плашки и её цветом, как весь текст секции */
.s3-section--on .s3-timer__clock { background: transparent; color: var(--s3x-on); }
/* «Предложения недели»: карточка прямо на цвете секции (section.deals.card-surface). При тексте ролью on-* карточка остаётся на своей поверхности: её текст — роли палитры, не on-* */
.s3-section--deals:not(.s3-section--on) .s3-card { background: var(--s3-section-deals-card-surface); }
/* на цветной секции пустая звезда не сливается с полной */
.s3-section--deals[class*="scheme-"] .s3-rating { --s3-border: var(--s3-border-subtle); }