/* ORG-V88-985. Скидки из справочника CRM: страница акций и метка скидки в шапке.
   Отдельный файл, а не style.css темы: локальная копия style.css разошлась с боевой,
   и заливать её целиком нельзя (инцидент 18.05.2026 — затёртый серверный style.css). */

/* ——— страница акций: купоны мастерской в один столбец ——— */
.dym-cpn-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 12px; margin: 16px 0 20px !important; text-align: left; }
.dym-cpn-total__big { font-size: 40px; line-height: 44px; font-weight: bold; color: #bc261a; letter-spacing: -1px; }
.dym-cpn-total__cap { font-size: 15px; line-height: 20px; color: #2f3b4a; }
.dym-cpn-total__plus { font-size: 14px; line-height: 20px; color: #828282; border-left: 1px solid #e5e5e5; padding-left: 12px; }

.dym-cpn-list { display: grid; gap: 14px; margin: 0 0 28px; }
.dym-cpn { position: relative; display: grid; grid-template-columns: 150px minmax(0, 1fr); background: #fff; border: 1px solid #dfe3e8; border-radius: 6px; overflow: hidden; }
.dym-cpn__stub { position: relative; background: #f3f5f8; padding: 18px 14px; text-align: center; border-right: 2px dashed #c7cdd6; }
/* Вырезы перфорации — купон читается как отрывной талон, а не как очередная карточка. */
.dym-cpn__stub:before,
.dym-cpn__stub:after { content: ""; position: absolute; right: -9px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #dfe3e8; }
.dym-cpn__stub:before { top: -9px; }
.dym-cpn__stub:after { bottom: -9px; }
.dym-cpn__pct { display: block; font-size: 34px; line-height: 36px; font-weight: bold; color: #2f3b4a; letter-spacing: -1px; }
.dym-cpn__pct i { display: block; font-style: normal; font-size: 12px; line-height: 16px; font-weight: normal; color: #8b93a0; letter-spacing: .08em; text-transform: uppercase; }
.dym-cpn__pct b { font-size: 20px; margin-left: 1px; }
.dym-cpn--in .dym-cpn__pct { color: #bc261a; }
.dym-cpn__stamp { display: inline-block; margin-top: 10px; padding: 3px 10px; border: 1px solid #c7cdd6; border-radius: 2px; font-size: 11px; line-height: 16px; letter-spacing: .1em; text-transform: uppercase; color: #8b93a0; transform: rotate(-4deg); }
.dym-cpn--in .dym-cpn__stamp { color: #bc261a; border-color: #e3b7b3; }
.dym-cpn__main { padding: 18px 22px 16px; }
.dym-cpn__name { margin: 0 0 8px; font-size: 18px; line-height: 24px; color: #2f3b4a; text-align: left; }
.dym-cpn__text { margin: 0; font-size: 14px; line-height: 21px; color: #4a4a4a; text-align: left; }
.dym-cpn__note { margin: 12px 0 0 !important; padding-top: 10px; border-top: 1px dashed #e5e5e5; font-size: 12px; line-height: 18px; color: #8b93a0; text-align: left; }
@media (max-width: 760px) {
    .dym-cpn { grid-template-columns: minmax(0, 1fr); }
    .dym-cpn__stub { border-right: 0; border-bottom: 2px dashed #c7cdd6; padding: 14px; }
    .dym-cpn__stub:before { top: auto; bottom: -9px; left: -9px; right: auto; }
    .dym-cpn__stub:after { bottom: -9px; right: -9px; }
    .dym-cpn__pct { font-size: 30px; }
    .dym-cpn__main { padding: 14px 16px; }
}

/* Плашка со скидкой на карточке товара (если понадобится на страницах без своего блока) */
.dym-benefit__terms { font-size: 12px !important; line-height: 16px !important; color: #6b6f76 !important; margin: 6px 0 0; }
.dym-benefit-note { margin: 0 0 18px; padding: 14px 16px; border: 1px solid #e5e5e5; border-left: 4px solid #1f6fb2; border-radius: 3px; background: #eef5fb; }
.dym-benefit-note__head { font-size: 16px; line-height: 22px; color: #1f2933; }
.dym-benefit-note__head b { color: #1f6fb2; }
.dym-benefit-note__list { margin: 8px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.dym-benefit-note__list li { font-size: 14px; line-height: 20px; color: #1f2933; }
.dym-benefit-note__price { margin-top: 10px; font-size: 16px; line-height: 22px; color: #1f2933; }
.dym-benefit-note__price b { color: #1f6fb2; font-size: 20px; }

/* Метка скидки в шапке берёт фирменный красный кнопки «Ваша корзина» (#bc261a, класс .btn-red
   темы): рядом стоят серые «Установка» и «35 лет», и скидка должна выделяться, но не кричать. */
.col-line-sale .btn.btn-danger.label.dym-sale-tag,
.col-line-sale--mobile .btn.btn-danger.label.dym-sale-tag { font-weight: bold; }
/* Первая плашка ряда — ярче остальных: с неё начинают читать. */
.col-line-sale .btn.btn-danger.label.dym-sale-tag--lead,
.col-line-sale--mobile .btn.btn-danger.label.dym-sale-tag--lead { background: #e40202; border-color: #e40202; }