/* ==========================================================================
   Pagina de testimoniale video — stiluri proprii (se încarcă doar aici).
   Un „zid" de clipuri portret, ca niște reeluri; redarea se face într-un
   vizualizator mare, deschis la click.
   ========================================================================== */

.tv [hidden]{display:none!important}

.tv-hero{padding:150px 0 40px}
.tv-hero h1{font-size:clamp(44px,9.4vw,150px);line-height:.93;letter-spacing:-.05em;margin:0}
.tv-hero .jos{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-top:clamp(24px,3.4vw,46px)}
.tv-hero .lead{color:var(--soft);font-size:19px;max-width:48ch}
.tv-nota{justify-self:end;font:600 16px var(--b);color:var(--soft)}
.tv-nota a{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;min-height:44px;align-content:center}
.tv-nota a:hover{color:var(--text)}
.tv-nota .stele{color:#fbbc04;letter-spacing:2px;margin-right:8px}
.tv-nota b{color:var(--text);font:700 18px var(--d);letter-spacing:-.03em;margin-right:2px}

.tv-sec{padding:30px 0 90px}
.tv-filtre{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.tv-filtre button{min-height:46px;border:2px solid #ffffff55;background:none;color:var(--text);font:700 15px var(--b);padding:10px 22px;border-radius:40px;cursor:pointer}
.tv-filtre button[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#170f14}

/* zidul: cinci coloane, a doua și a patra coborâte, ca să nu fie o grilă cuminte */
.tv-zid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:start;padding-bottom:56px}
.tv-card.d-jos{transform:translateY(56px)}
.tv-card{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#3a2f36,#1c1620);
  padding:0;cursor:pointer;color:var(--text);text-align:left;isolation:isolate;transition:border-color .3s}
.tv-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tv-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000 45%,#110d13e6 100%)}
/* la hover trece fasciculul, ca peste tot pe site */
.tv-card::after{content:"";position:absolute;top:0;bottom:0;left:-4px;width:2px;z-index:3;background:#fff;box-shadow:0 0 24px 8px var(--acc);opacity:0;pointer-events:none}
.tv-card:hover::after,.tv-card:focus-visible::after{animation:tv-fascicul .8s cubic-bezier(.5,0,.3,1)}
@keyframes tv-fascicul{0%{opacity:1;transform:translateX(0)}90%{opacity:1}100%{opacity:0;transform:translateX(340px)}}
.tv-card:hover{border-color:var(--acc)}
.tv-card:hover img{transform:scale(1.05)}
/* butonul de redare: pătrat rotunjit, nu cerc */
.tv-card .play{position:absolute;left:50%;top:50%;z-index:2;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:16px;background:var(--acc);box-shadow:0 0 40px -6px var(--acc);transition:transform .25s}
.tv-card .play::after{content:"";position:absolute;left:25px;top:19px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #170f14}
.tv-card:hover .play{transform:scale(1.1)}
.tv-card .sub{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;font:500 14px/1.35 var(--b);color:var(--soft)}
.tv-card .sub b{display:block;font:700 12px var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:4px}
.tv-card.gol{cursor:default;border-style:dashed;border-color:#ffffff40}
.tv-card.gol .play{opacity:.35}
.tv-sec .fine{margin-top:22px}

/* vizualizatorul */
.tv-player{border:0;padding:0;background:none;color:var(--text);max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;overflow:hidden}
.tv-player::backdrop{background:#0b080de6;backdrop-filter:blur(10px)}
.tv-player[open]{display:grid;place-items:center}
.tv-player .cadru{height:min(86vh,920px);aspect-ratio:9/16;max-width:94vw;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 30px 120px -20px #000,0 0 0 1px #ffffff26}
.tv-player iframe{width:100%;height:100%;border:0;display:block}
.tv-player .tv-titlu{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:600 14px var(--b);color:var(--soft);pointer-events:none}
.tv-player button{position:absolute;width:54px;height:54px;border-radius:16px;border:2px solid #ffffffaa;background:#110d13cc;color:var(--text);font:400 24px/1 var(--b);cursor:pointer}
.tv-player button:hover{background:var(--acc);border-color:var(--acc);color:#170f14}
.tv-player .inchide{top:22px;right:22px;font-size:30px}
/* „sag", nu „nav": .nav e bara de sus a site-ului */
.tv-player .sag{top:50%;margin-top:-27px}
.tv-player .inapoi{left:max(22px,calc(50vw - min(43vh,460px)*9/16 - 90px))}
.tv-player .inainte{right:max(22px,calc(50vw - min(43vh,460px)*9/16 - 90px))}

@media (max-width:960px){
  .tv-hero{padding:104px 0 24px}
  .tv-hero h1{font-size:clamp(40px,13.4vw,96px)}
  .tv-hero .jos{grid-template-columns:1fr;gap:16px}
  .tv-hero .lead{font-size:17px}
  .tv-nota{justify-self:start;font-size:15px}
  .tv-sec{padding:14px 0 60px}
  .tv-zid{grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:30px}
  .tv-card.d-jos{transform:none}
  .tv-card.m-jos{transform:translateY(30px)}
  .tv-card{border-radius:16px}
  .tv-card .play{width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:13px}
  .tv-card .play::after{left:20px;top:15px;border-width:10px 0 10px 16px}
  .tv-card .sub{left:12px;right:12px;bottom:10px;font-size:13px}
  .tv-player .cadru{height:min(80dvh,100vw*16/9);max-width:100vw;border-radius:16px}
  .tv-player .sag{top:auto;bottom:16px;margin:0}
  .tv-player .inapoi{left:16px}.tv-player .inainte{right:16px}
  .tv-player .inchide{top:12px;right:12px}
  .tv-player .tv-titlu{bottom:32px;padding:0 84px}
}