/* =========================================================
   MHAVE — страницы редизайна внутри штатной обёртки Aspro (вёрстка /redesigne, макеты Figma 66:*).
   Проходной класс .rd-page (+ .rd-page--<код>) ставится на div.body в header.php, если у страницы/раздела
   задано свойство RD_PAGE (например, в .section.php). Разметка Aspro (заголовок, крошки, обёртки) не меняется.
   Состав: 0) обёртка Aspro, крошки, H1; 1–9) общие компоненты вёрстки (rp-*), 10) панели состояний (rp-state).
   Стили страницы — redesign/pages/<код>.css. Только flexbox.
   ========================================================= */

/* ---------- 0. Обёртка Aspro: ширина как у шапки редизайна, крошки, заголовок ---------- */
body.rd-body > .body.rd-page{flex-shrink:0;}
.body.rd-page .page-top-info{padding:0;margin:0;min-height:0;position:static;}
.body.rd-page .page-top-wrapper{position:static;margin:0;background:none;border:0;box-shadow:none;}
.body.rd-page .page-top.maxwidth-theme,
.body.rd-page .container>.row>.maxwidth-theme{width:100%;max-width:var(--rp-max);margin:0 auto;padding:0 var(--rp-gutter);background:none;box-shadow:none;border:0;}
.body.rd-page .page-top-info .page-top.maxwidth-theme{padding:55px var(--rp-gutter) 0;text-align:left;}
.body.rd-page .page-top .cowl{margin:0;}
.body.rd-page .container{width:auto;max-width:none;padding:0;margin:0;}
.body.rd-page .container>.row{margin:0;}
.body.rd-page .container>.row>.maxwidth-theme>.content-md{width:100%;float:none;padding:0;display:block;margin-top:0;}
/* отступ контента от H1 — только если заголовок выводит Aspro (без HIDETITLE) */
.body.rd-page:has(.page-top-info) .container>.row>.maxwidth-theme>.content-md{margin-top:48px;}
.body.rd-page .container .right_block{width:100%;float:none;padding:0;margin:0;min-width:0;}
/* отступ до подвала: 120px по макету = 60px здесь + margin-top:60px у .rd-footer; вес выше Aspro body>.body:not(.index)>.main */
body.rd-body > .body.rd-page > .main{padding-bottom:60px;}
/* крошки: штатный bitrix:breadcrumb «main» (и в заголовке Aspro, и выведенный страницей в .rp-crumbs) */
.body.rd-page .page-top #navigation{margin:0;}
.body.rd-page .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:0;font-size:15px;line-height:20px;color:var(--rp-muted);}
.body.rd-page .breadcrumbs__item{display:inline-flex;margin:0;padding:0;font-size:15px;line-height:20px;}
.body.rd-page .breadcrumbs__item-name{font-size:15px;line-height:20px;color:var(--rp-muted);transition:color .2s;}
.body.rd-page .breadcrumbs__link:hover .breadcrumbs__item-name{color:var(--rp-ink);opacity:1;}
.body.rd-page .breadcrumbs__item:last-child .breadcrumbs__item-name{color:var(--rp-ink);}
.body.rd-page .breadcrumbs__separator{margin:0;padding:0;font-size:0;line-height:0;color:#C9C2B7;}
.body.rd-page .breadcrumbs__separator::before{content:'/';font-size:15px;line-height:20px;}
/* крошки, выведенные самой страницей (при HIDETITLE=Y): отступы — из .rp-crumbs вёрстки */
.body.rd-page .rp-crumbs{display:block;}
/* H1 Aspro */
.body.rd-page .topic{margin-top:24px;padding:0;}
.body.rd-page .topic__inner{padding:0;}
.body.rd-page .topic__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.body.rd-page .topic__heading #pagetitle{display:block;margin:0;padding:0;font-family:inherit;font-size:48px;line-height:66px;font-weight:400;letter-spacing:0;color:var(--rp-ink);text-transform:none;}
@media (max-width:1200px){
	.body.rd-page .topic__heading #pagetitle{font-size:40px;line-height:54px;}
}
@media (max-width:900px){
	.body.rd-page .page-top-info .page-top.maxwidth-theme{padding-top:16px;}
	.body.rd-page .breadcrumbs{gap:4px 7px;font-size:12px;line-height:17px;}
	.body.rd-page .breadcrumbs__item,.body.rd-page .breadcrumbs__item-name,.body.rd-page .breadcrumbs__separator::before{font-size:12px;line-height:17px;}
	.body.rd-page .breadcrumbs__item:last-child .breadcrumbs__item-name{color:var(--rp-body);}
	.body.rd-page .topic{margin-top:14px;}
	.body.rd-page .topic__heading #pagetitle{font-size:28px;line-height:34px;letter-spacing:-.0214em;}
	.body.rd-page:has(.page-top-info) .container>.row>.maxwidth-theme>.content-md{margin-top:20px;}
	body.rd-body > .body.rd-page > .main{padding-bottom:48px;} /* у .rd-footer на мобилке margin-top:0 */
}

/* ---------- 1–10. Общие компоненты вёрстки /redesigne (css/pages.css + css/states.css) ---------- */
.body.rd-page{--rp-font:'ManropeRD','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;

	--rp-bg:#F9F8F6;          
	--rp-beige:#F7F4EF;       
	--rp-media:#EFEDE9;       
	--rp-media-m:#F2EFE9;     
	--rp-white:#FFFFFF;
	--rp-fav-bg:#FFFDFA;      

	--rp-ink:#322E29;         
	--rp-ink-strong:#191713;  
	--rp-body:#54504B;        
	--rp-rating:#544F48;
	--rp-muted:#8C857B;       
	--rp-muted-2:#7C756B;     
	--rp-faint:#C9C2B7;       
	--rp-placeholder:#B9B7B3;

	--rp-line:#E7E1D7;        
	--rp-line-2:#E1DFD6;      
	--rp-line-3:#EDEAE4;      
	--rp-line-soft:#EFECE6;   

	--rp-topbar:#2D2821;
	--rp-footer:#191713;
	--rp-accent:#B8703F;      
	--rp-rose:#CB9683;        
	--rp-peach:#FFD4C4;       
	--rp-hit:#EA3266;
	--rp-sale:#BC4E60;
	--rp-new:#827962;
	--rp-error:#D0475D;
	--rp-lav:linear-gradient(90deg,#B0B5D8 0%,#9BA2CD 100%);

	--rp-gutter:80px;         
	--rp-max:1920px;

	font-family:var(--rp-font);
	color:var(--rp-ink);
	background:var(--rp-bg);
	font-size:15px;
	line-height:1.4;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	overflow-x:clip;}
.body.rd-page :where(.rp-content) *,
.body.rd-page :where(.rp-content) *::before,
.body.rd-page :where(.rp-content) *::after{box-sizing:border-box;}
.body.rd-page :where(.rp-content) h1,
.body.rd-page :where(.rp-content) h2,
.body.rd-page :where(.rp-content) h3,
.body.rd-page :where(.rp-content) h4,
.body.rd-page :where(.rp-content) p,
.body.rd-page :where(.rp-content) ul,
.body.rd-page :where(.rp-content) ol,
.body.rd-page :where(.rp-content) figure,
.body.rd-page :where(.rp-content) blockquote,
.body.rd-page :where(.rp-content) dl,
.body.rd-page :where(.rp-content) dd{margin:0;padding:0;}
.body.rd-page :where(.rp-content) ul,
.body.rd-page :where(.rp-content) ol{list-style:none;}
.body.rd-page :where(.rp-content) h1,
.body.rd-page :where(.rp-content) h2,
.body.rd-page :where(.rp-content) h3,
.body.rd-page :where(.rp-content) h4{font-weight:400;}
.body.rd-page :where(.rp-content) a{color:inherit;text-decoration:none;}
.body.rd-page :where(.rp-content) img,
.body.rd-page :where(.rp-content) svg{display:block;max-width:100%;}
.body.rd-page :where(.rp-content) img{height:auto;}
.body.rd-page :where(.rp-content) button,
.body.rd-page :where(.rp-content) input,
.body.rd-page :where(.rp-content) select,
.body.rd-page :where(.rp-content) textarea{font:inherit;color:inherit;margin:0;}
.body.rd-page :where(.rp-content) button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.body.rd-page :where(.rp-content) :focus-visible{outline:2px solid #9BA2CD;outline-offset:2px;}
.body.rd-page .rp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.body.rd-page .rp-container{width:100%;max-width:var(--rp-max);margin:0 auto;padding:0 var(--rp-gutter);}
.body.rd-page .rp-main{padding-bottom:120px;}
.body.rd-page .rp-logo{flex:0 0 auto;display:block;}
.body.rd-page .rp-logo img{width:134px;height:auto;aspect-ratio:134/22;}
.body.rd-page .rp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-top:55px;margin-bottom:24px;font-size:15px;line-height:20px;color:var(--rp-muted);}
.body.rd-page .rp-crumbs a{transition:color .2s;}
.body.rd-page .rp-crumbs a:hover{color:var(--rp-ink);}
.body.rd-page .rp-crumbs__sep{color:#C9C2B7;}
.body.rd-page .rp-crumbs__current{color:var(--rp-ink);}
.body.rd-page .rp-h1{margin-bottom:48px;font-size:48px;line-height:66px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .rp-h2{font-size:48px;line-height:1.2;font-weight:400;color:var(--rp-ink);}
.body.rd-page .rp-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:44px;}
.body.rd-page .rp-more{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:19px 35px;border:1.23px solid #E1E1E1;border-radius:20px;
	font-size:18.5px;line-height:1.35;color:var(--rp-ink);white-space:nowrap;transition:background .2s,border-color .2s;}
.body.rd-page .rp-more:hover{background:#fff;border-color:var(--rp-line);}
.body.rd-page .rp-more img{width:18px;height:12px;}
.body.rd-page .rp-panel{background:#fff;border-radius:20px;padding:40px;}
.body.rd-page .rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 32px;border:1px solid transparent;border-radius:16px;
	font-size:17px;line-height:1.2;font-weight:500;white-space:nowrap;text-align:center;cursor:pointer;
	transition:filter .2s,background-color .2s,border-color .2s,color .2s;}
.body.rd-page .rp-btn img,
.body.rd-page .rp-btn svg{flex:0 0 auto;}
.body.rd-page .rp-btn--lav{background:var(--rp-lav);color:#fff;border:0;}
.body.rd-page .rp-btn--lav:hover{filter:brightness(.95);}
.body.rd-page .rp-btn--dark{background:var(--rp-ink);color:#fff;}
.body.rd-page .rp-btn--dark:hover{background:#1f1c18;}
.body.rd-page .rp-btn--light{background:#fff;border-color:var(--rp-line-2);color:var(--rp-ink);}
.body.rd-page .rp-btn--light:hover{border-color:#CFC7BB;}
.body.rd-page .rp-btn--outline{background:transparent;border:1.23px solid #E1E1E1;color:var(--rp-ink);font-weight:400;}
.body.rd-page .rp-btn--outline:hover{background:#fff;}
.body.rd-page .rp-btn--beige{background:var(--rp-beige);color:var(--rp-body);}
.body.rd-page .rp-btn--beige:hover{background:#EFEAE2;}
.body.rd-page .rp-btn--lg{height:64px;padding:0 36px;border-radius:20px;font-size:19px;}
.body.rd-page .rp-btn--sm{height:48px;padding:0 22px;border-radius:14px;font-size:15px;gap:8px;}
.body.rd-page .rp-btn--block{display:flex;width:100%;}
.body.rd-page .rp-btn--square{width:56px;padding:0;}
.body.rd-page .rp-btn--lg.rp-btn--square{width:64px;}
.body.rd-page .rp-btn--sm.rp-btn--square{width:48px;}
.body.rd-page .rp-btn:disabled,
.body.rd-page .rp-btn.is-disabled{background:#EAE5DC;border-color:transparent;color:#B5ADA1;filter:none;cursor:default;pointer-events:none;}
.body.rd-page .rp-field{display:flex;flex-direction:column;gap:10px;min-width:0;}
.body.rd-page .rp-label{font-size:15px;line-height:20px;font-weight:500;color:var(--rp-ink);}
.body.rd-page .rp-label__req{color:var(--rp-ink);}
.body.rd-page .rp-input{display:block;width:100%;height:56px;padding:0 20px;border:1px solid transparent;border-radius:14px;background:var(--rp-beige);
	font-size:17px;line-height:23px;color:var(--rp-ink);outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s,background-color .2s,box-shadow .2s;}
.body.rd-page :where(.rp-content) textarea.rp-input{height:auto;min-height:120px;padding:16px 20px;resize:vertical;}
.body.rd-page .rp-input::placeholder{color:var(--rp-placeholder);opacity:1;}
.body.rd-page .rp-input:focus{background:#fff;border-color:var(--rp-ink);box-shadow:0 0 0 .5px var(--rp-ink);}
.body.rd-page .rp-input--white{background:#fff;border-color:var(--rp-line-2);}
.body.rd-page .rp-input.is-error{border-color:var(--rp-error);background:#fff;}
.body.rd-page .rp-field__error{font-size:13px;line-height:18px;color:var(--rp-error);}
.body.rd-page .rp-field__hint{font-size:13px;line-height:18px;color:var(--rp-muted);}
.body.rd-page .rp-check,
.body.rd-page .rp-radio{position:relative;display:inline-flex;align-items:flex-start;gap:14px;cursor:pointer;font-size:17px;line-height:22px;color:var(--rp-ink);}
.body.rd-page .rp-check__input,
.body.rd-page .rp-radio__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;}
.body.rd-page .rp-check__box{flex:0 0 20px;width:20px;height:20px;margin-top:1px;border:1px solid var(--rp-line-2);border-radius:6px;background:#fff;
	transition:background-color .15s,border-color .15s;}
.body.rd-page .rp-check__input:checked + .rp-check__box{background:var(--rp-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M1 4.5L4.3 7.8L11 1' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 9px no-repeat;border-color:var(--rp-ink);}
.body.rd-page .rp-check__input:focus-visible + .rp-check__box,
.body.rd-page .rp-radio__input:focus-visible + .rp-radio__dot{outline:2px solid #9BA2CD;outline-offset:2px;}
.body.rd-page .rp-check--sm{gap:12px;font-size:14px;line-height:20px;color:var(--rp-muted);}
.body.rd-page .rp-check--sm .rp-check__box{flex-basis:16px;width:16px;height:16px;margin-top:2px;border-radius:4px;border-color:#D9D3C8;}
.body.rd-page .rp-check--sm .rp-check__input:checked + .rp-check__box{background-size:10px 8px;}
.body.rd-page .rp-check__text a{color:var(--rp-ink);text-decoration:underline;text-underline-offset:2px;}
.body.rd-page .rp-radio__dot{flex:0 0 20px;position:relative;width:20px;height:20px;margin-top:1px;border:1.5px solid #BDB6AB;border-radius:50%;background:#fff;transition:border-color .15s;}
.body.rd-page .rp-radio__dot::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--rp-ink);transform:scale(0);transition:transform .15s;}
.body.rd-page .rp-radio__input:checked + .rp-radio__dot{border-color:var(--rp-ink);}
.body.rd-page .rp-radio__input:checked + .rp-radio__dot::after{transform:scale(1);}
.body.rd-page .rp-qty{display:inline-flex;align-items:center;justify-content:space-between;width:176px;height:56px;padding:0 8px;border:1px solid var(--rp-line-2);border-radius:14px;background:#fff;}
.body.rd-page .rp-qty__btn{flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background-color .2s,opacity .2s;}
.body.rd-page .rp-qty__btn:hover{background:var(--rp-beige);}
.body.rd-page .rp-qty__btn:disabled{opacity:.35;cursor:default;background:none;}
.body.rd-page .rp-qty__btn img{width:16px;height:16px;}
.body.rd-page .rp-qty__input{flex:1 1 auto;min-width:0;width:40px;height:100%;border:0;background:none;outline:none;text-align:center;font-size:18px;font-weight:500;color:var(--rp-ink);
	-moz-appearance:textfield;appearance:textfield;}
.body.rd-page .rp-qty__input::-webkit-outer-spin-button,
.body.rd-page .rp-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.body.rd-page .rp-qty--sm{width:140px;height:48px;padding:0 6px;}
.body.rd-page .rp-qty--sm .rp-qty__btn img{width:14px;height:14px;}
.body.rd-page .rp-qty--sm .rp-qty__input{font-size:16px;}
.body.rd-page .rp-qty--beige{background:var(--rp-beige);border-color:transparent;}
.body.rd-page .rp-qty--beige .rp-qty__btn:hover{background:#EFEAE2;}
.body.rd-page .rp-badge{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:100px;font-size:13px;line-height:1;font-weight:500;color:#fff;white-space:nowrap;background:var(--rp-new);}
.body.rd-page .rp-badge--new{background:var(--rp-new);}
.body.rd-page .rp-badge--hit{background:var(--rp-hit);}
.body.rd-page .rp-badge--sale{background:var(--rp-sale);}
.body.rd-page .rp-tag{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:10px;background:var(--rp-beige);font-size:14px;line-height:19px;font-weight:500;color:var(--rp-body);white-space:nowrap;}
.body.rd-page .rp-tag img{width:11px;height:8px;}
.body.rd-page .rp-tag--hot{background:var(--rp-hit);color:#fff;}
.body.rd-page .rp-chips{display:flex;flex-wrap:wrap;gap:10px;}
.body.rd-page .rp-chip{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border:1px solid var(--rp-line-2);border-radius:14px;background:#fff;
	font-size:16px;line-height:22px;font-weight:500;color:var(--rp-body);white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s;}
.body.rd-page .rp-chip:hover{border-color:#CFC7BB;}
.body.rd-page .rp-chip.is-active{background:var(--rp-peach);border-color:var(--rp-peach);color:var(--rp-ink);}
.body.rd-page .rp-cards{display:flex;flex-wrap:wrap;gap:20px;}
.body.rd-page .rp-cards > .rp-card{flex:0 0 calc((100% - 60px) / 4);min-width:0;}
.body.rd-page .rp-cards--3 > .rp-card{flex-basis:calc((100% - 40px) / 3);}
.body.rd-page .rp-hscroll-bar{display:none;}
.body.rd-page .rp-card{position:relative;display:flex;flex-direction:column;min-width:0;}
.body.rd-page .rp-card__media{position:relative;aspect-ratio:1/1;border-radius:10px;background:var(--rp-media);overflow:hidden;}
.body.rd-page .rp-card__img-link{display:block;width:100%;height:100%;}
.body.rd-page .rp-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.body.rd-page .rp-card:hover .rp-card__img{transform:scale(1.03);}
.body.rd-page .rp-card__badges{position:absolute;left:21px;top:16px;right:90px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none;}
.body.rd-page .rp-card__fav{position:absolute;right:19px;top:16px;width:54px;height:54px;border-radius:10px;background:var(--rp-fav-bg);display:flex;align-items:center;justify-content:center;
	color:var(--rp-muted);transition:color .2s,transform .2s;}
.body.rd-page .rp-card__fav svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;}
.body.rd-page .rp-card__fav:hover{color:var(--rp-ink);}
.body.rd-page .rp-card__fav.is-active{color:var(--rp-rose);}
.body.rd-page .rp-card__fav.is-active svg{fill:currentColor;}
.body.rd-page .rp-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding-top:31px;}
.body.rd-page .rp-card__rating{display:flex;align-items:center;gap:10px;font-size:18.2px;line-height:25px;color:var(--rp-rating);}
.body.rd-page .rp-card__rating img{width:15px;height:15px;}
.body.rd-page .rp-card__rating .rp-card__rating-m{display:none;}
.body.rd-page .rp-card__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:58px;margin-top:20px;
	font-size:20px;line-height:28.9px;letter-spacing:-.013em;color:var(--rp-ink-strong);transition:color .2s;}
.body.rd-page .rp-card__name:hover{color:var(--rp-accent);}
.body.rd-page .rp-card__prices{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0 18px;margin-top:auto;padding-top:30px;}
.body.rd-page .rp-card__price{font-size:27.7px;line-height:42.9px;letter-spacing:-.03em;color:var(--rp-ink-strong);white-space:nowrap;}
.body.rd-page .rp-card__old{padding-bottom:6px;font-size:18px;line-height:24px;color:var(--rp-muted);text-decoration:line-through;white-space:nowrap;}
.body.rd-page .rp-card__buy{display:flex;align-items:center;justify-content:space-between;width:225px;max-width:100%;height:55px;margin-top:22px;padding:0 24px 0 28px;border-radius:20px;
	background:var(--rp-lav);color:#fff;font-size:20.4px;line-height:1;transition:filter .2s;}
.body.rd-page .rp-card__buy:hover{filter:brightness(.95);}
.body.rd-page .rp-card__buy span{font-size:20.4px;}
.body.rd-page .rp-card__buy.is-added{background:var(--rp-ink);}
@media (max-width:1600px){
.body.rd-page .rp-card__buy{width:100%;max-width:225px;}
}
@media (max-width:1440px){
.body.rd-page{--rp-gutter:40px;}
.body.rd-page .rp-card__body{padding-top:22px;}
.body.rd-page .rp-card__rating{font-size:16px;}
.body.rd-page .rp-card__name{font-size:18px;line-height:26px;height:52px;margin-top:14px;}
.body.rd-page .rp-card__prices{padding-top:20px;}
.body.rd-page .rp-card__price{font-size:24px;line-height:36px;}
.body.rd-page .rp-card__old{font-size:16px;padding-bottom:4px;}
.body.rd-page .rp-card__buy{height:50px;margin-top:16px;font-size:18px;padding:0 20px 0 24px;}
.body.rd-page .rp-card__buy span{font-size:18px;}
.body.rd-page .rp-card__fav{width:46px;height:46px;right:14px;top:14px;}
.body.rd-page .rp-card__badges{left:14px;top:14px;right:70px;}
}
@media (max-width:1200px){
.body.rd-page .rp-cards > .rp-card{flex-basis:calc((100% - 40px) / 3);}
.body.rd-page .rp-h1,
.body.rd-page .rp-h2{font-size:40px;line-height:54px;}
}
@media (max-width:900px){
.body.rd-page{--rp-gutter:16px;}
.body.rd-page .rp-main{padding-bottom:48px;}
.body.rd-page .rp-crumbs{padding-top:16px;margin-bottom:14px;gap:4px 7px;font-size:12px;line-height:17px;}
.body.rd-page .rp-crumbs__sep{color:#C3BCB1;}
.body.rd-page .rp-crumbs__current{color:var(--rp-body);}
.body.rd-page .rp-h1{margin-bottom:20px;font-size:28px;line-height:34px;letter-spacing:-.0214em;}
.body.rd-page .rp-h2{font-size:24px;line-height:28px;letter-spacing:-.0208em;}
.body.rd-page .rp-section-head{gap:12px;margin-bottom:20px;}
.body.rd-page .rp-more{gap:7px;padding:11px 16px 11px 18px;border:1px solid var(--rp-line);border-radius:14px;background:#fff;font-size:13px;line-height:18px;}
.body.rd-page .rp-more img{width:12px;height:8px;}
.body.rd-page .rp-panel{padding:18px;border:1px solid var(--rp-line-3);}
.body.rd-page .rp-btn{height:50px;padding:0 24px;border-radius:16px;font-size:14px;gap:10px;}
.body.rd-page .rp-btn--lg{height:54px;border-radius:17px;font-size:15px;}
.body.rd-page .rp-btn--sm{height:44px;padding:0 16px;border-radius:14px;font-size:13px;}
.body.rd-page .rp-btn--square{width:50px;padding:0;}
.body.rd-page .rp-btn--lg.rp-btn--square{width:54px;}
.body.rd-page .rp-btn--sm.rp-btn--square{width:44px;}
.body.rd-page .rp-field{gap:7px;}
.body.rd-page .rp-label{font-size:12px;line-height:16px;font-weight:400;color:var(--rp-muted);}
.body.rd-page .rp-input{height:47px;padding:0 15px;font-size:13.5px;line-height:19px;}
.body.rd-page :where(.rp-content) textarea.rp-input{padding:14px 15px;min-height:96px;}
.body.rd-page .rp-check,
.body.rd-page .rp-radio{gap:12px;font-size:14px;line-height:20px;}
.body.rd-page .rp-check__box{margin-top:0;}
.body.rd-page .rp-radio__dot{margin-top:0;}
.body.rd-page .rp-check--sm{font-size:12px;line-height:17px;gap:10px;}
.body.rd-page .rp-check--sm .rp-check__box{margin-top:0;}
.body.rd-page .rp-qty{width:130px;height:48px;padding:0 6px;}
.body.rd-page .rp-qty__input{font-size:16px;}
.body.rd-page .rp-qty__btn img{width:14px;height:14px;}
.body.rd-page .rp-qty--sm{width:96px;height:36px;padding:0 2px;border-radius:12px;}
.body.rd-page .rp-qty--sm .rp-qty__btn{flex-basis:30px;width:30px;height:30px;}
.body.rd-page .rp-qty--sm .rp-qty__btn img{width:11px;height:11px;}
.body.rd-page .rp-qty--sm .rp-qty__input{font-size:14px;}
.body.rd-page .rp-tag{padding:6px 12px;border-radius:100px;font-size:12.5px;line-height:18px;font-weight:400;gap:6px;}
.body.rd-page .rp-chips{gap:8px;}
.body.rd-page .rp-chip{height:44px;padding:0 18px;font-size:14px;line-height:20px;font-weight:400;}
.body.rd-page .rp-badge{height:auto;padding:5px 10px;font-size:12px;line-height:16px;}
.body.rd-page .rp-badge--new{background:#fff;color:var(--rp-ink);}
.body.rd-page .rp-cards{flex-wrap:nowrap;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 .rp-cards::-webkit-scrollbar{display:none;}
.body.rd-page .rp-cards > .rp-card,
.body.rd-page .rp-cards--3 > .rp-card{flex:0 0 236px;scroll-snap-align:start;}
.body.rd-page .rp-cards--wrap{flex-wrap:wrap;overflow:visible;margin:0;padding:0;}
.body.rd-page .rp-cards--wrap > .rp-card,
.body.rd-page .rp-cards--wrap.rp-cards--3 > .rp-card{flex:0 0 calc((100% - 12px) / 2);}
.body.rd-page .rp-hscroll-bar{display:block;position:relative;height:3px;margin-top:20px;border-radius:3px;background:var(--rp-line);overflow:hidden;}
.body.rd-page .rp-hscroll-bar i{position:absolute;left:0;top:0;bottom:0;width:40%;border-radius:3px;background:var(--rp-ink);}
.body.rd-page .rp-card__media{border-radius:20px;background:var(--rp-media-m);}
.body.rd-page .rp-card__badges{left:10px;top:10px;right:50px;gap:5px;}
.body.rd-page .rp-card__fav{right:10px;top:10px;width:34px;height:34px;}
.body.rd-page .rp-card__fav svg{width:17px;height:17px;stroke-width:1.9;}
.body.rd-page .rp-card__body{padding-top:12px;}
.body.rd-page .rp-card__rating{gap:6px;font-size:12px;line-height:17px;}
.body.rd-page .rp-card__rating img{width:13px;height:13px;}
.body.rd-page .rp-card__rating .rp-card__rating-d{display:none;}
.body.rd-page .rp-card__rating .rp-card__rating-m{display:block;}
.body.rd-page .rp-card__name{-webkit-line-clamp:3;height:54px;margin-top:8px;font-size:13px;line-height:18px;letter-spacing:0;}
.body.rd-page .rp-card__prices{gap:0 10px;align-items:center;padding:8px 0 12px;margin-top:0;}
.body.rd-page .rp-card__price{font-size:22px;line-height:28px;letter-spacing:-.0273em;}
.body.rd-page .rp-card__old{padding-bottom:0;font-size:13px;line-height:20px;}
.body.rd-page .rp-card__buy{width:87.3%;max-width:none;height:auto;margin-top:0;padding:12px 18px;border-radius:15px;font-size:13px;line-height:18px;font-weight:500;}
.body.rd-page .rp-card__buy span{font-size:15px;font-weight:400;}
}

/* ---------- 10. Панели состояний .rp-state (css/states.css) ---------- */
.body.rd-page .rp-state{display:flex;flex-direction:column;align-items:center;padding:70px 60px;border-radius:26px;background:#fff;text-align:center;}
.body.rd-page .rp-state[hidden]{display:none;}
.body.rd-page .rp-state__icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:96px;height:96px;border-radius:50%;
	background:#F7F4EF;color:var(--rp-accent);}
.body.rd-page .rp-state__icon svg{display:block;width:40px;height:40px;}
.body.rd-page .rp-state__icon--ok{background:#EEF0E8;color:#6B7A52;}
.body.rd-page .rp-state__icon--wait{background:#F7EFE6;color:#B8703F;}
.body.rd-page .rp-state__icon--error{background:#F7E7E9;color:#BC4E60;}
.body.rd-page .rp-state__icon--warn{background:#F7EFE6;color:#B8703F;}
.body.rd-page .rp-state__icon--accent{background:#F7F4EF;color:#B8703F;}
.body.rd-page .rp-state__label{display:none;}
.body.rd-page .rp-state__title{max-width:100%;margin:26px 0 0;font-size:28px;line-height:38px;font-weight:400;color:var(--rp-ink);overflow-wrap:break-word;}
.body.rd-page .rp-state__text{max-width:600px;margin:12px 0 0;font-size:18px;line-height:28px;color:var(--rp-muted);}
.body.rd-page .rp-state--lg .rp-state__title{margin-top:28px;font-size:32px;line-height:44px;}
.body.rd-page .rp-state--lg .rp-state__text{max-width:660px;margin-top:14px;}
.body.rd-page .rp-state__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;}
.body.rd-page .rp-state__chip{display:inline-flex;align-items:center;padding:12px 22px;border-radius:12px;background:#F7F4EF;
	font-size:16px;line-height:22px;font-weight:500;color:var(--rp-body);transition:background-color .2s;}
.body.rd-page .rp-state__chip:hover{background:#EFEAE2;}
.body.rd-page .rp-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;max-width:100%;}
.body.rd-page .rp-state--lg .rp-state__actions{margin-top:32px;}
.body.rd-page .rp-state__chips + .rp-state__actions{margin-top:28px;}
.body.rd-page .rp-state__actions--mobile{display:none;}
.body.rd-page .rp-state__actions .rp-btn{height:56px;padding:0 34px;border-radius:16px;font-size:17px;}
@media (max-width:900px){
.body.rd-page .rp-state{gap:12px;padding:28px 22px;border:1px solid var(--rp-line-3);border-radius:22px;}
.body.rd-page .rp-state > *{margin:0;}
.body.rd-page .rp-state__icon{width:56px;height:56px;}
.body.rd-page .rp-state__icon svg{width:26px;height:26px;}
.body.rd-page .rp-state__icon--wait,
.body.rd-page .rp-state__icon--warn{background:#F7F4EF;}
.body.rd-page .rp-state__icon--error{background:#FBEEF0;}
.body.rd-page .rp-state__label{display:block;align-self:stretch;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.125em;text-transform:uppercase;color:var(--rp-muted);}
.body.rd-page .rp-state__title,
.body.rd-page .rp-state--lg .rp-state__title{align-self:stretch;margin:0;font-size:22px;line-height:28px;letter-spacing:-.0182em;}
.body.rd-page .rp-state__text,
.body.rd-page .rp-state--lg .rp-state__text{align-self:stretch;max-width:none;margin:0;font-size:12.5px;line-height:19px;color:var(--rp-body);}
.body.rd-page .rp-state__chips{gap:8px;margin:0;}
.body.rd-page .rp-state__chip{padding:7px 13px;border-radius:100px;font-size:12px;line-height:16px;font-weight:400;}
.body.rd-page .rp-state__actions,
.body.rd-page .rp-state--lg .rp-state__actions,
.body.rd-page .rp-state__chips + .rp-state__actions{flex-direction:column;align-self:stretch;gap:9px;margin:0;}
.body.rd-page .rp-state__actions--mobile{display:flex;}
.body.rd-page .rp-state__actions .rp-btn{width:100%;height:46px;padding:0 16px;border-radius:15px;font-size:13.5px;white-space:normal;}
.body.rd-page .rp-state__actions .rp-btn--lav{background:var(--rp-ink);filter:none;}
.body.rd-page .rp-state__actions .rp-btn--light{border-color:var(--rp-line);}
}

/* ---------- 11. Каркас вёрстки внутри обёртки Aspro ---------- */
/* поля и ширину даёт .maxwidth-theme Aspro — у .rp-container вёрстки их обнуляем */
.body.rd-page .right_block .rp-container{max-width:none;padding:0;}
.body.rd-page .right_block .rp-main{padding-bottom:0;}
/* Aspro: заголовки шрифтом «Arsenal SC», у каждого li линия 11×1 (ul li:before) — внутри контента вёрстки не нужны */
.body.rd-page :where(.rp-content) :is(h1,h2,h3,h4,h5,h6){font-family:inherit;}
.body.rd-page :where(.rp-content) ul li::before{content:none;display:none;}
/* Aspro: ul li{margin-bottom:8px}, ol li{margin:4px 0 12px}, .main ul li p{display:inline} — в списках вёрстки не нужны */
.body.rd-page :where(.rp-content) li{margin:0;}
.body.rd-page :where(.rp-content) li p{display:block;}
/* длинное название в последней крошке — в одну строку с многоточием (у Aspro white-space:nowrap без обрезки) */
.body.rd-page .breadcrumbs{min-width:0;}
.body.rd-page .breadcrumbs__item:last-child{min-width:0;max-width:100%;overflow:hidden;}
.body.rd-page .breadcrumbs__item:last-child .breadcrumbs__item-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- 12. Карточка товара .rp-card: разметка Bitrix (catalog.section «rd_cards») и состояния кнопок Aspro ---------- */
/* ряды: row4 — всегда 4 в ряд до мобилки (базовая .rp-cards на ≤1200 даёт 3); row3 = .rp-cards--3 (из вёрстки) */
@media (min-width:901px){
	.body.rd-page .rp-cards.rp-cards--row4 > .rp-card{flex-basis:calc((100% - 60px) / 4);}
}
/* бейдж скидки: «Акция −11%» → на мобилке «−11%» */
.body.rd-page .rp-card__hide-m{display:inline;}
/* строка под фото: «✓ преимущество» / «★ 4.8 · 126 отзывов» / «✓ бренд» (на базе .rp-card__rating вёрстки) */
.body.rd-page .rp-card__feat{gap:12px;min-width:0;}
.body.rd-page .rp-card__feat-check{flex:0 0 auto;font-size:16px;line-height:1;color:var(--rp-accent);}
.body.rd-page .rp-card__feat-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.body.rd-page .rp-card__feat svg{flex:0 0 auto;}
/* без строки (RD_FEAT=N) — название сразу под фото */
.body.rd-page .rp-card__body > .rp-card__name:first-child{margin-top:0;}
/* нет фото — заглушка Aspro по центру */
.body.rd-page .rp-card__img--none{object-fit:contain;padding:20%;}

/* избранное: Aspro переключает .active (у вёрстки — .is-active); loadings — на обёртке .rp-card__fav-box */
.body.rd-page .rp-card__fav.active{color:var(--rp-rose);}
.body.rd-page .rp-card__fav.active svg{fill:currentColor;}
.body.rd-page .rp-card__fav-box.loadings{background:none!important;}
.body.rd-page .rp-card__fav-box.loadings .rp-card__fav{visibility:visible;background:var(--rp-fav-bg)!important;color:var(--rp-muted)!important;opacity:.6;}
.body.rd-page .rp-card__fav-box.loadings .rp-card__fav.active{color:var(--rp-rose)!important;}
.body.rd-page .rp-card__fav-box.loadings .rp-card__fav *{visibility:visible;}

/* «В корзину +»: штатная кнопка Aspro (.js-item-action). Aspro ставит .active на кнопку и loadings/active на родителя
   .rp-card__buy-wrap; текст меняет только у .btn — «В корзине ✓» рисуем через ::before */
.body.rd-page .rp-card__buy-wrap{position:relative;}
.body.rd-page .rp-card .rp-card__buy{cursor:pointer;user-select:none;}
.body.rd-page .rp-card .rp-card__buy .rp-card__buy-label{font-size:inherit;font-weight:inherit;}
.body.rd-page .rp-card .rp-card__buy .rp-card__buy-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:18px;}
.body.rd-page .rp-card .rp-card__buy.active{background:var(--rp-ink);}
.body.rd-page .rp-card .rp-card__buy.active .rp-card__buy-label{display:none;}
.body.rd-page .rp-card .rp-card__buy.active::before{content:'В корзине';}
.body.rd-page .rp-card .rp-card__buy.active .rp-card__buy-icon{font-size:0;}
.body.rd-page .rp-card .rp-card__buy.active .rp-card__buy-icon::before{content:'✓';font-size:18px;line-height:1;}
/* загрузка: Aspro .loadings{фон-gif} и .loadings *{прозрачный фон/цвет, visibility:hidden} — возвращаем кнопку, «+» → спиннер */
.body.rd-page .rp-card .rp-card__buy-wrap.loadings{background:none!important;}
.body.rd-page .rp-card .rp-card__buy-wrap.loadings .rp-card__buy{visibility:visible;pointer-events:none;background:var(--rp-lav)!important;color:#fff!important;}
.body.rd-page .rp-card .rp-card__buy-wrap.loadings .rp-card__buy.active{background:var(--rp-ink)!important;}
.body.rd-page .rp-card .rp-card__buy-wrap.loadings .rp-card__buy *{visibility:visible;color:inherit!important;}
.body.rd-page .rp-card .rp-card__buy-wrap.loadings .rp-card__buy .rp-card__buy-icon{font-size:0;width:18px;height:18px;min-width:0;border:2px solid rgba(255,255,255,.45)!important;border-top-color:#fff!important;border-radius:50%;animation:rp-card-spin .7s linear infinite;}
.body.rd-page .rp-card .rp-card__buy-wrap.loadings .rp-card__buy .rp-card__buy-icon::before{content:none;}
@keyframes rp-card-spin{to{transform:rotate(360deg);}}
/* «Подробнее →» — купить из карточки нельзя (нет цены, выбор варианта, «только подарок») */
.body.rd-page .rp-card .rp-card__buy--more{background:#fff;border:1px solid var(--rp-line);color:var(--rp-ink);}
/* пагинация Aspro под карточками (DISPLAY_BOTTOM_PAGER=Y): «Загрузить ещё» работает только в ajax-листинге Aspro */
.body.rd-page .rp-cards-pager{margin-top:48px;}
.body.rd-page .rp-cards-pager .ajax_load_btn{display:none;}

@media (max-width:1440px){
	.body.rd-page .rp-card__feat{gap:10px;}
	.body.rd-page .rp-card .rp-card__buy.active .rp-card__buy-icon::before{font-size:16px;}
}
@media (max-width:900px){
	.body.rd-page .rp-card__hide-m{display:none;}
	.body.rd-page .rp-card__feat{align-items:flex-start;gap:6px;}
	.body.rd-page .rp-card__feat-check{font-size:12px;line-height:17px;}
	.body.rd-page .rp-card__feat-text{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	.body.rd-page .rp-card .rp-card__buy.active .rp-card__buy-icon::before{font-size:13px;}
	.body.rd-page .rp-card .rp-card__buy-wrap.loadings .rp-card__buy .rp-card__buy-icon{width:14px;height:14px;border-width:1.5px!important;}
	.body.rd-page .rp-cards-pager{margin-top:32px;}
}