@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Barlow+Semi+Condensed:wght@600;700&display=swap');

/* PROTEL tasarim standardi — protel-design.css
   Kapsam: yalnizca .pt-sec / .pt-hero tasiyan bolumler.
   Sitenin geri kalani (Avada + Fira Sans) hic etkilenmez. */

:root{
  --pt-navy:#092B4C;      --pt-navy2:#0E3760;   /* lacivert: hero, tablo baslik satiri */
  --pt-night:#14181D;     --pt-night2:#1E242B;  /* irenis'in gece tonu, alternatif koyu zemin */
  --pt-blue:#1560B0;      --pt-blue-dark:#0E4A8A;  --pt-blue-soft:#EEF3F9;
  --pt-orange:#E0701B;    /* irenis-blankom aksani */
  --pt-orange-ink:#B4550F;/* ayni renk, kucuk yazida AA icin koyu surum */
  --pt-orange-soft:#FBF0E7;
  --pt-green:#1E7A4C;     --pt-green-soft:#EAF5EF;
  --pt-ink:#14181D;       --pt-ink2:#3C4651;       --pt-muted:#5B6673;
  --pt-line:#DCE1E6;      --pt-line2:#C8D5E1;
  --pt-bg:#F3F5F7;        --pt-paper:#FCFDFD;
  --pt-body:'IBM Plex Sans','Segoe UI',Arial,sans-serif;
  --pt-disp:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  --pt-mono:'IBM Plex Mono',Consolas,'Courier New',monospace;
  --pt-rad:4px;
  --pt-pad:56px;
}

/* ---------- 1. BOLUM KABUKLARI ---------- */

.pt-sec{
  background-color:var(--pt-bg) !important;
  padding:var(--pt-pad) 0 !important;
  font-family:var(--pt-body);
  font-size:15px;
  line-height:1.55;
  color:var(--pt-ink2);
  -webkit-font-smoothing:antialiased;
}
.pt-sec--paper{ background-color:var(--pt-paper) !important; }
.pt-sec--dark{ background-color:var(--pt-navy) !important; color:#D7DEE6; }
.pt-sec--tight{ padding:32px 0 !important; }

/* ---------- 2. HERO ---------- */

.pt-hero{
  background-color:var(--pt-navy) !important;
  padding:72px 0 64px !important;
  font-family:var(--pt-body);
  font-size:15px;
  line-height:1.55;
  color:#D7DEE6;
  position:relative;
}
.pt-hero::after{
  content:'';
  position:absolute; left:0; right:0; bottom:0;
  height:3px;
  background:var(--pt-blue);
}
.pt-hero--night{ background-color:var(--pt-night) !important; }
.pt-hero--night::after{ background:var(--pt-orange); }
.pt-hero--light{
  background-color:var(--pt-blue-soft) !important;
  color:var(--pt-ink2);
}
.pt-hero--light::after{ background:var(--pt-navy); }

/* ---------- 3. TIPOGRAFI (bolum ici) ---------- */

.pt-sec p, .pt-hero p,
.pt-sec li, .pt-hero li,
.pt-sec td, .pt-sec th{
  font-family:var(--pt-body) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  color:inherit !important;
}
.pt-sec h1, .pt-sec h2, .pt-sec h3, .pt-sec h4,
.pt-hero h1, .pt-hero h2, .pt-hero h3{
  font-family:var(--pt-disp) !important;
  color:var(--pt-navy) !important;
  margin:0 0 14px;
  letter-spacing:-0.01em;
  text-transform:none !important;
}
.pt-sec h1, .pt-hero h1{
  font-size:56px !important; font-weight:700 !important; line-height:1.05 !important;
}
.pt-sec h2, .pt-hero h2{
  font-size:42px !important; font-weight:700 !important; line-height:1.05 !important;
  margin-top:8px;
}
.pt-sec h3{
  font-size:23px !important; font-weight:600 !important; line-height:1.15 !important;
  margin-top:28px;
}
.pt-sec h4{
  font-size:18px !important; font-weight:600 !important; line-height:1.25 !important;
  margin-top:20px;
}
.pt-sec--dark h1, .pt-sec--dark h2, .pt-sec--dark h3, .pt-sec--dark h4,
.pt-hero h1, .pt-hero h2, .pt-hero h3{ color:#FFFFFF !important; }
.pt-hero--light h1, .pt-hero--light h2, .pt-hero--light h3{ color:var(--pt-navy) !important; }

.pt-sec p{ margin:0 0 14px; }
.pt-sec strong, .pt-hero strong{ font-weight:600; color:var(--pt-ink); }
.pt-sec--dark strong, .pt-hero strong{ color:#FFFFFF; }
.pt-hero--light strong{ color:var(--pt-ink); }

.pt-sec a, .pt-hero a{
  color:var(--pt-blue);
  text-decoration:none;
  border-bottom:1px solid rgba(21,96,176,.35);
}
.pt-sec a:hover, .pt-hero a:hover{ color:var(--pt-blue-dark); border-bottom-color:var(--pt-blue-dark); }
.pt-sec--dark a, .pt-hero a{ color:#9CC6F0; border-bottom-color:rgba(156,198,240,.4); }
.pt-sec--dark a:hover, .pt-hero a:hover{ color:#FFFFFF; border-bottom-color:#FFFFFF; }
.pt-hero--light a{ color:var(--pt-blue); border-bottom-color:rgba(21,96,176,.35); }

.pt-sec code, .pt-hero code{
  font-family:var(--pt-mono);
  font-size:12.5px;
  background:rgba(9,43,76,.06);
  padding:1px 5px;
  border-radius:3px;
  color:var(--pt-navy);
}
.pt-sec--dark code, .pt-hero code{ background:rgba(255,255,255,.1); color:#E6EDF4; }
.pt-hero--light code{ background:rgba(9,43,76,.06); color:var(--pt-navy); }

.pt-small{ font-size:13px !important; color:var(--pt-muted); }

/* h5/h6: Avada bunlari kirmizi basiyor; kartlarda marka/model alt etiketi olarak kullaniliyor */
.pt-sec h5, .pt-hero h5,
.pt-sec h6, .pt-hero h6{
  font-family:var(--pt-mono) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--pt-muted) !important;
  margin:0 0 10px !important;
}
.pt-sec--dark h5, .pt-hero h5, .pt-sec--dark h6{ color:#9AA7B4 !important; }
.pt-sec--dark .pt-small, .pt-hero .pt-small{ color:#9AA7B4; }

/* ---------- 4. UST ETIKET VE GIRIS PARAGRAFI ---------- */

.pt-eyebrow{
  font-family:var(--pt-mono) !important;
  font-size:13px !important;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--pt-orange) !important;
  margin:0 0 10px !important;
  display:block;
}
.pt-sec--dark .pt-eyebrow, .pt-hero .pt-eyebrow{ color:var(--pt-orange) !important; }
.pt-hero--light .pt-eyebrow{ color:var(--pt-orange) !important; }

.pt-lead{
  font-size:19px !important;
  line-height:1.5 !important;
  color:var(--pt-ink2) !important;
  max-width:62ch;
  margin:0 0 20px !important;
}
.pt-sec--dark .pt-lead, .pt-hero .pt-lead{ color:#C6D0DA !important; }
.pt-hero--light .pt-lead{ color:var(--pt-ink2) !important; }

/* ---------- 5. KART ---------- */

.pt-card{
  background:#FFFFFF;
  border:1px solid var(--pt-line);
  border-radius:var(--pt-rad);
  padding:28px 26px;
  height:100%;
}
.pt-card h2, .pt-card h3{
  margin-top:0 !important;
  font-size:23px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
}
.pt-card h4{ font-size:17px !important; margin-top:16px !important; }
.pt-card p:last-child{ margin-bottom:0; }
.pt-card--navy{ background:var(--pt-navy); border-color:var(--pt-navy); color:#D7DEE6; }
.pt-card--navy h3, .pt-card--navy h4{ color:#FFFFFF !important; }
.pt-card__top{
  font-family:var(--pt-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--pt-muted);
  margin:0 0 8px;
  display:block;
}

/* ---------- 6. BILGI KUTULARI ---------- */

.pt-note{
  background:#FFFFFF;
  border:1px solid var(--pt-line);
  border-left:3px solid var(--pt-blue);
  border-radius:var(--pt-rad);
  padding:18px 22px;
  margin:0 0 20px;
}
.pt-note p:last-child{ margin-bottom:0; }
.pt-note__t{
  font-family:var(--pt-disp);
  font-size:18px;
  font-weight:600;
  color:var(--pt-navy);
  margin:0 0 6px;
  display:block;
}
.pt-note--accent{ border-left-color:var(--pt-orange); background:var(--pt-orange-soft); }
.pt-note--accent .pt-note__t{ color:var(--pt-orange-ink); }
.pt-note--good{ border-left-color:var(--pt-green); background:var(--pt-green-soft); }

/* koyu zeminde bilgi kutusu: kutu beyaz kalir ama yazisi koyu olmali,
   yoksa bolumden gelen acik gri yazi beyaz kutuda okunmuyor */
.pt-hero .pt-note, .pt-sec--dark .pt-note{ color:var(--pt-ink2); }
.pt-hero .pt-note p, .pt-sec--dark .pt-note p,
.pt-hero .pt-note li, .pt-sec--dark .pt-note li{ color:var(--pt-ink2) !important; }
.pt-hero .pt-note strong, .pt-sec--dark .pt-note strong{ color:var(--pt-ink); }
.pt-hero .pt-note__t, .pt-sec--dark .pt-note__t{ color:var(--pt-navy) !important; }
.pt-hero .pt-note a, .pt-sec--dark .pt-note a{
  color:var(--pt-blue) !important;
  border-bottom-color:rgba(21,96,176,.35) !important;
}
.pt-hero .pt-note a:hover, .pt-sec--dark .pt-note a:hover{ color:var(--pt-blue-dark) !important; }

/* eski sayfalarda baslik elemanlarina negatif ust bosluk verilmis;
   ust etiketin uzerine biniyordu */
.pt-sec .fusion-title, .pt-hero .fusion-title{ margin-top:0 !important; }
.pt-note--good .pt-note__t{ color:#145A37; }

/* ---------- 7. TABLO (irenis-blankom duzeni) ---------- */

.pt-table{
  overflow-x:auto;
  border:1px solid var(--pt-line2);
  border-radius:var(--pt-rad);
  margin:0 0 24px;
  background:#FFFFFF;
}
.pt-sec table, .pt-table table{
  border-collapse:collapse !important;
  width:100%;
  min-width:650px;
  background:#FFFFFF;
  margin:0 !important;
  border:0 !important;
}
.pt-sec table th, .pt-sec table td{
  text-align:left !important;
  padding:20px !important;
  border:0 !important;
  border-bottom:1px solid var(--pt-line) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  vertical-align:top !important;
  background:transparent;
}
.pt-sec table thead th{
  background:var(--pt-navy) !important;
  color:#FFFFFF !important;
  font-family:var(--pt-body) !important;
  font-weight:600 !important;
  border-bottom:0 !important;
}
.pt-sec table tbody th{
  color:var(--pt-navy) !important;
  font-weight:600 !important;
  width:23%;
}
.pt-sec table tbody td{ color:var(--pt-ink2) !important; }
.pt-sec table tbody tr:last-child th,
.pt-sec table tbody tr:last-child td{ border-bottom:0 !important; }
.pt-table--compact table th, .pt-table--compact table td{ padding:13px 16px !important; }

/* ---------- 8. ROZETLER ---------- */

.pt-chips{ margin:0 0 18px; padding:0; list-style:none; }
.pt-chips li, .pt-chip{
  display:inline-block;
  font-family:var(--pt-mono) !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  letter-spacing:.03em;
  background:var(--pt-blue-soft);
  color:var(--pt-blue-dark);
  border:1px solid #D4E2F2;
  border-radius:3px;
  padding:5px 9px;
  margin:0 6px 6px 0;
}
.pt-sec--dark .pt-chips li, .pt-hero .pt-chips li{
  background:rgba(255,255,255,.08); color:#D7E4F2; border-color:rgba(255,255,255,.18);
}

/* ---------- 9. SSS ---------- */

.pt-faq{ border-top:1px solid var(--pt-line); margin:0 0 24px; }
.pt-faq details{
  border-bottom:1px solid var(--pt-line);
  background:#FFFFFF;
}
.pt-faq summary{
  cursor:pointer;
  list-style:none;
  padding:18px 44px 18px 20px;
  position:relative;
  font-family:var(--pt-disp);
  font-size:19px;
  font-weight:600;
  color:var(--pt-navy);
}
.pt-faq summary::-webkit-details-marker{ display:none; }
.pt-faq summary::after{
  content:'+';
  position:absolute; right:20px; top:15px;
  font-family:var(--pt-body);
  font-size:22px; font-weight:400;
  color:var(--pt-blue);
}
.pt-faq details[open] summary::after{ content:'–'; }
.pt-faq details[open] summary{ color:var(--pt-blue-dark); }
.pt-faq__a{ padding:0 20px 20px; }
.pt-faq__a p:last-child{ margin-bottom:0; }

/* ---------- 10. BUTONLAR ---------- */

.pt-btn{
  display:inline-block;
  font-family:var(--pt-body) !important;
  font-size:15px !important;
  font-weight:600;
  line-height:1 !important;
  background:var(--pt-navy);
  color:#FFFFFF !important;
  padding:16px 30px;
  border:1px solid var(--pt-navy);
  border-radius:var(--pt-rad);
  text-decoration:none !important;
  transition:background .15s ease, border-color .15s ease;
}
.pt-btn:hover{ background:var(--pt-blue-dark); border-color:var(--pt-blue-dark); color:#FFFFFF !important; }
.pt-btn--ghost{
  background:transparent;
  color:var(--pt-navy) !important;
  border-color:var(--pt-line2);
}
.pt-btn--ghost:hover{ background:var(--pt-blue-soft); border-color:var(--pt-blue); color:var(--pt-blue-dark) !important; }
.pt-sec--dark .pt-btn, .pt-hero .pt-btn{ background:#FFFFFF; border-color:#FFFFFF; color:var(--pt-navy) !important; }
.pt-sec--dark .pt-btn:hover, .pt-hero .pt-btn:hover{ background:var(--pt-blue-soft); border-color:var(--pt-blue-soft); }
.pt-sec--dark .pt-btn--ghost, .pt-hero .pt-btn--ghost{
  background:transparent; border-color:rgba(255,255,255,.45); color:#FFFFFF !important;
}
.pt-sec--dark .pt-btn--ghost:hover, .pt-hero .pt-btn--ghost:hover{ background:rgba(255,255,255,.1); border-color:#FFFFFF; }
.pt-hero--light .pt-btn{ background:var(--pt-navy); border-color:var(--pt-navy); color:#FFFFFF !important; }
.pt-btn + .pt-btn{ margin-left:10px; }
.pt-btn-row{ margin:24px 0 0; }

/* ---------- 11. LISTELER ---------- */

.pt-sec ul, .pt-sec ol{ margin:0 0 18px 20px; padding:0; }
.pt-sec li{ margin:0 0 7px; }
.pt-list-plain{ list-style:none; margin-left:0 !important; }
.pt-list-plain li{
  padding-left:20px; position:relative;
}
.pt-list-plain li::before{
  content:'';
  position:absolute; left:0; top:9px;
  width:7px; height:7px;
  background:var(--pt-blue);
  border-radius:50%;
}

/* ---------- 13. BOLUM IC BOSLUGU VE SATIR UZUNLUGU ---------- */
/* Avada'nin satiri (.fusion-row) renkli zeminin tam kenarinda basliyordu;
   yazinin zemine degmemesi icin ic bosluk veriliyor. */
.pt-sec > .fusion-row, .pt-hero > .fusion-row{
  padding-left:48px !important;
  padding-right:48px !important;
  box-sizing:border-box;
}
/* satir uzunlugu: 1100 px genislikte paragraf 140 karaktere ciktigi icin
   goz satir basini kaybediyor; olcu 84 karakterde tutuluyor */
.pt-sec .fusion-text > p,
.pt-sec .fusion-text > ul,
.pt-sec .fusion-text > ol,
.pt-hero .fusion-text > p{ max-width:84ch; }
.pt-card .fusion-text > p,
.pt-card .fusion-text > ul,
.pt-card .fusion-text > ol{ max-width:none; }
.pt-chips, .pt-btn-row{ max-width:none !important; }

/* Icinde tablo veya kart olan bolumler: yatay bosluk yok, kutular kenara dayanir.
   Telefonda bu kural devre disi; orada 20 px bosluk kaliyor. */
/* Avada'nin JS esit yukseklik ozelligi satirdaki TUM kolonlari uzatiyor;
   baslik ve metin kolonlari da uzayinca aralarinda bos alan kaliyor.
   Yukseklik serbest birakiliyor, esitleme asagida flex ile yapiliyor. */
.pt-sec .fusion-layout-column:not(.pt-card),
.pt-sec .fusion-layout-column:not(.pt-card) > .fusion-column-wrapper{
  height:auto !important;
  min-height:0 !important;
}

@media (min-width:701px){
  .pt-sec--flush > .fusion-row{ padding-left:0 !important; padding-right:0 !important; }
  /* kart dizileri: ayni satirdaki kartlarin alti hizalanir */
  .pt-sec--flush > .fusion-row{ display:flex !important; flex-wrap:wrap !important; align-items:stretch !important; }
  .pt-sec--flush > .fusion-row > .fusion-layout-column{ float:none !important; }
  .pt-sec--flush > .fusion-row > .pt-card{ height:auto !important; align-self:stretch !important; }
  .pt-sec--flush > .fusion-row > .pt-card > .fusion-column-wrapper{ height:100% !important; }
  .pt-sec--flush > .fusion-row > .fusion-layout-column:not(.pt-card){ align-self:flex-start !important; }
  /* tablo ve kartlar kenara dayanir; baslik ve metin, sayfadaki butun
     bolum basliklariyla ayni hizada kalsin diye 48 px girinti alir */
  .pt-sec--flush .fusion-title,
  .pt-sec--flush .fusion-reading-box-container,
  .pt-sec--flush .fusion-accordion,
  .pt-sec--flush .fusion-text > p,
  .pt-sec--flush .fusion-text > ul,
  .pt-sec--flush .fusion-text > ol{ padding-left:48px; padding-right:48px; }
  /* kartin kendi ic boslugu var, ikinci kez girinti verilmiyor */
  .pt-sec--flush .pt-card .fusion-title,
  .pt-sec--flush .pt-card .fusion-text > p,
  .pt-sec--flush .pt-card .fusion-text > ul,
  .pt-sec--flush .pt-card .fusion-text > ol{ padding-left:0; padding-right:0; }
}

/* ---------- 14. KART SATIRLARI (esit yukseklik) ---------- */
/* Avada'nin kendi "equal height" ozelligi satirdaki BUTUN sutunlari esitliyor;
   tam genislikteki (1_1) bir metin sutunu kartlarla ayni satirda oldugunda o
   sutun da kart boyuna cikip altinda bos alan birakiyor. Onun yerine satiri
   flex yapiyoruz: 1_1 sutunlar kendi satirlarinda kalir, yalnizca yan yana
   duran kartlar birbirine esitlenir. */
.pt-sec > .fusion-row{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
}
.pt-sec > .fusion-row::before,
.pt-sec > .fusion-row::after{ display:none !important; }
.pt-sec > .fusion-row > .fusion-layout-column{ float:none !important; }
.pt-sec .pt-card > .fusion-column-wrapper,
.pt-sec .pt-card > .fusion-column-inner-bg{ height:100%; }

/* ---------- 15. AVADA BILESENLERI ---------- */
/* tagline box (Avada bunu .reading-box olarak basar, satir ici #777777 zeminle):
   gri banner yerine duz bolum basligi */
.pt-sec .fusion-reading-box-container,
.pt-hero .fusion-reading-box-container{ margin:0 0 18px !important; }
.pt-sec .reading-box,
.pt-hero .reading-box{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
.pt-sec .reading-box h2,
.pt-sec .reading-box h3,
.pt-sec .reading-box h2 span,
.pt-sec .reading-box h3 span{ color:var(--pt-navy) !important; margin:0 !important; }
.pt-sec--dark .reading-box h2,
.pt-sec--dark .reading-box h2 span,
.pt-sec--dark .reading-box h3,
.pt-sec--dark .reading-box h3 span{ color:#FFFFFF !important; }
/* tagline box icindeki h3 de bolum basligidir; h2 ile ayni olcude */
.pt-sec .reading-box h3{
  font-size:42px !important;
  font-weight:700 !important;
  line-height:1.05 !important;
  font-family:var(--pt-disp) !important;
}
@media (max-width:1000px){ .pt-sec .reading-box h3{ font-size:34px !important; } }
@media (max-width:700px){ .pt-sec .reading-box h3{ font-size:30px !important; } }

/* vurgulanan deger (eski kirmizi span'lerin yerine) */
.pt-hl{ color:var(--pt-orange-ink) !important; font-weight:600 !important; }
.pt-sec--dark .pt-hl, .pt-hero .pt-hl{ color:var(--pt-orange) !important; }

/* akordiyon basliklari */
.pt-sec .fusion-accordion .panel-title a,
.pt-sec .fusion-accordion .panel-title{
  font-family:var(--pt-disp) !important;
  font-size:19px !important;
  font-weight:600 !important;
  color:var(--pt-navy) !important;
}
.pt-sec .fusion-accordion .fusion-panel{ border-color:var(--pt-line) !important; }

/* ---------- 12. MOBIL ---------- */

@media (min-width:701px) and (max-width:1000px){
  .pt-sec--flush .fusion-title,
  .pt-sec--flush .fusion-reading-box-container,
  .pt-sec--flush .fusion-accordion,
  .pt-sec--flush .fusion-text > p,
  .pt-sec--flush .fusion-text > ul,
  .pt-sec--flush .fusion-text > ol{ padding-left:32px; padding-right:32px; }
}
@media (max-width:1000px){
  .pt-sec > .fusion-row, .pt-hero > .fusion-row{ padding-left:32px !important; padding-right:32px !important; }
  .pt-sec h1, .pt-hero h1{ font-size:44px !important; }
  .pt-sec h2, .pt-hero h2{ font-size:34px !important; }
}
@media (max-width:700px){
  :root{ --pt-pad:40px; }
  .pt-sec{ padding:40px 0 !important; }
  .pt-sec > .fusion-row, .pt-hero > .fusion-row{ padding-left:20px !important; padding-right:20px !important; }
  .pt-hero{ padding:48px 0 44px !important; }
  .pt-sec h1, .pt-hero h1{ font-size:36px !important; }
  .pt-sec h2, .pt-hero h2{ font-size:30px !important; }
  .pt-sec h3{ font-size:20px !important; }
  .pt-lead{ font-size:17px !important; }
  .pt-card{ padding:22px 20px; }
  .pt-sec table th, .pt-sec table td{ padding:15px !important; }
  .pt-table{ max-width:100%; }
  .pt-btn{ display:block; text-align:center; }
  .pt-btn + .pt-btn{ margin:10px 0 0; }
}