/* =====================================================================
   КОНЦЕПТ «Главы» (тестовая копия, ?v=3) — поверх варианта 2, js/premium-v3.js. Версия 2.
   Соседние главы — разного фона; типы конструкций — карточки рядом; фурнитура — плитки разделов
   с фото товара целиком; классы — продающие карточки, полная таблица по желанию.
   ===================================================================== */
body.v3{--v3-sec:clamp(56px,5.5vw,96px);--v3-prod:#F4F1EC}

/* ---------- главы-поверхности ---------- */
body.v3 .band--stone{background:var(--p-stone)}
body.v3 .band--night{background:var(--p-night);color:var(--p-on-night)}
body.v3 section.advant.band{margin-top:0!important;padding-bottom:0!important}
body.v3 .band-start{padding-top:var(--v3-sec)!important}
body.v3 .band-end{padding-bottom:var(--v3-sec)!important}
body.v3 .band--night h2.v2-sec{color:var(--p-on-night)!important}
body.v3 .band--night h2.v2-sec::before{color:var(--p-on-night-muted);border-top-color:var(--p-night-line)}
body.v3 .band--stone h2.v2-sec::before{border-top-color:rgba(18,19,20,.2)}
body.v3 .best-projects.band--night .best-projects__grid .item{background:#1a1b1d}

/* ---------- типы конструкций: карточки рядом ---------- */
body.v3 .constr__head{margin-bottom:clamp(24px,2.6vw,40px)!important}
body.v3 .constr__eyebrow{margin:0 0 10px!important;font-size:12px!important;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--p-muted)!important;text-align:left!important}
body.v3 .constr__title{margin:0!important;font-size:clamp(30px,3.1vw,48px)!important;font-weight:300!important;letter-spacing:-.02em;line-height:1.08!important;color:var(--p-ink)!important;text-align:left!important}
/* после сетки моделей — без двойного отступа */
body.v3 .catalog3,body.v3 .v2-intro-wrap{padding-bottom:0!important}
body.v3 .catalog2__row{margin-bottom:var(--v3-sec)!important}
body.v3 .constr__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
body.v3 .constr__card{display:flex;flex-direction:column;background:#fff;min-width:0}
body.v3 .constr__img{display:block;position:relative;aspect-ratio:4/3;min-height:0!important;height:auto!important;overflow:hidden;margin:0!important;box-shadow:none!important}
body.v3 .constr__img img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
body.v3 .constr__body{display:flex;flex-direction:column;flex:1;padding:clamp(24px,2.6vw,40px)}
body.v3 .constr__body>h2.v2-sec{font-size:clamp(26px,2.3vw,36px)!important;max-width:none;margin:0 0 16px!important;scroll-margin-top:calc(var(--v2-top,0px) + 24px)}
body.v3 .constr__body>h2.v2-sec::before{width:48px;padding-top:12px;margin-bottom:12px}
body.v3 .constr hr{display:none!important}
body.v3 .constr__dup{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.v3 .constr__body .type_horiz_block_div_text p{font-size:16px!important;line-height:1.65!important;text-align:left!important;color:var(--p-text)!important}
body.v3 .constr__body .type_horiz_block_div_text li{position:relative;list-style:none;padding:9px 0 9px 26px;margin:0!important;border-top:1px solid var(--p-line);font-size:15.5px}
body.v3 .constr__body .type_horiz_block_div_text li::before{content:"";position:absolute;left:0;top:20px;width:12px;height:1px;background:var(--p-ink)}
body.v3 .constr__body .type_horiz_block_div_text ul{padding:0!important;margin:14px 0 0!important}
body.v3 .constr__body .type_horiz_block_div{margin-top:auto!important;padding-top:24px!important;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
body.v3 .constr__body .type_horiz_block_div{position:static!important;inset:auto!important;width:auto!important;height:auto!important}
body.v3 .constr__body .type__btns{display:flex!important;flex-wrap:wrap;align-items:center;gap:16px 28px!important;margin:0!important;padding:0!important;position:static!important}
body.v3 .constr__body .type_horiz_block_div a{width:auto!important;display:inline-flex!important;align-items:center;min-height:48px;margin:0!important}
body.v3 .constr__body a.btn_order{background:var(--p-ink)!important;color:#fff!important;border-color:var(--p-ink)!important;padding:0 26px!important}
body.v3 .constr__body a.btn_long:not(.btn_order){background:none!important;border:0!important;border-bottom:1px solid var(--p-ink)!important;min-height:0!important;padding:4px 0!important;color:var(--p-ink)!important}
body.v3 .constr__body a.btn_long:not(.btn_order)::after{content:"  →"}
@media (max-width:900px){
  body.v3 .constr__grid{grid-template-columns:minmax(0,1fr)}
}

/* ---------- фурнитура: плитки разделов ---------- */
body.v3 .hw__tiles{display:grid;grid-template-columns:repeat(var(--hw-n,4),minmax(0,1fr));gap:10px;margin-top:clamp(20px,2.2vw,32px);border:0;overflow:visible}
body.v3 .hw__tiles:has(> :nth-child(2):last-child){--hw-n:2}
body.v3 .hw__tiles .hw__tab{position:relative;display:flex;align-items:center;gap:16px;min-height:44px;margin:0;padding:10px 16px 10px 10px;background:#fff;border:1px solid var(--p-line-2);color:var(--p-ink);text-align:left;white-space:normal;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
body.v3 .hw__tiles .hw__tab:hover{border-color:var(--p-ink)}
body.v3 .hw__tiles .hw__tab:focus-visible{outline:2px solid var(--p-ink);outline-offset:3px}
body.v3 .hw-tile__img{flex:0 0 auto;width:clamp(64px,5.4vw,84px);aspect-ratio:1;background:var(--v3-prod)}
/* фото товара — целиком; белый фон части фото незаметно становится бежевым («darken») */
body.v3 .hw-tile__img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}
body.v3 .hw-tile__body{display:flex;flex-direction:column;gap:3px;min-width:0}
body.v3 .hw-tile__name{font-size:clamp(18px,1.45vw,22px);font-weight:400;line-height:1.15}
body.v3 .hw-tile__desc{font-size:13.5px;line-height:1.35;color:var(--p-muted)}
body.v3 .hw__tiles .hw__tab.is-active{background:var(--p-night);border-color:var(--p-night);color:var(--p-on-night)}
body.v3 .hw__tab.is-active .hw-tile__desc{color:var(--p-on-night-muted)}
body.v3 .hw__tiles .hw__tab.is-active::after{content:"";position:absolute;left:44px;bottom:-7px;width:12px;height:12px;background:var(--p-night);transform:rotate(45deg)}
body.v3 .hw__panel{scroll-margin-top:calc(var(--v2-top,0px) + 64px)}
body.v3 .hw__panel>*:first-child{padding-top:clamp(28px,3vw,44px)!important}
body.v3 .hw__panel.is-entering{animation:hwIn .4s var(--p-ease)}
@keyframes hwIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body.v3 #hw-klassy .hw__sub{display:none}
/* фото товара в разделах фурнитуры — целиком, на едином фоне */

/* ---------- классы: продающие карточки ---------- */
body.v3 .tiers3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
body.v3 .tiers3__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--p-line-2);min-width:0}
body.v3 .tiers3__card.is-default{border:2px solid var(--p-ink)}
body.v3 .tiers3__photo{position:relative;aspect-ratio:5/4;background:var(--v3-prod)}
body.v3 .tiers3__photo{overflow:hidden}
body.v3 .tiers3__photo .tier__photo{position:absolute;inset:0;display:block;margin:0;width:100%;height:100%;aspect-ratio:auto;background:transparent}
body.v3 .tiers3__photo img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:darken;padding:6%;box-sizing:border-box}
body.v3 .tiers3__badge{position:absolute;left:16px;top:16px;padding:7px 10px;background:var(--p-ink);color:#fff;font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1}
body.v3 .tiers3__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
body.v3 .tiers3__name{margin:0 0 6px!important;font-size:clamp(26px,2.2vw,32px)!important;font-weight:300!important;line-height:1.1!important;color:var(--p-ink)!important;text-align:left!important}
body.v3 .tiers3__fit{margin:0 0 18px!important;font-size:15.5px!important;line-height:1.5!important;color:var(--p-text)!important;text-align:left!important}
body.v3 .tiers3__facts{margin:0 0 20px;border-top:1px solid var(--p-line)}
body.v3 .tiers3__facts>div{padding:10px 0;border-bottom:1px solid var(--p-line)}
body.v3 .tiers3__facts dt{margin:0 0 2px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--p-muted)}
body.v3 .tiers3__facts dd{margin:0;font-size:15px;line-height:1.45;color:var(--p-ink)}
body.v3 .tiers3__act{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto}
body.v3 .tiers3__act .btn-full{width:auto!important;min-height:48px;padding:0 26px!important;margin:0!important;display:inline-flex;align-items:center}
body.v3 .tiers3__act .tier__more{margin:0;padding:0;font-size:14px;color:var(--p-ink)!important;border-bottom:1px solid currentColor}
body.v3 .tiers3__dots{display:none}
/* подробное сравнение */
/* видно начало таблицы, ниже кнопка «Показать все характеристики (N)» — выбор владельца 2026-10-15, вариант В */
body.v3 .tiers3__all{margin-top:clamp(40px,4vw,56px);border-top:1px solid var(--p-line);padding-top:clamp(20px,2vw,28px)}
body.v3 .tiers3__all-title{margin:0 0 clamp(16px,1.6vw,24px)!important;font-size:clamp(22px,2vw,28px)!important;font-weight:300;line-height:1.2;color:var(--p-ink)!important;text-align:left!important}
body.v3 .tiers3__all .cmp{margin:0 0 24px}
body.v3 .tiers3__all .cmp__row--head{display:none}
body.v3 .tiers3__all.is-peek .cmp{max-height:290px;overflow:hidden;margin-bottom:0;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
body.v3 .tiers3__more{box-sizing:border-box;max-width:100%;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto;position:relative;min-height:56px;padding:0 36px;background:#fff;border:1px solid var(--p-ink);font:inherit;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--p-ink);cursor:pointer;transition:background .25s,color .25s}
body.v3 .tiers3__all.is-peek .tiers3__more{margin-top:-24px}
body.v3 .tiers3__more span{font-size:18px;letter-spacing:0}
body.v3 .tiers3__more:hover{background:var(--p-ink);color:#fff}
/* на компьютере у открытой таблицы — названия классов над столбцами */
@media (min-width:901px){
  body.v3 .tiers3__all .cmp__row--head{display:contents}
  body.v3 .tiers3__all .cmp__head{padding:14px 22px 12px;border-bottom:1px solid var(--p-ink);background:transparent;color:var(--p-ink)}
  body.v3 .tiers3__all .cmp .cmp__head.is-default{background:rgba(18,19,20,.04)}
  body.v3 .tiers3__all .cmp__head :is(.tier__photo,.tier__badge,.tier__more){display:none}
  body.v3 .tiers3__all .cmp .cmp__head .cmp__name{margin:0!important;font-size:18px!important;color:var(--p-ink)!important}
}
@media (max-width:560px){body.v3 .tiers3__more{width:100%;padding:0 16px}}
/* в подробной таблице — шире и крупнее, без тёмного столбца */
body.v3 .tiers3__all .cmp{grid-template-columns:minmax(180px,1fr) repeat(var(--cmp-n,3),minmax(0,1.3fr))}
body.v3 .tiers3__all .cmp .is-default{background:rgba(18,19,20,.04);color:var(--p-ink)}
body.v3 .tiers3__all .cmp__cell{font-size:15.5px}
body.v3 .tiers3__all .cmp__row:first-of-type+.cmp__row>*{border-top:0}

/* «Дальше: …» внизу раздела */
body.v3 .hw-next{padding-top:clamp(32px,3vw,48px)!important}
body.v3 .hw-next__btn{display:flex;align-items:baseline;gap:16px;width:100%;min-height:56px;padding:18px 0;background:none;border:0;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line);font:inherit;color:var(--p-ink);cursor:pointer;text-align:left}
body.v3 .hw-next__label{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--p-muted)}
body.v3 .hw-next__name{font-size:clamp(20px,1.8vw,26px);font-weight:300}
body.v3 .hw-next__arrow{margin-left:auto;font-size:22px;transition:transform .3s var(--p-ease)}
body.v3 .hw-next__btn:hover .hw-next__arrow{transform:translateX(6px)}

/* мини-финал главы */
body.v3 .hw-cta{padding-top:clamp(36px,3.5vw,56px)!important}
body.v3 .hw-cta__box{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;padding:26px 32px;background:var(--p-stone)}
body.v3 .hw-cta__text{margin:0!important;font-size:clamp(19px,1.6vw,23px)!important;font-weight:300;line-height:1.35!important;color:var(--p-ink)!important;text-align:left!important;max-width:34em}
body.v3 .hw-cta .btn-full{width:auto!important;min-height:52px;padding:0 30px!important;margin:0!important;display:inline-flex;align-items:center}

@media (prefers-reduced-motion:reduce){body.v3 .hw__panel.is-entering{animation:none}}

/* ---------- планшет и телефон ---------- */
@media (max-width:1100px){
  body.v3 .hw__tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:900px){
  /* классы — листаются пальцем, соседняя карточка выглядывает */
  body.v3 .tiers3{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--p-gut));padding:0 var(--p-gut) 4px;scroll-padding:0 var(--p-gut);scrollbar-width:none}
  body.v3 .tiers3::-webkit-scrollbar{display:none}
  body.v3 .tiers3__card{flex:0 0 82%;scroll-snap-align:center}
  body.v3 .tiers3__photo{aspect-ratio:16/10}
  body.v3 .tiers3__dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
  body.v3 .tiers3__dots i{width:7px;height:7px;border-radius:50%;background:var(--p-line-2);transition:background .2s,transform .2s}
  body.v3 .tiers3__dots i.on{background:var(--p-ink);transform:scale(1.2)}
  body.v3 .tiers3__body{padding:18px 18px 20px}
  body.v3 .tiers3__act{flex-wrap:wrap}
  body.v3 .hw-cta__box{padding:22px 20px}
  body.v3 .hw-cta .btn-full{width:100%!important;justify-content:center}
}
@media (max-width:600px){
  body.v3 .hw__tiles{gap:8px}
  body.v3 .hw__tiles .hw__tab{gap:10px;padding:8px 10px 8px 8px}
  body.v3 .hw-tile__img{width:52px}
  body.v3 .hw-tile__name{font-size:17px}
  body.v3 .hw-tile__desc{font-size:12px}
  body.v3 .hw__tiles .hw__tab.is-active::after{left:28px}
}
/* телефон: переключатель классов над карточками */
body.v3 .tiers3__switch{display:none}
@media (max-width:900px){
  body.v3 .tiers3__dots{display:none!important}
  body.v3 .tiers3__switch{position:sticky;top:calc(var(--v2-top,0px) + 44px);z-index:5;display:flex;margin:0 0 14px;padding:4px;background:var(--p-stone);gap:4px}
  body.v3 .tiers3__switch button{flex:1;min-height:44px;margin:0;padding:0 6px;background:transparent;border:0;font:inherit;font-size:15px;color:var(--p-muted);cursor:pointer}
  body.v3 .tiers3__switch button.on{background:#fff;color:var(--p-ink);font-weight:500;box-shadow:0 1px 0 var(--p-line-2)}
}

/* форма заявки после белой или тёмной главы — без лишнего зазора (класс ставит js/premium-v3.js) */
body.v3 .nskf-inline--bottom.v3-tight{margin-top:0!important;padding-top:clamp(40px,4.4vw,64px)!important}
body.v3 .nskf-inline--bottom.v3-after-stone{border-top:1px solid rgba(18,19,20,.12)!important}
/* карточки «экран/добор» на сером фоне главы — белые */
body.v3 .band--stone .v2-tiers .type_horiz_block{background:#fff!important}
/* вступление и виды стекла — одна глава: без двойного отступа на стыке */
body.v3 .v2-lead.band-end{padding-bottom:var(--v3-sec)!important}
body.v3 .v2-lead:not(.band-end){padding-bottom:0!important}
body.v3 .v2-cont:not(.band-start){padding-top:clamp(32px,3vw,48px)!important}
/* плашка «Поможем подобрать…» на сером фоне главы — белая, иначе сливается */
body.v3 .band--stone .hw-cta__box{background:#fff!important}