:root{--mavi:#2175DA;--turuncu:#FF7F00;--lacivert:#2E4567;--gri:#666666;--koyu-gri:#393939;--zemin:#F7F9FC;--cizgi:#E3E8EF;--metin:#2B3441;
  --serif:Georgia,'Times New Roman',Times,serif;--sans:Arial,Helvetica,sans-serif;--genislik:1100px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--metin);font:17px/1.7 var(--serif)}
a{color:var(--mavi)}img{max-width:100%;height:auto}
.kap{max-width:var(--genislik);margin:0 auto;padding:0 20px}
.ust{border-top:4px solid var(--turuncu);border-bottom:1px solid var(--cizgi);background:#fff}
.ust .kap{display:flex;align-items:center;gap:24px;min-height:72px;flex-wrap:wrap}
.logo{display:inline-block;line-height:0}.logo img{display:block;width:200px;height:auto}
.menu{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto;font:15px var(--sans)}
.menu a{color:var(--lacivert);text-decoration:none}
.dil-secici{font:700 13px var(--sans);letter-spacing:.08em;color:#fff;background:var(--turuncu);padding:6px 12px;border-radius:4px;text-decoration:none}
h1,h2,h3{font-family:var(--serif);color:var(--lacivert);line-height:1.25}
.alt{background:var(--zemin);border-top:1px solid var(--cizgi);margin-top:64px;padding:32px 0;font:14px/1.6 var(--sans);color:var(--gri)}
.btn{display:inline-block;background:var(--turuncu);color:#fff;font:700 15px var(--sans);padding:13px 30px;border-radius:4px;text-decoration:none}
.yasla{text-align:justify;text-justify:inter-word;hyphens:auto}
@media(max-width:480px){.yasla{text-align:left}}

/* Marka yazılışı: logo setindeki gibi mavi, serif, kalın (otomatik: eleventy transform) */
.marka{color:var(--mavi);font-family:var(--serif);font-weight:700}

.kirinti{font:14px var(--sans);color:var(--gri);margin:18px 0}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin:8px 0 24px}
.hero-duz{grid-template-columns:1fr;border-left:6px solid var(--turuncu);padding:8px 0 8px 20px}
.hero img{border-radius:6px}
@media(max-width:780px){.hero{grid-template-columns:1fr}}
.net-cevap{font-size:19px;line-height:1.65;background:var(--zemin);border-left:5px solid var(--turuncu);padding:18px 22px;margin:0 0 28px;color:var(--lacivert)}
.sss details{border-top:1px solid var(--cizgi);padding:14px 0}.sss summary{font:700 17px var(--serif);color:var(--lacivert);cursor:pointer}
.sss details p{margin:10px 0 0}.cta-bant{margin:36px 0;text-align:center}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin:24px 0}
.kart{display:block;border:1px solid var(--cizgi);border-radius:6px;padding:22px;text-decoration:none;color:var(--metin);background:#fff}
.kart:hover{border-color:var(--turuncu)}.kart h3{margin:0 0 8px}.kart p{margin:0;font:15px/1.6 var(--sans)}

.takip-formu{background:var(--zemin);border:1px solid var(--cizgi);border-radius:6px;padding:22px;margin:0 0 28px}
.takip-formu label{display:block;font:700 15px var(--sans);color:var(--lacivert);margin-bottom:8px}
.takip-satir{display:flex;gap:12px;flex-wrap:wrap}
.takip-satir input{flex:1 1 260px;font:16px var(--sans);padding:12px 14px;border:1px solid #c5cfdc;border-radius:4px;min-width:0}
.takip-satir .btn{border:0;cursor:pointer}
.takip-not{font:13px/1.6 var(--sans);color:var(--gri);margin:12px 0 0}

.anahero{padding:28px 0 8px;max-width:820px}.anahero h1{font-size:40px;margin:0 0 10px}
.alt-baslik{font:700 20px/1.5 var(--serif);color:var(--lacivert);margin:0 0 14px}
.hero-dugmeler{margin:22px 0 0}.btn-ikinci{display:inline-block;font:700 15px var(--sans);padding:12px 26px;border:2px solid var(--lacivert);border-radius:4px;color:var(--lacivert);text-decoration:none;margin-left:8px}
.ikincil{font:15px var(--sans);color:var(--gri)}
.adimlar{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.adimlar li{border-top:3px solid var(--turuncu);padding-top:12px;font:15px/1.6 var(--sans)}
.bolgeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;list-style:none;padding:0}
.bolgeler li{background:var(--zemin);border-radius:6px;padding:14px 16px;font:14px/1.6 var(--sans)}
.vizyon{margin:0;border-left:5px solid var(--mavi);padding:6px 0 6px 20px;font-size:19px;color:var(--lacivert)}
.cta-bant h2{margin:0 0 14px}

.ulkeler{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.ulkeler li{background:#F7F9FC;border:1px solid #dde6f2;border-radius:6px;padding:.35rem .75rem;color:#2E4567}
.iletisim-formu{max-width:34rem}.iletisim-formu p{margin:0 0 1rem}.iletisim-formu label,.iletisim-formu .etiket{display:block;font:600 .9rem Arial,sans-serif;color:#2E4567;margin-bottom:.25rem}.iletisim-formu input[type=text],.iletisim-formu input[type=email],.iletisim-formu input[type=date],.iletisim-formu select,.iletisim-formu textarea{width:100%;padding:.6rem;border:1px solid #c9d4e3;border-radius:6px;font:1rem Arial,sans-serif;box-sizing:border-box}.radyo label{display:inline-block;margin-right:1rem;font-weight:400}.bal-kutusu{position:absolute;left:-9999px}.form-durum{background:#eaf6ee;border:1px solid #9bd0ac;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.iletisim-adres{font-style:normal;margin-top:2rem;color:#393939}
.alt-menu{margin:0 0 .5rem;font:600 .9rem Arial,sans-serif}
/* Satır sonları: başlıklar dengeli bölünür, paragraflarda alt satırda tek kelime kalmaz */
h1,h2,h3,.alt-baslik,.net-cevap{text-wrap:balance}p,li,summary,blockquote{text-wrap:pretty}
.takip-mesaj{background:#fdf1e3;border:1px solid #f0c48a;border-radius:6px;padding:.75rem 1rem;margin:0 0 1rem}.gemi-harita{margin:0 0 2rem}.gemi-harita iframe{display:block;width:100%;height:480px;border:1px solid #dde6f2;border-radius:6px}

/* ===================== Material Design 3 katmanı =====================
   Bileşenler: @material/web (ripple, elevation, focus-ring, outlined text field/select, radio) -> /js/m3.js
   Hareket: M3 "emphasized" eğrisi; prefers-reduced-motion açıkken tüm animasyon kapanır. */
:root{
  --ease:cubic-bezier(.2,0,0,1);--sure-k:200ms;--sure-o:350ms;--sure-u:520ms;
  interpolate-size:allow-keywords;
  /* M3 renk rolleri = marka renkleri */
  --md-sys-color-primary:#2175DA;--md-sys-color-on-primary:#fff;
  --md-sys-color-secondary:#2E4567;--md-sys-color-on-surface:#2B3441;--md-sys-color-on-surface-variant:#4A5565;
  --md-sys-color-outline:#8794A6;--md-sys-color-outline-variant:#C5CFDC;
  --md-sys-color-surface:#fff;--md-sys-color-surface-container:#F7F9FC;--md-sys-color-surface-container-highest:#EEF3FA;
  --md-sys-color-secondary-container:#DCE8FA;--md-sys-color-on-secondary-container:#2E4567;
  --md-sys-color-error:#BA1A1A;--md-sys-color-shadow:#000;
  --md-ref-typeface-plain:Arial,Helvetica,sans-serif;--md-ref-typeface-brand:Arial,Helvetica,sans-serif;
}

/* --- Düğmeler (M3 filled / outlined / tonal) --- */
.btn,.btn-ikinci,.dil-secici{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:box-shadow var(--sure-o) var(--ease),transform var(--sure-k) var(--ease),background-color var(--sure-o) var(--ease)}
.btn{min-height:44px;padding:0 28px;border-radius:22px;font:700 15px/1 var(--sans);letter-spacing:.01em;background:var(--turuncu);color:#fff;
  --md-ripple-hover-color:#fff;--md-ripple-pressed-color:#fff;--md-ripple-hover-opacity:.12;--md-ripple-pressed-opacity:.18;--md-elevation-level:0}
.btn:hover{--md-elevation-level:2}.btn:active{transform:scale(.97)}
.btn-ikinci{min-height:44px;padding:0 26px;margin-left:0;border-radius:22px;font:700 15px/1 var(--sans);background:transparent;color:var(--lacivert);box-shadow:inset 0 0 0 1px var(--lacivert);
  --md-ripple-hover-color:var(--lacivert);--md-ripple-pressed-color:var(--lacivert);--md-ripple-hover-opacity:.08;--md-ripple-pressed-opacity:.14}
.btn-ikinci:active{transform:scale(.97)}
.dil-secici{min-height:34px;padding:0 14px;border-radius:17px;--md-ripple-hover-color:#fff;--md-ripple-pressed-color:#fff;--md-ripple-hover-opacity:.14}
.hero-dugmeler{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn md-ripple,.btn-ikinci md-ripple,.dil-secici md-ripple,.kart md-ripple{border-radius:inherit}
.btn md-elevation,.btn-ikinci md-elevation,.kart md-elevation{border-radius:inherit}

/* --- Menü: animasyonlu alt çizgi, geçerli sayfa işaretli --- */
.menu a{position:relative;padding:8px 2px}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:1px;background:var(--turuncu);transform:scaleX(0);transform-origin:left;transition:transform var(--sure-o) var(--ease)}
.menu a:hover::after,.menu a:focus-visible::after,.menu a[aria-current="page"]::after{transform:scaleX(1)}
.menu a[aria-current="page"]{font-weight:700}

/* --- Kartlar (M3 elevated card) --- */
.kart{position:relative;border:1px solid var(--cizgi);border-radius:12px;--md-elevation-level:1;--md-ripple-hover-color:var(--mavi);--md-ripple-pressed-color:var(--mavi);--md-ripple-hover-opacity:.05;--md-ripple-pressed-opacity:.1;
  transition:transform var(--sure-o) var(--ease),border-color var(--sure-o) var(--ease)}
.kart:hover{--md-elevation-level:3;transform:translateY(-3px);border-color:transparent}
.kart:active{transform:translateY(-1px)}
.net-cevap{border-radius:4px 12px 12px 4px}
.bolgeler li{border-radius:12px;transition:transform var(--sure-o) var(--ease),box-shadow var(--sure-o) var(--ease)}
.bolgeler li:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(46,69,103,.14)}
.ulkeler li{border-radius:8px;min-height:32px;display:inline-flex;align-items:center;transition:background-color var(--sure-k) var(--ease),border-color var(--sure-k) var(--ease)}
.ulkeler li:hover{background:var(--md-sys-color-secondary-container);border-color:transparent}
.adimlar li{transition:border-color var(--sure-o) var(--ease),transform var(--sure-o) var(--ease)}
.adimlar li:hover{transform:translateY(-2px)}

/* --- Sık sorulan sorular (M3 liste öğesi + açılır animasyon) --- */
.sss details{border-top:1px solid var(--cizgi);padding:0}
.sss summary{position:relative;display:block;list-style:none;padding:16px 40px 16px 8px;border-radius:8px;transition:background-color var(--sure-k) var(--ease)}
.sss summary::-webkit-details-marker{display:none}
.sss summary:hover{background:rgba(33,117,218,.06)}
.sss summary:focus-visible{outline:2px solid var(--mavi);outline-offset:-2px}
.sss summary::after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--lacivert);border-bottom:2px solid var(--lacivert);transform:rotate(45deg);transition:transform var(--sure-o) var(--ease)}
.sss details[open] summary::after{transform:rotate(-135deg)}
.sss details::details-content{block-size:0;overflow:hidden;transition:block-size var(--sure-o) var(--ease),content-visibility var(--sure-o) allow-discrete}
.sss details[open]::details-content{block-size:auto}
.sss details p{margin:0;padding:0 8px 16px;animation:acil var(--sure-o) var(--ease)}
@keyframes acil{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* --- Form alanları (M3 outlined) --- */
md-outlined-text-field,md-outlined-select{width:100%;
  --md-outlined-text-field-container-shape:8px;--md-outlined-select-text-field-container-shape:8px;
  --md-outlined-text-field-input-text-font:var(--sans);--md-outlined-select-text-field-input-text-font:var(--sans);
  --md-outlined-text-field-input-text-size:16px;--md-outlined-select-text-field-input-text-size:16px;
  --md-outlined-text-field-label-text-font:var(--sans);--md-outlined-select-text-field-label-text-font:var(--sans);
  --md-outlined-text-field-supporting-text-font:var(--sans);--md-outlined-select-text-field-supporting-text-font:var(--sans)}
.iletisim-formu md-outlined-text-field,.iletisim-formu md-outlined-select{display:block}
md-select-option{--md-menu-item-label-text-font:var(--sans)}
.radyo{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center}
.radyo label{display:inline-flex;align-items:center;gap:4px;margin:0;font:400 15px var(--sans);color:var(--metin);cursor:pointer}
.iletisim-formu .etiket{display:block;margin:0 0 4px;font:700 13px var(--sans);letter-spacing:.02em;color:var(--lacivert)}
.takip-satir{align-items:flex-start}
.takip-satir md-outlined-text-field{flex:1 1 260px;min-width:0;width:auto}
.takip-satir .btn{min-height:56px;border-radius:28px}

/* --- Sayfa açılış ve kaydırma animasyonları --- */
@keyframes yuksel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.anahero>*,.hero h1,main>h1{animation:yuksel var(--sure-u) var(--ease) both}
.anahero>:nth-child(2){animation-delay:70ms}.anahero>:nth-child(3){animation-delay:140ms}.anahero>:nth-child(4){animation-delay:210ms}
.belir{opacity:0;transform:translateY(20px)}
.belir.goruldu{opacity:1;transform:none;transition:opacity var(--sure-u) var(--ease) var(--gecikme,0ms),transform var(--sure-u) var(--ease) var(--gecikme,0ms)}
.gemi-harita:not([hidden]){animation:yuksel var(--sure-u) var(--ease) both}
.takip-mesaj:not([hidden]),.form-durum:not([hidden]){animation:acil var(--sure-o) var(--ease)}

/* Sayfalar arası geçiş (Chrome/Edge/Safari'de çapraz belge geçişi; üst çubuk sabit kalır) */
@view-transition{navigation:auto}
.ust{view-transition-name:ust}
::view-transition-group(root){animation-duration:280ms;animation-timing-function:var(--ease)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  @view-transition{navigation:none}
}
/* Bileşenler yüklenene kadar: seçenekler görünmesin, alanlar yerini tutsun (sayfa zıplamasın) */
md-outlined-select:not(:defined) md-select-option{display:none}
md-outlined-text-field:not(:defined),md-outlined-select:not(:defined){display:block;min-height:56px}
md-outlined-text-field[type=textarea]:not(:defined){min-height:132px}
.iletisim-formu .alan{margin:0 0 1rem}
/* Mobil: ızgara içeriğe göre şişmesin, başlıklar ekrana göre küçülsün (son iki kelime bağlı olduğundan taşma olmasın) */
@media(max-width:780px){.hero{grid-template-columns:minmax(0,1fr)}.hero>*{min-width:0}}
main h1{font-size:clamp(23px,7vw,40px);overflow-wrap:break-word}.anahero h1{font-size:clamp(26px,7vw,40px)}
/* Müşteri alanı (PHP uygulaması) ekranları */
.sevkiyat-tablo{border-collapse:collapse;margin:0 0 24px;font:15px var(--sans)}.sevkiyat-tablo th{text-align:left;padding:8px 24px 8px 0;color:var(--lacivert);font-weight:700;vertical-align:top}.sevkiyat-tablo td{padding:8px 0}
.belge-satir{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--cizgi);font:16px var(--sans)}.belge-satir form{margin:0}

/* ===== Müşteri paneli: sevkiyat rotası ===== */
.panel-ust{padding:30px 0 4px}
.panel-ust h1{margin:0 0 8px}
.panel-ozet{margin:0;font:19px/1.5 var(--serif);color:var(--koyu-gri)}
.sevk-listesi{display:grid;gap:20px;margin:28px 0 8px}
.sevk-kart{padding:24px 28px 18px}
.sevk-ust{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.sevk-ust h1,.sevk-ust h2{margin:0}
.sevk-kart h2{font-size:24px}
.rozet{display:inline-flex;align-items:center;min-height:28px;padding:0 13px;border-radius:14px;font:700 13px var(--sans);background:#EEF3FA;color:var(--lacivert)}
.rozet-denizde,.rozet-varis_limaninda{background:#FFF1E0;color:#A85400}
.rozet-teslim_edildi{background:#E4F3E9;color:#1B6334}
.sevk-gemi{margin:6px 0 0;font:15px var(--sans);color:var(--gri)}
.sevk-uclar{display:flex;justify-content:space-between;gap:12px;margin:20px 0 4px;font:700 16px var(--serif);color:var(--lacivert)}
.sevk-alt{margin:14px 0 0;font:13px var(--sans);color:var(--gri)}
.rota-kutu{margin:22px 0 8px;padding:22px 28px 18px;border:1px solid var(--cizgi);border-radius:12px;background:#fff}
.rota-kutu .sevk-uclar{margin-top:0}
.cikis-formu{margin:0}.ust .cikis-formu .btn-ikinci{min-height:36px;padding:0 18px;font-size:14px}

.rota{list-style:none;display:flex;margin:4px 0 0;padding:0}
.rota li{flex:1;position:relative;padding-top:38px;text-align:center;font:12.5px/1.35 var(--sans);color:var(--gri)}
.rota li::before{content:"";position:absolute;top:8px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:2px solid #c5cfdc;box-sizing:border-box;z-index:2}
.rota li::after{content:"";position:absolute;top:14px;left:-50%;width:100%;height:3px;background:#dde6f2;z-index:1}
.rota li:first-child::after{display:none}
.rota li.tamam::before{background:var(--mavi);border-color:var(--mavi)}
.rota li.tamam::after,.rota li.simdiki::after{background:var(--mavi);transform-origin:left;animation:rota-cizgi .55s var(--ease) both}
.rota li:nth-child(2)::after{animation-delay:.05s}.rota li:nth-child(3)::after{animation-delay:.3s}.rota li:nth-child(4)::after{animation-delay:.55s}.rota li:nth-child(5)::after{animation-delay:.8s}
.rota li.simdiki{color:var(--lacivert);font-weight:700}
.rota li.simdiki::before{width:34px;height:34px;top:-2px;margin-left:-17px;border:2px solid var(--turuncu);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF7F00' d='M4 16.5h16l-2.2 4H6.2zM6 9h12v6.5H6zM8 5.5h4V9H8zM13 7h3V9h-3z'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 0 0 5px rgba(255,127,0,.15);animation:rota-gemi .5s var(--ease) both;animation-delay:calc(var(--p) * .011s + .1s)}
@keyframes rota-cizgi{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rota-gemi{from{opacity:0;transform:translateX(-26px) scale(.7)}to{opacity:1;transform:none}}
.bilgi-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px 32px;margin:12px 0 0}
.bilgi-izgara dt{font:700 13px var(--sans);color:var(--gri);margin:0 0 4px}
.bilgi-izgara dd{margin:0;font:18px/1.4 var(--serif);color:var(--lacivert)}
.belgeler{margin:36px 0 0}

@media (max-width:560px){
  .sevk-kart,.rota-kutu{padding:20px 18px 16px}
  .sevk-uclar{margin-top:10px}
  .rota{flex-direction:column;margin-top:10px}
  .rota li{flex:none;text-align:left;padding:5px 0 22px 44px;min-height:30px}
  .rota li:last-child{padding-bottom:4px}
  .rota li::before{top:6px;left:0;margin-left:0}
  .rota li.simdiki::before{top:-1px;left:-10px;margin-left:0}
  .rota li::after,.rota li:first-child::after{display:block;top:22px;left:6px;width:3px;height:calc(100% - 8px);background:#dde6f2;transform-origin:top;animation:none}
  .rota li:last-child::after{display:none}
  .rota li.tamam::after{background:var(--mavi);animation:rota-cizgi-dikey .5s var(--ease) both}
  .rota li.simdiki::after{background:#dde6f2;animation:none}
  .rota li:nth-child(n)::after{animation-delay:0s}
}
@keyframes rota-cizgi-dikey{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* Araç sayfaları (Faz 2c) */
.arac{margin:24px 0;overflow-x:auto}.arac-not{margin:24px 0;padding:14px 18px;border-left:4px solid var(--turuncu);background:#fff8ef;font:15px/1.6 var(--sans)}.arac-noscript{padding:14px 18px;border:1px solid var(--cizgi)}.arac-hub{margin:24px 0}

/* Müşteri girişi bağlantısı (üst çubuk) */
.musteri-giris{font:600 13px var(--sans);color:var(--lacivert);text-decoration:none;border:1.5px solid var(--lacivert);border-radius:17px;padding:6px 14px;white-space:nowrap}.musteri-giris:hover{background:var(--lacivert);color:#fff}
@media(max-width:560px){.musteri-giris{font-size:12px;padding:5px 10px}}

/* Hizmetler ve Servisler vitrin sayfaları (fotoğraflı, kurumsal) */
.vitrin{margin:44px 0}.vitrin-bas{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--turuncu)}.vitrin-bas h2{margin:0}.vitrin-bas p{margin:0;font:15px/1.5 var(--sans);color:var(--gri)}
.kartlar-g{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.kart-g,.kart-b{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:10px}
.kart-gorsel{position:relative;display:block;height:170px;background-size:cover;background-position:center;background-color:#dfe7f1}
.kart-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(31,52,82,.55),rgba(31,52,82,0) 55%)}
.kart-gorsel-b{height:150px}
.kart-ic{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1;border-top:3px solid var(--turuncu)}.kart-ic h3{margin:0;font-size:18px}.kart-ic p{flex:1;font-size:14.5px}
.kart-git{font:600 14px var(--sans);color:var(--turuncu)}.kart-git::after{content:" ›"}
.kart-bas{position:absolute;left:14px;bottom:12px;z-index:1;font:13px var(--sans);color:#fff}.kart-bas b{font-size:20px;margin-right:4px}
.cipler{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.cipler li{font:12.5px var(--sans);background:#f1f5fa;color:var(--lacivert);border-radius:12px;padding:3px 10px}.cipler .cok{background:var(--lacivert);color:#fff}

/* Hizmet ve bölge ayrıntı sayfaları */
.detay-bant{position:relative;margin:8px 0 28px;height:260px;border-radius:10px;overflow:hidden;background-size:cover;background-color:#dfe7f1}
.detay-bant::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,52,82,.88),rgba(31,52,82,.45) 60%,rgba(31,52,82,.15))}
.detay-bant-ic{position:relative;height:100%;display:flex;align-items:flex-end;padding:28px 36px;border-bottom:4px solid var(--turuncu)}
.detay-bant h1{margin:0;color:#fff;font-size:clamp(28px,4.2vw,44px);max-width:760px}
.detay{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.detay-ana section{margin:0 0 30px}.detay-ana h2{border-left:4px solid var(--turuncu);padding-left:12px}
.detay-ana ul:not(.cipler){list-style:none;padding:0}.detay-ana ul:not(.cipler) li{position:relative;padding:4px 0 4px 26px}.detay-ana ul:not(.cipler) li::before{content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--turuncu)}
.detay-yan{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.yan-kutu{border:1px solid var(--cizgi);border-radius:10px;padding:20px;background:#fff}.yan-kutu h2{margin:0 0 10px;font-size:18px}.yan-kutu p{font:14.5px/1.6 var(--sans);margin:0 0 14px}
.yan-cta{background:var(--lacivert);border-color:var(--lacivert);color:#fff}.yan-cta h2,.yan-cta p{color:#fff}
.yan-liste{list-style:none;margin:0;padding:0}.yan-liste li{border-top:1px solid var(--cizgi)}.yan-liste li:first-child{border-top:0}.yan-liste a{display:block;padding:9px 0;font:15px var(--sans);color:var(--lacivert);text-decoration:none}.yan-liste a:hover{color:var(--turuncu)}
@media(max-width:900px){.detay{grid-template-columns:minmax(0,1fr)}.detay-yan{position:static}.detay-bant{height:200px}.detay-bant-ic{padding:20px}}

/* Blog */
.blog-meta{font:13px var(--sans);color:var(--gri);margin:0}.blog-izgara .kart-ic h2,.blog-izgara .kart-ic h3{margin:0;font-size:18px}

/* Müşteri alanında gömülü araç görünümü: site başlığı, altbilgi ve açıklayıcı metinler gizlenir */
.gomulu .ust,.gomulu .alt,.gomulu .kirinti,.gomulu main>h1,.gomulu .net-cevap,.gomulu .sss,.gomulu .cta-bant,.gomulu .arac-hub,.gomulu .musteri-giris,.gomulu main>section:not(.arac-bolum){display:none}
.gomulu body{background:#fff}.gomulu main.kap{max-width:none;padding:12px 16px}

/* Haberler */
.haber-listesi{margin:24px 0}.haber-satir{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid var(--cizgi)}
.haber-satir:first-child{border-top:2px solid var(--turuncu)}.haber-tarih{font:600 14px var(--sans);color:var(--lacivert)}
.haber-satir h2{margin:0 0 6px;font-size:20px}.haber-satir h2 a{color:var(--lacivert);text-decoration:none}.haber-satir h2 a:hover{color:var(--turuncu)}.haber-satir p{margin:0 0 6px;font:15px/1.6 var(--sans)}
@media(max-width:600px){.haber-satir{grid-template-columns:1fr;gap:6px}}