/* ============================================================
   FINAL SYSTEM LOCK R01 — završni sloj preko CURRENT + R02.
   Jedan fajl + hirurške izmene u index.html; uklanjanje ovog
   <link> reda i vraćanje starih blokova vraća tačno R02.

   Sadržaj:
   1 · SIGNAL prelom (tband) — pun ekran, od ivice do ivice
   2 · Showroom — jedna scena, bez lepljive 240svh trake
   3 · Dubina — tri urednička panela, nula interakcije
   4 · Mobilna higijena — kraći predah između poglavlja
   ============================================================ */

/* ---------- 1 · SIGNAL PRELOM — pun ekran ---------- */
.tband{
  padding:0;
  min-height:min(78vh,760px);
  display:grid;
  place-items:center;
}
.tband-img{
  left:0; top:0;
  width:100%; height:100%;
  max-width:none;
  transform:none;
  object-fit:cover;
  object-position:center 62%;
  opacity:.85;
}
.tband::before,.tband::after{
  content:""; position:absolute; left:0; right:0; height:220px;
  z-index:1; pointer-events:none;
}
.tband::before{top:0;background:linear-gradient(to bottom,var(--bg),transparent)}
.tband::after{bottom:0;background:linear-gradient(to top,var(--bg),transparent)}
.tband-in{z-index:2;padding-block:110px}
.tband p{max-width:none}
.tb-l1{
  display:block;
  font-size:clamp(32px,4.6vw,64px);
  font-weight:600;
  letter-spacing:-0.022em;
  line-height:1.06;
}
.tb-l2{
  display:block;
  margin-top:16px;
  font-size:clamp(17px,1.7vw,25px);
  font-weight:300;
  color:rgba(244,240,230,.78);
}
@media (max-width:860px){
  .tband{min-height:62svh;padding:0}
  .tband-img{width:100%;opacity:.55}
  .tband-in{padding-block:84px}
}

/* ---------- 2 · SHOWROOM — jedna scena, statična ---------- */
@media (min-width:861px){
  .show-track{height:auto}
  .show-stage{
    position:relative; top:auto; height:auto;
    overflow:visible; display:block;
    padding:10px 0 0;
  }
  /* scena B ne postoji; neutrališi stanje koje bi scenu A sklonilo */
  .show-track.at-b .scene-a{
    opacity:1; transform:none; filter:none; pointer-events:auto;
  }
}

/* ---------- 3 · DUBINA — tri urednička panela ---------- */
/* nit iznad panela: sva tri segmenta stalno žive */
.tierx-thread #txg1,.tierx-thread #txg2,.tierx-thread #txg3{
  stroke:var(--gold); stroke-width:1.5;
}
.tierx-thread .tn1,.tierx-thread .tn2,.tierx-thread .tn3{fill:var(--gold-hi)}
.tierx-thread #txc1,.tierx-thread #txc2,.tierx-thread #txc3{fill:var(--gold)}
.tierx-thread{margin-bottom:0}

.lk-panels{
  display:grid;
  grid-template-columns:1.08fr 1fr 1fr;
  border-top:1px solid rgba(244,240,230,.14);
  margin-top:10px;
}
.lkp{
  position:relative;
  display:flex; flex-direction:column; gap:13px;
  padding:46px 42px 42px 0;
}
.lkp + .lkp{border-left:1px solid rgba(244,240,230,.12);padding-left:42px}
.lkp-num{
  margin:0;
  font-size:clamp(54px,5vw,80px);
  font-weight:800; line-height:1;
  color:transparent;
  -webkit-text-stroke:1px rgba(244,240,230,.24);
}
.lkp-name{
  margin:4px 0 0;
  font-family:var(--font-m);
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold);
}
.lkp-h{
  margin:0;
  font-size:clamp(24px,2.1vw,32px);
  font-weight:640; line-height:1.12; letter-spacing:-0.015em;
}
.lkp-p{
  margin:0; max-width:38ch;
  font-size:15px; line-height:1.55;
  color:rgba(244,240,230,.72);
}
/* Standard: tri reda ime · za koga · cena */
.lkp-rows{list-style:none;margin:8px 0 0;padding:0}
.lkp-rows li{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"n p" "f p";
  column-gap:18px;
  padding:13px 0;
  border-top:1px solid rgba(244,240,230,.1);
  align-items:center;
}
.r-n{grid-area:n;font-size:15px;font-weight:600}
.r-n i{
  display:block; margin-top:3px;
  font-style:normal; font-family:var(--font-m);
  font-size:10.5px; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(244,240,230,.6);
}
.r-f{
  grid-area:f; margin-top:2px;
  font-family:var(--font-m);
  font-size:12px; letter-spacing:.02em;
  color:rgba(244,240,230,.55);
}
.r-p{
  grid-area:p;
  font-size:clamp(20px,1.7vw,26px); font-weight:700;
  color:var(--gold-hi); white-space:nowrap;
}
.lkp-rows li.lead{
  border-top-color:rgba(233,184,80,.5);
  background:linear-gradient(90deg,rgba(233,184,80,.07),transparent 72%);
}
.lkp-fine{
  margin:6px 0 0; padding-left:12px;
  border-left:2px solid rgba(233,184,80,.55);
  font-size:12.5px; line-height:1.5;
  color:rgba(244,240,230,.62);
}
.lkp-fine b{color:rgba(244,240,230,.9)}
/* Signature / Custom: cenovna traka + tri crte */
.lkp-price{
  display:flex; flex-direction:column; gap:6px;
  margin:8px 0 0; padding:14px 0 12px;
  border-top:1px solid rgba(244,240,230,.1);
  border-bottom:1px solid rgba(244,240,230,.1);
}
.lkp-price b{
  font-size:clamp(24px,2vw,30px); font-weight:700;
  letter-spacing:-0.01em; color:var(--gold-hi);
}
.lkp-price span{
  font-family:var(--font-m);
  font-size:10.5px; letter-spacing:.06em; text-transform:uppercase;
  color:rgba(244,240,230,.55);
}
.lkp-d{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.lkp-d li{
  position:relative; padding-left:18px;
  font-size:14px; line-height:1.5;
  color:rgba(244,240,230,.75);
}
.lkp-d li::before{content:"—";position:absolute;left:0;color:var(--gold);opacity:.8}
.lkp-cta{
  margin-top:auto; padding-top:20px;
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-m);
  font-size:12px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink); text-decoration:none;
}
.lkp-cta .arw{color:var(--gold);transition:transform .25s ease}
.lkp-cta:hover{color:var(--gold-hi)}
.lkp-cta:hover .arw{transform:translateX(5px)}

@media (max-width:900px){
  .lk-panels{grid-template-columns:1fr;border-top:0;margin-top:2px}
  .lkp{padding:30px 0 28px;border-top:1px solid rgba(244,240,230,.14)}
  .lkp + .lkp{border-left:0;padding-left:0}
  .lkp-num{font-size:44px}
  .lkp-p{max-width:none}
  .r-p{font-size:20px}
}

/* ---------- 3b · FINALE (verifier D-1/D-2) ----------
   Signal-dot iza „pronađu" je završna interpunkcija; ne sme da se
   odlomi od reči ni da stoji uz još jednu tačku. */
.final h2 em{white-space:nowrap}

/* ---------- 4 · MOBILNA HIGIJENA — kraći predah između poglavlja ---------- */
@media (max-width:860px){
  .chapter{padding:clamp(84px,11vw,120px) 0}
  .chapter-head{margin-bottom:clamp(38px,5vw,56px)}
}