/* =====================================================================
   TUR — textele opririlor și navigarea, în tema „gold glass” (contrast ridicat)
   Tranziții în etape, sincronizate cu oprirea camerei:
     --in  (0→1) intrarea; crește doar după ce video-ul a ajuns pe cadru (JS: „arrival”)
     --out (1→0) ieșirea, spre plecarea din oprire
     --k        ordinea în cascadă (logo → titlu → tagline → listă → buton)
   Video-ul, timpii și motorul de scroll NU sunt modificați aici.
   ===================================================================== */

/* ---------- mai mult contrast sub texte ---------- */
.tour__scrim{
  background:
    linear-gradient(95deg, rgba(8,6,5,.86) 0%, rgba(8,6,5,.55) 34%, rgba(8,6,5,.12) 60%, rgba(8,6,5,0) 72%),
    linear-gradient(0deg, rgba(8,6,5,.7) 0%, rgba(8,6,5,0) 34%),
    linear-gradient(180deg, rgba(8,6,5,.45) 0%, rgba(8,6,5,0) 18%),
    radial-gradient(120% 100% at 50% 50%, transparent 58%, rgba(8,6,5,.5) 100%);
}

/* ---------- mecanica tranzițiilor ---------- */
.stop{
  --in:0; --out:0;
  opacity:min(clamp(0, calc(var(--in) * 4), 1), var(--out));
  transform:translateY(calc((1 - var(--out)) * -16px)) scale(calc(.965 + .035 * min(clamp(0, calc(var(--in) * 3), 1), 1)));
  transform-origin:left center; text-shadow:none; pointer-events:none;
}
.stop.is-live{ pointer-events:auto; }
.stop > *, .stop__list li{
  --v:min(clamp(0, calc((var(--in) - var(--k, 0) * .08) / .42), 1), var(--out));
  opacity:var(--v);
  transform:translateY(calc((1 - var(--v)) * 26px));
  filter:blur(calc((1 - var(--v)) * 6px));
}
.stop__list{ --k:3; }

/* ---------- tipografie pe video ---------- */
.stop__logo{ width:92px; height:92px; border-radius:50%; margin-bottom:18px; box-shadow:0 0 0 2px #C79007, 0 16px 40px rgba(0,0,0,.6); }
.stop__title{
  font:600 clamp(72px, 11vw, 176px)/.9 var(--serif); letter-spacing:-.01em;
  background:var(--gold-text); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:blur(calc((1 - var(--v)) * 6px)) drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 8px 28px rgba(0,0,0,.7));
}
.stop__script{
  font:400 clamp(42px, 4.4vw, 64px)/.95 var(--script); padding-top:4px;
  background:linear-gradient(180deg, #F2D987 0%, #DDB43E 45%, #C79007 100%); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:blur(calc((1 - var(--v)) * 6px)) drop-shadow(0 1px 1px rgba(0,0,0,.95)) drop-shadow(0 4px 14px rgba(0,0,0,.8));
}
.stop--hero .stop__script{ font-size:clamp(48px, 5vw, 76px); margin-top:-6px; }
.stop__rule{ width:96px; height:2px; margin:18px 0 16px; background:var(--gold-grad-h); transform:scaleX(var(--v)); transform-origin:left; }
.stop__eyebrow{
  display:flex; align-items:center; gap:12px; margin-bottom:14px;
  font:700 12px/1 var(--sans); letter-spacing:.28em; text-transform:uppercase; color:#fff7e6;
  text-shadow:0 1px 2px rgba(0,0,0,.95), 0 3px 12px rgba(0,0,0,.8);
}
.stop__eyebrow span{
  opacity:1; margin:0; display:inline-grid; place-items:center; min-width:36px; height:26px; padding:0 9px; border-radius:999px;
  background:var(--gold-grad); color:#100c09; letter-spacing:.06em; font-weight:800; text-shadow:none;
  box-shadow:0 2px 10px rgba(0,0,0,.5);
}
.stop__h{
  font:500 clamp(40px, 5vw, 82px)/1.02 var(--serif); color:#fffaf2;
  -webkit-text-stroke:.6px rgba(214,178,74,.95); paint-order:stroke fill;
  text-shadow:0 2px 3px rgba(0,0,0,.9), 0 8px 32px rgba(0,0,0,.7);
}
.stop__h em{
  font-weight:500;
  background:linear-gradient(180deg, #F2D987 0%, #DDB43E 45%, #C79007 100%); -webkit-background-clip:text; background-clip:text; color:transparent;
  -webkit-text-stroke:0; text-shadow:none;
}
.stop:not(.stop--service) .stop__h em{ filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 6px 20px rgba(0,0,0,.6)); }

/* ---------- carduri de sticlă TRANSPARENTĂ sub toate textele din tur ----------
   video-ul se vede prin card; lizibilitatea vine din blur-ul din spate + o tentă fină + umbre pe text */
.stop{
  position:absolute; isolation:isolate; max-width:min(88vw, 580px); padding:30px 34px 32px; border-radius:28px;
  background:linear-gradient(160deg, rgba(255,255,255,.1) 0%, rgba(20,16,12,.34) 45%, rgba(8,6,5,.42) 100%);
  -webkit-backdrop-filter:blur(22px) saturate(140%) brightness(.82); backdrop-filter:blur(22px) saturate(140%) brightness(.82);
  box-shadow:0 30px 80px -26px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.25);
}
.stop--hero{ max-width:min(88vw, 760px); padding:30px 40px 34px; }
.stop::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.6px; z-index:-1; pointer-events:none; background:var(--gold-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.stop::after{
  content:""; position:absolute; left:2px; right:2px; top:2px; height:40%; z-index:-1; pointer-events:none;
  border-radius:26px 26px 50% 50% / 26px 26px 18% 18%; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));
}
.stop--service .stop__h{ font-size:clamp(32px, 3.2vw, 50px); -webkit-text-stroke:.45px rgba(214,178,74,.95); }
.stop--service .stop__script{ font-size:clamp(40px, 3.6vw, 56px); margin-bottom:2px; }
.stop__list li{ text-shadow:0 1px 2px rgba(0,0,0,.9), 0 3px 12px rgba(0,0,0,.6); }
.stop__list li b{ filter:drop-shadow(0 1px 1px rgba(0,0,0,.9)); }
.stop__list{ list-style:none; margin-top:20px; display:grid; gap:9px; font:500 clamp(17px, 1.4vw, 21px)/1.3 var(--serif); color:#fffaf2; }
.stop__list li{ display:flex; align-items:baseline; gap:10px; }
.stop__list li::before{ display:none; }
.stop__list li span{ min-width:0; }
.stop__list li i{ flex:1; min-width:24px; border-bottom:1.5px dotted rgba(221,180,62,.85); transform:translateY(-4px); }
.stop__list li b{ font:600 1.12em/1 var(--serif); white-space:nowrap; color:#F2D987; }
.stop__cta{
  position:relative; isolation:isolate; display:inline-flex; margin-top:24px; padding:16px 26px; border:0; border-radius:999px;
  background:var(--gold-grad); color:#100c09; font:800 11.5px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase;
  box-shadow:0 0 0 1px rgba(255,236,170,.5) inset, 0 10px 26px -8px rgba(199,144,7,.8); -webkit-backdrop-filter:none; backdrop-filter:none;
  transition:box-shadow .3s, transform .2s;
}
.stop__cta:hover{ background:var(--gold-grad); color:#000; border:0; transform:translateY(-1px); box-shadow:0 0 0 1px rgba(255,236,170,.7) inset, 0 0 34px 0 rgba(221,180,62,.9); }

/* ---------- navigarea turului: index lateral, mereu vizibil ---------- */
.tour__index{
  isolation:isolate; padding:12px 10px; gap:4px; align-items:stretch; border-radius:24px;
  background:linear-gradient(160deg, rgba(255,255,255,.1), rgba(20,16,12,.34) 45%, rgba(8,6,5,.42));
  -webkit-backdrop-filter:blur(22px) saturate(140%) brightness(.82); backdrop-filter:blur(22px) saturate(140%) brightness(.82);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 1px 2px rgba(0,0,0,.85);
}
.tour__index::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.6px; z-index:-1; pointer-events:none; background:var(--gold-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.tour__index button{
  display:flex; align-items:center; gap:12px; padding:9px 18px 9px 9px; border-radius:999px; opacity:1;
  font:700 11px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:#fff7e6;
  transition:background .3s, color .3s, box-shadow .3s;
}
.tour__index button b{
  display:grid; place-items:center; width:30px; height:30px; border-radius:50%; flex:none;
  font:600 14px/1 var(--serif); letter-spacing:0; color:#F2D987; box-shadow:inset 0 0 0 1.5px #C79007;
}
.tour__index button span{ opacity:1; transform:none; }
.tour__index button:hover{ background:rgba(221,180,62,.2); }
.tour__index button.is-past b{ background:rgba(199,144,7,.35); color:#fff7e6; }
.tour__index button.is-active{ background:var(--gold-grad); color:#100c09; box-shadow:0 0 26px -4px rgba(221,180,62,.85); }
.tour__index button.is-active b{ color:#100c09; background:rgba(255,255,255,.35); box-shadow:inset 0 0 0 1.5px rgba(16,12,9,.7); }

/* ---------- bara „Înapoi / Înainte” ---------- */
.tour__ctrl{
  position:absolute; z-index:5; left:50%; bottom:28px; transform:translateX(-50%); isolation:isolate;
  display:flex; align-items:center; gap:16px; padding:8px; border-radius:999px;
  background:linear-gradient(160deg, rgba(255,255,255,.1), rgba(20,16,12,.34) 45%, rgba(8,6,5,.42));
  -webkit-backdrop-filter:blur(22px) saturate(140%) brightness(.82); backdrop-filter:blur(22px) saturate(140%) brightness(.82);
  box-shadow:0 18px 44px -14px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.28);
}
.tour__ctrl::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.6px; z-index:-1; pointer-events:none; background:var(--gold-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.tour__arrow{
  display:inline-flex; align-items:center; gap:10px; height:52px; padding:0 22px 0 16px; border-radius:999px;
  font:800 12px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase; color:#F2D987;
  box-shadow:inset 0 0 0 2px #C79007; transition:background .3s, color .3s, box-shadow .3s, opacity .3s;
}
.tour__arrow i{ font:400 30px/1 var(--serif); font-style:normal; margin-top:-3px; }
.tour__arrow:hover{ background:rgba(221,180,62,.2); color:#fff; }
.tour__arrow--next{ padding:0 16px 0 22px; background:var(--gold-grad); color:#100c09; box-shadow:0 0 0 1px rgba(255,236,170,.6) inset, 0 0 24px -4px rgba(221,180,62,.9); }
.tour__arrow--next:hover{ background:var(--gold-grad); color:#000; box-shadow:0 0 0 1px rgba(255,236,170,.8) inset, 0 0 36px 2px rgba(221,180,62,.9); }
.tour__ctrl.is-first .tour__arrow[data-dir="-1"]{ opacity:.35; pointer-events:none; }
.tour__ctrl.is-first .tour__arrow--next{ animation:tourPulse 1.8s ease-in-out infinite; }
@keyframes tourPulse{ 0%, 100%{ box-shadow:0 0 0 0 rgba(221,180,62,.75); } 50%{ box-shadow:0 0 0 14px rgba(221,180,62,0); } }
.tour__now{ display:flex; flex-direction:column; align-items:center; gap:6px; min-width:140px; text-align:center; }
.tour__now b{ font:800 11px/1 var(--sans); letter-spacing:.26em; color:#F2D987; }
.tour__now span{ font:600 22px/1 var(--serif); color:#fffaf2; }
.tour__bar{ height:3px; }
.tour__bar i{ background:var(--gold-grad-h); }

@media (max-width:820px){
  .tour__index{ display:none; }
  .tour__ctrl{ top:74px; bottom:auto; left:12px; right:12px; transform:none; justify-content:space-between; gap:8px; padding:6px; }
  .tour__arrow{ height:46px; padding:0 14px 0 10px; font-size:11px; letter-spacing:.12em; }
  .tour__arrow--next{ padding:0 10px 0 14px; }
  .tour__now{ min-width:0; }
  .tour__now span{ font-size:18px; }
  .stop{ left:12px !important; right:12px; max-width:none; padding:20px 20px 22px; border-radius:22px; }
  .stop--service{ bottom:14px; }
  .stop--hero{ padding:22px 22px 24px; }
  .stop--service .stop__script{ font-size:36px; }
  .stop--service .stop__h{ font-size:29px; }
  .stop__list{ margin-top:12px; gap:5px; font-size:16px; }
  .stop__cta{ margin-top:16px; padding:14px 18px; }
  .stop__logo{ width:66px; height:66px; }
}
.tour.no-film .stop{ --in:1; --out:1; }
.tour.no-film .tour__ctrl{ display:none; }