/* ==========================================================================
   CARGONET — Alt sayfa tasarım sistemi
   style.css'teki belirteçleri (renk, font, buton) kullanır.
   1. Sayfa hero'ları        6. SSS, hakkında, kaynaklar
   2. Düzen & kenar çubuğu   7. İlgili, CTA bantları
   3. İçerik tipografisi     8. Özel bileşenler (etiket, karar, teklif, araç)
   4. Bilgi kutuları, listeler 9. Hub, filtre, sözlük, iletişim
   5. Tablo, adımlar, kartlar 10. Responsive · 11. Yazdırma
   ========================================================================== */
:root{
  --sh-pad:40px;
  --kart-r:14px;
  --golge-yumusak:0 1px 2px rgba(14,33,52,.04),0 14px 34px -24px rgba(14,33,52,.38);
  --golge-guclu:0 2px 6px rgba(14,33,52,.06),0 30px 60px -34px rgba(14,33,52,.55);
  --metin:#2A3F55;
  --metin-2:#4A5D73;
  --yesil:#1E9E63;
  --kirmizi:#D93A25;
  --amber:#C98A0C;
}
.alt-sayfa{background:#fff}
.alt-sayfa main{display:block}

/* 1. SAYFA HERO ============================================================ */
.sh{position:relative;isolation:isolate;overflow:hidden;background:var(--bg-soft);
  border-bottom:1px solid var(--line-2);padding:26px 0 54px}
.sh__in{position:relative;z-index:2}
.sh__rota{position:absolute;right:-40px;top:24px;width:min(560px,46vw);height:auto;z-index:0;
  color:rgba(244,88,28,.32);fill:var(--orange);pointer-events:none}
.sh::before{content:"";position:absolute;right:-6%;top:-10%;width:52%;height:130%;z-index:-1;pointer-events:none;
  background:url(../images/world-map-dots-1000.png) center/contain no-repeat;opacity:.07;
  filter:grayscale(1) brightness(.4)}

/* Breadcrumb */
.yol{margin-bottom:22px}
.yol ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:13px;color:var(--muted)}
.yol li{display:inline-flex;align-items:center}
.yol li+li::before{content:"";width:5px;height:5px;border-right:1.5px solid #A9B6C6;border-top:1.5px solid #A9B6C6;
  transform:rotate(45deg);margin:0 11px 0 7px;flex:none}
.yol a{color:var(--metin-2);transition:color .2s var(--ease)}
.yol a:hover{color:var(--orange)}
.yol li[aria-current]{color:var(--ink);font-weight:600}

.sh__ust{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-size:12px;letter-spacing:.24em;
  font-weight:700;margin-bottom:14px}
.sh__ust::before{content:"";width:22px;height:2px;background:var(--orange);border-radius:2px}
.sh__baslik{font-family:var(--font-display);font-weight:800;font-stretch:88%;font-size:clamp(34px,4.1vw,56px);
  line-height:1.04;letter-spacing:-.018em;color:var(--ink);max-width:22ch;margin:0 0 18px;text-wrap:balance}
.sh__lead{font-size:18.5px;line-height:1.62;color:var(--metin-2);max-width:62ch;margin:0}
.sh__lead strong{color:var(--ink)}
.sh__olgular{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sh__olgular li{display:flex;flex-direction:column;gap:3px;min-width:132px;padding:11px 15px 12px;background:#fff;
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--golge-yumusak)}
.sh__olgular span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.sh__olgular strong{font-family:var(--font-display);font-stretch:90%;font-size:17px;font-weight:700;color:var(--ink);line-height:1.2}
.sh__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:13px;color:var(--muted)}
.sh__meta li{display:inline-flex;align-items:center;gap:7px}
.sh__meta .ic{color:var(--orange);opacity:.9}
.sh__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sh__cta .btn-outline-cn .ic{color:#25D366}

/* Hero — iki sütun (sağda hızlı teklif / kısa cevap kartı) */
.sh--iki .sh__in{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center}
.sh--iki .sh__baslik{max-width:20ch}
.sh__yan{position:relative}

/* Hero — görselli (ülke sayfaları) */
.sh--gorsel,.sh--harita{background:var(--navy-800);color:#fff;border-bottom:0;padding:30px 0 64px}
.sh--gorsel::before,.sh--harita::before{display:none}
.sh__bg{position:absolute;inset:0;z-index:-2}
.sh__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.sh--gorsel::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(8,29,45,.94) 0%,rgba(8,29,45,.84) 38%,rgba(8,29,45,.55) 68%,rgba(8,29,45,.42) 100%),
             linear-gradient(0deg,rgba(8,29,45,.55) 0%,rgba(8,29,45,0) 40%)}
.sh--harita{background:radial-gradient(120% 90% at 85% 10%,#15385A 0%,var(--navy-800) 55%,var(--navy-900) 100%)}
.sh--harita::after{content:"";position:absolute;right:-4%;top:6%;width:62%;height:100%;z-index:-1;pointer-events:none;
  background:url(../images/world-map-dots-1000.png) center/contain no-repeat;opacity:.26}
.sh--gorsel .sh__rota,.sh--harita .sh__rota{color:rgba(255,255,255,.22)}
.sh--gorsel .yol ol,.sh--harita .yol ol{color:rgba(255,255,255,.62)}
.sh--gorsel .yol a,.sh--harita .yol a{color:rgba(255,255,255,.78)}
.sh--gorsel .yol a:hover,.sh--harita .yol a:hover{color:#fff}
.sh--gorsel .yol li[aria-current],.sh--harita .yol li[aria-current]{color:#fff}
.sh--gorsel .yol li+li::before,.sh--harita .yol li+li::before{border-color:rgba(255,255,255,.45)}
.sh--gorsel .sh__ust,.sh--harita .sh__ust{color:#FF9B6E}
.sh--gorsel .sh__ust::before,.sh--harita .sh__ust::before{background:#FF9B6E}
.sh--gorsel .sh__baslik,.sh--harita .sh__baslik{color:#fff}
.sh--gorsel .sh__lead,.sh--harita .sh__lead{color:rgba(255,255,255,.82)}
.sh--gorsel .sh__lead strong,.sh--harita .sh__lead strong{color:#fff}
.sh--gorsel .sh__olgular li,.sh--harita .sh__olgular li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);
  box-shadow:none;backdrop-filter:blur(6px)}
.sh--gorsel .sh__olgular span,.sh--harita .sh__olgular span{color:rgba(255,255,255,.6)}
.sh--gorsel .sh__olgular strong,.sh--harita .sh__olgular strong{color:#fff}
.sh--gorsel .sh__meta,.sh--harita .sh__meta{color:rgba(255,255,255,.66)}
.sh--gorsel .sh__meta .ic,.sh--harita .sh__meta .ic{color:#FF9B6E}
.sh--gorsel .btn-outline-cn,.sh--harita .btn-outline-cn{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.5);box-shadow:none}
.sh--gorsel .btn-outline-cn:hover,.sh--harita .btn-outline-cn:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff}

/* Hero — araç sayfaları: kısa hero + üste binen araç kartı */
.sh--arac{padding-bottom:110px}
.arac-alan{position:relative;z-index:3;margin-top:-84px}

/* 2. DÜZEN & KENAR ÇUBUĞU ================================================== */
.duzen{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:64px;padding-top:56px;padding-bottom:76px;align-items:start}
.duzen--tek{grid-template-columns:minmax(0,1fr);max-width:900px}
.icerik{min-width:0;max-width:780px}
.duzen--tek .icerik{max-width:none}
.yan{position:sticky;top:132px;display:flex;flex-direction:column;gap:18px}
.icindekiler{padding:4px 0 4px 0;border-left:2px solid var(--line)}
.icindekiler__baslik{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);
  margin:0 0 10px 16px}
.icindekiler ol{counter-reset:ic}
.icindekiler a{display:block;margin-left:-2px;padding:6px 0 6px 16px;border-left:2px solid transparent;font-size:14px;
  line-height:1.4;color:var(--metin-2);transition:color .2s var(--ease),border-color .2s var(--ease)}
.icindekiler a:hover{color:var(--ink)}
.icindekiler a.is-aktif{color:var(--ink);font-weight:600;border-left-color:var(--orange)}
.yan-cta{position:relative;overflow:hidden;padding:22px 22px 20px;border-radius:var(--kart-r);color:#fff;
  background:radial-gradient(120% 80% at 100% 0%,#1B4468 0%,var(--navy-800) 60%);box-shadow:var(--golge-guclu)}
.yan-cta::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(244,88,28,.28),rgba(244,88,28,0) 70%)}
.yan-cta__baslik{position:relative;font-family:var(--font-display);font-stretch:88%;font-size:20px;font-weight:800;line-height:1.2;margin:0 0 8px}
.yan-cta p{position:relative;font-size:14px;line-height:1.55;color:rgba(255,255,255,.74);margin:0 0 16px}
.yan-cta .btn{position:relative}
.yan-cta__wa{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;
  font-weight:600;color:#fff;opacity:.9}
.yan-cta__wa .ic{color:#25D366}
.yan-cta__wa:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.icindekiler-mobil{display:none}

/* 3. İÇERİK TİPOGRAFİSİ ==================================================== */
.icerik{font-size:17px;line-height:1.75;color:var(--metin)}
.bolum{margin-top:52px;scroll-margin-top:140px}
.kisa-cevap+.bolum,.icindekiler-mobil+.bolum{margin-top:40px}
.bolum>h2,.sss>h2{position:relative;font-family:var(--font-display);font-stretch:90%;font-size:clamp(25px,2.4vw,31px);
  font-weight:800;line-height:1.16;letter-spacing:-.012em;color:var(--ink);margin:0 0 18px;padding-top:16px;scroll-margin-top:140px}
.bolum>h2::before,.sss>h2::before{content:"";position:absolute;left:0;top:0;width:30px;height:3px;border-radius:2px;background:var(--orange)}
.icerik h3{font-family:var(--font-display);font-stretch:92%;font-size:20.5px;font-weight:700;line-height:1.3;color:var(--ink);
  margin:30px 0 10px;scroll-margin-top:140px}
.icerik p{margin:0 0 16px}
.icerik p:last-child{margin-bottom:0}
.icerik strong{color:var(--ink);font-weight:700}
.icerik a:not(.btn):not(.kart):not(.ara-cta__link){color:var(--ink);font-weight:600;text-decoration:underline;
  text-decoration-color:rgba(244,88,28,.55);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .2s var(--ease)}
.icerik a:not(.btn):not(.kart):not(.ara-cta__link):hover{color:var(--orange);text-decoration-color:var(--orange)}
.icerik .bolum>ul:not([class]),.icerik .bolum>ol:not([class]){margin:0 0 18px}
.icerik .bolum>ul:not([class])>li,.icerik .kutu ul>li{position:relative;padding-left:22px;margin:0 0 9px}
.icerik .bolum>ul:not([class])>li::before,.icerik .kutu ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;
  border-radius:50%;background:var(--orange)}
.icerik .bolum>ol:not([class]){counter-reset:li}
.icerik .bolum>ol:not([class])>li{position:relative;padding-left:34px;margin:0 0 10px;counter-increment:li}
.icerik .bolum>ol:not([class])>li::before{content:counter(li);position:absolute;left:0;top:.18em;width:23px;height:23px;border-radius:50%;
  display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;background:var(--navy-700)}
.icerik code{font-size:.9em;background:var(--bg-soft-2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--ink)}

/* Kısa cevap (AEO) */
.kisa-cevap{position:relative;padding:22px 26px 24px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--kart-r);
  box-shadow:var(--golge-yumusak);overflow:hidden}
.kisa-cevap::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--orange),#FF8A4C)}
.kisa-cevap__etiket{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--orange);margin:0 0 10px}
.kisa-cevap__metin{font-size:18px;line-height:1.66;color:var(--ink-soft);font-weight:500;margin:0}
.kisa-cevap__metin strong{color:var(--ink)}

/* 4. BİLGİ KUTULARI & LİSTELER ============================================= */
.kutu{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:18px 20px;margin:22px 0;border-radius:12px;
  border:1px solid;font-size:16px;line-height:1.65}
.kutu>.ic{width:22px;height:22px;margin-top:2px}
.kutu p{margin:0 0 8px}.kutu p:last-child{margin:0}
.kutu--bilgi{background:#F3F8FE;border-color:#D8E7F8;color:#23405F}
.kutu--bilgi>.ic{color:var(--blue)}
.kutu--uyari{background:#FFF6F1;border-color:#FAD8C6;color:#5A3522}
.kutu--uyari>.ic{color:var(--orange)}
.kutu--ipucu{background:#F1FAF5;border-color:#CFEBDB;color:#1F4A36}
.kutu--ipucu>.ic{color:var(--yesil)}
.kutu--dayanak{background:#F8F9FB;border-color:var(--line);border-left:4px solid var(--navy-700);color:var(--metin)}
.kutu--dayanak>.ic{color:var(--navy-700)}
.kutu__baslik{font-size:11.5px!important;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--navy-700);margin:0 0 8px!important}
.kutu--dayanak ul li{font-size:15px;margin:0 0 6px}
.liste-onay,.liste-ret{display:grid;gap:10px;margin:0 0 18px}
.liste-onay li,.liste-ret li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;align-items:start}
.liste-onay .ic{color:var(--yesil);margin-top:.28em;stroke-width:2}
.liste-ret .ic{color:var(--kirmizi);margin-top:.28em;stroke-width:2}
.iki-liste{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:6px 0 20px}
.iki-liste>div{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.iki-liste h3{margin-top:0!important;font-size:17px!important}
.alinti{margin:26px 0;padding:6px 0 6px 22px;border-left:3px solid var(--orange);font-family:var(--font-display);
  font-stretch:92%;font-size:21px;line-height:1.45;color:var(--ink)}

/* 5. TABLO, ADIMLAR, KARTLAR =============================================== */
.tablo-sar{position:relative;margin:22px 0 8px;border:1px solid var(--line);border-radius:12px;overflow-x:auto;
  -webkit-overflow-scrolling:touch;background:
    linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) 100% 0,
    radial-gradient(farthest-side at 0 50%,rgba(14,33,52,.14),rgba(14,33,52,0)),
    radial-gradient(farthest-side at 100% 50%,rgba(14,33,52,.14),rgba(14,33,52,0)) 100% 0;
  background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.tablo-sar:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.tablo{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5;color:var(--metin)}
.tablo caption{caption-side:top;text-align:left;padding:14px 16px 0;font-size:13px;font-weight:600;color:var(--muted)}
.tablo thead th{position:sticky;top:0;background:var(--navy-700);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;text-align:left;padding:13px 16px;white-space:nowrap}
.tablo tbody th,.tablo tbody td{padding:13px 16px;border-top:1px solid var(--line-2);vertical-align:top;text-align:left}
.tablo tbody th{color:var(--ink);font-weight:700;white-space:nowrap}
.tablo tbody tr:nth-child(even){background:rgba(247,249,251,.7)}
.tablo tbody tr:hover{background:#FFF8F4}
.tablo__ipucu{display:none;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted-2);margin:18px 0 -14px!important;text-align:right}
.tablo__not{font-size:13.5px;color:var(--muted);margin:6px 2px 18px!important;line-height:1.55}
.durum{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:30px;font-size:12.5px;font-weight:700;white-space:nowrap}
.durum::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.durum--evet{background:#E7F6EE;color:#17804F}
.durum--hayir{background:#FDECEA;color:#C0321F}
.durum--kosullu{background:#FFF4DC;color:#9A6A05}

.adimlar{position:relative;display:grid;gap:4px;margin:24px 0 20px;counter-reset:none}
.adimlar li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding-bottom:22px}
.adimlar li::before{content:"";position:absolute;left:21px;top:46px;bottom:4px;width:2px;
  background:repeating-linear-gradient(180deg,#D5DEE8 0 5px,transparent 5px 10px)}
.adimlar li:last-child::before{display:none}
.adimlar__no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--navy-700);
  font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--navy-700);box-shadow:0 6px 16px -10px rgba(14,33,52,.5)}
.adimlar li:first-child .adimlar__no{background:var(--orange);border-color:var(--orange);color:#fff}
.adimlar strong{display:block;font-family:var(--font-display);font-stretch:92%;font-size:18.5px;line-height:1.3;color:var(--ink);margin:9px 0 5px}
.adimlar p{font-size:16px;line-height:1.65;color:var(--metin-2);margin:0}

.bakista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 22px}
.bakista>div{padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .2s var(--ease)}
.bakista>div:hover{border-color:#D3DCE7}
.bakista dt{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin:0 0 5px}
.bakista dd{font-size:15.5px;line-height:1.5;color:var(--ink);font-weight:600;margin:0}

.kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 22px}
.kartlar--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kart{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 22px 44px;background:#fff;border:1px solid var(--line);
  border-radius:var(--kart-r);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.kart strong{font-family:var(--font-display);font-stretch:92%;font-size:18px;line-height:1.25;color:var(--ink)}
.kart span{font-size:14.5px;line-height:1.55;color:var(--muted)}
.kart__ok{position:absolute;left:22px;bottom:18px;color:var(--orange);transition:transform .25s var(--ease)}
.kart:hover{border-color:rgba(244,88,28,.45);transform:translateY(-2px);box-shadow:var(--golge-yumusak)}
.kart:hover .kart__ok{transform:translateX(4px)}

/* Makale içi CTA */
.ara-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;align-items:center;
  margin:44px 0 8px;padding:26px 28px;border-radius:16px;color:#fff;
  background:radial-gradient(110% 120% at 100% 0%,#1D4B72 0%,var(--navy-800) 55%,var(--navy-900) 100%);box-shadow:var(--golge-guclu)}
.ara-cta::after{content:"";position:absolute;right:120px;bottom:-60px;width:220px;height:120px;border:1.5px dashed rgba(244,88,28,.45);
  border-color:rgba(244,88,28,.45) transparent transparent transparent;border-radius:50%;transform:rotate(-8deg)}
.ara-cta__ust{font-size:11.5px;font-weight:800;letter-spacing:.2em;color:#FF9B6E;margin:0 0 6px!important}
.ara-cta__baslik{font-family:var(--font-display);font-stretch:88%;font-size:23px;font-weight:800;line-height:1.2;color:#fff;margin:0 0 6px!important}
.ara-cta__metin{font-size:15px!important;line-height:1.55;color:rgba(255,255,255,.76);margin:0!important}
.ara-cta__aks{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;min-width:210px}
.ara-cta__aks .btn{justify-content:center}

/* 6. SSS, HAKKINDA, KAYNAKLAR ============================================== */
.sss{margin-top:56px}
.sss-oge{border-bottom:1px solid var(--line)}
.sss-oge:first-of-type{border-top:1px solid var(--line)}
.sss-oge summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 2px;cursor:pointer;list-style:none}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary h3{margin:0!important;font-family:var(--font-body)!important;font-stretch:100%!important;font-size:17.5px!important;
  font-weight:700!important;line-height:1.45!important;color:var(--ink);transition:color .2s var(--ease)}
.sss-oge summary:hover h3{color:var(--orange)}
.sss-oge summary .ic{flex:none;width:30px;height:30px;padding:7px;border-radius:50%;border:1px solid var(--line);color:var(--ink);
  transition:transform .3s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease)}
.sss-oge[open] summary .ic{transform:rotate(180deg);background:var(--orange);border-color:var(--orange);color:#fff}
.sss-oge__cevap{padding:0 46px 20px 2px}
.sss-oge__cevap p{font-size:16.5px;line-height:1.72;color:var(--metin-2);margin:0}

.hakkinda{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;margin-top:52px;padding:18px 22px;border-radius:12px;
  background:var(--bg-soft);border:1px solid var(--line-2);font-size:14.5px;line-height:1.6;color:var(--metin-2)}
.hakkinda>.ic{color:var(--yesil);width:22px;height:22px;margin-top:1px}
.hakkinda p{margin:0 0 4px!important}
.hakkinda strong{color:var(--ink)}
.hakkinda__not{margin-top:8px!important;font-size:13.5px;color:var(--muted)}
.kaynaklar{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.kaynaklar h2{font-family:var(--font-display);font-stretch:92%;font-size:19px;font-weight:800;color:var(--ink);margin:0 0 12px}
.kaynaklar ol{counter-reset:kay;display:grid;gap:7px}
.kaynaklar li{position:relative;padding-left:28px;font-size:14px;line-height:1.55;color:var(--muted);counter-increment:kay}
.kaynaklar li::before{content:counter(kay);position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:5px;display:grid;
  place-items:center;background:var(--bg-soft-2);font-size:11px;font-weight:700;color:var(--metin-2)}
.kaynaklar a{color:var(--metin-2)!important;font-weight:500!important;text-decoration-color:var(--line)!important}
.kaynaklar a:hover{color:var(--orange)!important}

/* 7. İLGİLİ & CTA BANDI ==================================================== */
.ilgili{background:var(--bg-soft);border-top:1px solid var(--line-2);padding:60px 0 68px}
.ilgili__baslik{font-family:var(--font-display);font-stretch:90%;font-size:28px;font-weight:800;color:var(--ink);margin:0 0 22px}
.ilgili__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ilgili__kart{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 22px 48px;background:#fff;border:1px solid var(--line);
  border-radius:var(--kart-r);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.ilgili__kart .ic{position:absolute;left:22px;bottom:19px;color:var(--orange);transition:transform .25s var(--ease)}
.ilgili__silo{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.ilgili__kart strong{font-family:var(--font-display);font-stretch:92%;font-size:18.5px;line-height:1.25;color:var(--ink)}
.ilgili__kart span:last-of-type{font-size:14.5px;line-height:1.55;color:var(--muted)}
.ilgili__kart:hover{transform:translateY(-3px);box-shadow:var(--golge-yumusak);border-color:rgba(244,88,28,.4)}
.ilgili__kart:hover .ic{transform:translateX(4px)}

.cta-bant{position:relative;overflow:hidden;isolation:isolate;padding:60px 0;color:#fff;
  background:radial-gradient(90% 140% at 100% 0%,#1C4A70 0%,var(--navy-800) 50%,var(--navy-900) 100%)}
.cta-bant::before{content:"";position:absolute;right:-8%;top:-20%;width:55%;height:150%;z-index:-1;
  background:url(../images/world-map-dots-1000.png) center/contain no-repeat;opacity:.18}
.cta-bant::after{content:"";position:absolute;left:38%;bottom:-120px;width:520px;height:240px;z-index:-1;border-radius:50%;
  border:1.5px dashed rgba(244,88,28,.4);border-color:rgba(244,88,28,.4) transparent transparent transparent}
.cta-bant__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 48px;align-items:center}
.cta-bant__baslik{font-family:var(--font-display);font-stretch:88%;font-size:clamp(27px,2.8vw,36px);font-weight:800;line-height:1.1;
  margin:6px 0 10px;color:#fff;text-wrap:balance}
.cta-bant__metin p{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.74);margin:0;max-width:56ch}
.cta-bant__aks{display:flex;flex-wrap:wrap;gap:12px}

.taslak-serit{background:repeating-linear-gradient(45deg,#FFE7DB 0 12px,#FFF1EA 12px 24px);color:#9A3A12;font-size:13px;
  font-weight:700;text-align:center;padding:9px 16px;border-bottom:1px solid #F7C9B2}

/* 8. ÖZEL BİLEŞENLER ======================================================= */
/* Hızlı teklif kartı */
.hizli-teklif{position:relative;background:#fff;color:var(--ink);border-radius:18px;padding:26px 26px 22px;
  box-shadow:0 2px 6px rgba(8,29,45,.08),0 40px 80px -40px rgba(8,29,45,.6);border:1px solid rgba(228,234,241,.9)}
.hizli-teklif::before{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--orange),#FF9B6E)}
.hizli-teklif__ust{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.2em;color:var(--orange);margin:0 0 6px}
.hizli-teklif__baslik{font-family:var(--font-display);font-stretch:88%;font-size:23px;font-weight:800;line-height:1.2;margin:0 0 18px;color:var(--ink)}
.hizli-teklif__alan{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.hizli-teklif__alan label{font-size:12px;font-weight:700;letter-spacing:.06em;color:#4A6076}
.hizli-teklif__satir{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hizli-teklif .select select,.hizli-teklif .select input{width:100%;padding:13px 36px 13px 14px;font-size:15px;border-radius:9px}
.hizli-teklif .select--input input{padding-right:14px}
.hizli-teklif .btn{margin-top:6px;padding:16px 22px;font-size:15.5px}
.hizli-teklif__not{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;
  font-size:12.5px;color:var(--muted)}
.hizli-teklif__not .ic{color:var(--yesil)}
.hizli-teklif__not a{color:var(--ink);font-weight:700;border-bottom:1px solid rgba(37,211,102,.6)}
.hizli-teklif__guven{display:flex;justify-content:space-between;gap:8px;margin:16px -26px -22px;padding:13px 26px;
  border-top:1px solid var(--line-2);background:var(--bg-soft);border-radius:0 0 18px 18px;font-size:12px;font-weight:600;color:var(--metin-2)}
.hizli-teklif__guven span{display:inline-flex;align-items:center;gap:6px}
.hizli-teklif__guven .ic{color:var(--orange);width:15px;height:15px}

/* Kargo etiketi görünümlü adres örneği */
.etiket{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:18px;margin:22px 0;padding:22px 24px 20px;
  background:#fff;border:1.5px dashed #C7D2DF;border-radius:10px;font-family:"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  box-shadow:var(--golge-yumusak)}
.etiket__ust{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);
  font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--muted-2);text-transform:uppercase;padding-bottom:12px;
  border-bottom:1px solid var(--line-2)}
.etiket__kod{display:inline-grid;place-items:center;min-width:44px;height:30px;padding:0 8px;border-radius:6px;background:var(--navy-700);
  color:#fff;font-family:var(--font-display);font-size:15px;letter-spacing:.06em}
.etiket__adres{font-size:14.5px;line-height:1.75;color:var(--ink);white-space:pre-line}
.etiket__barkod{align-self:end;height:64px;border-radius:2px;
  background:repeating-linear-gradient(90deg,#0E2134 0 2px,transparent 2px 4px,#0E2134 4px 5px,transparent 5px 8px,#0E2134 8px 11px,transparent 11px 13px)}
.etiket__not{grid-column:1/-1;font-family:var(--font-body);font-size:13px;color:var(--muted);line-height:1.55}

/* Karar rozeti (ürün rehberi) */
.karar{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;padding:10px 18px 10px 12px;border-radius:40px;
  font-family:var(--font-display);font-stretch:90%;font-size:17px;font-weight:800;letter-spacing:.02em}
.karar .ic{width:26px;height:26px;stroke-width:2.2}
.karar--evet{background:#E4F5EC;color:#15754A}
.karar--hayir{background:#FCE9E6;color:#B42D1B}
.karar--kosullu{background:#FFF1D6;color:#8E6205}

/* Araç kartı */
.arac-kart{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--golge-guclu);padding:30px 32px 28px}
.arac-kart__ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:stretch}
.arac-form{display:grid;gap:14px}
.arac-form .satir{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.arac-form .satir--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.arac-form label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;color:#4A6076;margin-bottom:6px}
.arac-form .select select,.arac-form .select input{width:100%;padding:14px 14px;font-size:16px;border-radius:9px}
.arac-form .select select{padding-right:36px}
.arac-form__alt{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.segment{display:inline-flex;padding:4px;border-radius:10px;background:var(--bg-soft-2);border:1px solid var(--line);gap:4px}
.segment button{border:0;background:transparent;padding:9px 14px;border-radius:7px;font-size:13.5px;font-weight:700;color:var(--metin-2);cursor:pointer}
.segment button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(14,33,52,.4)}
.arac-sonuc{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 26px;border-radius:16px;color:#fff;
  background:radial-gradient(110% 120% at 100% 0%,#1D4B72 0%,var(--navy-800) 60%,var(--navy-900) 100%)}
.arac-sonuc__etiket{font-size:11.5px;font-weight:800;letter-spacing:.2em;color:#FF9B6E;margin:0}
.arac-sonuc__deger{font-family:var(--font-display);font-stretch:86%;font-size:clamp(40px,5vw,58px);font-weight:800;line-height:1;margin:0}
.arac-sonuc__deger small{font-size:.42em;font-weight:700;opacity:.8;margin-left:6px}
.arac-sonuc__alt{display:grid;gap:8px;margin:4px 0 0;font-size:14px;color:rgba(255,255,255,.78)}
.arac-sonuc__alt div{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.arac-sonuc__alt b{color:#fff}
.arac-sonuc .btn{margin-top:6px;align-self:flex-start}
.arac-hata{font-size:13.5px;color:#FFB3A3;min-height:1.2em;margin:0}

/* PHP yer tutucu (yönetim panelinden beslenecek alan) */
.php-alan{border:1.5px dashed #C9D5E2;border-radius:12px;padding:18px 20px;margin:20px 0;background:#FBFCFE}
.php-alan__baslik{font-size:12px!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin:0 0 6px!important}

/* 9. HUB, FİLTRE, SÖZLÜK, İLETİŞİM ========================================= */
.hub{padding:56px 0 24px}
.hub+.hub{padding-top:24px}
.hub__ust{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.hub__baslik{font-family:var(--font-display);font-stretch:90%;font-size:clamp(24px,2.3vw,30px);font-weight:800;color:var(--ink);margin:0}
.hub__aciklama{font-size:15.5px;color:var(--muted);margin:6px 0 0;max-width:70ch}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hub-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hub-kart{position:relative;display:flex;flex-direction:column;gap:8px;min-height:100%;padding:22px 22px 52px;background:#fff;
  border:1px solid var(--line);border-radius:var(--kart-r);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.hub-kart__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#FFF1EA;color:var(--orange);margin-bottom:4px}
.hub-kart__ic .ic{width:22px;height:22px}
.hub-kart strong{font-family:var(--font-display);font-stretch:92%;font-size:19px;line-height:1.25;color:var(--ink)}
.hub-kart span.hub-kart__metin{font-size:14.5px;line-height:1.55;color:var(--muted)}
.hub-kart__ok{position:absolute;left:22px;bottom:20px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--orange)}
.hub-kart__ok .ic{transition:transform .25s var(--ease)}
.hub-kart:hover{transform:translateY(-3px);box-shadow:var(--golge-yumusak);border-color:rgba(244,88,28,.42)}
.hub-kart:hover .hub-kart__ok .ic{transform:translateX(4px)}
.ulke-kart{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;background:#fff;
  border:1px solid var(--line);border-radius:12px;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}
.ulke-kart__kod{display:grid;place-items:center;width:48px;height:36px;border-radius:8px;background:var(--navy-700);color:#fff;
  font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.06em}
.ulke-kart__ad{display:flex;flex-direction:column;min-width:0}
.ulke-kart__ad strong{font-size:16px;color:var(--ink);line-height:1.3}
.ulke-kart__ad span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ulke-kart__sure{font-size:12.5px;font-weight:700;color:var(--metin-2);background:var(--bg-soft-2);border-radius:20px;padding:5px 10px;white-space:nowrap}
.ulke-kart:hover{border-color:rgba(244,88,28,.45);transform:translateY(-2px);box-shadow:var(--golge-yumusak)}
.ulke-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.filtre{position:relative;max-width:420px;width:100%}
.filtre input{width:100%;padding:14px 16px 14px 46px;border:1px solid var(--line);border-radius:12px;font-size:15.5px;background:#fff;
  box-shadow:var(--golge-yumusak);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.filtre input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(244,88,28,.12)}
.filtre .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}
.cipler{display:flex;flex-wrap:wrap;gap:8px}
.cip{border:1px solid var(--line);background:#fff;color:var(--metin-2);font-size:13.5px;font-weight:700;padding:9px 14px;border-radius:30px;cursor:pointer;
  transition:all .2s var(--ease)}
.cip:hover{border-color:var(--orange);color:var(--orange)}
.cip[aria-pressed="true"]{background:var(--navy-700);border-color:var(--navy-700);color:#fff}
.bos-sonuc{display:none;padding:22px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}
.bos-sonuc.is-gorunur{display:block}
.az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.az a{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--line);font-weight:700;font-size:14px;
  color:var(--ink);text-decoration:none!important;background:#fff}
.az a:hover{border-color:var(--orange);color:var(--orange)!important}
.terim{padding:18px 0;border-bottom:1px solid var(--line-2);scroll-margin-top:140px}
.terim dt{font-family:var(--font-display);font-stretch:92%;font-size:19px;font-weight:800;color:var(--ink);margin:0 0 6px}
.terim dd{margin:0;font-size:16px;line-height:1.7;color:var(--metin)}
.harf{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--orange);margin:34px 0 4px;scroll-margin-top:140px}
.iletisim-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.iletisim-kart{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--kart-r);
  box-shadow:var(--golge-yumusak);transition:transform .25s var(--ease),border-color .25s var(--ease)}
.iletisim-kart:hover{transform:translateY(-3px);border-color:rgba(244,88,28,.42)}
.iletisim-kart__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#FFF1EA;color:var(--orange)}
.iletisim-kart__ic--wa{background:#E8F8EE;color:#1FA855}
.iletisim-kart span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.iletisim-kart strong{font-size:17px;color:var(--ink);line-height:1.35;word-break:break-word}
.iletisim-kart em{font-style:normal;font-size:14px;color:var(--muted)}

/* 10. RESPONSIVE =========================================================== */
@media (max-width:1279px){
  .duzen{grid-template-columns:minmax(0,1fr) 280px;gap:44px}
  .sh--iki .sh__in{gap:40px}
  .hub-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .iletisim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1023px){
  .sh{padding:22px 0 44px}
  .sh__rota{width:420px;right:-120px;opacity:.7}
  .sh::before{width:80%;opacity:.05}
  .sh--iki .sh__in{grid-template-columns:minmax(0,1fr);gap:34px}
  .sh--iki .sh__baslik,.sh__baslik{max-width:26ch}
  .sh__yan{max-width:560px}
  .sh--iki .sh__cta{display:none}
  .sh--gorsel,.sh--harita{padding:24px 0 44px}
  .sh--gorsel::after{background:linear-gradient(180deg,rgba(8,29,45,.9) 0%,rgba(8,29,45,.82) 55%,rgba(8,29,45,.94) 100%)}
  .sh--harita::after{width:120%;right:-40%;opacity:.16}
  .duzen{grid-template-columns:minmax(0,1fr);gap:0;padding-top:40px;padding-bottom:60px}
  .icerik{max-width:none}
  .yan{display:none}
  .icindekiler-mobil{display:block;margin:0 0 26px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
  .icindekiler-mobil summary{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;
    list-style:none;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
  .icindekiler-mobil summary::-webkit-details-marker{display:none}
  .icindekiler-mobil[open] summary{border-bottom:1px solid var(--line-2)}
  .icindekiler-mobil[open] summary .ic{transform:rotate(180deg)}
  .icindekiler-mobil ol{padding:8px 18px 14px;counter-reset:im}
  .icindekiler-mobil li{counter-increment:im}
  .icindekiler-mobil a{display:flex;gap:10px;padding:8px 0;font-size:15px;color:var(--metin-2);border-bottom:1px solid var(--line-2)}
  .icindekiler-mobil li:last-child a{border-bottom:0}
  .icindekiler-mobil a::before{content:counter(im,decimal-leading-zero);font-weight:800;color:var(--orange);font-size:13px;min-width:22px;padding-top:2px}
  .ilgili__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-grid,.hub-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ulke-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arac-kart__ic{grid-template-columns:minmax(0,1fr);gap:22px}
  .cta-bant__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .sh{padding:18px 0 36px}
  .sh__rota,.sh::before{display:none}
  .yol{margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
  .yol::-webkit-scrollbar{display:none}
  .yol ol{flex-wrap:nowrap;white-space:nowrap;font-size:12.5px}
  .sh__ust{font-size:11px;margin-bottom:10px}
  .sh__baslik{font-size:clamp(30px,8.4vw,40px);margin-bottom:14px}
  .sh__lead{font-size:16.5px}
  .sh__olgular{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
  .sh__olgular li{min-width:0;padding:10px 12px}
  .sh__olgular li:last-child:nth-child(odd){grid-column:1/-1}
  .sh__olgular strong{font-size:15.5px}
  .sh__meta{gap:6px 14px;font-size:12.5px}
  .sh__cta{display:grid;grid-template-columns:1fr;gap:10px}
  .sh__cta .btn{width:100%}
  .sh--gorsel,.sh--harita{padding:20px 0 34px}
  .sh--arac{padding-bottom:96px}
  .arac-alan{margin-top:-74px}
  .duzen{padding-top:30px;padding-bottom:48px}
  .icerik{font-size:16.5px;line-height:1.72}
  .bolum{margin-top:42px}
  .bolum>h2,.sss>h2{font-size:24px}
  .icerik h3{font-size:19px}
  .kisa-cevap{padding:18px 18px 20px 22px}
  .kisa-cevap__metin{font-size:16.5px}
  .kutu{grid-template-columns:20px minmax(0,1fr);gap:11px;padding:15px 16px;font-size:15.5px}
  .kutu>.ic{width:20px;height:20px}
  .iki-liste{grid-template-columns:1fr}
  .tablo{font-size:14px}
  .tablo thead th,.tablo tbody th,.tablo tbody td{padding:11px 13px}
  .tablo--genis{min-width:600px}
  .tablo:not(.tablo--genis) tbody th{white-space:normal;width:40%}
  .tablo__ipucu{display:block}
  .adimlar li{grid-template-columns:38px minmax(0,1fr);gap:14px;padding-bottom:18px}
  .adimlar li::before{left:18px;top:40px}
  .adimlar__no{width:38px;height:38px;font-size:15px}
  .adimlar strong{font-size:17px;margin-top:6px}
  .adimlar p{font-size:15.5px}
  .bakista{grid-template-columns:1fr}
  .kartlar,.kartlar--3{grid-template-columns:1fr;gap:10px}
  .kart{padding:16px 48px 16px 18px}
  .kart strong{font-size:17px}
  .kart__ok{left:auto;right:18px;top:50%;bottom:auto;transform:translateY(-50%)}
  .kart:hover .kart__ok{transform:translate(4px,-50%)}
  .ara-cta{grid-template-columns:1fr;padding:22px 20px;margin-top:36px}
  .ara-cta__aks{min-width:0}
  .ara-cta__baslik{font-size:21px}
  .sss-oge summary{padding:16px 0}
  .sss-oge summary h3{font-size:16.5px!important}
  .sss-oge__cevap{padding:0 4px 18px 0}
  .sss-oge__cevap p{font-size:16px}
  .hakkinda{grid-template-columns:20px minmax(0,1fr);padding:16px;font-size:14px}
  .ilgili{padding:44px 0 50px}
  .ilgili__baslik{font-size:23px}
  .ilgili__grid{grid-template-columns:1fr;gap:12px}
  .cta-bant{padding:44px 0 48px}
  .cta-bant__aks{display:grid;grid-template-columns:1fr}
  .cta-bant__aks .btn{width:100%}
  .cta-bant::after{display:none}
  .hizli-teklif{padding:22px 18px 18px;border-radius:16px}
  .hizli-teklif::before{left:18px;right:18px}
  .hizli-teklif__baslik{font-size:21px}
  .hizli-teklif .select select,.hizli-teklif .select input{font-size:16px}
  .hizli-teklif__guven{margin:14px -18px -18px;padding:12px 18px;border-radius:0 0 16px 16px;flex-wrap:wrap}
  .etiket{grid-template-columns:1fr;padding:18px}
  .etiket__barkod{height:44px}
  .karar{font-size:15.5px;padding:9px 16px 9px 10px}
  .arac-kart{padding:22px 18px 20px;border-radius:16px}
  .arac-form .satir{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .arac-form .satir--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arac-form label{font-size:11.5px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .arac-form__alt,.arac-form__alt .segment{width:100%}
  .segment button{flex:1;padding:9px 6px;font-size:12.5px;white-space:nowrap}
  .arac-sonuc .btn{align-self:stretch}
  .arac-form .select select,.arac-form .select input{font-size:16px;padding:13px 10px}
  .arac-sonuc{padding:20px}
  .hub{padding:40px 0 16px}
  .hub-grid,.hub-grid--4,.ulke-grid{grid-template-columns:1fr}
  .hub-kart{padding:20px 20px 50px}
  .iletisim-grid{grid-template-columns:1fr}
  .filtre{max-width:none}
  .harf{font-size:28px}
}
@media (max-width:389px){
  .sh__olgular{grid-template-columns:1fr}
  .hizli-teklif__satir{grid-template-columns:1fr}
  .arac-form .satir{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .kart,.hub-kart,.ilgili__kart,.ulke-kart,.iletisim-kart{transition:none}
}

/* 11. YAZDIRMA ============================================================= */
@media print{
  .site-header,.mnav,.site-footer,.calltab,.wa-fab,.actionbar,.modal,.yan,.cta-bant,.ilgili,.sh__cta,.ara-cta,.hizli-teklif{display:none!important}
  .sh{background:#fff;padding:0 0 12px}
  .duzen{display:block;padding:0}
  .sss-oge{break-inside:avoid}
  a{text-decoration:none!important}
}

/* Rota şeridi (ülke sayfaları) — anasayfadaki uçuş etiketleriyle aynı dil */
.rota-serit{display:flex;align-items:center;gap:12px;max-width:430px;margin:2px 0 18px}
.rota-serit__uc{display:grid;gap:2px;min-width:92px;padding:8px 12px 9px;border-radius:10px;text-align:center;background:#fff;
  border:1px solid var(--line);box-shadow:var(--golge-yumusak)}
.rota-serit__uc b{font-family:var(--font-display);font-stretch:90%;font-size:20px;font-weight:800;letter-spacing:.05em;line-height:1.1;color:var(--ink)}
.rota-serit__uc span{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}
.rota-serit__uc--hedef{border-color:rgba(244,88,28,.5)}
.rota-serit__uc--hedef b{color:var(--orange)}
.rota-serit__cizgi{position:relative;flex:1;min-width:60px;height:2px;background:repeating-linear-gradient(90deg,#C4CFDB 0 6px,transparent 6px 12px)}
.rota-serit__cizgi .ic{position:absolute;left:50%;top:50%;width:26px;height:26px;padding:3px;border-radius:50%;
  transform:translate(-50%,-50%) rotate(45deg);color:var(--orange);background:var(--bg-soft);fill:currentColor;stroke-width:1.2}
.sh--gorsel .rota-serit__uc,.sh--harita .rota-serit__uc{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);box-shadow:none}
.sh--gorsel .rota-serit__uc b,.sh--harita .rota-serit__uc b{color:#fff}
.sh--gorsel .rota-serit__uc span,.sh--harita .rota-serit__uc span{color:rgba(255,255,255,.62)}
.sh--gorsel .rota-serit__uc--hedef,.sh--harita .rota-serit__uc--hedef{border-color:rgba(255,155,110,.7);background:rgba(244,88,28,.14)}
.sh--gorsel .rota-serit__uc--hedef b,.sh--harita .rota-serit__uc--hedef b{color:#FFB08C}
.sh--gorsel .rota-serit__cizgi,.sh--harita .rota-serit__cizgi{background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 6px,transparent 6px 12px)}
.sh--gorsel .rota-serit__cizgi .ic,.sh--harita .rota-serit__cizgi .ic{color:#FF9B6E;background:#0D2A42}
@media (max-width:767px){
  .rota-serit{gap:8px;margin-bottom:14px}
  .rota-serit__uc{min-width:76px;padding:7px 8px}
  .rota-serit__uc b{font-size:17px}
  .rota-serit__uc span{font-size:9px;letter-spacing:.1em}
}

/* Fiyat kutusu (PHP entegrasyon alanı — şimdilik fiyat hesaplama çağrısı) */
.fiyat-kutu{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;margin:22px 0;padding:22px 24px;
  border:1px solid var(--line);border-radius:var(--kart-r);background:linear-gradient(180deg,#fff 0%,var(--bg-soft) 100%);box-shadow:var(--golge-yumusak)}
.fiyat-kutu__ust{display:flex;align-items:center;gap:7px;font-size:11.5px!important;font-weight:800;letter-spacing:.2em;color:var(--orange);margin:0 0 6px!important}
.fiyat-kutu__baslik{font-family:var(--font-display);font-stretch:90%;font-size:21px;font-weight:800;line-height:1.25;color:var(--ink);margin:0 0 6px!important}
.fiyat-kutu__aciklama{font-size:15px!important;line-height:1.6;color:var(--metin-2);margin:0!important}
.fiyat-kutu__aks{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:220px}
.fiyat-kutu__wa{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink)!important;text-decoration:none!important}
.fiyat-kutu__wa .ic{color:#25D366}
.fiyat-kutu__wa:hover{color:var(--orange)!important}
@media (max-width:767px){
  .fiyat-kutu{grid-template-columns:1fr;padding:20px 18px}
  .fiyat-kutu__aks{min-width:0}
  .fiyat-kutu__baslik{font-size:19px}
}
.arac-form__not{font-size:13px;line-height:1.55;color:var(--muted);margin:2px 0 0}
.arac-form__not strong{color:var(--ink)}

/* Fiyat hesaplama sayfası: anasayfa teklif kartı alt sayfada */
.arac-teklif .quote{padding:44px 0 8px;background:transparent;border:0}
/* Kargo takip */
.takip-kart{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:28px;align-items:stretch}
.takip-form__etiket{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;color:#4A6076;margin-bottom:8px}
.takip-form__satir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.takip-form__satir input{width:100%;padding:16px;font-size:17px;border-radius:10px;letter-spacing:.02em}
.takip-form__satir .btn{padding:16px 26px}
.takip-form__mesaj{margin:14px 0 0;font-size:14.5px;line-height:1.6;color:var(--metin-2)}
.takip-form__linkler{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.takip-yan{padding:20px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line-2);font-size:14px;line-height:1.6;color:var(--metin-2)}
.takip-yan__baslik{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);margin:0 0 6px}
.takip-yan__baslik .ic{color:var(--orange)}
.takip-yan p{margin:0 0 14px}
@media (max-width:1023px){.takip-kart{grid-template-columns:1fr}}
@media (max-width:767px){
  .takip-form__satir{grid-template-columns:1fr}
  .takip-form__satir .btn{width:100%}
  .arac-teklif .quote{padding-top:28px}
}
.arac-sonuc__not{font-size:13px;line-height:1.55;color:rgba(255,255,255,.72);margin:0}

/* Referanslar */
.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ref-kart{display:flex;flex-direction:column;justify-content:space-between;gap:20px;margin:0;padding:26px 24px 22px;background:#fff;
  border:1px solid var(--line);border-radius:var(--kart-r);box-shadow:var(--golge-yumusak);position:relative}
.ref-kart::before{content:"“";position:absolute;right:20px;top:4px;font-family:Georgia,serif;font-size:74px;line-height:1;color:#E6EEF8}
.ref-kart blockquote{margin:0;font-size:16px;line-height:1.65;color:var(--metin);font-style:italic;position:relative}
.ref-kart figcaption{display:flex;align-items:center;gap:12px}
.ref-kart img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.ref-kart figcaption span{display:flex;flex-direction:column}
.ref-kart strong{font-size:15px;color:var(--ink)}
.ref-kart em{font-style:normal;font-size:13px;color:var(--muted)}
/* İletişim formu */
.iletisim-form-alan{padding:8px 0 64px}
.iletisim-form-kart{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:var(--golge-guclu);background:#fff}
.iletisim-form-kart__sol{padding:34px 32px;color:#fff;background:radial-gradient(120% 100% at 100% 0%,#1D4B72 0%,var(--navy-800) 58%,var(--navy-900) 100%)}
.iletisim-form-kart__sol .eyebrow{color:#FF9B6E;font-size:11.5px}
.iletisim-form-kart__baslik{font-family:var(--font-display);font-stretch:88%;font-size:28px;font-weight:800;line-height:1.15;margin:10px 0 12px}
.iletisim-form-kart__sol p{color:rgba(255,255,255,.76);font-size:15.5px;line-height:1.6;margin:0 0 20px}
.iletisim-form-kart__sol .liste-onay li{color:rgba(255,255,255,.9)}
.iletisim-form-kart__sol .liste-onay .ic{color:#4ED08A}
.iletisim-form-kart__sag{padding:30px 32px}
.iletisim-form{display:grid;gap:14px}
.iletisim-form .field__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.iletisim-form .select input,.iletisim-form .select textarea{width:100%;padding:13px 14px;font-size:15.5px;border-radius:9px;border:1px solid #D9E1EA;background:#fff;font-family:inherit;color:var(--ink)}
.iletisim-form .select textarea{resize:vertical;min-height:120px;line-height:1.55}
.iletisim-form .select textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,88,28,.14)}
.iletisim-form .field label{font-size:12px;font-weight:700;letter-spacing:.06em;color:#4A6076;margin-bottom:6px;display:block}
.iletisim-form .check{margin-top:0;font-size:13px}
.iletisim-form>.field__err{margin-top:-8px}
.form-basari{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 10px}
.form-basari[hidden]{display:none}
.form-basari h3{font-family:var(--font-display);font-size:23px;font-weight:800;color:var(--ink);margin:14px 0 8px}
.form-basari p{color:var(--muted);max-width:40ch}
@media (max-width:1023px){.ref-grid{grid-template-columns:1fr}.iletisim-form-kart{grid-template-columns:1fr}}
@media (max-width:767px){
  .iletisim-form-kart__sol,.iletisim-form-kart__sag{padding:24px 20px}
  .iletisim-form .field__row{grid-template-columns:1fr}
  .iletisim-form .select input,.iletisim-form .select textarea{font-size:16px}
}
/* Çalışma saatleri */
.saatler{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:16px;padding:16px 20px;border:1px solid var(--line);
  border-radius:var(--kart-r);background:#fff}
.saatler__baslik{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.saatler__baslik .ic{color:var(--orange)}
.saatler__liste{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0}
.saatler__liste div{display:flex;gap:8px;font-size:14.5px}
.saatler__liste dt{color:var(--muted);font-weight:500}
.saatler__liste dd{margin:0;color:var(--ink);font-weight:700}
.saatler__harita{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--ink)}
.saatler__harita .ic{color:var(--orange)}
.saatler__harita:hover{color:var(--orange)}
@media (max-width:767px){.saatler{flex-direction:column;align-items:flex-start}.saatler__harita{margin-left:0}.saatler__liste{flex-direction:column;gap:6px}}
/* İletişim — mobilde kompakt yatay kart + hizalı saat tablosu */
@media (max-width:767px){
  .iletisim-grid{gap:10px}
  .iletisim-kart{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;row-gap:3px;align-items:center;padding:16px 18px}
  .iletisim-kart__ic{grid-row:1 / span 3}
  .iletisim-kart strong{font-size:16px}
  .iletisim-kart em{font-size:13.5px}
  .saatler{padding:16px 18px;gap:12px}
  .saatler__liste{align-self:stretch;gap:0}
  .saatler__liste div{justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line)}
  .saatler__liste div:last-child{border-bottom:0}
}
/* HTML site haritası */
.site-haritasi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:44px 20px;align-items:start}
.sh-grup{padding:24px 26px;border:1px solid var(--line);border-radius:var(--kart-r);background:#fff}
.sh-grup__baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:18px;color:var(--ink)}
.sh-grup__baslik span{min-width:30px;height:24px;padding:0 8px;display:grid;place-items:center;border-radius:12px;background:#FFF1EA;
  color:var(--orange);font-size:12px;font-weight:800}
.sh-grup__liste li{border-top:1px solid var(--line-2, #EEF2F6)}
.sh-grup__liste a{display:block;padding:9px 0;font-size:14.5px;color:var(--ink-2, #22384F)}
.sh-grup__liste a:hover{color:var(--orange)}
@media (max-width:1023px){.site-haritasi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.site-haritasi{grid-template-columns:1fr;gap:14px;padding-block:28px 8px}.sh-grup{padding:20px}}
/* =============================================================================
   SSS merkezi + Sözlük
   ============================================================================= */
.sss-merkez{padding-block:44px 20px}
.sss-merkez__duzen{display:grid;grid-template-columns:292px minmax(0,1fr);gap:48px;align-items:start}
.sss-merkez__yan{position:sticky;top:132px;display:flex;flex-direction:column;gap:18px}
.sss-merkez__yan-baslik{margin:0;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.sss-merkez__kat{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.sss-merkez__kat a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14.5px;font-weight:600;
  color:var(--metin-2);text-decoration:none;transition:background-color .2s var(--ease),color .2s var(--ease)}
.sss-merkez__kat a .ic{color:var(--orange);flex:none}
.sss-merkez__kat a span{margin-left:auto;min-width:26px;height:22px;display:grid;place-items:center;border-radius:11px;background:var(--bg-soft-2);
  font-size:12px;font-weight:800;color:var(--muted)}
.sss-merkez__kat a:hover{background:var(--bg-soft);color:var(--ink)}
.sss-merkez__ana{min-width:0}
.sss-merkez__arac{position:sticky;top:96px;z-index:5;display:flex;flex-direction:column;gap:14px;margin:0 0 10px;padding:14px 0 16px;
  background:linear-gradient(#fff 82%,rgba(255,255,255,0))}
.sss-merkez__arac .filtre{max-width:none}
.sss-grup{padding-top:26px;scroll-margin-top:210px}
.sss-grup[hidden]{display:none}
.sss-grup__baslik{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-family:var(--font-display);font-stretch:90%;
  font-size:clamp(22px,2vw,26px);font-weight:800;color:var(--ink)}
.sss-grup__ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;background:#FFF1EA;color:var(--orange)}
.sss-grup .sss-oge:first-of-type{border-top:1px solid var(--line)}
.sss-oge[hidden]{display:none}
.sss-link{display:inline-flex;align-items:center;gap:5px;margin-left:4px;font-weight:700;color:var(--orange)!important;
  text-decoration:none!important;white-space:nowrap}
.sss-link:hover{text-decoration:underline!important;text-underline-offset:3px}
.sss-merkez .bos-sonuc,.sozluk .bos-sonuc{margin-top:24px}

.sozluk{padding-block:40px 20px}
.sozluk__duzen{max-width:920px}
.sozluk__arac{position:sticky;top:96px;z-index:5;display:flex;flex-direction:column;gap:14px;padding:14px 0 6px;
  background:linear-gradient(#fff 86%,rgba(255,255,255,0))}
.sozluk__arac .filtre{max-width:none}
.sozluk__arac .az{margin:0}
.harf-grup[hidden],.terim[hidden]{display:none}
.harf-grup dl{margin:0}
.terim dd .sss-link{margin-left:6px}

@media (max-width:1023px){
  .sss-merkez__duzen{grid-template-columns:minmax(0,1fr);gap:10px}
  .sss-merkez__yan{position:static;order:2}
  .sss-merkez__kat,.sss-merkez__yan-baslik{display:none}
}
@media (max-width:767px){
  .sss-merkez{padding-block:26px 10px}
  .sss-merkez__arac,.sozluk__arac{top:64px;padding-top:10px}
  .sss-merkez__arac .cipler{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:2px 16px 4px;scrollbar-width:none;
    -webkit-overflow-scrolling:touch}
  .sss-merkez__arac .cipler::-webkit-scrollbar{display:none}
  .sss-merkez__arac .cip{flex:none}
  .sozluk__arac .az{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:2px 16px 4px;scrollbar-width:none}
  .sozluk__arac .az::-webkit-scrollbar{display:none}
  .sozluk__arac .az a{flex:none}
  .sss-grup__baslik{font-size:21px}
  .sss-link{white-space:normal}
}
/* CTA bandı — güven maddeleri ve WhatsApp */
.cta-bant__wa{display:inline-flex;align-items:center;gap:8px;align-self:center;font-size:14.5px;font-weight:700;color:#fff;
  text-decoration:none;border-bottom:1.5px solid rgba(37,211,102,.55);padding-bottom:2px}
.cta-bant__wa .ic{color:#3DDC7C}
.cta-bant__wa:hover{border-color:#3DDC7C}
.cta-bant__guven{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 26px;margin:4px 0 0;padding:18px 0 0;list-style:none;
  border-top:1px solid rgba(255,255,255,.12)}
.cta-bant__guven li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.82)}
.cta-bant__guven .ic{color:#4ED08A;stroke-width:2.4}
@media (max-width:767px){
  .cta-bant__wa{justify-self:center}
  .cta-bant__guven{flex-direction:column;gap:10px}
}

/* Fiyat hesapla sayfası (mobil): sayfa başlığı üstte olduğu için teklif formu önce, güven maddeleri formun altında */
@media (max-width:767px){
  .arac-teklif .quote{padding-top:20px}
  .arac-teklif .quote__form{order:-1}
  .arac-teklif .quote__intro .sec-title,.arac-teklif .quote__sub,.arac-teklif .quote__art{display:none}
  .arac-teklif .quote__perks{margin-top:0;border-top:0}
}

/* Fiyat tablosu (PHP) ======================================================
   Fiyat modülü — App\Services\Pricing\PriceTable::render() çıktısı (.fiyat-tablo*). Yalnızca YENİ sınıflar; mevcut
   kurallar değişmez. Fiyat kutusunun içindeyken tablo ikinci satıra tam genişlikte yerleşir, eylem düğmeleri ilk satırda
   kalır (bu iki kural yalnızca tablo varken eşleşir — tablo yokken statik görünüm aynen korunur).
   Servis sekmeleri JavaScript'siz çalışır (gizli radyo + etiket); en çok 6 servis desteklenir.
   ========================================================================== */
.fiyat-kutu>.fiyat-tablo{grid-column:1/-1;grid-row:2;margin:0}
.fiyat-kutu>.fiyat-tablo~.fiyat-kutu__aks{grid-column:2;grid-row:1}
.fiyat-tablo{position:relative;min-width:0;margin:22px 0;padding:18px 18px 16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--kart-r);box-shadow:0 1px 2px rgba(14,33,52,.04)}
.fiyat-tablo__bas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin:0 0 14px}
.fiyat-tablo__baslik{font-family:var(--font-display);font-stretch:92%;font-size:17px!important;font-weight:800;line-height:1.3;
  color:var(--ink);margin:0!important}
.fiyat-tablo__ozet{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.fiyat-tablo__ozet li{display:grid;gap:2px;min-width:124px;padding:8px 12px;border:1px solid var(--line-2);border-radius:10px;
  background:var(--bg-soft);line-height:1.25}
.fiyat-tablo__ozet span{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fiyat-tablo__ozet strong{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.fiyat-tablo__ozet li:first-child strong{color:var(--orange)}
.fiyat-tablo__ozet small{font-size:12px;color:var(--metin-2)}
/* Servis sekmeleri (radyo + etiket) */
.fiyat-tablo__secim{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);
  opacity:0;border:0}
.fiyat-tablo__sekmeler{display:flex;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 0 12px;padding:4px;
  border-radius:11px;background:var(--bg-soft-2);overflow-x:auto;scrollbar-width:none}
.fiyat-tablo__sekmeler::-webkit-scrollbar{display:none}
.fiyat-tablo__sekme{flex:none;margin:0;padding:7px 16px;border-radius:8px;font-size:14px;font-weight:700;line-height:1.3;color:var(--metin-2);
  cursor:pointer;user-select:none;transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
.fiyat-tablo__sekme:hover{color:var(--ink)}
.fiyat-tablo__secim~.fiyat-tablo__paneller>.fiyat-tablo__panel{display:none}
.fiyat-tablo__secim:nth-of-type(1):checked~.fiyat-tablo__paneller>.fiyat-tablo__panel:nth-child(1),
.fiyat-tablo__secim:nth-of-type(2):checked~.fiyat-tablo__paneller>.fiyat-tablo__panel:nth-child(2),
.fiyat-tablo__secim:nth-of-type(3):checked~.fiyat-tablo__paneller>.fiyat-tablo__panel:nth-child(3),
.fiyat-tablo__secim:nth-of-type(4):checked~.fiyat-tablo__paneller>.fiyat-tablo__panel:nth-child(4),
.fiyat-tablo__secim:nth-of-type(5):checked~.fiyat-tablo__paneller>.fiyat-tablo__panel:nth-child(5),
.fiyat-tablo__secim:nth-of-type(6):checked~.fiyat-tablo__paneller>.fiyat-tablo__panel:nth-child(6){display:block}
.fiyat-tablo__secim:nth-of-type(1):checked~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(1),
.fiyat-tablo__secim:nth-of-type(2):checked~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(2),
.fiyat-tablo__secim:nth-of-type(3):checked~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(3),
.fiyat-tablo__secim:nth-of-type(4):checked~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(4),
.fiyat-tablo__secim:nth-of-type(5):checked~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(5),
.fiyat-tablo__secim:nth-of-type(6):checked~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(6){background:#fff;color:var(--ink);
  box-shadow:0 1px 2px rgba(14,33,52,.08),0 0 0 1px var(--line)}
.fiyat-tablo__secim:nth-of-type(1):focus-visible~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(1),
.fiyat-tablo__secim:nth-of-type(2):focus-visible~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(2),
.fiyat-tablo__secim:nth-of-type(3):focus-visible~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(3),
.fiyat-tablo__secim:nth-of-type(4):focus-visible~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(4),
.fiyat-tablo__secim:nth-of-type(5):focus-visible~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(5),
.fiyat-tablo__secim:nth-of-type(6):focus-visible~.fiyat-tablo__sekmeler>.fiyat-tablo__sekme:nth-child(6){outline:2px solid var(--orange);
  outline-offset:1px}
/* Tablo */
.fiyat-tablo__aciklama{font-size:13.5px!important;line-height:1.5;color:var(--metin-2);margin:0 0 10px!important}
.fiyat-tablo__panel+.fiyat-tablo__panel{margin-top:18px}
.fiyat-tablo__servis{font-family:var(--font-display);font-size:15.5px!important;font-weight:800;color:var(--ink);margin:0 0 6px!important}
.fiyat-tablo__sar{position:relative;max-height:436px;overflow:auto;border:1px solid var(--line);border-radius:10px;
  overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.fiyat-tablo__sar:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.fiyat-tablo__tablo{width:100%;margin:0;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.4;color:var(--metin)}
.fiyat-tablo__tablo thead th{position:sticky;top:0;z-index:2;padding:10px 16px;background:var(--navy-700);color:#fff;font-size:11.5px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.fiyat-tablo__tablo thead th:last-child{text-align:right}
.fiyat-tablo__tablo tbody th,.fiyat-tablo__tablo tbody td{padding:9px 16px;border-top:1px solid var(--line-2)}
.fiyat-tablo__tablo tbody tr:first-child>*{border-top:0}
.fiyat-tablo__tablo tbody th{font-weight:600;color:var(--ink);text-align:left;white-space:nowrap}
.fiyat-tablo__tablo td{text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fiyat-tablo__tablo tbody tr:nth-child(even){background:rgba(247,249,251,.8)}
.fiyat-tablo__tablo tbody tr:hover{background:#FFF8F4}
.fiyat-tablo__tablo tfoot th,.fiyat-tablo__tablo tfoot td{position:sticky;bottom:0;z-index:1;padding:11px 16px;background:#FFF4EE;
  border-top:1px solid #FAD8C6}
.fiyat-tablo__tablo tfoot th{font-weight:700;color:var(--ink);text-align:left;white-space:nowrap}
.fiyat-tablo__tablo tfoot td{color:var(--orange-600)}
.fiyat-tablo__tablo small{margin-left:4px;font-size:12px;font-weight:600;color:var(--muted)}
.fiyat-tablo__gizli{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap;border:0}
.fiyat-tablo__dipnot{font-size:12.5px!important;line-height:1.55;color:var(--muted);margin:12px 0 0!important}
@media (max-width:767px){
  .fiyat-kutu>.fiyat-tablo{grid-row:3}
  .fiyat-kutu>.fiyat-tablo~.fiyat-kutu__aks{grid-column:1;grid-row:2}
  .fiyat-tablo{padding:14px 12px 12px}
  .fiyat-tablo__ozet{width:100%}
  .fiyat-tablo__ozet li{flex:1 1 calc(50% - 8px);min-width:0}
  .fiyat-tablo__sekmeler{flex-wrap:wrap;width:100%;overflow:visible}
  .fiyat-tablo__sekme{flex:1 1 auto;text-align:center}
  .fiyat-tablo__sar{max-height:360px}
  .fiyat-tablo__tablo{font-size:14.5px}
  .fiyat-tablo__tablo th,.fiyat-tablo__tablo td{padding-inline:12px}
}
@media (max-width:400px){
  .fiyat-tablo__tablo{font-size:14px}
  .fiyat-tablo__tablo th,.fiyat-tablo__tablo td{padding-inline:10px}
  .fiyat-tablo__tablo tbody th,.fiyat-tablo__tablo tfoot th{white-space:normal}
  .fiyat-tablo__tablo tfoot th small{display:block;margin:0}
}
@media print{
  .fiyat-tablo{box-shadow:none}
  .fiyat-tablo__sekmeler{display:none}
  .fiyat-tablo__secim~.fiyat-tablo__paneller>.fiyat-tablo__panel{display:block;margin-top:10px}
  .fiyat-tablo__sar{max-height:none;overflow:visible}
  .fiyat-tablo__tablo thead th,.fiyat-tablo__tablo tfoot th,.fiyat-tablo__tablo tfoot td{position:static}
}

/* Üyelik başvurusu (/uye-ol): iletişim formu kartını kullanır; hizmet seçimi ve giriş bağlantısı */
.iletisim-form .select select{padding:13px 38px 13px 14px;font-size:15.5px;border-radius:9px;color:var(--ink)}   /* açılır liste = metin kutusu yüksekliği */

/* ---- Üyelik başvurusu (/uye-ol) — sade form kartı (ad, firma, telefon, e-posta) ---- */
.uyelik{padding:8px 0 40px}
.uyelik-kart{max-width:760px;margin:0 auto;padding:32px 36px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:0 1px 2px rgba(14,33,52,.04),0 24px 48px -34px rgba(14,33,52,.35)}
.uyelik-kart__baslik{font-family:var(--font-display);font-stretch:88%;font-size:clamp(22px,2.2vw,27px);font-weight:800;line-height:1.15;margin:0 0 6px;color:var(--ink)}
.uyelik-kart__giris{margin:0 0 22px;font-size:15.5px;line-height:1.55;color:var(--muted)}
.uyelik-form .check{margin-top:2px}
.uyelik-form__gonder{min-height:52px;font-size:16px;border-radius:12px}
.uyelik-kart .form-basari{padding:26px 10px 8px}
.uyelik-kart__alt{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line-2);text-align:center;font-size:14.5px;color:var(--muted)}
.uyelik-kart__alt a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.uyelik-kart__alt a:hover{color:var(--orange)}
@media (max-width:767px){
  .uyelik{padding:0 0 28px}
  .uyelik-kart{padding:22px 18px 18px;border-radius:16px}
  .uyelik-form .field__row{grid-template-columns:1fr}
}