/* VIDEOLAR — hero, SAY Cephe sayfasındaki service-hero ile birebir aynı düzeni kullanır. */

/* Aktif menü çizgisi */
.inner-nav > a.active{border-color:var(--accent)}

/* Video sayfasında hero videosu yalnızca dekoratif arka plan gibi davransın. */
.video-page-hero .service-hero-video{pointer-events:none}

.video-grid{
  padding:48px 5.2vw 90px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  background:#f7f9fb;
}
.video-card{overflow:hidden;background:#fff;border:1px solid #dfe6eb;transition:.2s ease}
.video-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(8,45,75,.10)}
.video-player,.video-card iframe{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  display:block;
  border:0;
  padding:0;
  overflow:hidden;
  background:#102f49;
}
.video-player{cursor:pointer}
.video-player img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.video-card:hover .video-player img{transform:scale(1.025)}
.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,25,42,.02),rgba(5,25,42,.22))}
.video-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  color:#fff;background:rgba(8,47,80,.88);border:1px solid rgba(255,255,255,.72);
  box-shadow:0 10px 30px rgba(5,27,45,.24);transition:.2s ease
}
.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.06);background:var(--accent)}
.video-play i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;margin-left:3px}
.video-copy{min-height:96px;padding:18px 19px 20px;display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}
.video-copy>span{padding-top:3px;color:var(--accent);font-size:9px;font-weight:750;letter-spacing:.14em}
.video-copy h2{margin:0;font-size:14px;line-height:1.4;font-weight:650}

@media(max-width:1050px){.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.video-grid{padding:38px 6vw 70px}}
@media(max-width:580px){.video-grid{grid-template-columns:1fr}}