/* Страница «brand»: собрано build_css.sh из redesigne/css/brands.css (.redesign → .body.rd-page). Правки стилей — в /Users/andrejkulikov/projects/mh/www/mhave-rd/local/templates/mhave/redesign/pages/brand.local.css или в вёрстке с пересборкой. */
.body.rd-page .br-show-m,
.body.rd-page .br-br-m,
.body.rd-page .br-role.br-show-m{display:none;}
.body.rd-page .br-page.rp-main{padding-bottom:120px;}
.body.rd-page .br-page--list.rp-main{padding-bottom:78px;}
.body.rd-page .br-chip{display:inline-flex;align-items:center;padding:9px 16px;border-radius:12px;background:var(--rp-beige);
	font-size:14px;line-height:19px;font-weight:500;color:var(--rp-muted);white-space:nowrap;}
.body.rd-page .br-role{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:10px;background:#EEF0E8;
	font-size:13px;line-height:18px;font-weight:500;color:#4F5B3E;white-space:nowrap;}
.body.rd-page .br-role svg{flex:0 0 16px;width:16px;height:16px;fill:#6B7A52;}
.body.rd-page .br-head{display:flex;flex-direction:column;gap:16px;margin-bottom:56px;}
.body.rd-page .br-head .rp-h1{margin-bottom:0;}
.body.rd-page .br-lead{max-width:820px;font-size:20px;line-height:32px;color:var(--rp-muted);}
.body.rd-page .br-list{display:flex;flex-wrap:wrap;gap:20px;}
.body.rd-page .br-list > .br-brand{flex:0 0 calc((100% - 40px) / 3);min-width:0;}
.body.rd-page .br-brand{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;color:inherit;transition:box-shadow .25s;}
.body.rd-page .br-brand:hover{box-shadow:0 14px 40px rgba(50,46,41,.08);}
.body.rd-page .br-brand__cover{position:relative;height:240px;background:var(--rp-beige);overflow:hidden;}
.body.rd-page .br-brand__cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.body.rd-page .br-brand:hover .br-brand__cover img{transform:scale(1.03);}
.body.rd-page .br-brand__role-label{position:absolute;left:18px;top:18px;padding:8px 14px;border-radius:10px;background:#fff;
	font-size:13px;line-height:18px;font-weight:500;color:var(--rp-ink);}
.body.rd-page .br-brand__body{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;padding:26px 26px 28px;}
.body.rd-page .br-brand__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.body.rd-page .br-brand__name{font-size:26px;line-height:36px;font-weight:400;color:var(--rp-ink);transition:color .2s;}
.body.rd-page .br-brand:hover .br-brand__name{color:var(--rp-accent);}
.body.rd-page .br-brand__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:100px;margin-top:14px;
	font-size:16px;line-height:25px;color:var(--rp-muted);}
.body.rd-page .br-hero{display:flex;align-items:stretch;background:#fff;border-radius:26px;overflow:hidden;}
.body.rd-page .br-hero__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:56px;}
.body.rd-page .br-hero__tags{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.body.rd-page .br-hero__name{margin-top:18px;font-size:64px;line-height:87px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .br-hero__text{margin-top:20px;font-size:20px;line-height:32px;color:var(--rp-muted);}
.body.rd-page .br-hero__cover{flex:0 0 680px;min-height:449px;background:linear-gradient(167deg,#F4F3F6 0%,#D0CED5 100%);}
.body.rd-page .br-hero__cover img{width:100%;height:100%;object-fit:cover;object-position:right center;}
.body.rd-page .br-stats{display:flex;align-items:center;margin-top:34px;}
.body.rd-page .br-stat{display:flex;flex-direction:column;gap:8px;padding:0 36px;}
.body.rd-page .br-stat:first-child{padding-left:0;}
.body.rd-page .br-stat:last-child{padding-right:0;}
.body.rd-page .br-stat__sep{flex:0 0 1px;width:1px;height:54px;background:var(--rp-line-soft);}
.body.rd-page .br-stat__value{display:flex;align-items:center;gap:12px;font-size:36px;line-height:49px;letter-spacing:-.0222em;color:var(--rp-ink-strong);}
.body.rd-page .br-stat__value img{flex:0 0 20px;width:20px;height:20px;}
.body.rd-page .br-stat__label{font-size:15px;line-height:20px;color:var(--rp-muted);}
.body.rd-page .br-goods{margin-top:88px;}
.body.rd-page .br-grid.rp-cards{row-gap:56px;}
.body.rd-page .br-feat{display:flex;align-items:center;gap:12px;min-width:0;font-size:18.2px;line-height:25px;color:var(--rp-rating);}
.body.rd-page .br-feat__check{flex:0 0 auto;font-size:16px;line-height:1;color:var(--rp-accent);}
.body.rd-page .br-feat__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.body.rd-page .br-articles{margin-top:104px;}
.body.rd-page .br-arts{display:flex;gap:20px;}
.body.rd-page .br-arts > .br-art{flex:0 0 calc((100% - 40px) / 3);min-width:0;}
.body.rd-page .br-art{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;}
.body.rd-page .br-art__cover{display:block;height:344px;background:var(--rp-beige);overflow:hidden;}
.body.rd-page .br-art__cover img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;}
.body.rd-page .br-art:hover .br-art__cover img{transform:scale(1.03);}
.body.rd-page .br-art__body{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;padding:30px 32px 32px;}
.body.rd-page .br-art__meta{display:flex;flex-wrap:wrap;gap:14px;}
.body.rd-page .br-art__tag{padding:6px 13px;border-radius:7.3px;background:var(--rp-bg);font-size:13px;line-height:18px;font-weight:500;color:var(--rp-muted);white-space:nowrap;}
.body.rd-page .br-art__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:93px;margin-top:20px;
	font-size:26px;line-height:31px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .br-art__title a{transition:color .2s;}
.body.rd-page .br-art__title a:hover{color:var(--rp-accent);}
.body.rd-page .br-art__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:72px;margin-top:18px;
	font-size:16px;line-height:24px;color:var(--rp-body);}
.body.rd-page .br-art__more{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:18px 34px;border:1.2px solid #E1E1E1;border-radius:22.6px;
	font-size:18.5px;line-height:25px;color:var(--rp-ink);transition:background .2s,border-color .2s;}
.body.rd-page .br-art__more:hover{background:var(--rp-bg);border-color:var(--rp-line);}
.body.rd-page .br-art__more img{width:18px;height:12px;}
.body.rd-page .br-art__more-m{display:none;}
@media (max-width:1600px){
.body.rd-page .br-hero__cover{flex-basis:40%;}
.body.rd-page .br-hero__info{padding:48px;}
.body.rd-page .br-stat{padding:0 28px;}
}
@media (max-width:1440px){
.body.rd-page .br-hero__name{font-size:56px;line-height:72px;}
.body.rd-page .br-hero__text,
.body.rd-page .br-lead{font-size:18px;line-height:29px;}
.body.rd-page .br-stat__value{font-size:30px;line-height:40px;}
.body.rd-page .br-feat{font-size:16px;line-height:22px;gap:10px;}
.body.rd-page .br-grid.rp-cards{row-gap:44px;}
.body.rd-page .br-goods{margin-top:72px;}
.body.rd-page .br-articles{margin-top:88px;}
.body.rd-page .br-art__cover{height:300px;}
.body.rd-page .br-art__body{padding:26px 26px 28px;}
.body.rd-page .br-art__title{font-size:22px;line-height:28px;height:84px;margin-top:18px;}
.body.rd-page .br-art__text{font-size:15px;line-height:22px;height:66px;margin-top:14px;}
.body.rd-page .br-art__more{margin-top:22px;padding:14px 26px;font-size:16px;line-height:22px;border-radius:18px;}
.body.rd-page .br-brand__name{font-size:24px;line-height:32px;}
.body.rd-page .br-brand__text{font-size:15px;line-height:23px;min-height:92px;}
}
@media (max-width:1200px){
.body.rd-page .br-hero__info{padding:40px;}
.body.rd-page .br-hero__name{font-size:48px;line-height:62px;margin-top:14px;}
.body.rd-page .br-stat{padding:0 20px;}
.body.rd-page .br-stat__value{font-size:26px;line-height:36px;gap:10px;}
.body.rd-page .br-stat__label{font-size:14px;}
.body.rd-page .br-art__cover{height:240px;}
.body.rd-page .br-art__title{font-size:20px;line-height:26px;height:78px;}
.body.rd-page .br-art__meta{gap:8px;}
}
@media (max-width:1100px){
.body.rd-page .br-list > .br-brand{flex-basis:calc((100% - 20px) / 2);}
.body.rd-page .br-hero{flex-direction:column-reverse;}
.body.rd-page .br-hero__cover{flex:0 0 auto;height:360px;min-height:0;}
.body.rd-page .br-hero__cover img{object-position:70% 15%;}
}
@media (max-width:900px){
.body.rd-page .br-hide-m{display:none;}
.body.rd-page .br-show-m,
.body.rd-page .br-role.br-show-m{display:inline-flex;}
.body.rd-page .br-br-m{display:inline;}
.body.rd-page .br-page.rp-main,
.body.rd-page .br-page--list.rp-main{padding-bottom:48px;}
.body.rd-page .br-chip{padding:7px 13px;border-radius:100px;background:#F2EFE9;font-size:12px;line-height:16px;color:var(--rp-body);white-space:normal;}
.body.rd-page .br-role{gap:7px;padding:7px 13px;border-radius:100px;background:#F7EDE6;font-size:12px;line-height:16px;color:#A8623F;white-space:normal;}
.body.rd-page .br-role svg{flex-basis:14px;width:14px;height:14px;fill:#A8623F;}
.body.rd-page .br-head{gap:10px;margin-bottom:24px;}
.body.rd-page .br-lead{font-size:12.5px;line-height:19px;color:var(--rp-body);}
.body.rd-page .br-list{flex-direction:column;gap:14px;}
.body.rd-page .br-list > .br-brand{flex:0 0 auto;}
.body.rd-page .br-brand{border:1px solid var(--rp-line-3);border-radius:22px;}
.body.rd-page .br-brand__cover{height:180px;background:#EFEAE3;}
.body.rd-page .br-brand__role-label{display:none;}
.body.rd-page .br-brand__body{padding:18px 18px 20px;gap:10px;}
.body.rd-page .br-brand__tags{order:-1;margin-top:0;}
.body.rd-page .br-brand__name{font-size:24px;line-height:30px;letter-spacing:-.0167em;color:var(--rp-ink-strong);}
.body.rd-page .br-brand__text{display:block;min-height:0;margin-top:0;font-size:12.5px;line-height:19px;color:var(--rp-body);}
.body.rd-page .br-hero{flex-direction:column-reverse;border:1px solid var(--rp-line-3);border-radius:22px;}
.body.rd-page .br-hero__cover{height:236px;background:#EFEAE3;}
.body.rd-page .br-hero__cover img{object-position:right center;}
.body.rd-page .br-hero__info{padding:20px 18px;gap:12px;}
.body.rd-page .br-hero__tags{gap:8px;}
.body.rd-page .br-hero__tags .br-role{order:-1;}
.body.rd-page .br-hero__name{margin-top:0;font-size:34px;line-height:40px;letter-spacing:-.0235em;color:var(--rp-ink-strong);}
.body.rd-page .br-hero__text{margin-top:0;font-size:12.5px;line-height:19px;color:var(--rp-body);}
.body.rd-page .br-stats{margin-top:0;}
.body.rd-page .br-stat,
.body.rd-page .br-stat:first-child,
.body.rd-page .br-stat:last-child{flex:1 1 0;min-width:0;align-items:center;gap:4px;padding:0 4px;}
.body.rd-page .br-stat__sep{height:42px;background:rgba(50,46,41,.12);}
.body.rd-page .br-stat__value{gap:6px;font-size:20px;line-height:26px;letter-spacing:0;font-weight:500;}
.body.rd-page .br-stat__value img{flex-basis:15px;width:15px;height:15px;}
.body.rd-page .br-stat__label{font-size:11px;line-height:15px;text-align:center;}
.body.rd-page .br-goods{margin-top:40px;}
.body.rd-page .br-grid.rp-cards{row-gap:24px;}
.body.rd-page .br-feat{align-items:flex-start;gap:6px;font-size:12px;line-height:17px;}
.body.rd-page .br-feat__check{font-size:12px;}
.body.rd-page .br-feat__text{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.body.rd-page .br-articles{margin-top:40px;}
.body.rd-page .br-arts{gap:12px;margin:0 calc(-1 * var(--rp-gutter));padding:0 var(--rp-gutter);overflow-x:auto;scroll-snap-type:x mandatory;
		scroll-padding:0 var(--rp-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.body.rd-page .br-arts::-webkit-scrollbar{display:none;}
.body.rd-page .br-arts > .br-art{flex:0 0 282px;scroll-snap-align:start;}
.body.rd-page .br-art{border-radius:22px;}
.body.rd-page .br-art__cover{height:164px;background:#EFEAE3;}
.body.rd-page .br-art__cover img{object-fit:cover;}
.body.rd-page .br-art__body{padding:18px;gap:10px;}
.body.rd-page .br-art__meta{gap:8px;}
.body.rd-page .br-art__tag{padding:7px 13px;border-radius:100px;background:#F2EFE9;font-size:12px;line-height:16px;}
.body.rd-page .br-art__tag:first-child{color:var(--rp-body);}
.body.rd-page .br-art__title{display:block;height:auto;margin-top:0;font-size:17px;line-height:22px;letter-spacing:-.0176em;}
.body.rd-page .br-art__text{display:block;height:auto;margin-top:0;font-size:12px;line-height:18px;}
.body.rd-page .br-art__more{gap:6px;margin-top:0;padding:0;border:0;border-radius:0;font-size:13px;line-height:18px;color:var(--rp-rose);}
.body.rd-page .br-art__more:hover{background:none;color:var(--rp-accent);}
.body.rd-page .br-art__more img{display:none;}
.body.rd-page .br-art__more-m{display:inline;}
}

/* ===== brand.local.css — стыковка вёрстки страницы бренда с разметкой Bitrix
   (bitrix:news «brands» → news.detail «rd_brand» + catalog.section «rd_brand» + news.list «rd_brand_articles») ===== */
/* крошки выводит страница (HIDETITLE=Y): общий .body.rd-page #navigation{margin:0} съедает отступ из вёрстки */
.body.rd-page--brand .rp-crumbs#navigation{margin-bottom:24px;}
/* отступ до подвала 120px как у .br-page в вёрстке: Aspro даёт .main 80px (body > .body:not(.index) > .main),
   подвал редизайна .rd-footer — ещё margin-top:60px, поэтому здесь 120 − 60 */
body > .body.rd-page.rd-page--brand > .main{padding-bottom:60px;}
@media (max-width:900px){
	.body.rd-page--brand .rp-crumbs#navigation{margin-bottom:14px;}
	body > .body.rd-page.rd-page--brand > .main{padding-bottom:48px;}
}

/* карточки товаров бренда — общая карточка catalog.section «rd_cards», стили состояний Aspro — в redesign-pages.css (раздел 12) */
/* логотип вместо фото в карточке бренда (нет RD_HERO/RD_COVER/DETAIL_PICTURE) */
.body.rd-page--brand .br-hero__cover--logo{display:flex;align-items:center;justify-content:center;padding:48px;background:var(--rp-beige);}
.body.rd-page--brand .br-hero__cover--logo img{width:auto;height:auto;max-width:70%;max-height:100%;object-fit:contain;}