/* ============================================================
   TEMA: kurumsal lacivert
   Zemin beyaz + buz mavisi, kurum rengi lacivert-mavi, ikinci
   vurgu kehribar (tasima bandi sarisi). Imza ogesi: tasima fisi.
   Renk kararlari SADECE bu dosyada. Yapi style.css'te.
   ============================================================ */

@font-face{
  font-family:'Jakarta';font-style:normal;font-weight:600 800;font-display:swap;
  src:url(/assets/font/jakarta-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jakarta';font-style:normal;font-weight:600 800;font-display:swap;
  src:url(/assets/font/jakarta-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --is:#0A2141; --is-2:#0E2A50; --is-3:#143462;
  --kagit:#FFFFFF; --kagit-2:#F3F8FF;
  --karton:#1E5BC6; --karton-acik:#9DC0F7; --karton-koyu:#16418F;
  --murekkep:#0B1B2E; --murekkep-2:#4A5A70; --murekkep-3:#7E8CA0;
  --vurgu:#1E5BC6; --vurgu-2:#16418F;
  --cizgi:#DEE8F6; --cizgi-koyu:rgba(255,255,255,.16);
  --golge-s:0 2px 6px rgba(10,33,65,.06),0 12px 30px rgba(10,33,65,.07);
  --golge-l:0 6px 14px rgba(10,33,65,.08),0 30px 60px rgba(10,33,65,.16);
  --r:14px; --r-l:20px;
  --f-baslik:'Jakarta','Instrument Sans',-apple-system,Segoe UI,Arial,sans-serif;

  /* ikinci vurgu: tasima bandi kehribari */
  --kehribar:#F5A524; --kehribar-2:#FFC163; --kehribar-soluk:#FFF4E0;
  --buz:#EFF5FF;
}

/* ---------- Tipografi ---------- */
h1,h2{font-weight:800;letter-spacing:-.032em;text-transform:none}
h1{font-size:clamp(2.35rem,4.4vw,3.55rem);line-height:1.06}
h2{font-size:clamp(1.85rem,3.4vw,2.85rem);line-height:1.08}
h3{font-family:var(--f-baslik);font-weight:700;letter-spacing:-.015em}
.kahraman-alt,.bolum-bas p{font-size:1.1rem}

/* eyebrow: hap etiket + kehribar nokta */
.etiket{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;
  background:var(--buz);color:var(--karton-koyu);font-size:.72rem;letter-spacing:.15em;margin-bottom:18px}
.etiket::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--kehribar)}
.koyu .etiket{background:rgba(255,255,255,.09);color:#CFE0FA}

/* ---------- Ust bilgi cubugu ---------- */
.ustbar{background:var(--is);color:#C9D8EE;font-size:.83rem}
.ustbar .kap{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
.ustbar span{display:inline-flex;align-items:center;gap:7px}
.ustbar b{color:#fff;font-weight:700}
.ustbar em{font-style:normal;color:var(--kehribar-2);font-weight:700}
.ustbar a{color:inherit;text-decoration:none}
.ustbar a:hover{color:#fff}

/* ---------- Ust cubuk ---------- */
.ust{background:rgba(255,255,255,.86);border-bottom:1px solid var(--cizgi);top:0}
.ust-tel strong{color:var(--murekkep)}
.ust-tel:hover strong{color:var(--karton)}
.menu > a{font-weight:700}
.menu > a:hover{color:var(--karton)}

/* ---------- Dugmeler: hap + yumusak isik ---------- */
.dg{border-radius:999px;text-transform:none;letter-spacing:-.005em;font-size:1rem;padding:15px 28px}
.dg-ana{background:linear-gradient(96deg,var(--karton),#3D7BE8);color:#fff;border-color:transparent;
  box-shadow:0 10px 26px rgba(30,91,198,.32)}
.dg-ana:hover{background:linear-gradient(96deg,var(--karton-koyu),#2E6BDD);color:#fff;
  box-shadow:0 14px 30px rgba(30,91,198,.38)}
.dg-hat{background:#fff;color:var(--murekkep);border:2px solid var(--cizgi)}
.dg-hat:hover{border-color:var(--karton);color:var(--karton)}
.koyu .dg-hat{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28)}
.koyu .dg-hat:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.dg-wa{background:var(--wa);color:#05321B;box-shadow:0 10px 26px rgba(37,211,102,.28)}

/* ---------- Kahraman ---------- */
.kahraman-ic{min-height:0;align-items:center;gap:52px}
.kahraman{background:
  radial-gradient(60% 60% at 78% 12%,rgba(78,138,240,.30),transparent 68%),
  linear-gradient(158deg,#0A2141 0%,#12365F 58%,#0B2547 100%);
  padding:64px 0 72px}
/* rota izi: ince ikili cizgi, sagdan sola */
.kahraman::before{content:"";position:absolute;inset:auto 0 -1px 0;height:210px;z-index:-1;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 34px);
  mask-image:linear-gradient(to top,#000,transparent)}
.kahraman h1{color:#fff;max-width:17ch;position:relative;z-index:1}
.kahraman h1 em{font-style:normal;position:relative;color:#fff;white-space:nowrap}
.kahraman h1 em::after{content:"";position:absolute;left:-.05em;right:-.05em;bottom:.20em;height:.28em;
  background:var(--kehribar);opacity:.9;border-radius:3px;z-index:-1}
.kahraman-alt{color:#BCCEE6;max-width:44ch}
.rozet{border-radius:999px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);
  color:#DCE8F8;font-weight:600}
.rozet i{background:var(--kehribar);box-shadow:0 0 0 4px rgba(245,165,36,.22)}

/* ---------- IMZA: tasima fisi ---------- */
.pano{background:#fff;border:0;border-radius:var(--r-l);overflow:hidden;
  box-shadow:0 26px 60px rgba(4,17,38,.42);position:relative}
.pano-bas{display:flex;align-items:center;gap:12px;background:var(--is);color:#fff;padding:16px 22px}
.pano-bas span{font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--kehribar-2)}
.pano-bas strong{margin-left:auto;font-family:var(--f-baslik);font-size:.95rem;font-weight:800;
  letter-spacing:.02em;text-transform:uppercase}
.pano dl{margin:0;padding:8px 22px 4px}
.pano div{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:14px 0;
  border-bottom:1px dashed var(--cizgi)}
.pano div:last-child{border-bottom:0}
.pano dt{font-size:.71rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--murekkep-3)}
.pano dd{margin:0;font-family:var(--f-baslik);font-weight:700;font-size:1.02rem;
  color:var(--murekkep);text-align:right}
/* fisin yirtilma kenari */
.pano-damga{position:relative;margin:0;padding:20px 22px 22px;text-align:center;
  font-family:var(--f-baslik);font-weight:800;font-size:1.02rem;letter-spacing:.02em;
  color:var(--karton-koyu);background:var(--buz)}
.pano-damga::before{content:"";position:absolute;top:-9px;left:0;right:0;height:18px;
  background:radial-gradient(circle at 9px 9px,transparent 8.5px,#fff 9px);
  background-size:18px 18px;background-position:center top}
.pano-damga em{font-style:normal;display:inline-flex;align-items:center;gap:9px}
.pano-damga em::before{content:"";width:22px;height:22px;flex:0 0 auto;border-radius:50%;
  background:var(--kehribar);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M4.5 10.4l3.6 3.6 7.4-8.2' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/13px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M4.5 10.4l3.6 3.6 7.4-8.2' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/13px no-repeat}

/* ---------- Hizli form seridi ---------- */
.bant{background:linear-gradient(96deg,var(--karton-koyu),var(--karton));color:#fff}
.bant::before,.bant::after{display:none}
.hizli{padding:30px 0}
.hizli-bas strong{font-family:var(--f-baslik);font-weight:800;color:#fff}
.hizli-bas span,.hizli label{color:#C9DCF8}
.hizli input,.hizli select{background:#fff;border:1.5px solid transparent;color:var(--murekkep);border-radius:12px}
.hizli .dg-ana{background:#fff;color:var(--karton-koyu);box-shadow:none}
.hizli .dg-ana:hover{background:var(--buz);color:var(--karton-koyu)}
.hizli-kvkk,.hizli-kvkk a{color:#C9DCF8}

/* ---------- Bolumler ---------- */
.bolum{padding:92px 0}
.bolum-kagit2{background:var(--kagit-2)}
.bolum.koyu{background:var(--is)}
.bolum-bas p{color:var(--murekkep-2)}

/* tasinma gunu: saat rozetleri */
.gun::before{background:repeating-linear-gradient(90deg,var(--cizgi) 0 16px,transparent 16px 24px)}
.gun-saat{background:#fff;border:2px solid var(--cizgi);border-radius:999px;color:var(--karton-koyu);
  font-family:var(--f-baslik);font-weight:800;box-shadow:var(--golge-s)}
.bolum-kagit2 .gun-saat{background:#fff}

/* ---------- Kartlar ---------- */
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:30px 26px 26px;
  box-shadow:0 1px 2px rgba(10,33,65,.04)}
.kart:hover{border-color:var(--karton-acik);box-shadow:var(--golge-l);transform:translateY(-3px)}
.kart::before{top:0;left:0;width:100%;height:3px;border-radius:0;opacity:0;
  background:linear-gradient(90deg,var(--karton),var(--kehribar));transition:opacity .16s ease}
.kart:hover::before{opacity:1}
.kart h3{font-size:1.22rem}
.kart .devam{color:var(--karton)}

.bolgeler li{background:#fff;border-radius:999px;border-color:var(--cizgi);color:var(--murekkep-2);
  font-weight:600;padding:8px 18px}
.bolum-kagit2 .bolgeler li{background:#fff}
.tik li::before{background:var(--karton)}
.foto-yuva{border:1.5px dashed var(--cizgi);border-radius:var(--r-l);
  background:linear-gradient(150deg,var(--buz),#E4EEFC);color:var(--karton)}
.uyari{background:var(--kehribar-soluk);border-left:3px solid var(--kehribar);border-radius:0 var(--r) var(--r) 0}

/* ---------- SSS ---------- */
.sss details{border-bottom:1px solid var(--cizgi);padding:20px 0}
.sss summary{font-family:var(--f-baslik);font-weight:700}
.sss summary::after{background:var(--karton)}
.sss details[open] summary{color:var(--karton-koyu)}

/* ---------- Formlar ---------- */
.kart-form{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);box-shadow:var(--golge-l)}
.alan input,.alan select,.alan textarea{background:#fff;border:1.5px solid var(--cizgi);
  border-radius:12px;color:var(--murekkep)}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--karton);
  box-shadow:0 0 0 4px rgba(30,91,198,.14)}
.durum-hata{background:#FDECEC;border:1px solid #F0C4C4;color:#8C2020;border-radius:var(--r)}

/* ---------- Kapanis + alt bilgi ---------- */
.kapanis{background:linear-gradient(96deg,var(--is),#12365F);border-top:0}
.kapanis h2{color:#fff}
.kapanis p{color:#B9CBE4}
.alt{background:var(--is);color:#A7BAD4}
.alt a{color:#A7BAD4}
.alt a:hover{color:var(--kehribar-2)}
.alt h3{color:#fff}
.alt-logo{background:#fff;border-radius:12px;padding:10px 14px}
.alt .saat{color:#7E93B2}

/* ---------- Ic sayfa ---------- */
.sayfa-bas{background:
  radial-gradient(60% 70% at 76% 8%,rgba(78,138,240,.26),transparent 66%),
  linear-gradient(158deg,#0A2141,#12365F)}
.sayfa-bas::before{display:none}
.sayfa-bas h1{color:#fff}
.sayfa-bas p{color:#BCCEE6}
.iz a:hover{color:var(--kehribar-2)}
.orta .isaret{background:var(--buz);color:var(--karton);border-radius:50%}
.mb-ara{background:var(--karton);color:#fff}

/* ---------- Fotograflar ---------- */
.foto{margin:0;border-radius:var(--r-l);overflow:hidden;background:var(--buz);
  box-shadow:var(--golge-l)}
.foto img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}
.foto figcaption{padding:14px 18px;font-size:.9rem;color:var(--murekkep-2);background:#fff;
  border-top:1px solid var(--cizgi)}
.foto-genis{margin-bottom:22px}
.foto-genis img{aspect-ratio:1400/506}

.galeri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.galeri li{margin:0;border-radius:var(--r-l);overflow:hidden;background:#fff;
  border:1px solid var(--cizgi);box-shadow:0 1px 2px rgba(10,33,65,.04);
  transition:box-shadow .16s ease,transform .16s ease}
.galeri li:hover{box-shadow:var(--golge-l);transform:translateY(-3px)}
.galeri img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
.galeri span{display:block;padding:13px 16px;font-size:.88rem;font-weight:600;color:var(--murekkep-2)}

@media (max-width:1040px){ .galeri{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .galeri{grid-template-columns:1fr} }