/* 029 — комплекты и страница комплекта (агент pg_kits, П6 08.10.2026). Только язык base.css: пять цветов, --disp/--text. */
.kh{position:relative}
.kh-g{display:grid;grid-template-columns:1fr minmax(320px,560px);gap:clamp(20px,4vw,72px);align-items:end;margin-top:clamp(20px,3vw,40px)}
.kh .kick{margin-bottom:14px}
.kh-t{color:var(--haze);font-size:clamp(15px,1vw,18px)}

/* 4.B1 подбор: три вопроса одним экраном */
.pick{position:relative;overflow:hidden;margin-top:clamp(28px,3.4vw,56px);background:var(--ink-2);border-radius:calc(var(--r) + 6px);padding:clamp(22px,3vw,48px);border:1px solid var(--line)}
.pick>*{position:relative;z-index:1}.pick>.glow{position:absolute;z-index:0;opacity:.28}
.pick-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(20px,2.4vw,36px)}
.pick-n{display:none;font-size:14px}
.pick-q{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(16px,2.4vw,40px)}
.q{border:0;min-width:0}
.q legend{font:700 clamp(17px,1.15vw,21px)/1.3 var(--text);margin-bottom:14px;display:flex;gap:10px;align-items:baseline}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:none;color:var(--paper)}
.pv-link{display:inline-block;margin-top:14px;font-size:14px;color:var(--amber)}
.pick-f{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:clamp(20px,2.6vw,40px);padding-top:clamp(18px,2vw,28px);border-top:1px solid var(--line)}
.pick-r{flex:1;min-width:240px;color:var(--haze);font-size:15px}
.pick-r b{color:var(--paper)}
.m-only{display:none}

/* 4.B2 шесть комплектов строками «номер · фото · пометка, название, состав · цена» (S03 { 01 }) */
.klist{display:flex;flex-direction:column;gap:clamp(12px,1.2vw,18px)}
.krow{display:grid;grid-template-columns:clamp(56px,5vw,96px) clamp(200px,20vw,320px) 1fr clamp(260px,22vw,340px);gap:clamp(16px,2vw,36px);align-items:start;background:var(--ink-2);border-radius:var(--r);padding:clamp(16px,1.6vw,26px);border:1px solid transparent;transition:opacity .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.knum{font-size:clamp(44px,4vw,80px);color:var(--haze);line-height:.8}
.kph{display:block;border-radius:var(--r-s);overflow:hidden;background:#fff;aspect-ratio:4/3}
.kph img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .8s var(--ease)}
.krow:hover .kph img{transform:scale(1.04)}
.kbody{display:flex;flex-direction:column;gap:8px;min-width:0}
.ktag{font-size:13px;color:var(--amber);letter-spacing:.02em}
.kbody h3 a:hover{color:var(--amber)}
.kcomp summary{list-style:none;cursor:default;font-size:13px;color:var(--haze);margin:6px 0 6px;pointer-events:none}
.kcomp summary::-webkit-details-marker{display:none}
.comp{font-size:14px;line-height:1.55;color:rgba(242,237,228,.82);padding-left:18px;columns:2;column-gap:28px}
.comp li{break-inside:avoid;margin-bottom:4px}
.kwhy{font-size:13px;color:var(--blue);font-weight:600}
.kbuy{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.kbuy .price{font-size:clamp(34px,2.6vw,48px)}
.kcost{font-size:14px;width:100%;border-top:1px solid var(--line);padding-top:10px}
.kcost summary{cursor:pointer;color:var(--paper);font-weight:600;list-style:none;display:flex;justify-content:space-between}
.kcost summary::after{content:"+";color:var(--amber);transition:transform .3s}
.kcost[open] summary::after{transform:rotate(45deg)}
.kcost ul{list-style:none;color:var(--haze);margin-top:8px;display:flex;flex-direction:column;gap:6px}
.kcost b{color:var(--paper);font-weight:600}
.kbtns{display:flex;gap:8px;flex-wrap:wrap}
.btn.added{background:var(--paper)}
.knote{margin-top:18px;font-size:14px;max-width:900px}
/* подбор: подсветка */
.klist.picked .krow{opacity:.38}
.klist.picked .krow.hit{opacity:1;border-color:var(--amber);transform:none}
.klist.picked .krow.hit .knum{color:var(--amber)}

.kfin{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:clamp(20px,4vw,72px);align-items:center;background:var(--ink-2);border-radius:calc(var(--r) + 6px);padding:clamp(22px,3vw,52px)}
.kfin .mut{margin-top:14px;max-width:560px}
.kfin-ph{margin-top:18px;font-weight:700}.kfin-ph a{color:var(--amber)}
.req{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column}
.req [data-step]{display:flex;flex-direction:column;gap:12px}
.req [hidden]{display:none!important}
.req .btn{width:100%;justify-content:center}
.req-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:8px}
.req-sum{font-size:14px;color:var(--amber)}

/* ---------- страница комплекта ---------- */
.kp-g{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3.4vw,64px);align-items:center;margin-top:clamp(18px,2vw,32px)}
.kp-hero{position:relative;border-radius:calc(var(--r) + 6px);overflow:hidden;background:var(--ink-3)}
.kp-hero.gen{aspect-ratio:4/3}
.kp-hero.gen>img{width:100%;height:100%;object-fit:cover}
.kp-plate{position:absolute;left:18px;bottom:18px;width:clamp(110px,11vw,180px);aspect-ratio:4/3;background:#fff;border-radius:var(--r-s);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.kp-plate img{width:100%;height:100%;object-fit:contain;padding:8px}
.kp-hero.plate{background:#fff;padding:clamp(16px,2vw,32px) clamp(16px,2vw,32px) 0}
.kp-hero.plate [data-main]{width:100%;aspect-ratio:4/3;object-fit:contain}
.kp-ths{display:flex;gap:10px;padding:16px 0}
.kp-th{width:76px;height:58px;border-radius:10px;border:2px solid transparent;background:#fff;cursor:pointer;padding:4px;box-shadow:0 0 0 1px rgba(11,11,13,.12)}
.kp-th.on{border-color:var(--amber)}.kp-th img{width:100%;height:100%;object-fit:contain}
.kp-info{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.kp-h1{font-size:clamp(46px,4.6vw,96px)}
.kp-desc{color:rgba(242,237,228,.86);max-width:620px}
.kp-buy{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:6px}
.kp-price{font-size:clamp(52px,4.6vw,88px)}
.kp-fd{margin-top:6px;color:var(--haze);font-size:14px}
.kp-note{font-size:13px}

.kp-comp{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(20px,3.4vw,64px);align-items:start}
.kp-c1 .kick{margin-bottom:12px}
.kp-c1 .ch{font:700 clamp(20px,1.4vw,26px)/1.25 var(--text);margin-bottom:14px}
.comp.big{columns:1;font-size:clamp(15px,1vw,18px);padding-left:20px}
.comp.big li{padding:8px 0;border-bottom:1px solid var(--line)}
.kp-desc2{margin-top:20px;color:var(--haze);display:flex;flex-direction:column;gap:10px}
.kp-c2 h2{margin-bottom:16px}
.parts-d summary{display:none}
.parts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.part{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:var(--ink-2);border-radius:var(--r-s);padding:10px;border:1px solid transparent;transition:border-color .25s}
a.part:hover{border-color:var(--amber)}
.pph{grid-row:span 2;width:72px;height:72px;border-radius:10px;background:#fff;overflow:hidden}
.pph img{width:100%;height:100%;object-fit:contain;padding:4px}.pph.empty{background:var(--ink-3)}
.pn{font-size:14px;line-height:1.35;align-self:end}
.pp{font:800 22px/1.2 var(--disp);color:var(--amber);align-self:start}

.kp-also{max-width:620px;color:var(--haze);display:flex;flex-direction:column;gap:8px;font-size:15px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,18px)}
.tile{display:flex;flex-direction:column;gap:4px;padding-bottom:18px}
.tile .ph{aspect-ratio:4/3;background:#fff;margin-bottom:12px}
.tile .ph img{object-fit:contain;padding:14px}
.tile b,.tile .mut{padding:0 18px}.tile b{font-size:clamp(22px,1.5vw,28px)}.tile .mut{font-size:13px}
.kp-foot{margin-top:18px;font-size:14px;max-width:900px;display:flex;flex-direction:column;gap:8px}

.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gt{position:relative;border-radius:var(--r-s);overflow:hidden;aspect-ratio:1;background:var(--ink-3)}
.gt img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gt:hover img{transform:scale(1.05)}
.gt span{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 8px;font-size:12px;line-height:1.3;background:linear-gradient(0deg,rgba(11,11,13,.9),rgba(11,11,13,0));opacity:0;transition:opacity .3s}
.gt:hover span,.gt:focus span{opacity:1}

.kp-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(20px,3.4vw,64px)}
.faqk details{border-bottom:1px solid var(--line);padding:20px 0}
.faqk summary{cursor:pointer;font:700 clamp(18px,1.2vw,22px)/1.3 var(--text);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faqk summary::after{content:"+";color:var(--amber);font-size:26px;line-height:1;transition:transform .3s}
.faqk details[open] summary::after{transform:rotate(45deg)}
.faqk p{color:var(--haze);margin-top:12px}.faqk a{color:var(--amber)}
.kp-stick{display:none}

@media (max-width:1280px){
  .krow{grid-template-columns:clamp(48px,5vw,80px) 200px 1fr;}
  .krow .kbuy{grid-column:2 / -1}
  .tiles{grid-template-columns:repeat(3,1fr)}.gal{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1024px){
  .kh-g,.kp-g,.kp-comp,.kfin,.kp-faq{grid-template-columns:1fr}
  .pick-q{grid-template-columns:1fr}
}
@media (max-width:860px){
  .pick-n{display:block}
  .pick-q .q{display:none}.pick-q .q.cur{display:block}
  .m-only{display:inline-flex}.m-only[hidden]{display:none}
  .pick:not(.last) [data-pick-go]{display:none}
  .pick.last [data-pick-next]{display:none}
  .pick-f{gap:10px}.pick-r{min-width:0;flex-basis:100%}
  .krow{grid-template-columns:1fr;gap:12px;position:relative}
  .knum{position:absolute;top:22px;left:22px;z-index:1;font-size:40px;color:var(--ink);opacity:.5}
  .krow .kbuy{grid-column:auto}
  .comp{columns:1}
  .kcomp summary{pointer-events:auto;cursor:pointer;color:var(--paper);font-weight:600;font-size:14px}
  .kcomp summary::after{content:" ▾";color:var(--amber)}
  .kbuy{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
  .kbuy .price{font-size:40px}
  .kbtns{width:100%}.kbtns .btn{flex:1;justify-content:center}
  .parts{grid-template-columns:1fr}
  .parts-d summary{display:block;cursor:pointer;font-weight:600;font-size:15px;padding:12px 0;list-style:none;color:var(--amber)}
  .parts-d summary::after{content:" ▾"}
  .tiles,.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 6px;scrollbar-width:none}
  .tiles::-webkit-scrollbar,.gal::-webkit-scrollbar{display:none}
  .tile{flex:0 0 66%;scroll-snap-align:start}.gt{flex:0 0 46%;scroll-snap-align:start}
  .gt span{opacity:1}
  .kp-h1{font-size:clamp(40px,11vw,64px)}
  .kp-price{font-size:56px}
  .kp-buy .kbtns .btn{flex:1}
  .kp-stick{display:flex;position:fixed;left:10px;right:10px;bottom:76px;z-index:79;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;background:rgba(20,20,24,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--line);transform:translateY(160%);opacity:0;transition:transform .35s var(--ease),opacity .35s var(--ease)}
  .kp-stick.on{transform:none;opacity:1}
  .kp-stick div{display:flex;flex-direction:column;min-width:0}
  .kp-stick .price{font-size:26px}
  .kp-stick span{font-size:12px;color:var(--haze);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .p-komplekt .ftr{padding-bottom:190px}
}
@media (prefers-reduced-motion:reduce){.kp-stick{transition:none}}