/* Start:/local/templates/.default/components/bitrix/news.list/catalog-cards/style.css?17915552565235*/
/* Каталог: шапка страницы, фильтр-кнопки, сортировка, карточки (4 в ряд), пагинация и «Загрузить ещё».
   Использует переменные сайта (:root из index.html). */
.cat-page{padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(48px,8vw,96px)}
.cat-title{font:500 clamp(30px,4.5vw,48px)/1.1 var(--serif);text-align:center;margin-bottom:clamp(20px,4vw,36px)}

.cat-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,4vw,40px)}
.cat-chips{display:flex;flex-wrap:wrap;gap:10px}
.cat-chips a{padding:11px 18px;border:1px solid var(--muted);font:500 14px/1 var(--sans);transition:.2s}
.cat-chips a:hover{border-color:var(--text)}
.cat-chips a.is-on{background:var(--accent);border-color:var(--accent);color:#fff}
body[data-theme="bf"] .cat-chips a.is-on,body[data-theme="ny"] .cat-chips a.is-on{color:#0a0a0a}
.cat-sort{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.cat-sort select{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:10px 12px;font:400 14px var(--sans);border-radius:0}

/* Сетка: 4 → 3 → 2 */
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,40px) clamp(12px,2vw,24px)}
.cat-card{display:flex;flex-direction:column;min-width:0}
.cat-media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--panel)}
.cat-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.cat-media .im2{opacity:0}
.cat-noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;border:1px dashed var(--line)}
@media(hover:hover){
  .cat-card:hover .im1{transform:scale(1.03)}
  .cat-media.has-2 .im1{transition:opacity .45s ease}
  .cat-card:hover .has-2 .im1{opacity:0;transform:none}
  .cat-card:hover .im2{opacity:1}
}
.cat-badge{position:absolute;top:12px;right:0;background:rgba(10,10,10,.78);color:var(--text);font:700 13px/1 var(--sans);padding:8px 14px;z-index:2;border-left:3px solid var(--accent)}
.cat-name{font:500 clamp(15px,1.6vw,18px)/1.3 var(--serif);text-align:center;margin:14px 0 6px}
.cat-name a:hover{color:var(--accent)}
.cat-price{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:15px}
.cat-price b{font-weight:700}
.cat-price s{color:var(--muted);font-weight:400}

/* Кнопки в карточке */
.cat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px}
.cat-btn{display:grid;place-items:center;min-height:44px;padding:0 8px;border:1px solid var(--muted);background:none;color:var(--text);font:700 12px/1.1 var(--sans);text-transform:uppercase;letter-spacing:.02em;text-align:center;cursor:pointer;transition:.2s}
.cat-btn:hover{border-color:var(--text)}
.cat-btn--fill{background:var(--accent);border-color:var(--accent);color:#fff}
.cat-btn--fill:hover{filter:brightness(1.15);border-color:var(--accent)}
body[data-theme="bf"] .cat-btn--fill,body[data-theme="ny"] .cat-btn--fill{color:#0a0a0a}
.cat-empty{text-align:center;color:var(--muted);padding:48px 0}

/* Низ каталога: «Загрузить ещё» + номера страниц */
.cat-pager{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:clamp(36px,6vw,64px)}
.cat-more{min-width:260px;padding:18px 32px;border:1px solid var(--text);background:none;color:var(--text);font:700 14px/1 var(--sans);text-transform:uppercase;cursor:pointer;transition:.2s}
.cat-more:hover{background:var(--text);color:var(--bg)}
.cat-more:disabled{opacity:.5;cursor:default}
.modern-page-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:14px}
.modern-page-navigation a,.modern-page-navigation span{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 12px;border:1px solid var(--line)}
.modern-page-navigation .modern-page-current{background:var(--accent);border-color:var(--accent);color:#fff}
.modern-page-navigation a:hover{border-color:var(--text)}

@media(max-width:1049px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-actions{grid-template-columns:1fr}}
@media(max-width:599px){
  .cat-chips a{padding:10px 14px;font-size:13px}
  .cat-sort{width:100%;justify-content:space-between}
  .cat-sort select{flex:1}
  .cat-badge{top:8px;font-size:12px;padding:6px 10px}
  .cat-more{width:100%;min-width:0}
}

/* Главная: блок «Костюмы по акции», 5 карточек в ряд (/local/blocks/home_sale.php) */
.cat-home .cat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.cat-home .cat-btn{font-size:11px;padding:0 4px}
@media(max-width:1049px){.cat-home .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){
  .cat-home .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cat-home .cat-card:nth-child(n+5){display:none}   /* на телефоне 4 карточки, чтобы не было одинокой пятой */
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/reviews-slider/style.css?17915555552585*/
/* Слайдер отзывов. Количество карточек зависит от ШИРИНЫ САМОГО БЛОКА (container query), а не от экрана:
   1 карточка в узкой колонке, 2 при ширине от 600px, 3 при ширине от 920px. Переменные сайта берутся из :root. */
.rv-box{container-type:inline-size;width:100%;min-width:0}
.rv{--per:1;--gap:20px;min-width:0}
@container (min-width:600px){.rv{--per:2}}
@container (min-width:920px){.rv{--per:3}}

.rv__track{display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.rv__track::-webkit-scrollbar{display:none}
.rv__track:focus-visible{outline:2px solid var(--text);outline-offset:4px}
.rv__card{flex:0 0 calc((100% - var(--gap) * (var(--per) - 1)) / var(--per));min-width:0;box-sizing:border-box;scroll-snap-align:start;
  display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);padding:24px}
@container (max-width:479px){.rv__card{flex-basis:88%;padding:20px}}

.rv__head{display:flex;align-items:center;gap:14px;min-width:0}
.rv__head>div{min-width:0}
.rv__ava{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden}
.rv__name{font:700 16px/1.25 var(--sans);overflow-wrap:anywhere}
.rv__date{font-size:13px;color:var(--muted);margin-top:2px}
.rv__stars{display:flex;gap:3px;margin:16px 0 12px}
.rv__stars svg{width:20px;height:20px;fill:#f2b705}
.rv__text{font-size:15px;line-height:1.65;color:#d9d5cc;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7;overflow:hidden}
.rv__card.open .rv__text{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.rv__more{align-self:flex-start;margin-top:12px;padding:0;background:none;border:0;border-bottom:1px solid var(--accent);color:var(--text);font:500 13px var(--sans);cursor:pointer}
.rv__more:hover{color:var(--accent)}
.rv__more[hidden]{display:none}

.rv__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.rv__nav[hidden]{display:none}
.rv__arr{width:44px;height:44px;border:1px solid var(--line);background:none;color:var(--text);font-size:22px;line-height:1;cursor:pointer;transition:.2s}
.rv__arr:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}
.rv__arr:disabled{opacity:.3;cursor:default}
.rv__count{min-width:64px;text-align:center;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}

/* End */


/* Start:/bitrix/templates/furniture_gray/styles.css?1791996604548*/
img {border:0 none;}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica,sans-serif; 
	margin:1.3em 0 1em;
	font-weight:normal;
	line-height:1.2;
}

h1 { font-size:200%; margin:0 0 1em; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:100%; }

hr, .hr 
{
	border-top:1px solid;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
}

#workarea ol li, #workarea ul li { margin: 0.6em 0; }
#workarea ul { list-style-type: disc; }
/* End */


/* Start:/bitrix/templates/furniture_gray/template_styles.css?17919966049349*/
/* ===== ТОКЕНЫ. Сезонная тема: <body data-theme="bf"> или "ny" ===== */
:root{
  --bg:#0a0a0a; --panel:#141414; --line:#2b2b2b;
  --text:#f2efe9; --muted:#9a968e;
  --red:#c4001a; --accent:var(--red);
  --w:1240px; --pad:clamp(16px,4vw,40px);
  --sans:'Montserrat',Arial,sans-serif; 
}
body[data-theme="bf"]{--accent:#e6e1d6}   /* Чёрная пятница: белый/серебро на чёрном */
body[data-theme="ny"]{--accent:#c9a45c}   /* Новый год: латунь/золото */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:400 16px/1.5 var(--sans);min-width:360px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}

/* Заглушка под картинку: заменить на <img> */
.ph{position:relative;display:grid;place-items:center;text-align:center;padding:12px;
 color:var(--muted);font-size:12px;line-height:1.3}
.ph::before{content:attr(data-ph)}

/* ===== СЕЗОННАЯ ЛЕНТА (вкл/выкл атрибутом hidden) ===== */
.season{background:var(--accent);color:#0a0a0a;text-align:center;font:700 13px/1 var(--sans);padding:10px var(--pad);letter-spacing:.04em}
body:not([data-theme]) .season{display:none}

/* ===== ШАПКА ===== */
.head{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.94);border-bottom:1px solid var(--line)}
.head .wrap{display:flex;align-items:center;gap:clamp(12px,3vw,40px);height:72px}
.logo{font-size: 30px;
    letter-spacing: .02em;
    white-space: nowrap;
   }
.logo img{height:40px}
.addr{font-size:13px;color:var(--muted);line-height:1.3;max-width:200px}
.nav{display:flex;gap:clamp(16px,2.4vw,36px);margin-left:auto;font-weight:500}
.nav a{padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s}
.nav a:hover{border-color:var(--accent)}
.burger{width:44px;height:44px;border:1px solid var(--line);background:none;color:inherit;cursor:pointer;display:grid;place-content:center;gap:5px;flex:none}
.burger i{display:block;width:22px;height:2px;background:currentColor;transition:.3s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Выезжающее меню */
.drawer{position:fixed;inset:0 0 0 auto;width:min(380px,100%);background:var(--panel);z-index:70;padding:88px 32px 32px;
  transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line);overflow-y:auto}
.drawer.open{transform:none}
.drawer a{font:500 22px/1.2 var(--serif);padding:14px 0;border-bottom:1px solid var(--line)}
.drawer a:hover{color:var(--accent)}
.drawer .meta{margin-top:auto;padding-top:24px;color:var(--muted);font-size:14px}
.drawer-x{position:absolute;top:14px;right:var(--pad);z-index:80}
.shade{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .4s;z-index:60}
.shade.open{opacity:1;pointer-events:auto}

/* ===== БЫСТРЫЕ ССЫЛКИ НА КАТАЛОГ (скрыты на мобильной) ===== */
.quick{border-bottom:1px solid var(--line)}
.quick .wrap{display:flex;justify-content:center;gap:clamp(20px,3vw,48px);padding-top:14px;padding-bottom:14px;font-size:14px;color:var(--muted)}
.quick a:hover{color:var(--text)}

/* ===== ГЕРОЙ / АКЦИЯ ===== */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;min-height:720px}
.brush{position:absolute;z-index:-1;width:46%;aspect-ratio:1.4;left:-17%;top:14%;}  /* кисть: красный мазок */
.brush.b2{left:auto;right:-4%;top:auto;bottom:4%;width:18%;aspect-ratio:1}
.promo-col{padding:56px 0 40px;display:flex;flex-direction:column;align-items:center;text-align:center}
.promo{position:relative;width:min(560px,100%);padding:clamp(40px,7vw,64px) clamp(28px,6vw,56px) clamp(56px,8vw,72px)}
/* Угловые элементы: по умолчанию нарисованы CSS. Чтобы подставить свои картинки — задать --c-tl/--c-tr/--c-bl/--c-br: url(/bitrix/templates/furniture_gray/img/...) */
.corner{position:absolute;width:26%;aspect-ratio:1;background-size:contain;background-repeat:no-repeat}
.corner.tl{left:0;top:0;border-top:5px solid var(--accent);border-left:5px solid #fff;background-image:var(--c-tl,none)}
.corner.tr{right:0;top:0;border-top:5px solid var(--accent);border-right:5px solid var(--accent);background-image:var(--c-tr,none)}
.corner.bl{left:0;bottom:0;border-bottom:5px solid var(--accent);border-left:5px solid var(--accent);background-image:var(--c-bl,none)}
.corner.br{right:0;bottom:0;border-bottom:5px solid var(--accent);border-right:5px solid var(--accent);background-image:var(--c-br,none)}
.promo.custom-corners .corner{border:0}
.promo-text{transform:rotate(-4deg);font-weight:800;text-transform:uppercase;line-height:1}
.promo-text .kicker{display:block;font:italic 700 clamp(14px,2.4vw,20px)/1 var(--sans);color:var(--accent);margin-bottom:14px}
.promo-text .t1{display:block;font-size:clamp(34px,7.4vw,64px)}
.promo-text .t2{display:block;font-size:clamp(28px,6vw,52px);color:var(--accent)}
.promo-text .off{display:block;font:800 clamp(44px,10vw,84px)/1 'Montserrat',sans-serif;margin-top:10px}
.promo-sub{margin-top:18px;font-size:clamp(14px,2vw,17px)}
.btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.btn{display:inline-block;padding:14px 22px;border:1px solid #fff;border-radius:4px;font:700 13px/1 var(--sans);text-transform:uppercase;transition:.2s}
.btn:hover,.btn.solid{background:var(--accent);border-color:var(--accent);color:#fff}
body[data-theme="bf"] .btn:hover,body[data-theme="bf"] .btn.solid,
body[data-theme="ny"] .btn:hover,body[data-theme="ny"] .btn.solid{color:#0a0a0a}
.model{align-self:stretch;min-height:480px}
.model .ph{height:100%;min-height:480px}

/* ===== ТАЙМЕР ===== */
.timer{margin-top:28px}
.timer-cap{color:var(--accent);font-size:15px;margin-bottom:6px}
.cells{display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1.6vw,18px)}
.cell{min-width:0}
.cell b{display:block;font:500 clamp(40px,8vw,76px)/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cell span{font-size:clamp(11px,1.6vw,15px)}
.sep{font:500 clamp(32px,6vw,60px)/1 var(--sans)}
.timer.done .cells{opacity:.35}

/* ===== АКЦИОННЫЕ ТОВАРЫ ===== */
.sec{padding:clamp(32px,5vw,56px) 0}
.sec + .sec{padding-top:0}
.hero + .sec{padding-top:clamp(24px,4vw,40px)}
.promo-col{padding:56px 0 16px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:16px}
.sec-h h2{font:500 clamp(26px,4vw,40px)/1.1 var(--serif)}
.sec-h a{font-size:14px;color:var(--muted);white-space:nowrap}
.sec-h a:hover{color:var(--text)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
@media(min-width:600px){.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}}
.card{display:block}
.card .ph{aspect-ratio:3/4;width:100%}
.card h3{font:500 18px/1.25 var(--serif);margin:12px 0 4px}
.price{display:flex;gap:10px;align-items:baseline;font-weight:700}
.price s{color:var(--muted);font-weight:400;font-size:14px}
.price em{font-style:normal;color:var(--accent)}
.tag{position:absolute;left:0;top:12px;background:var(--accent);color:#fff;font:700 12px/1 var(--sans);padding:6px 10px;z-index:2}
body[data-theme="bf"] .tag,body[data-theme="ny"] .tag{color:#0a0a0a}
.cardbox{position:relative}

.foot{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:14px}

/* ===== АДАПТИВ: мобильная версия до 1050px ===== */
@media(max-width:1049px){
  .nav,.quick{display:none}
  .burger{margin-left:auto}
  .addr{max-width:none;flex:1;text-align:right;margin-left:auto}
  .hero .wrap{grid-template-columns:1fr;min-height:0}
  .model{order:-1;min-height:0;margin:0 calc(var(--pad)*-1)}
  .model .ph{min-height:300px;height:300px}
  .promo-col{padding-top:24px}
  .brush{width:80%;top:0}
}
@media(max-width:520px){
  .addr{display:none}
  .burger{margin-left:auto}
  .btns .btn{flex:1 1 100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Главная: hero на мобильных (<1050px) — модель сверху, без перекрытия ===== */
@media (max-width:1049px){
  .hero .wrap{grid-template-columns:1fr;min-height:0}
  .hero .model{
    position:relative;z-index:0;order:-1;
    height:auto;min-height:0;margin:0;
    display:flex;justify-content:center;overflow:hidden;
  }
  .hero .model img,
  .hero .model .ph{
    position:static;inset:auto;display:block;
    width:auto;max-width:100%;
    height:clamp(300px,62vw,420px);max-height:none;
    margin:0 auto;object-fit:contain;object-position:center bottom;
  }
  .hero .promo-col{position:relative;z-index:1;padding-top:16px}
}
/* End */
/* /local/templates/.default/components/bitrix/news.list/catalog-cards/style.css?17915552565235 */
/* /local/templates/.default/components/bitrix/news.list/reviews-slider/style.css?17915555552585 */
/* /bitrix/templates/furniture_gray/styles.css?1791996604548 */
/* /bitrix/templates/furniture_gray/template_styles.css?17919966049349 */