/* ORG-V88-985. Скидки из справочника CRM на странице акций 2q.ru.
   Плакатные полосы: текст слева, процент крупным водяным знаком справа. Отдельный файл,
   а не style.css темы — там 138 КБ общих правил, и правка скидок не должна их трогать. */

.q2-sale-lead { margin: 0 0 22px; font-size: 17px; line-height: 26px; color: #4a4e57; }
.q2-sale-lead b { color: #f48800; font-weight: bold; }

.q2-sale { margin: 0 0 32px; }
.q2-sale__row { position: relative; overflow: hidden; display: block; background: #f5f5f5; border-radius: 4px; padding: 24px 190px 22px 26px; margin-bottom: 14px; }
.q2-sale__row:nth-child(even) { background: #fbfbfb; border: 1px solid #eeeeee; }
.q2-sale__body { position: relative; z-index: 2; max-width: 74ch; }
.q2-sale__name { margin: 0 0 10px; font-size: 21px; line-height: 28px; color: #3b3f48; font-weight: 600; }
.q2-sale__text { margin: 0; font-size: 16px; line-height: 25px; color: #656972; }
.q2-sale__facts { margin: 14px 0 0; font-size: 14px; line-height: 21px; color: #8b9099; }

/* Водяной знак процента: он не подпись к тексту, а фон полосы — читается издалека,
   но не спорит с заголовком. */
.q2-sale__mark { position: absolute; z-index: 1; right: 18px; top: 50%; transform: translateY(-50%); font-size: 104px; line-height: 1; font-weight: bold; color: rgba(244, 136, 0, .22); letter-spacing: -4px; white-space: nowrap; }
.q2-sale__mark b { font-size: 46px; letter-spacing: 0; margin-left: 2px; }
.q2-sale__mark i { font-style: normal; font-size: 34px; margin-right: 6px; }
.q2-sale__mark--gift { font-size: 40px; letter-spacing: 0; text-transform: uppercase; }

@media (max-width: 900px) {
    .q2-sale__row { padding: 20px 20px 18px; }
    .q2-sale__mark { position: static; transform: none; display: block; margin: 14px 0 0; font-size: 64px; color: rgba(244, 136, 0, .35); }
    .q2-sale__mark b { font-size: 28px; }
}