:root{
  --brand:#01b6e9;  /* vurgu rengi */
  /* Arka plan görselini kendi yolunla değiştir */
  --hero:url('/Uploads/Images/omeganonwovens.com.tr/202509171012_426.jpg');
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

/* HERO */
.surd-hero{
  min-height:clamp(420px,72vh,820px);
  display:flex; align-items:center;
  color:#ecf4ee;
  background:
    linear-gradient(180deg, rgba(7,40,12,.84), rgba(7,40,12,.78)),
    var(--hero) center/cover no-repeat;
}

/* içerik genişliği */
.surd-hero .container{ width:min(1100px,92%); margin:0 auto }
.surd-hero .content{ max-width:980px }

/* BÜYÜK BAŞLIK */
.surd-hero .page-title{
  margin:0 0 10px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.01em;
  color:#ffffff;
  font-size:clamp(36px,8vw,76px);        /* büyük başlık */
  position:relative;
}
.surd-hero .title-bar{
  display:block; width:120px; height:6px; border-radius:6px;
  background:var(--brand);
  margin-top:12px;
}

/* paragraf ve liste */
.surd-hero .content p{margin:0 0 16px; line-height:1.9; font-size:clamp(15px,1.35vw,18px)}
.surd-hero .content .hl{ color:var(--brand); font-weight:700 }
.surd-hero .content ul{ list-style:disc outside; padding-left:1.4rem; margin:8px 0 18px }
.surd-hero .content li{ margin:8px 0 }

/* alıntı */
.surd-hero blockquote{
  margin:12px 0 0;
  font-size:clamp(16px,1.6vw,20px);
  font-weight:800;
  color:#d7ffe0;
}
.surd-hero blockquote .hl{ color:var(--brand) }

/* küçük ekranlarda üst boşluk */
@media (max-width:640px){
  .surd-hero{ padding:18px 0 }
}