/* =============================================================
   COMPONENT / PROMOTION
   
   Промо-плашка над блоком товара (в корзине, на checkout).
   Красная полоса с округлыми верхними углами и «заездом»
   под контент снизу.
   ============================================================= */

div.promotion {
    background-color: red;
    color: white;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    padding: var(--space-3) var(--space-5) var(--space-7);
    margin-bottom: calc(-1 * var(--space-5));
}

div.promotion small {
    font-weight: var(--fw-medium);
}

div.promotion span {
    display: block;
    font-weight: var(--fw-medium);
    font-size: 1.1rem;
}

/* Внутри checkout — поля наследуют фон страницы */
.checkout-page .bulletin input {
    background-color: var(--bg-page);
}