/* Страница «catalog»: собрано build_css.sh из redesigne/css/catalog.css (.redesign → .body.rd-page). Правки стилей — в /Users/andrejkulikov/projects/mh/www/mhave-rd/local/templates/mhave/redesign/pages/catalog.local.css или в вёрстке с пересборкой. */
.body.rd-page .cg-page .rp-crumbs{padding-top:44px;margin-bottom:28px;}
.body.rd-page .cg-intro__head{display:flex;gap:80px;align-items:flex-start;}
.body.rd-page .cg-intro__title{flex:0 1 980px;margin:0;font-size:64px;line-height:68px;font-weight:400;letter-spacing:-1.5px;color:var(--rp-ink);}
.body.rd-page .cg-intro__lead{flex:0 1 700px;margin:0 0 0 auto;font-size:20px;line-height:32px;color:var(--rp-muted);}
.body.rd-page .cg-intro__lead b{font-weight:500;color:var(--rp-ink);}
.body.rd-page .cg-guarantees{display:flex;gap:20px;margin:48px 0 0;padding:0;list-style:none;}
.body.rd-page .cg-guarantee{flex:1 1 0;min-width:0;display:flex;gap:18px;align-items:flex-start;padding:26px 28px;background:var(--rp-white);border-radius:20px;}
.body.rd-page .cg-guarantee__icon{flex:0 0 26px;width:26px;height:26px;}
.body.rd-page .cg-guarantee__body{display:flex;flex-direction:column;gap:6px;min-width:0;}
.body.rd-page .cg-guarantee__title{margin:0;font-size:19px;line-height:25px;font-weight:500;color:var(--rp-ink);}
.body.rd-page .cg-guarantee__text{margin:0;font-size:16px;line-height:24px;color:var(--rp-muted);}
.body.rd-page .cg-sections{display:flex;flex-wrap:wrap;gap:20px;margin-top:64px;}
.body.rd-page .cg-section{position:relative;flex:1 1 calc((100% - 40px) / 3);min-width:0;height:340px;overflow:hidden;border-radius:24px;background:#EFE9E1;color:var(--rp-ink);text-decoration:none;isolation:isolate;}
.body.rd-page .cg-section--accessories,
.body.rd-page .cg-section--sets{flex-basis:calc((100% - 20px) / 2);}
.body.rd-page .cg-section__media{position:absolute;inset:0;z-index:-1;display:block;}
.body.rd-page .cg-section__img{position:absolute;top:0;right:0;height:100%;width:auto;max-width:none;display:block;transition:transform .4s ease;transform-origin:right center;}
.body.rd-page .cg-section:hover .cg-section__img{transform:scale(1.03);}
.body.rd-page .cg-section__title{position:absolute;top:36px;left:36px;width:270px;font-size:32px;line-height:36px;letter-spacing:-.6px;font-weight:400;}
.body.rd-page .cg-section__btn{position:absolute;left:36px;bottom:36px;display:inline-flex;align-items:center;gap:12px;padding:15px 22px 15px 24px;background:var(--rp-white);border-radius:16px;font-size:15px;line-height:20px;font-weight:500;transition:background .2s;}
.body.rd-page .cg-section:hover .cg-section__btn{background:var(--rp-beige);}
.body.rd-page .cg-section__btn img{display:block;width:8px;height:14px;}
.body.rd-page .cg-br-m{display:none;}
@media (max-width:900px){
.body.rd-page .cg-br-d{display:none;}
.body.rd-page .cg-br-m{display:inline;}
}
.body.rd-page .cg-section--pets{background:#F5F2ED;}
.body.rd-page .cg-section--pets .cg-section__img{top:auto;bottom:0;height:auto;width:520px;max-width:91%;}
.body.rd-page .cg-section--accessories .cg-section__img{top:-62px;left:0;right:auto;width:100%;height:auto;min-height:calc(100% + 125px);object-fit:cover;object-position:right top;}
.body.rd-page .cg-section--sets{background:#E7E2DB;}
.body.rd-page .cg-section--sets .cg-section__media{left:auto;width:600px;max-width:100%;}
.body.rd-page .cg-section--sets .cg-section__media::after{content:"";position:absolute;top:0;bottom:0;left:0;width:220px;background:linear-gradient(90deg,#E7E2DB 0%,rgba(231,226,219,0) 100%);}
.body.rd-page .cg-all{margin-top:120px;}
.body.rd-page .cg-all__title{margin:0 0 48px;font-size:48px;line-height:56px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .cg-all__cols{display:flex;gap:20px;align-items:stretch;}
.body.rd-page .cg-col{flex:1 1 0;min-width:0;padding:30px 30px 20px;background:var(--rp-white);border-radius:20px;}
.body.rd-page .cg-col--wide{flex:0 0 calc((100% - 60px) * 644 / 1700);}
.body.rd-page .cg-col__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.body.rd-page .cg-col__title{margin:0;font-size:20px;line-height:26px;font-weight:500;color:var(--rp-ink);}
.body.rd-page .cg-col__count{flex:0 0 auto;padding:4px 10px;background:var(--rp-beige);border-radius:10px;font-size:14px;line-height:18px;font-weight:500;color:var(--rp-muted);}
.body.rd-page .cg-col__lists{display:flex;gap:40px;}
.body.rd-page .cg-col__lists .cg-col__list{flex:1 1 0;min-width:0;}
.body.rd-page .cg-col__list{margin:0;padding:0;list-style:none;}
.body.rd-page .cg-col__list li + li{border-top:1px solid #F0ECE6;}
.body.rd-page .cg-link{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 0;font-size:16px;line-height:22px;color:var(--rp-body);text-decoration:none;transition:color .2s;}
.body.rd-page .cg-link::after{content:"";flex:0 0 8px;width:8px;height:14px;background:url('img/catalog/chevron-accent.svg') center/contain no-repeat;transition:transform .2s;}
.body.rd-page .cg-link:hover{color:var(--rp-ink);}
.body.rd-page .cg-link:hover::after{transform:translateX(3px);}
.body.rd-page .cg-consult{margin-top:120px;padding:0 25px;}
.body.rd-page .cg-consult__card{position:relative;overflow:hidden;max-width:1870px;min-height:447px;margin:0 auto;padding:90px 40px 71px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:41px;background:#D9D9D9 url('img/85331b8109d8301b126ad4525feccc2e5d1d1e4c.png') center top/100% auto no-repeat;isolation:isolate;}
.body.rd-page .cg-consult__card::before{content:"";position:absolute;inset:0;z-index:-2;background:#BBB6A5;mix-blend-mode:hue;pointer-events:none;}
.body.rd-page .cg-consult__line{position:absolute;z-index:-1;pointer-events:none;}
.body.rd-page .cg-consult__line--1{left:-34px;top:-29px;}
.body.rd-page .cg-consult__line--2{right:-45px;top:104px;}
.body.rd-page .cg-consult__kicker{font-size:17px;line-height:23px;color:var(--rp-muted);}
.body.rd-page .cg-consult__title{margin:21px 0 0;font-size:62px;line-height:59px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .cg-consult__title b{font-weight:500;}
.body.rd-page .cg-consult__text{max-width:838px;margin:24px 0 0;font-size:22px;line-height:34px;color:var(--rp-body);}
.body.rd-page .cg-consult__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:17px;margin-top:26px;}
.body.rd-page .cg-consult__btn{display:inline-flex;align-items:center;justify-content:center;height:65px;padding:0 35px;border-radius:20px;font-size:18.75px;line-height:26px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;}
.body.rd-page .cg-consult__btn--dark{min-width:245px;background:var(--rp-ink);color:var(--rp-white);}
.body.rd-page .cg-consult__btn--dark:hover{background:#221F1B;}
.body.rd-page .cg-consult__btn--outline{min-width:253px;border:1.2px solid rgba(50,46,41,.25);color:var(--rp-ink);}
.body.rd-page .cg-consult__btn--outline:hover{border-color:var(--rp-ink);}
@media (max-width:1440px){
.body.rd-page .cg-intro__title{font-size:54px;line-height:58px;}
.body.rd-page .cg-intro__lead{font-size:18px;line-height:29px;}
.body.rd-page .cg-section__title{font-size:28px;line-height:32px;}
.body.rd-page .cg-consult__title{font-size:50px;line-height:52px;}
}
@media (max-width:1200px){
.body.rd-page .cg-intro__head{gap:40px;}
.body.rd-page .cg-intro__title{font-size:44px;line-height:48px;letter-spacing:-1px;}
.body.rd-page .cg-guarantee{padding:22px;gap:14px;}
.body.rd-page .cg-section{flex-basis:calc((100% - 20px) / 2);}
.body.rd-page .cg-section--sets{flex-basis:100%;}
.body.rd-page .cg-all__cols{flex-wrap:wrap;}
.body.rd-page .cg-col--wide{flex-basis:100%;}
.body.rd-page .cg-col{flex-basis:calc((100% - 40px) / 3);}
}
@media (max-width:900px){
.body.rd-page .cg-page .rp-crumbs{padding-top:16px;margin-bottom:14px;}
.body.rd-page .cg-intro__head{flex-direction:column;gap:14px;}
.body.rd-page .cg-intro__title{flex:none;font-size:30px;line-height:33px;letter-spacing:-.6px;}
.body.rd-page .cg-intro__lead{flex:none;margin:0;font-size:13px;line-height:20px;}
.body.rd-page .cg-guarantees{flex-direction:column;gap:0;margin-top:14px;padding:4px 18px;background:var(--rp-white);border-radius:22px;}
.body.rd-page .cg-guarantee{flex:none;gap:12px;padding:14px 0;border-radius:0;background:none;}
.body.rd-page .cg-guarantee + .cg-guarantee{border-top:1px solid #F0ECE6;}
.body.rd-page .cg-guarantee__icon{flex-basis:22px;width:22px;height:22px;}
.body.rd-page .cg-guarantee__body{gap:4px;}
.body.rd-page .cg-guarantee__title{font-size:15px;line-height:20px;}
.body.rd-page .cg-guarantee__text{font-size:12.5px;line-height:19px;}
.body.rd-page .cg-sections{gap:12px;margin-top:24px;}
.body.rd-page .cg-section,
.body.rd-page .cg-section--accessories{flex:0 0 calc((100% - 12px) / 2);height:246px;border-radius:20px;background:var(--rp-white);}
.body.rd-page .cg-section--sets{flex-basis:100%;}
.body.rd-page .cg-section__media,
.body.rd-page .cg-section--sets .cg-section__media{inset:0 0 auto 0;left:0;width:100%;max-width:none;height:170px;overflow:hidden;background:#EFE9E1;}
.body.rd-page .cg-section--sets .cg-section__media::after{display:none;}
.body.rd-page .cg-section__img,
.body.rd-page .cg-section--pets .cg-section__img,
.body.rd-page .cg-section--accessories .cg-section__img{top:0;bottom:auto;left:auto;right:0;width:auto;height:100%;max-width:none;min-height:0;object-fit:fill;}
.body.rd-page .cg-section--accessories .cg-section__img{right:-11px;}
.body.rd-page .cg-section--sets .cg-section__img{width:100%;height:100%;object-fit:cover;}
.body.rd-page .cg-section__title{top:170px;left:14px;right:52px;height:76px;width:auto;display:flex;align-items:center;font-size:14px;line-height:18px;letter-spacing:0;font-weight:500;}
.body.rd-page .cg-section__btn{left:auto;right:14px;bottom:24px;width:28px;height:28px;padding:0;justify-content:center;background:#F2EEE8;border-radius:9px;}
.body.rd-page .cg-section__btn-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.body.rd-page .cg-all{margin-top:36px;}
.body.rd-page .cg-all__title{margin-bottom:12px;font-size:24px;line-height:30px;letter-spacing:-.5px;}
.body.rd-page .cg-all__cols{flex-direction:column;gap:12px;}
.body.rd-page .cg-col,
.body.rd-page .cg-col--wide{flex:none;padding:18px 18px 8px;}
.body.rd-page .cg-col__head{margin-bottom:6px;}
.body.rd-page .cg-col__title{font-size:17px;line-height:23px;}
.body.rd-page .cg-col__count{padding:3px 9px;border-radius:100px;font-size:12px;line-height:16px;}
.body.rd-page .cg-col__lists{flex-direction:column;gap:0;}
.body.rd-page .cg-col__lists .cg-col__list + .cg-col__list{border-top:1px solid #F0ECE6;}
.body.rd-page .cg-link{padding:12px 0;font-size:13.5px;line-height:19px;}
.body.rd-page .cg-consult{margin-top:48px;padding:0 16px;}
.body.rd-page .cg-consult__card{min-height:401px;padding:44px 24px;border-radius:28px;background:#EFEDE7 url('img/catalog/consult-bg-m.png') -132px 0/501px 437px no-repeat;}
.body.rd-page .cg-consult__card::before{display:none;}
.body.rd-page .cg-consult__line{display:none;}
.body.rd-page .cg-consult__kicker{font-size:12px;line-height:16px;letter-spacing:1.6px;text-transform:uppercase;}
.body.rd-page .cg-consult__title{margin-top:12px;font-size:28px;line-height:33px;letter-spacing:-.6px;}
.body.rd-page .cg-consult__title b{font-weight:400;}
.body.rd-page .cg-consult__text{margin-top:12px;font-size:13px;line-height:20px;}
.body.rd-page .cg-consult__btns{flex-direction:column;align-self:stretch;gap:10px;margin-top:30px;}
.body.rd-page .cg-consult__btn{height:auto;min-width:0;padding:15px;border-radius:16px;font-size:14px;line-height:19px;}
.body.rd-page .cg-consult__btn--outline{background:var(--rp-white);border:1px solid #E1E1E1;}
}

/* ===== catalog.local.css — стыковка вёрстки корня каталога с разметкой Bitrix
   (catalog/main/sections_rd.php + catalog.section.list «rd_catalog»). Дописывается в конец catalog.css при сборке. ===== */

/* крошки выводит страница (HIDETITLE=Y): общий .body.rd-page #navigation{margin:0} (id) перебивает отступ .rp-crumbs вёрстки;
   верхний отступ — из вёрстки (.cg-page .rp-crumbs padding-top) */
.body.rd-page--catalog .cg-page .rp-crumbs#navigation{margin-bottom:28px;}

/* консультация в вёрстке шире контейнера (поля 25px на десктопе, 16px на мобилке): контент Aspro лежит в .maxwidth-theme
   с полями var(--rp-gutter) — выносим блок на всю ширину, поля задаёт padding .cg-consult из вёрстки */
.body.rd-page--catalog .cg-consult{margin-left:calc(-1 * var(--rp-gutter));margin-right:calc(-1 * var(--rp-gutter));}

/* стрелка кнопки карточки — inline SVG вместо <img> вёрстки (картинки Aspro грузит лениво, стрелки ниже первого экрана пропадали) */
.body.rd-page .cg-section__btn svg{display:block;flex:0 0 8px;width:8px;height:14px;}

/* новый раздел с неизвестным кодом: картинка раздела (PICTURE) справа во всю высоту, без картинки — просто фон карточки */
.body.rd-page .cg-section--custom .cg-section__img{width:60%;height:100%;object-fit:cover;}

/* подводка — редактируемая область (div вместо p вёрстки) */
.body.rd-page .cg-intro__lead p{margin:0;}
.body.rd-page .cg-intro__lead p + p{margin-top:12px;}

/* 901–1200px: в вёрстке правило .cg-col{flex-basis:1/3} идёт после .cg-col--wide{flex-basis:100%} и перебивает его —
   широкая колонка (9 ссылок в два столбца) сжималась до трети. Задумано: широкая во всю строку, остальные по три в ряд */
@media (max-width:1200px){
	.body.rd-page .cg-col.cg-col--wide{flex-basis:100%;}
}

@media (max-width:900px){
	.body.rd-page--catalog .cg-page .rp-crumbs#navigation{margin-bottom:14px;}
	.body.rd-page .cg-section--custom .cg-section__img{width:100%;}
	/* карточка без картинки на мобилке: верхняя полоса фона, как у карточек с фото */
	.body.rd-page .cg-section--noimg::before{content:"";position:absolute;top:0;left:0;right:0;height:170px;background:#EFE9E1;}
}