/* Страница «promo»: собрано build_css.sh из redesigne/css/promos.css (.redesign → .body.rd-page). Правки стилей — в /Users/andrejkulikov/projects/mh/www/mhave-rd/local/templates/mhave/redesign/pages/promo.local.css или в вёрстке с пересборкой. */
.body.rd-page .pr-only-m,
.body.rd-page .pr-card__badge.pr-only-m{display:none;}
.body.rd-page .pr-head{margin-bottom:44px;}
.body.rd-page .pr-head__title{margin-bottom:0;}
.body.rd-page .pr-head__count{display:none;}
.body.rd-page .pr-cards{display:flex;flex-wrap:wrap;gap:24px 17px;}
.body.rd-page .pr-cards > .pr-card{flex:0 0 calc((100% - 34px) / 3);min-width:0;}
.body.rd-page .pr-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:26.6px;overflow:hidden;}
.body.rd-page .pr-card__media{position:relative;display:block;aspect-ratio:574/255;background:#EFEAE3;overflow:hidden;}
.body.rd-page .pr-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.body.rd-page .pr-card:hover .pr-card__img{transform:scale(1.03);}
.body.rd-page .pr-card__badge{position:absolute;left:15px;top:18px;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:25px;padding:0 9px;border-radius:6px;
	font-size:16.35px;line-height:19px;font-weight:600;white-space:nowrap;}
.body.rd-page .pr-card__badge--hot{background:#E3253F;color:#fff;}
.body.rd-page .pr-card__badge--soft{background:#E5C6A7;color:#2D2822;}
.body.rd-page .pr-card__body{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;padding:28px 32px 26px;}
.body.rd-page .pr-card__brand{font-size:13px;line-height:18px;font-weight:500;letter-spacing:.1077em;text-transform:uppercase;color:var(--rp-muted);}
.body.rd-page .pr-card__title{margin-top:6px;font-size:28px;line-height:1.18;font-weight:400;color:var(--rp-ink);}
.body.rd-page .pr-card__title a{transition:color .2s;}
.body.rd-page .pr-card__title a:hover{color:var(--rp-accent);}
.body.rd-page .pr-card__foot{margin-top:auto;padding-top:18px;}
.body.rd-page .pr-date{display:inline-flex;align-items:center;gap:10.5px;height:42px;padding:0 20px 0 12px;border-radius:12px;background:#F6F4EF;
	font-size:15px;line-height:20px;color:var(--rp-muted);white-space:nowrap;}
.body.rd-page .pr-date__icon{flex:0 0 16.5px;width:16.5px;height:16.5px;}
.body.rd-page .pr-date--lg{height:auto;gap:11px;padding:12px 20px 12px 15px;font-size:16px;line-height:22px;}
.body.rd-page .pr-date--lg .pr-date__icon{flex-basis:17px;width:17px;height:17px;}
.body.rd-page .pr-promo .rp-crumbs{margin-bottom:28px;}
.body.rd-page .pr-hero{display:flex;gap:20px;align-items:stretch;}
.body.rd-page .pr-hero__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:48px 48px 52px;border-radius:26.6px;background:#fff;}
.body.rd-page .pr-hero__eyebrow{font-size:13px;line-height:18px;font-weight:500;letter-spacing:.1077em;text-transform:uppercase;color:var(--rp-muted);}
.body.rd-page .pr-hero__title{margin-top:14px;font-size:48px;line-height:66px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .pr-hero__text{margin-top:20px;max-width:1064px;font-size:20px;line-height:32px;color:var(--rp-muted);}
.body.rd-page .pr-hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;}
.body.rd-page .pr-hero__media{position:relative;flex:0 0 580px;min-height:354px;border-radius:26.6px;background:#EFECE6;overflow:hidden;}
.body.rd-page .pr-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.body.rd-page .pr-hero__badge{position:absolute;left:22px;top:22px;padding:6px 15px;border-radius:6px;background:#E3253F;color:#fff;font-size:17px;line-height:23px;font-weight:500;}
.body.rd-page .pr-code{position:relative;display:inline;font:inherit;color:var(--rp-ink);border-bottom:1px dashed currentColor;cursor:copy;transition:color .2s;}
.body.rd-page .pr-code:hover{color:var(--rp-accent);}
.body.rd-page .pr-code__tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);padding:6px 10px;border-radius:8px;background:var(--rp-ink);color:#fff;
	font-size:13px;line-height:16px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;}
.body.rd-page .pr-code__tip:empty{padding:0;}
.body.rd-page .pr-code.is-copied .pr-code__tip{opacity:1;transform:translate(-50%,0);}
.body.rd-page .pr-goods{margin-top:96px;}
.body.rd-page .pr-goods__title{margin-bottom:44px;}
.body.rd-page .pr-adv{gap:12px;min-width:0;}
.body.rd-page .pr-adv__text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.body.rd-page .pr-adv__check{flex:0 0 auto;font-size:16px;line-height:1;color:var(--rp-accent);}
.body.rd-page .pr-more{margin-top:96px;}
.body.rd-page .pr-more__title{margin-bottom:44px;}
@media (max-width:1600px){
.body.rd-page .pr-card__body{padding:24px 26px 24px;}
.body.rd-page .pr-card__title{font-size:24px;}
.body.rd-page .pr-hero__media{flex-basis:40%;}
}
@media (max-width:1440px){
.body.rd-page .pr-hero__info{padding:40px 40px 44px;}
.body.rd-page .pr-hero__title{font-size:40px;line-height:54px;}
.body.rd-page .pr-hero__text{font-size:18px;line-height:29px;}
.body.rd-page .pr-goods,
.body.rd-page .pr-more{margin-top:72px;}
.body.rd-page .pr-goods__title,
.body.rd-page .pr-more__title{margin-bottom:32px;}
}
@media (max-width:1200px){
.body.rd-page .pr-cards > .pr-card{flex-basis:calc((100% - 17px) / 2);}
.body.rd-page .pr-head{margin-bottom:32px;}
.body.rd-page .pr-hero__title{font-size:34px;line-height:44px;}
}
@media (max-width:900px){
.body.rd-page .pr-only-d,
.body.rd-page .pr-card__badge.pr-only-d{display:none;}
.body.rd-page .pr-card__badge.pr-only-m{display:inline-flex;}
.body.rd-page .pr-only-m{display:inline-flex;}
.body.rd-page .rp-crumbs__current .pr-only-m{display:inline;}
.body.rd-page .pr-hide-m{display:none;}
.body.rd-page .pr-head{display:flex;flex-direction:column;gap:6px;margin-bottom:22px;}
.body.rd-page .pr-head__title{font-size:30px;line-height:36px;letter-spacing:-.0233em;}
.body.rd-page .pr-head__count{display:block;font-size:12.5px;line-height:18px;color:var(--rp-muted);}
.body.rd-page .pr-cards{gap:14px;}
.body.rd-page .pr-cards > .pr-card{flex-basis:calc((100% - 14px) / 2);}
.body.rd-page .pr-card{border:1px solid var(--rp-line-3);border-radius:22px;}
.body.rd-page .pr-card__media{aspect-ratio:356/190;}
.body.rd-page .pr-card__badge{left:12px;top:12px;min-width:0;height:auto;padding:7px 13px;border-radius:100px;font-size:12px;line-height:16px;font-weight:500;}
.body.rd-page .pr-card__badge--hot{background:var(--rp-sale);}
.body.rd-page .pr-card__badge--soft{background:#fff;color:var(--rp-ink);}
.body.rd-page .pr-card__body{gap:10px;padding:18px;}
.body.rd-page .pr-card__brand{font-size:12px;line-height:15px;font-weight:400;letter-spacing:.1083em;}
.body.rd-page .pr-card__title{margin-top:0;font-size:19px;line-height:24px;letter-spacing:-.0158em;}
.body.rd-page .pr-card__foot{margin-top:0;padding-top:0;}
.body.rd-page .pr-date{height:auto;gap:7px;padding:7px 13px;border-radius:100px;background:#F2EFE9;font-size:12px;line-height:16px;font-weight:500;color:var(--rp-body);}
.body.rd-page .pr-date__icon{display:none;}
.body.rd-page .pr-promo .rp-crumbs{margin-bottom:14px;}
.body.rd-page .pr-hero{flex-direction:column;gap:14px;}
.body.rd-page .pr-hero__info{gap:12px;padding:22px 20px;border:1px solid var(--rp-line-3);border-radius:22px;}
.body.rd-page .pr-hero__eyebrow{font-size:12px;line-height:16px;letter-spacing:.1333em;color:var(--rp-rose);}
.body.rd-page .pr-hero__title{margin-top:0;font-size:26px;line-height:32px;letter-spacing:-.0231em;}
.body.rd-page .pr-hero__text{margin-top:0;font-size:12.5px;line-height:19px;color:var(--rp-body);}
.body.rd-page .pr-hero__tags{margin-top:0;}
.body.rd-page .pr-date--lg{padding:7px 13px;font-size:12px;line-height:16px;}
.body.rd-page .pr-hero__tag-discount{align-items:center;padding:7px 13px;border-radius:100px;background:var(--rp-sale);color:#fff;font-size:12px;line-height:16px;font-weight:500;}
.body.rd-page .pr-hero__media{flex:0 0 auto;min-height:0;aspect-ratio:358/240;border-radius:22px;background:#EFEAE3;}
.body.rd-page .pr-hero__badge{display:none;}
.body.rd-page .pr-code__tip{font-size:12px;}
.body.rd-page .pr-goods{margin-top:34px;}
.body.rd-page .pr-goods__title{margin-bottom:18px;font-size:24px;line-height:30px;}
.body.rd-page .pr-adv{gap:5px;align-items:flex-start;}
.body.rd-page .pr-adv__text{white-space:normal;}
.body.rd-page .pr-adv__check{font-size:12px;line-height:17px;}
.body.rd-page .pr-more{margin-top:34px;}
.body.rd-page .pr-more__title{margin-bottom:18px;font-size:24px;line-height:30px;}
}
@media (max-width:600px){
.body.rd-page .pr-cards > .pr-card{flex-basis:100%;}
}

/* ---------- promo.local.css: детальная акции /sales/<код>/ — доработки под разметку Bitrix (дописывается build_css.sh в promo.css) ---------- */
/* карточки «Действующие акции» (как на /sales/, см. promos.local.css): цвета плашки из инфоблока, длинные названия */
@media (min-width:901px){
	.body.rd-page .pr-card__badge[style]{background:var(--pr-label-bg,#E3253F);color:var(--pr-label-color,#fff);}
}
.body.rd-page .pr-card__title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

/* текст акции из визуального редактора (абзацы, списки, ссылки) */
.body.rd-page--promo .pr-hero__text p + p,
.body.rd-page--promo .pr-hero__text p + ul,
.body.rd-page--promo .pr-hero__text ul + p,
.body.rd-page--promo .pr-hero__text ol + p,
.body.rd-page--promo .pr-hero__text p + ol{margin-top:.6em;}
.body.rd-page--promo .pr-hero__text ul,
.body.rd-page--promo .pr-hero__text ol{padding-left:1.3em;}
.body.rd-page--promo .pr-hero__text ul li{list-style:disc;}
.body.rd-page--promo .pr-hero__text ol li{list-style:decimal;}
.body.rd-page--promo .pr-hero__text li{margin:0;padding:0;}
.body.rd-page--promo .pr-hero__text a{color:var(--rp-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.body.rd-page--promo .pr-hero__text a:hover{color:var(--rp-accent);}
.body.rd-page--promo .pr-hero__text b,
.body.rd-page--promo .pr-hero__text strong{font-weight:600;color:var(--rp-ink);}
/* без картинки — блок на всю ширину */
.body.rd-page--promo .pr-hero--noimg .pr-hero__info{flex-basis:100%;}
/* промокод — кнопка внутри текста: сброс стилей кнопки Aspro */
.body.rd-page--promo .pr-code{padding:0;margin:0;border-top:0;border-left:0;border-right:0;border-radius:0;background:none;line-height:inherit;vertical-align:baseline;}

/* карточки товаров — общая карточка catalog.section «rd_cards», стили состояний Aspro — в redesign-pages.css (раздел 12) */

/* крошки: длинное название акции в последнем пункте — в одну строку с многоточием (у Aspro white-space:nowrap без обрезки) */
.body.rd-page--promo .rp-crumbs .breadcrumbs{min-width:0;}
.body.rd-page--promo .rp-crumbs .breadcrumbs__item:last-child{min-width:0;max-width:100%;overflow:hidden;}
.body.rd-page--promo .rp-crumbs .breadcrumbs__item:last-child .breadcrumbs__item-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* крошки: id="navigation" (как у Aspro) — общее правило .body.rd-page #navigation{margin:0} перебивает отступ вёрстки */
.body.rd-page--promo .pr-promo #navigation.rp-crumbs{margin-bottom:28px;}

@media (max-width:900px){
	.body.rd-page--promo .pr-hero__text p + p,
	.body.rd-page--promo .pr-hero__text p + ul,
	.body.rd-page--promo .pr-hero__text ul + p{margin-top:.5em;}
	.body.rd-page--promo .pr-promo #navigation.rp-crumbs{margin-bottom:14px;}
}