/* =========================
   TURKUAZ WEB / BAYRAKLAR - CLEAN STYLE (NO DUPLICATES)
   ========================= */

:root{
  --primary:#29c6d1;
  --primary-2:#6fe7ee;
  --dark:#0b1020;
  --muted:#6b7280;

  /* glass base */
  --glass: rgba(255,255,255,.12);
  --glass-border: rgba(255,255,255,.20);
}

html,body{height:100%;}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(41,198,209,.25), transparent 60%),
    radial-gradient(900px 500px at 80% 20%, rgba(111,231,238,.18), transparent 60%),
    radial-gradient(900px 500px at 60% 90%, rgba(41,198,209,.18), transparent 60%),
    linear-gradient(180deg, #0b1020, #0b1328 45%, #0b1020);
  color:#e5e7eb;
}

a{color:var(--primary-2); text-decoration:none;}
a:hover{color:#fff;}
.text-muted{color:rgba(229,231,235,.65)!important;}

/* Glass surfaces */
.glass{
  background: var(--glass);
  border:1px solid var(--glass-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.card{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius: 18px;
}

/* Navbar (dark by default) */
.navbar{
  background: rgba(8,12,25,.35);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}
.navbar .nav-link{color: rgba(229,231,235,.85);}
.navbar .nav-link:hover{color:#fff;}
.navbar-brand{
  font-weight: 700;
  letter-spacing:.2px;
  color:#fff;
}
.badge-soft{
  background: rgba(41,198,209,.18);
  border:1px solid rgba(41,198,209,.35);
  color:#c8fbff;
}

/* Buttons */
.btn-primary{
  background: linear-gradient(90deg, var(--primary), var(--primary-2));
  border: none;
}
.btn-primary:hover{filter: brightness(1.06);}
.btn-outline-light{
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
.btn-outline-light:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.35);
}

/* Inputs */
.form-control, .form-select{
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
}
.form-control:focus, .form-select:focus{
  background: rgba(255,255,255,.12);
  border-color: rgba(111,231,238,.55);
  box-shadow: 0 0 0 .2rem rgba(41,198,209,.15);
  color:#fff;
}
.form-control::placeholder{color: rgba(229,231,235,.55);}

/* Hero + KPI */
.hero{ padding: 56px 0 24px 0; }
.hero h1{
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 800;
  letter-spacing: -0.4px;
}
.hero p{color: rgba(229,231,235,.75); font-size: 1.05rem;}

.kpi{
  border-radius: 16px;
  padding: 16px;
  background: rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}

/* Animations */
.fade-in{ animation: fadeIn .6s ease both; }
@keyframes fadeIn{
  from{opacity:0; transform: translateY(10px);}
  to{opacity:1; transform: translateY(0);}
}

/* Light "glass rain" overlay (default pages only) */
.rain{
  pointer-events:none;
  position:fixed; inset:0;
  background-image:
    linear-gradient(115deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 50%),
    linear-gradient(115deg, rgba(41,198,209,.08) 0%, rgba(255,255,255,0) 50%);
  mix-blend-mode: screen;
  opacity:.55;
}
.rain:before{
  content:"";
  position:absolute; inset:-40%;
  background-image: repeating-linear-gradient(
    110deg,
    rgba(255,255,255,.08) 0px,
    rgba(255,255,255,.08) 1px,
    rgba(255,255,255,0) 12px,
    rgba(255,255,255,0) 22px
  );
  transform: rotate(8deg);
  animation: rainMove 16s linear infinite;
  opacity:.28;
}
@keyframes rainMove{
  from{transform: translate3d(-8%, -8%, 0) rotate(8deg);}
  to{transform: translate3d(8%, 8%, 0) rotate(8deg);}
}

/* Footer */
footer{
  border-top:1px solid rgba(255,255,255,.10);
  background: rgba(8,12,25,.25);
}

/* WhatsApp */
.whatsapp-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1050;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37, 211, 102, .18);
  border: 1px solid rgba(37, 211, 102, .35);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}
.whatsapp-float:hover{filter: brightness(1.08);}
.small-help{font-size:.9rem; color: rgba(229,231,235,.72);}

/* Tables + Alerts */
.table{ color:#e5e7eb; }
.table thead th{border-bottom-color: rgba(255,255,255,.15);}
.table td, .table th{border-top-color: rgba(255,255,255,.10);}

.alert{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
  color:#e5e7eb;
}

/* =========================
   TOPBAR + ANNOUNCE BAR (HOSTING STYLE)
   ========================= */

.topbar{
  background:#ffffff;
  border-bottom:1px solid rgba(0,0,0,.08);
  font-size:.95rem;
}
.topbar .topbar-link{
  color: rgba(15,23,42,.78);
  text-decoration:none;
  padding:10px 0;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.topbar .topbar-link:hover{ color: rgba(15,23,42,1); }

.announce-bar{
  background:#2f5bd7;
  color:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
  overflow:hidden;
}
.announce-track{
  display:inline-flex;
  gap:56px;
  white-space:nowrap;
  padding:10px 0;
  padding-left:100%;
  animation: announceMove 18s linear infinite;
  font-weight:600;
  letter-spacing:.2px;
}
@keyframes announceMove{
  from{ transform: translateX(0); }
  to{ transform: translateX(-100%); }
}

/* =========================
   SERVICES PAGE: SKY BLUE (BELİRGİN GÖKYÜZÜ)
   ========================= */

/* Gökyüzü mavisi daha belirgin */
body.page-services{
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(255,255,255,.55), transparent 55%),
    radial-gradient(1100px 600px at 80% 10%, rgba(255,255,255,.35), transparent 55%),
    linear-gradient(180deg, #97d9ff 0%, #d9f2ff 55%, #eef9ff 100%) !important;
  color:#0b1020 !important;
  overflow-x:hidden;
}

/* services’te rain kapalı */
body.page-services .rain{ display:none !important; }

/* services navbar açık */
body.page-services .navbar{
  background: rgba(255,255,255,.92) !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
}
body.page-services .navbar-brand,
body.page-services .navbar .nav-link{
  color:#0b1020 !important;
}

/* outline light görünür */
body.page-services .btn-outline-light{
  border-color: rgba(0,0,0,.20) !important;
  color:#0b1020 !important;
}
body.page-services .btn-outline-light:hover{
  background: rgba(0,0,0,.06) !important;
}

/* kutular net */
body.page-services .card,
body.page-services .glass,
body.page-services .kpi{
  background: rgba(255,255,255,.97) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.12) !important;
}
body.page-services .text-muted{
  color: rgba(15,23,42,.65) !important;
}

/* =========================
   SNOW (YOĞUN)
   ========================= */

.snow-layer{
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:1;
  overflow:hidden;
}
.snow-layer::before,
.snow-layer::after{
  content:"";
  position:absolute;
  inset:-60%;
  background-image:
    radial-gradient(circle, rgba(255,255,255,1) 0 1.6px, transparent 3.2px),
    radial-gradient(circle, rgba(255,255,255,.95) 0 2.1px, transparent 4.2px),
    radial-gradient(circle, rgba(255,255,255,.9) 0 3px, transparent 6px);
  background-size: 70px 70px, 110px 110px, 160px 160px;
  animation: snowHeavy 14s linear infinite;
  opacity:.92;
}
.snow-layer::after{
  animation-duration: 22s;
  opacity:.75;
}
@keyframes snowHeavy{
  from{ transform: translate3d(-15%, -35%, 0); }
  to  { transform: translate3d( 15%,  40%, 0); }
}

/* içerikler üstte */
body.page-services nav,
body.page-services main,
body.page-services footer{
  position:relative;
  z-index:2;
}
/* =========================
   SERVICES - FULL SKY BACKGROUND (MENÜ HARİÇ)
   ========================= */

/* Menü hariç tüm sayfayı kaplayan arka plan */
body.page-services{
  background: none !important;
}

/* Arka planı main alanına veriyoruz */
body.page-services main{
  position: relative;
  z-index: 1;
  min-height: 100vh;
  background:
    linear-gradient(
      rgba(255,255,255,.78),
      rgba(255,255,255,.78)
    ),
    url("/assets/img/bg-sky.jpg") center / cover no-repeat fixed;
  padding-top: 48px;
  padding-bottom: 64px;
}

/* Navbar ve üst bar arka plandan etkilenmesin */
body.page-services .navbar,
body.page-services .topbar,
body.page-services .announce-bar{
  position: relative;
  z-index: 5;
}

/* KARTLAR VE KUTULAR NET OLSUN */
body.page-services .card,
body.page-services .glass,
body.page-services .kpi{
  background: rgba(255,255,255,.96) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.12) !important;
}

/* Hero alan biraz cam gibi */
body.page-services .hero{
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 28px;
  padding: 56px;
  box-shadow: 0 20px 45px rgba(0,0,0,.12);
}

/* Yazılar net ve koyu */
body.page-services h1,
body.page-services h2,
body.page-services h3{
  color:#0b1020 !important;
}

body.page-services .text-muted{
  color: rgba(15,23,42,.65) !important;
}

/* Butonlar arka planda kaybolmasın */
body.page-services .btn-outline-light{
  border-color: rgba(0,0,0,.20) !important;
  color:#0b1020 !important;
}
body.page-services .btn-outline-light:hover{
  background: rgba(0,0,0,.06) !important;
}

/* Snow efekti arka planda kalsın */
body.page-services .snow-layer{
  z-index: 0;
}
body.page-services nav,
body.page-services footer{
  position: relative;
  z-index: 2;
}
body.page-services main{
  background: red !important;
}
/* =========================
   FINAL FIX - AÇIK MAVİ + YAVAŞ KAR
   ========================= */

/* PUBLIC SAYFALAR (anasayfa, services, about, works, contact) */
body.page-public,
body.page-services{
  background:
    linear-gradient(
      180deg,
      #bfe9ff 0%,
      #dff3ff 50%,
      #f3fbff 100%
    ) !important;
  color:#0b1020 !important;
}

/* Menü ve üst bar her zaman üstte */
body.page-public .navbar,
body.page-services .navbar,
body.page-public .topbar,
body.page-services .topbar,
body.page-public .announce-bar,
body.page-services .announce-bar{
  position: relative;
  z-index: 10;
}

/* Rain efektini kapat (karla çakışmasın) */
body.page-public .rain,
body.page-services .rain{
  display:none !important;
}

/* Kartlar / kutular NET */
body.page-public .glass,
body.page-public .card,
body.page-public .kpi,
body.page-services .glass,
body.page-services .card,
body.page-services .kpi{
  background: rgba(255,255,255,.96) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
}

/* Yazılar okunaklı */
body.page-public h1,
body.page-public h2,
body.page-public h3,
body.page-public p,
body.page-services h1,
body.page-services h2,
body.page-services h3,
body.page-services p{
  color:#0b1020 !important;
}
body.page-public .text-muted,
body.page-services .text-muted{
  color: rgba(15,23,42,.65) !important;
}

/* =========================
   KAR EFEKTİ - YAVAŞ & SOFT
   ========================= */

.snow-layer{
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:1;
}

.snow-layer::before,
.snow-layer::after{
  content:"";
  position:absolute;
  inset:-40%;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.9) 0 1.5px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,.8) 0 2px, transparent 4px);
  background-size: 140px 140px, 220px 220px;
  animation: snowSlow 40s linear infinite;
  opacity:.35;
}

.snow-layer::after{
  animation-duration: 60s;
  opacity:.25;
}

@keyframes snowSlow{
  from{ transform: translateY(-10%); }
  to{ transform: translateY(25%); }
}

/* İçerik karın üstünde kalsın */
main,
footer{
  position: relative;
  z-index: 2;
}
/* =========================
   GLOBAL FINAL - AÇIK MAVİ + YAVAŞ KAR (TÜM SAYFALAR)
   ========================= */

/* 1) Resimli arka plan varsa iptal (önceden eklediysen) */
body::before{
  content:none !important;
}

/* 2) Genel arka plan (tüm sayfalar) */
body{
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(255,255,255,.55), transparent 55%),
    radial-gradient(1100px 600px at 80% 10%, rgba(255,255,255,.35), transparent 55%),
    linear-gradient(180deg, #bfe9ff 0%, #dff3ff 55%, #f3fbff 100%) !important;
  color:#0b1020 !important;
}

/* 3) Rain efektini kapat (karla çakışmasın) */
.rain{
  display:none !important;
}

/* 4) Menü/topbar hep üstte */
.topbar,
.announce-bar,
.navbar{
  position: relative;
  z-index: 10;
}

/* 5) İçerikler karın üstünde */
main,
footer{
  position: relative;
  z-index: 2;
}

/* 6) Kart/Kutu/Glass net olsun */
.glass,
.card,
.kpi,
.alert{
  background: rgba(255,255,255,.96) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
  color:#0b1020 !important;
}

/* 7) Navbar linkleri koyulaşsın (açık zeminde görünür olsun) */
.navbar .navbar-brand,
.navbar .nav-link{
  color:#0b1020 !important;
}
.navbar{
  background: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid rgba(0,0,0,.10) !important;
}

/* 8) Formlar açık zeminde okunaklı */
.form-control, .form-select{
  background: rgba(255,255,255,.92) !important;
  border:1px solid rgba(0,0,0,.12) !important;
  color:#0b1020 !important;
}
.form-control::placeholder{color: rgba(15,23,42,.55) !important;}

/* 9) Buton outline light görünür olsun */
.btn-outline-light{
  border-color: rgba(0,0,0,.20) !important;
  color:#0b1020 !important;
}
.btn-outline-light:hover{
  background: rgba(0,0,0,.06) !important;
}

/* 10) Muted yazılar */
.text-muted{
  color: rgba(15,23,42,.65) !important;
}

/* =========================
   KAR EFEKTİ - YAVAŞ & SOFT
   ========================= */

.snow-layer{
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:1;
}

.snow-layer::before,
.snow-layer::after{
  content:"";
  position:absolute;
  inset:-40%;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.9) 0 1.5px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,.8) 0 2px, transparent 4px);
  background-size: 140px 140px, 220px 220px;
  animation: snowSlow 45s linear infinite;
  opacity:.35;
}

.snow-layer::after{
  animation-duration: 70s;
  opacity:.25;
}

@keyframes snowSlow{
  from{ transform: translateY(-10%); }
  to{ transform: translateY(25%); }
}
/* =========================
   FIX: ÜST MENÜ KOYU KALSIN + AKAN YAZI GERİ GELSiN (YAVAŞ)
   ========================= */

/* NAVBAR: koyu mavi / dark */
.navbar{
  background: rgba(8,12,25,.78) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(10px);
}
.navbar .navbar-brand,
.navbar .nav-link{
  color: rgba(255,255,255,.92) !important;
}
.navbar .nav-link:hover{
  color:#fff !important;
}

/* ÜST TOPBAR: koyu kalsın (istersen beyaz da yaparız ama sen koyu istedin) */
.topbar{
  background: rgba(8,12,25,.72) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.topbar .topbar-link{
  color: rgba(255,255,255,.85) !important;
}
.topbar .topbar-link:hover{
  color:#fff !important;
}

/* AKAN YAZI (announce) kesin görünsün + yavaş olsun */
.announce-bar{
  display:block !important;
  background:#2f5bd7 !important;
  color:#fff !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  overflow:hidden !important;
}
.announce-track{
  display:inline-flex !important;
  white-space:nowrap !important;
  padding-left:100% !important;

  /* ✅ YAVAŞLAT */
  animation: announceMove 32s linear infinite !important;
  gap: 56px;
  font-weight:600;
  letter-spacing:.2px;
}

/* announceMove yoksa diye garanti */
@keyframes announceMove{
  from{ transform: translateX(0); }
  to{ transform: translateX(-100%); }
}

/* Üst barlar hep üstte */
.topbar, .announce-bar, .navbar{
  position:relative;
  z-index: 10;
}
/* =========================
   BAYRAKLAR FINAL THEME (TEK NAVBAR + GECE MAVİSİ KUTULAR)
   ========================= */

/* Arka plan: açık gökyüzü mavisi (tüm sayfalar) */
body{
  background: linear-gradient(180deg, #bfe9ff 0%, #dff3ff 55%, #f3fbff 100%) !important;
}

/* Üstteki rain varsa kapat */
.rain{ display:none !important; }

/* NAVBAR: gece mavisi */
.navbar{
  background:#0b1328 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.navbar .navbar-brand,
.navbar .nav-link{
  color: rgba(255,255,255,.92) !important;
}
.navbar .nav-link:hover{ color:#fff !important; }

/* Akan yazı: navbar altında */
.announce-bar{
  background:#13204a;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.announce-track{
  display:inline-flex;
  gap:56px;
  white-space:nowrap;
  padding:10px 0;
  padding-left:100%;
  animation: announceMove 34s linear infinite; /* yavaş */
  font-weight:600;
}
@keyframes announceMove{
  from{ transform: translateX(0); }
  to{ transform: translateX(-100%); }
}

/* KUTULAR: gece mavisi olsun */
.glass,
.card,
.kpi{
  background: linear-gradient(180deg, #0b1328 0%, #0f1d3d 100%) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.35) !important;
  color:#e5e7eb !important;
}

/* Kutular içi yazılar */
.glass h1, .glass h2, .glass h3,
.card h1, .card h2, .card h3{
  color:#fff !important;
}
.glass p, .card p, .kpi p{
  color: rgba(229,231,235,.86) !important;
}
.text-muted{
  color: rgba(229,231,235,.70) !important;
}

/* Buton outline light koyu zeminde iyi görünsün */
.btn-outline-light{
  border-color: rgba(255,255,255,.25) !important;
  color: rgba(255,255,255,.92) !important;
}
.btn-outline-light:hover{
  background: rgba(255,255,255,.12) !important;
}

/* Kar: yavaş ve hafif */
.snow-layer{
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:0;
}
.snow-layer::before,
.snow-layer::after{
  content:"";
  position:absolute;
  inset:-40%;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.85) 0 1.5px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,.70) 0 2px, transparent 4px);
  background-size: 160px 160px, 260px 260px;
  animation: snowSlow 60s linear infinite;
  opacity:.20;
}
.snow-layer::after{
  animation-duration: 90s;
  opacity:.14;
}
@keyframes snowSlow{
  from{ transform: translateY(-10%); }
  to{ transform: translateY(25%); }
}

/* İçerikler karın üstünde */
main, footer{ position:relative; z-index:1; }
/* =========================
   FINAL FIX - FOOTER (GECE MAVİSİ)
   ========================= */

footer{
  background: #0b1328 !important;        /* gece mavisi */
  border-top: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(229,231,235,.80) !important;
}

/* Footer iç yazılar */
footer p,
footer span,
footer small{
  color: rgba(229,231,235,.80) !important;
}

/* Footer linkler */
footer a{
  color: #6fe7ee !important;             /* turkuaz */
  text-decoration: none;
}
footer a:hover{
  color: #ffffff !important;
  text-decoration: underline;
}

/* Footer iç container hizası */
footer .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

/* Sağdaki admin / whatsapp butonları üstte kalsın */
footer + .whatsapp-float{
  z-index: 50;
}
/* =========================
   FIX: FOOTER ÖNCESİ BOŞLUK / BANT KALKSIIN
   ========================= */

/* main'in alt boşluğunu sıfırla (container my-4 marginini dengeler) */
main.container{
  margin-bottom: 0 !important;
  padding-bottom: 24px !important;
}

/* Footer üst boşluğu kapat */
footer{
  margin-top: 0 !important;
  padding-top: 18px !important;
}

/* Arada görünmeyen boş bir alan oluşuyorsa body/section margin sıfırla */
body{
  margin: 0 !important;
}

/* Bazı sayfalarda son elemanın margin-bottom'u boşluk bırakır */
main.container > *:last-child{
  margin-bottom: 0 !important;
}

/* Eğer hala bant kalıyorsa: footer öncesi arka planı yumuşat */
main.container{
  background: transparent !important;
}
/* ===== GALERİ KUTU - KESİN ÇÖZÜM (EZİLMEZ) ===== */

/* Bazı temalarda video/img global kuralları bozuyor, hepsini ezeceğiz */
.media-box{
  display:block !important;
  position: relative !important;
  width: 100% !important;

  /* KARE ORAN */
  height: 0 !important;
  padding: 0 !important;
  padding-top: 100% !important;

  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
  background: #000 !important;

  /* bazen margin/line-height taşırıyor */
  line-height: 0 !important;
}

/* İçerik akıştan çıksın: TAŞMA BİTİYOR */
.media-box > img,
.media-box > video,
.media-box > iframe{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: cover !important;
  display: block !important;

  /* bazı temalar img/video’ya margin veriyor */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Kart da taşırmasın */
.card{
  overflow: hidden !important;
}
/* KARE KUTU */
.media-box{
  position: relative;
  width: 100%;
  padding-top: 100%;   /* KARE | 4:3 istersen 75% */
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  background: #000;
}

/* Resim artık img değil, background olacak */
.media-box.is-image{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Video aynı kalsın */
.media-box > video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background:#000;
}
/* =========================
   YAPTIĞIMIZ İŞLER – SABİT KART
   ========================= */

.work-card{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: linear-gradient(180deg, #0b1328 0%, #0f1d3d 100%);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
}

/* MEDYA ALANI SABİT */
.work-media{
  height: 200px;                 /* 🔴 KRİTİK */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  position: relative;
}

/* VIDEO */
.work-media video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ALT METİN ALANI */
.work-body{
  padding: 14px;
  flex: 1;                       /* 🔴 KRİTİK */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.work-body h3{
  font-size: 1rem;
  margin: 0 0 6px 0;
  color: #fff;
}

.work-body p{
  font-size: .9rem;
  color: rgba(229,231,235,.75);
  margin: 0;
}