/* =========================================================
   ST Solar — page.css  (alt sayfalar icin GENEL sayfa banner'i)
   Onek: .pg-  |  Hakkimizda/Kariyer/Medya vb. tum alt sayfalarda
   kullanilir; sayfaya ozgu hicbir kural icermez.
   Yalnizca base.css token'lari kullanilir.
   ========================================================= */

/* ---------------------------------------------------------
   Sayfa banner'i
   Sabit header'in ARKASINDAN baslar (normal akista ilk section):
   ust padding header yuksekligini icerir (masaustu 76px / <=992px 64px).
   Header --navy-800 oldugundan degradenin ust ucu de laciverttir.
   --------------------------------------------------------- */
.pg-banner{
  position:relative;
  overflow:hidden;
  padding:calc(76px + 44px) 0 56px;
  background:linear-gradient(135deg,var(--navy-900),var(--royal));
  color:var(--white);
  text-align:center;
}

/* Fotograf katmani — dusuk opaklik + hafif bulaniklik.
   Negatif inset: blur'un kenarlarda saydamlasmasini gizler. */
.pg-banner::before{
  content:"";
  position:absolute;
  inset:-8px;
  background-image:url("../assets/img/stats-bg.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  opacity:.18;
  filter:blur(2px);
  pointer-events:none;
}

/* Alt kenar — ince beyaz dalga (tek yumusak kavis) */
.pg-banner::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:26px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath d='M0,26 C360,0 1080,0 1440,26 L1440,26 L0,26 Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% 100%;
  pointer-events:none;
}

.pg-banner .container{position:relative;z-index:1}

.pg-banner-eyebrow{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--white);
}

.pg-banner-title{
  font-size:32px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--white);
}

/* ---------------------------------------------------------
   404 içeriği
   --------------------------------------------------------- */
.nf{padding:56px 0 96px;text-align:center}
.nf-p{max-width:560px;margin:0 auto;font-size:16px;line-height:1.75;color:var(--muted)}
.nf-actions{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width:992px){
  .pg-banner{padding:calc(64px + 36px) 0 44px}
}

@media (max-width:576px){
  .pg-banner-title{font-size:26px}
}