/* ================================================================
   Poliçehane — sihirbaz, teklif listesi ve kasko paket stilleri
   Yalnızca bu bileşenleri içeren sayfalarda yüklenir (duzen.php, $icerik'te
   sh-kabuk / tk-kart / kp-grid / pk-grid geçiyorsa). Ana sayfa ve içerik
   sayfaları bu dosyayı hiç indirmez (kullanılmayan CSS ~20 KiB).
   ================================================================ */
/* ==================================================================
   Trafik teklif sihirbazı — sol adım listesi + sağ içerik
   (gorunum/site/trafik-plaka.php ve trafik-arac.php kullanır)
   ================================================================== */
/* Sihirbaz: yan menü + kart toplamı 1140 px ile sınırlanır ve ortalanır; geniş ekranda sağda boşluk kalmaz. */
.sh-duzeltme{display:inline-block;font-style:normal;font-size:11px;font-weight:600;color:#946d00;background:#fff3c4;border-radius:12px;padding:2px 8px;margin-left:6px;vertical-align:1px}
/* Kasko paket (teminat şablonu) seçimi — geniş kabuk + kart ızgarası + karşılaştırma matrisi */
.sh-kabuk.genis{max-width:1440px}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:8px 0 22px}
.pk-kart{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 22px 18px;border:2px solid #e2e7ee;border-radius:16px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.pk-kart:hover{border-color:#cfd7e0;transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,27,43,.08)}
.pk-kart.secili{border-color:#f5b301;background:linear-gradient(180deg,#fffdf5,#fff);box-shadow:0 0 0 4px rgba(245,179,1,.14)}
.pk-kart input{position:absolute;opacity:0;width:0;height:0}
.pk-isaret{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:2px solid #d7dee7;background:#fff}
.pk-kart.secili .pk-isaret{border-color:#f5b301;background:#f5b301 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.8' fill='none' stroke='%230f1b2b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.pk-ust{display:flex;gap:6px;flex-wrap:wrap;min-height:22px;padding-right:30px}
.pk-etiket{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#946d00;background:#fff3c4;border-radius:20px;padding:3px 9px}
.pk-genel{font-size:11px;font-weight:600;color:#5c6a78;background:#f1f4f8;border-radius:20px;padding:3px 9px}
.pk-baslik{font-size:26px;font-weight:700;color:#0f1b2b;line-height:1.15}
.pk-aciklama{font-size:13px;color:#5c6a78;line-height:1.6;min-height:42px}
.pk-alt{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:12px;border-top:1px dashed #e6ebf1}
.pk-tam{font-size:11.5px;color:#8593a1}
.pk-detay{background:none;border:0;padding:0;font:inherit;font-size:12.5px;font-weight:700;color:#946d00;cursor:pointer;white-space:nowrap}
.pk-detay:hover{text-decoration:underline}
.pk-karsilastir{margin:0 0 22px;border:1px solid #e2e7ee;border-radius:14px;background:#fff;overflow:hidden}
.pk-karsilastir-bas{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid #eef1f5;background:#f8fafc}
.pk-sayac{font-size:12px;font-weight:600;color:#5c6a78;white-space:nowrap;background:#fff;border:1px solid #e2e7ee;border-radius:20px;padding:5px 11px}
.pk-sirketler{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-bottom:1px solid #eef1f5}
.pk-sirket{appearance:none;background:#fff;border:1px solid #e2e7ee;border-radius:20px;padding:7px 13px;font:inherit;font-size:12.5px;font-weight:600;color:#5c6a78;cursor:pointer;transition:all .15s}
.pk-sirket small{font-weight:600;color:#8593a1;margin-left:4px}
.pk-sirket:hover{border-color:#cfd7e0;color:#0f1b2b}
.pk-sirket.aktif{background:#0f1b2b;border-color:#0f1b2b;color:#fff}
.pk-sirket.aktif small{color:#f5b301}
.pk-teminatlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:16px 18px}
.pk-teminat{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #eef1f5;border-radius:10px;background:#fbfcfe}
.pk-teminat span{font-size:11.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#8593a1}
.pk-teminat b{font-size:14px;color:#0f1b2b;line-height:1.45;word-break:break-word}
.pk-teminat.yok{opacity:.55}
.pk-teminat.yok b{font-weight:500}
@media (max-width:700px){.pk-baslik{font-size:22px}.pk-karsilastir-bas{flex-direction:column}}
.sh-kabuk{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;align-items:start;padding:34px clamp(16px,3vw,46px) 64px;max-width:1140px}
.sh-yan{position:sticky;top:90px}
.sh-grup{margin-bottom:22px}
.sh-grup > b{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#0f1b2b;margin-bottom:10px}
.sh-nokta{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #d7dee7;background:#fff}
.sh-grup.aktif .sh-nokta{border-color:#f5b301;background:radial-gradient(circle,#f5b301 0 4px,#fff 5px)}
.sh-grup.bitti .sh-nokta{border-color:#1e9e5a;background:#1e9e5a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.sh-alt li.bitti::before{content:"\2713\00a0";color:#1e9e5a;font-weight:700}
.sh-alt{list-style:none;margin:0;padding:0 0 0 28px;border-left:1px dashed #dfe5ec}
.sh-alt li{font-size:13.5px;color:#8593a1;padding:7px 0}
.sh-alt li.aktif{color:#0f1b2b;font-weight:600}
.sh-alt li.bitti{color:#5c6a78}
.sh-icerik{background:#fff;border:1px solid #e2e7ee;border-radius:14px;padding:30px 32px}
.sh-icerik h1{font-size:21px;margin:0 0 6px;line-height:1.4}
.sh-icerik .aciklama{font-size:13.5px;color:#5c6a78;margin:0 0 24px;line-height:1.7}
.sh-secim{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:22px}
.sh-secim label{display:flex;align-items:center;gap:9px;font-size:14px;color:#0f1b2b;cursor:pointer}
.sh-plaka{display:flex;gap:12px;max-width:420px}
.sh-plaka input{text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:1px}
.sh-plaka .il{flex:0 0 90px}
.sh-plaka .harf{flex:0 0 110px}
.sh-plaka .no{flex:1}
.sh-ozet{background:#f8fafc;border:1px solid #e6ebf1;border-radius:11px;padding:18px 20px;margin-bottom:24px}
.sh-ozet dl{display:grid;grid-template-columns:150px 1fr;gap:9px 14px;margin:0;font-size:13.5px}
.sh-ozet dt{color:#5c6a78}
.sh-ozet dd{margin:0;color:#0f1b2b;font-weight:600;word-break:break-word}
.sh-dip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;flex-wrap:wrap}
.sh-geri{font-size:14px;color:#5c6a78;text-decoration:none}
.sh-geri:hover{color:#0f1b2b}
@media (max-width:860px){
  .sh-kabuk{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:20px}
  .sh-yan{position:static}
  .sh-icerik{padding:22px 18px}
  .sh-plaka{max-width:100%}
}

/* Sihirbaz — ek bileşenler (ruhsat adımı, özet kartı başlığı, ikili alan) */
.sh-ikili{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.sh-ikili .alan{min-width:0}
.sh-ara-baslik{font-size:17px;margin:30px 0 14px;color:#0f1b2b}
.sh-ozet-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;
             margin:0 0 12px;padding-bottom:11px;border-bottom:1px solid #e6ebf1}
.sh-ozet-bas b{font-size:14.5px;color:#0f1b2b}
.sh-ozet-bas a{font-size:13px;color:#946d00;text-decoration:none;font-weight:600}
.sh-ozet-bas a:hover{text-decoration:underline}
.sh-yardim{color:#946d00;font-weight:600;text-decoration:underline}
.sh-yardim-kutu{background:#f8fafc;border:1px solid #e6ebf1;border-radius:10px;
                padding:14px 16px;margin:0 0 20px;font-size:13px;color:#5c6a78;line-height:1.75}
/* hidden özniteliği, display tanımlı .alan/.sh-* kutularında da geçerli olsun */
.alan[hidden],.sh-ikili[hidden],.sh-uclu[hidden],[hidden]{display:none!important}
.sh-uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sh-aile-blok{margin-top:6px;padding:16px 18px 6px;border:1px dashed #d7dee7;border-radius:12px;background:#fbfcfe;margin-bottom:12px}
.sh-aile-bas{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sh-aile-bas .sh-ara-baslik{margin:0 0 8px}
.sh-aile-sil{background:none;border:0;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:#c9314a;cursor:pointer}
@media (max-width:620px){ .sh-ikili{grid-template-columns:1fr} .sh-uclu{grid-template-columns:1fr} }

/* Trafik teklif listesi — canlı fiyat kartları (gorunum/site/trafik-teklifler.php) */
.tk-sayfa h1{margin-bottom:10px}
.tk-ozet{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.tk-cip{display:inline-flex;align-items:center;font-size:12.5px;color:#0f1b2b;background:#f1f4f8;border:1px solid #e2e7ee;border-radius:20px;padding:5px 12px}
.tk-cip.plaka{font-weight:700;letter-spacing:.5px;background:#fff8e1;border-color:#f5b301}
.tk-cip.bag{color:#946d00;font-weight:600;text-decoration:none}
.tk-cip.bag:hover{background:#fff3c4}
.tk-durum{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#5c6a78;margin:0 0 16px}
.tk-nokta{width:9px;height:9px;border-radius:50%;background:#f5b301;flex:none;animation:tkYanip 1s ease-in-out infinite}
.tk-nokta.bitti{background:#1e9e5a;animation:none}
.tk-nokta.hata{background:#c9314a;animation:none}
@keyframes tkYanip{0%,100%{opacity:.25}50%{opacity:1}}
.tk-liste{display:flex;flex-direction:column;gap:12px}
.tk-kart{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:18px;background:#fff;border:1px solid #e2e7ee;border-radius:14px;padding:18px 20px;transition:box-shadow .2s,transform .2s}
.tk-kart:hover{box-shadow:0 10px 28px rgba(15,27,43,.08);transform:translateY(-1px)}
.tk-kart.enucuz{border:2px solid #f5b301;background:linear-gradient(180deg,#fffdf5,#fff);padding-top:26px}
.tk-serit{position:absolute;top:-1px;left:22px;background:#f5b301;color:#0f1b2b;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:4px 12px;border-radius:0 0 8px 8px}
.tk-logo{width:104px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #edf0f4;border-radius:10px;overflow:hidden}
.tk-logo img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.tk-logo span{font-size:22px;font-weight:700;color:#946d00}
.tk-sirket{min-width:0}
.tk-sirket b{display:block;font-size:16px;color:#0f1b2b;line-height:1.3}
.tk-rozetler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tk-rozet{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}
.tk-rozet.ok{background:#e6f5ec;color:#14713f}
.tk-rozet.no{background:#fdecef;color:#96233a}
.tk-rozet.gri{background:#f1f4f8;color:#5c6a78}
.tk-alt{font-size:12.5px;color:#5c6a78;margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.tk-tem summary{cursor:pointer;color:#946d00;font-weight:600;list-style:none}
.tk-tem summary::-webkit-details-marker{display:none}
.tk-tem ul{margin:6px 0 0;padding:0;list-style:none;font-size:12px}
.tk-tem li{display:inline-block;margin:2px 12px 0 0}
.tk-prim{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.tk-prim > small{font-size:11px;color:#8593a1;text-transform:uppercase;letter-spacing:.4px}
.tk-prim b{display:block;font-size:24px;color:#0f1b2b;white-space:nowrap;line-height:1.2}
.tk-kart.enucuz .tk-prim b{color:#946d00;font-size:28px}
.tk-sec{margin-top:8px;padding:9px 18px;font-size:13px;white-space:nowrap}
.tk-alternatif{margin-top:10px;padding:8px 12px;background:#f6f8fb;border-radius:10px;font-size:12.5px}
.tk-alternatif-bas{display:block;font-size:11px;font-weight:600;color:#8593a1;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.tk-alternatif-satir{display:flex;align-items:center;gap:10px;padding:4px 0;border-top:1px solid #e8edf3;color:#5c6a78}
.tk-alternatif-satir > span{flex:1;min-width:0}
.tk-alternatif-satir b{color:#0f1b2b;white-space:nowrap}
.tk-alternatif-sec{color:#946d00;font-weight:600;text-decoration:none;white-space:nowrap}
.tk-alternatif-sec:hover{text-decoration:underline}
.tk-sec.online{background:#1e9e5a;color:#fff}
.tk-sec.online:hover{background:#178a4d}
.tk-online-not{font-size:11px;color:#1e9e5a;font-weight:600;margin-top:4px}
.tk-alternatif-sec{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.tk-alternatif-sec.online{color:#1e9e5a}
/* Poliçe sonucu / talep onayı sayfaları */
.ps-sayfa{text-align:left}
.ps-ikon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin-bottom:14px}
.ps-ikon.ok{background:#e6f5ec;color:#1e9e5a}
.ps-ikon.no{background:#fdecef;color:#c9314a}
.ps-ikon.bekle{background:#fff3c4}
.ps-ikon.bekle span{width:22px;height:22px;border:3px solid #f5b301;border-top-color:transparent;border-radius:50%;animation:psDon 1s linear infinite}
@keyframes psDon{to{transform:rotate(360deg)}}
html.hareketsiz .ps-ikon.bekle span{animation:none}
.tk-bos{padding:22px 4px;color:#5c6a78;font-size:13.5px;text-align:center}
.tk-katla{margin-top:26px;border:1px dashed #d7dee7;border-radius:12px;background:#fafbfc}
.tk-katla summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 18px;font-size:14px;font-weight:600;color:#5c6a78;list-style:none}
.tk-katla summary::-webkit-details-marker{display:none}
.tk-katla summary .ok{width:9px;height:9px;border-right:2px solid #8593a1;border-bottom:2px solid #8593a1;transform:rotate(45deg);transition:transform .2s;margin-right:4px}
.tk-katla[open] summary .ok{transform:rotate(-135deg)}
.tk-katla-not{margin:0;padding:0 18px 10px;font-size:12.5px;color:#8593a1}
.tk-hata-liste{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}
.tk-hata-satir{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;background:#fff;border:1px solid #edf0f4;border-radius:10px;padding:10px 12px}
.tk-hata-satir .tk-logo{width:64px;height:36px;border-radius:8px;opacity:.85}
.tk-hata-satir .tk-logo span{font-size:16px}
.tk-hata-ic b{display:block;font-size:13.5px;color:#0f1b2b}
.tk-hata-ic > span{display:block;font-size:12.5px;color:#5c6a78;margin-top:2px}
.tk-teknik{margin-top:4px;font-size:11.5px;color:#8593a1}
.tk-teknik summary{cursor:pointer;display:inline;list-style:none;text-decoration:underline dotted}
.tk-teknik summary::-webkit-details-marker{display:none}
.tk-teknik p{margin:4px 0 0;word-break:break-word}
.tk-dip{margin-top:28px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.tk-wa{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff}
.tk-wa:hover{background:#1ebe5b}
@media (max-width:700px){
  .tk-kart{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:16px 14px}
  .tk-kart.enucuz{padding-top:26px}
  .tk-logo{width:72px;height:44px}
  .tk-prim{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:12px;margin-top:4px}
  .tk-prim > small{display:none}
  .tk-sec{margin-top:0}
}

/* Teklif yükleme katmanı — marka maskotu + yüzde halkası (trafik-teklifler.php) */
html.tk-kilit{overflow:hidden}
.tk-perde{position:fixed;inset:0;z-index:900;background:rgba(15,27,43,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;transition:opacity .4s ease,visibility .4s}
.tk-perde.kapali{opacity:0;visibility:hidden;pointer-events:none}
.tk-yukleyici{background:#fff;border-radius:18px;width:min(640px,100%);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;text-align:center}
.tk-yukleyici h2{font-size:22px;line-height:1.35;margin:0;padding:0 36px 26px;color:#0f1b2b}
.tk-maskot{padding:34px 0 18px}
.tk-maskot .ari-gorsel{width:120px;height:auto;animation:tkSuzul 2.4s ease-in-out infinite}
@keyframes tkSuzul{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.tk-halka{--yuzde:0;width:150px;height:150px;border-radius:50%;margin:0 auto;display:grid;place-items:center;position:relative;background:conic-gradient(#f5b301 calc(var(--yuzde)*1%),#e6eaf0 0);transition:background .6s ease}
.tk-halka::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}
.tk-halka span{position:relative;font-size:32px;font-weight:600;color:#0f1b2b}
.tk-sayac{margin:14px 0 26px;font-size:13.5px;color:#5c6a78}
.tk-ipucu{background:#f6f8fb;border-top:1px solid #e2e7ee;padding:22px 36px 26px}
.tk-ipucu b{display:block;font-size:16px;color:#0f1b2b;margin-bottom:8px}
.tk-ipucu p{margin:0;font-size:14px;line-height:1.55;color:#5c6a78}
html.hareketsiz .tk-maskot .ari-gorsel{animation:none}
@media (prefers-reduced-motion:reduce){.tk-maskot .ari-gorsel{animation:none}}
@media (max-width:560px){.tk-yukleyici h2{font-size:18px;padding:0 20px 20px}.tk-halka{width:120px;height:120px}.tk-halka span{font-size:26px}.tk-ipucu{padding:18px 20px}}

/* --- Kasko paket kartları (Eko / Standart / Lüks) --- */
.kp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:6px 0 22px}
.kp-kart{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 22px 22px;border:2px solid #e2e7ee;border-radius:18px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}
.kp-kart::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:#cfd7e0}
.kp-kart.kp-eko::before{background:linear-gradient(90deg,#4caf7d,#8ed1ab)}
.kp-kart.kp-standart::before{background:linear-gradient(90deg,#f5b301,#ffd65c)}
.kp-kart.kp-luks::before{background:linear-gradient(90deg,#0f1b2b,#3b5b8a)}
.kp-kart:hover{border-color:#cfd7e0;transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,27,43,.10)}
.kp-kart.secili{border-color:#f5b301;background:linear-gradient(180deg,#fffdf5,#fff);box-shadow:0 0 0 4px rgba(245,179,1,.14)}
.kp-kart.kp-luks.secili{border-color:#0f1b2b;box-shadow:0 0 0 4px rgba(15,27,43,.10);background:linear-gradient(180deg,#f7f9fc,#fff)}
.kp-kart input{position:absolute;opacity:0;width:0;height:0}
.kp-isaret{position:absolute;top:20px;right:18px;width:22px;height:22px;border-radius:50%;border:2px solid #d7dee7;background:#fff}
.kp-kart.secili .kp-isaret{border-color:#f5b301;background:#f5b301 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.8' fill='none' stroke='%230f1b2b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.kp-rozet{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#946d00;background:#fff3c4;border-radius:20px;padding:4px 10px}
.kp-kart.kp-eko .kp-rozet{color:#14713f;background:#e6f5ec}
.kp-kart.kp-luks .kp-rozet{color:#fff;background:#0f1b2b}
.kp-ad{font-size:30px;font-weight:700;color:#0f1b2b;line-height:1.1}
.kp-slogan{font-size:13px;color:#5c6a78;line-height:1.55;min-height:40px}
.kp-imm{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:#f6f8fb}
.kp-imm small{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#8593a1}
.kp-imm b{font-size:20px;color:#0f1b2b}
.kp-sablon{display:block;font-style:normal;font-size:11px;font-weight:600;color:#14713f;margin-top:4px;line-height:1.4}
.kp-sablon.uyar{color:#b5432c}
.kp-kart.kp-luks .kp-sablon{color:#8ed1ab}
.kp-kart.kp-luks .kp-sablon.uyar{color:#ffb4a3}
.kp-kart.kp-luks .kp-imm{background:#0f1b2b}
.kp-kart.kp-luks .kp-imm small{color:#c9d4e3}
.kp-kart.kp-luks .kp-imm b{color:#f5b301}
.kp-liste{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.kp-liste li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 8px;font-size:13px;color:#0f1b2b;line-height:1.4}
.kp-liste li i{font-style:normal;font-weight:700;color:#1e9e5a;font-size:13px;grid-row:span 2;padding-top:1px}
.kp-liste li.yok i{color:#c9314a}
.kp-liste li span{font-size:11.5px;color:#8593a1;font-weight:600;letter-spacing:.2px;text-transform:uppercase}
.kp-liste li b{font-weight:600}
.kp-liste li.yok b{color:#8593a1;font-weight:500}
.kp-ozel{margin-top:6px;font-size:12.5px;font-weight:700;color:#946d00}
.kp-luks{margin:0 0 22px;border:1px solid #e2e7ee;border-radius:14px;background:#fff;overflow:hidden}
.kp-luks-bas{padding:16px 18px;border-bottom:1px solid #eef1f5;background:#f8fafc}
.kp-secenekler{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px;padding:18px 18px 4px}
@media (max-width:900px){ .kp-grid{grid-template-columns:1fr} .kp-slogan{min-height:auto} }

/* --- Teklif sayfası ek çipler, TSS teminat çipleri ve sağ hızlı seçenekler --- */
.tk-cip.vurgu{background:#e8f1ff;border-color:#b9d3ff;color:#1a3f7a;font-weight:600}
.tk-temler{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tk-temcip{display:inline-flex;flex-direction:column;gap:1px;padding:6px 10px;border:1px solid #e6ebf1;border-radius:10px;background:#f8fafc;max-width:100%}
.tk-temcip i{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;color:#8593a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.tk-temcip b{font-size:12.5px;color:#0f1b2b;font-weight:600}
.tk-temcip.yok{opacity:.55}
.tk-temcip.gizli{display:none}
.tk-temler.acik .tk-temcip.gizli{display:inline-flex}
.tk-temcip-ac{align-self:center;background:none;border:0;padding:6px 8px;font:inherit;font-size:12.5px;font-weight:700;color:#946d00;cursor:pointer}
.tk-temcip-ac:hover{text-decoration:underline}
.sh-kabuk.tk-uclu{max-width:1440px;grid-template-columns:250px minmax(0,1fr) 270px}
.tk-yan{position:sticky;top:90px}
.tk-yan-kutu{background:#fff;border:1px solid #e2e7ee;border-radius:14px;padding:18px}
.tk-yan-kutu > b{display:block;font-size:15px;color:#0f1b2b;margin-bottom:4px}
.tk-yan-kutu > p{font-size:12.5px;color:#5c6a78;line-height:1.6;margin:0 0 12px}
.tk-yan-kutu form{margin:0 0 10px}
.tk-yan-sec{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:12px 14px;border:2px solid #e2e7ee;border-radius:12px;background:#fff;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.tk-yan-sec:hover{border-color:#f5b301;transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,27,43,.08)}
.tk-yan-sec.aktif{border-color:#f5b301;background:linear-gradient(180deg,#fffdf5,#fff);cursor:default;transform:none;box-shadow:none}
.tk-yan-ad{font-size:14px;font-weight:700;color:#0f1b2b}
.tk-yan-ack{font-size:12px;color:#5c6a78;line-height:1.5}
.tk-yan-ok{font-size:12px;font-weight:700;color:#946d00;margin-top:2px}
.tk-yan-rozet{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#14713f;background:#e6f5ec;border-radius:20px;padding:3px 9px;margin-top:2px}
.tk-yan-bag{display:block;text-align:center;font-size:12.5px;font-weight:600;color:#946d00;margin-top:4px}
@media (max-width:1180px){ .sh-kabuk.tk-uclu{grid-template-columns:250px minmax(0,1fr)} .sh-kabuk.tk-uclu .tk-yan{grid-column:2;position:static} }
@media (max-width:980px){ .sh-kabuk.tk-uclu{grid-template-columns:minmax(0,1fr)} .sh-kabuk.tk-uclu .tk-yan{grid-column:auto} }

/* --- Teklif sayfası: üst hazırlık şeridi (tam ekran katman yerine) --- */
.tk-ust{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 14px;padding:16px 20px;border:1px solid #f5b301;border-radius:14px;background:linear-gradient(90deg,#fff8e1,#fffdf5);transition:background .4s,border-color .4s}
.tk-ust.bitti{border-color:#bfe3cd;background:linear-gradient(90deg,#eaf7ef,#f7fcf9)}
.tk-ust-maskot .ari-gorsel{width:56px;height:auto;animation:tkSuzul 2.4s ease-in-out infinite}
.tk-ust.bitti .tk-ust-maskot .ari-gorsel{animation:none}
.tk-ust-metin{min-width:0}
.tk-ust-metin b{display:block;font-size:16px;color:#0f1b2b;line-height:1.3}
.tk-ust-metin > span{display:block;font-size:12.5px;color:#5c6a78;margin-top:2px;line-height:1.5}
.tk-cubuk{height:6px;border-radius:6px;background:#eadfb8;margin-top:10px;overflow:hidden}
.tk-cubuk i{display:block;height:100%;background:#f5b301;border-radius:6px;transition:width .6s ease}
.tk-ust.bitti .tk-cubuk{background:#d5efdf}
.tk-ust.bitti .tk-cubuk i{background:#1e9e5a}
.tk-ust .tk-halka{width:64px;height:64px;margin:0}
.tk-ust .tk-halka::before{inset:6px}
.tk-ust .tk-halka span{font-size:15px}
.tk-ust.bitti .tk-halka{background:conic-gradient(#1e9e5a 100%,#e6eaf0 0)}
.tk-indirim-not{font-size:12.5px;color:#14713f;background:#e6f5ec;border:1px solid #bfe3cd;border-radius:10px;padding:10px 14px;margin:0 0 14px;line-height:1.6}
.tk-prim-tutar{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.tk-prim-tutar b{display:block;font-size:24px;color:#0f1b2b;white-space:nowrap}
.tk-kart.enucuz .tk-prim-tutar b{color:#946d00;font-size:28px}
.tk-brut{font-size:13px;color:#8593a1;text-decoration:line-through;font-weight:500}
.tk-prim-not{display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:260px;text-align:right}
.tk-indirim-etiket{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#14713f;background:#e6f5ec;border-radius:20px;padding:3px 9px}
.tk-indirim-etiket i{font-style:normal;font-size:8px}
.tk-iade{font-size:10.5px;color:#8593a1;line-height:1.4}
.tk-taksit-not{font-size:11px;color:#5c6a78;font-weight:600}
.tk-taksit{margin-top:10px}
.tk-taksit-ac{appearance:none;background:#fff;border:1px solid #e2e7ee;border-radius:20px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:700;color:#946d00;cursor:pointer}
.tk-taksit-ac::after{content:" \25BE";font-size:11px}
.tk-taksit-ac.acik::after{content:" \25B4"}
.tk-taksit-ac:hover{border-color:#f5b301}
.tk-taksit-liste{margin-top:8px;border:1px solid #e6ebf1;border-radius:10px;overflow:hidden;max-width:420px}
.tk-taksit-satir{display:grid;grid-template-columns:auto 90px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #eef1f5;cursor:pointer;font-size:12.5px;background:#fff}
.tk-taksit-satir:first-child{border-top:0}
.tk-taksit-satir:hover{background:#fbfcfe}
.tk-taksit-satir.secili{background:#fff8e1}
.tk-taksit-satir input{margin:0;accent-color:#f5b301}
.tk-taksit-ad{font-weight:700;color:#0f1b2b}
.tk-taksit-tutar{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.3}
.tk-taksit-tutar b{color:#0f1b2b;font-size:13px;white-space:nowrap}
.tk-taksit-tutar small{font-size:10.5px;color:#8593a1}
@media (max-width:640px){ .tk-ust{grid-template-columns:auto minmax(0,1fr)} .tk-ust .tk-halka{display:none} .tk-prim-not{max-width:100%} }
.tk-yillik{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px 0 0;padding:18px;border:1px dashed #f5b301;border-radius:14px;background:#fffdf5;text-align:center}
.tk-yillik .ipucu{font-size:12px;color:#5c6a78}
.tk-bos b{display:block;font-size:14.5px;color:#0f1b2b;margin-bottom:6px}
.tk-kisiler{border:1px solid #cfe6d8;background:#f4fbf6}
.tk-kisiler .tk-alternatif-bas{color:#14713f}
.tk-kisiler-toplam{border-top:2px solid #bfe3cd!important;font-weight:700;color:#0f1b2b}
.tk-kisiler .tk-dokum-not{padding:8px 0 0;border-top:0}
.tk-sebepler{margin-top:6px;font-size:12.5px;color:#5c6a78}
.tk-sebepler summary{cursor:pointer;font-weight:600;color:#946d00;list-style:none}
.tk-sebepler summary::-webkit-details-marker{display:none}
.tk-sebepler ul{margin:8px 0 0;padding-left:18px;line-height:1.6}
.tk-sebepler b{color:#0f1b2b}
/* Kart alt satırı: teminatlar, taksit ve iade dökümü kartın tam genişliğinde */
.tk-kart-alt{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px;margin-top:6px;padding-top:14px;border-top:1px dashed #e6ebf1;min-width:0}
.tk-kart-alt .tk-temler{margin-top:0}
.tk-kart-alt .tk-taksit{margin-top:0}
.tk-kart-alt .tk-alternatif{margin-top:0}
.tk-dokum{border:1px solid #e6ebf1;border-radius:12px;background:#fbfcfe;overflow:hidden}
.tk-dokum-serit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.tk-dokum-satir{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-right:1px solid #eef1f5;font-size:12px;color:#5c6a78}
.tk-dokum-satir:last-child{border-right:0}
.tk-dokum-satir span{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.tk-dokum-satir b{font-size:16px;color:#0f1b2b;white-space:nowrap}
.tk-dokum-satir.yesil b{color:#14713f}
.tk-dokum-satir.toplam{background:#fff8e1}
.tk-dokum-satir.toplam span{color:#946d00}
.tk-dokum-satir.toplam b{font-size:18px}
.tk-dokum-satir.kart b{font-size:15px}
.tk-dokum-not{margin:0;padding:10px 16px 12px;border-top:1px solid #eef1f5;font-size:11.5px;color:#5c6a78;line-height:1.6}
@media (max-width:760px){ .tk-dokum-serit{grid-template-columns:repeat(2,minmax(0,1fr))} .tk-dokum-satir:nth-child(2){border-right:0} .tk-dokum-satir{border-bottom:1px solid #eef1f5} }


/* --- Sihirbaz / teklif / kasko paketleri — mobil --- */
/* Sihirbaz adım listesi: dar ekranda dikey blok yerine yatay kaydırılabilir "hap" şeridi.
   Etkin grubun altında yalnızca etkin alt adım yazar; bitenler yeşil, gelinmeyenler gri kalır. */
@media (max-width:860px){
  .sh-yan{position:static;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;
          padding:2px 2px 6px;margin:0 -2px;scrollbar-width:none}
  .sh-yan::-webkit-scrollbar{display:none}
  .sh-grup{flex:none;margin:0;display:flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;
           border:1px solid #e2e7ee;border-radius:30px;background:#fff}
  .sh-grup > b{margin:0;font-size:13px;gap:8px;white-space:nowrap}
  .sh-grup.aktif{border-color:#f5b301;background:#fffdf5}
  .sh-grup.bitti{border-color:#bfe3cd;background:#f7fcf9}
  .sh-nokta{width:16px;height:16px}
  .sh-alt{display:none}
  .sh-grup.aktif .sh-alt{display:block;padding:0;border:0;margin:0}
  .sh-grup.aktif .sh-alt li{display:none;padding:0;font-size:12.5px;white-space:nowrap}
  .sh-grup.aktif .sh-alt li.aktif{display:block;color:#5c6a78;font-weight:500}
  .sh-grup.aktif .sh-alt li.aktif::before{content:"\00b7\00a0";color:#8593a1}
}

/* Sihirbaz içerik kartı ve form parçaları */
@media (max-width:760px){
  /* iOS odaklanınca yakınlaştırmasın: sihirbazdaki tüm metin alanları 16px */
  .sh-icerik input:not([type=checkbox]):not([type=radio]):not([type=file]),.sh-icerik select,.sh-icerik textarea,
  .tf-kart input:not([type=checkbox]):not([type=radio]),.tf-kart select{font-size:16px}
  .tk-yan-sec{min-height:48px}
}
@media (max-width:620px){
  .sh-kabuk{padding-top:14px;padding-bottom:40px;gap:14px}
  .sh-icerik{padding:20px 16px;border-radius:12px}
  .sh-icerik h1{font-size:19px}
  .sh-icerik h1 br,.giris-sol h1 br,.tf-ust h1 br{display:none}
  .sh-icerik .aciklama{margin-bottom:18px}
  .sh-ara-baslik{font-size:16px;margin:22px 0 12px}
  .sh-secim{gap:10px 18px;margin-bottom:18px}
  .sh-plaka{gap:8px}
  .sh-plaka .il{flex:0 0 64px}
  .sh-plaka .harf{flex:0 0 92px}
  .sh-ikili,.sh-uclu{gap:0 12px}
  .sh-aile-blok{padding:14px 12px 4px}
  .sh-ozet{padding:14px}
  .sh-ozet dl{grid-template-columns:1fr;gap:2px 0}
  .sh-ozet dt{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-top:9px}
  .sh-ozet dt:first-of-type{margin-top:0}
  .sh-ozet dd{margin-bottom:2px}
  /* Alt düğmeler: ana düğme üstte tam genişlik, "Geri" altında ortada */
  .sh-dip{flex-direction:column-reverse;align-items:stretch;gap:12px;margin-top:22px}
  .sh-dip .dug{width:100%}
  .sh-dip form{width:100%}
  .sh-dip form .dug{width:100%}
  .sh-geri{text-align:center;padding:6px}
  .sh-dip .ipucu{text-align:center}
  .ps-ikon{width:48px;height:48px;font-size:22px}
  .sh-yardim-kutu{padding:12px 14px}
  .uyari{padding:12px 13px;font-size:12.5px}
}

/* Teklif listesi: fiyat bloğu iki sütunlu ızgara (fiyat solda, düğme sağda, indirim notu altta tam satır) */
@media (max-width:700px){
  .tk-prim{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;text-align:left}
  .tk-prim-tutar{grid-column:1;grid-row:1;align-items:flex-start;text-align:left}
  .tk-prim .tk-sec{grid-column:2;grid-row:1;margin:0}
  .tk-prim-not{grid-column:1 / -1;align-items:flex-start;text-align:left;max-width:100%}
  .tk-online-not{grid-column:1 / -1;margin-top:-2px}
  .tk-prim-tutar b{font-size:22px}
  .tk-kart.enucuz .tk-prim-tutar b{font-size:24px}
  .tk-taksit-liste{max-width:100%}
  .tk-alternatif-satir{flex-wrap:wrap}
  .tk-alternatif-satir > span{flex-basis:100%}
  .tk-alternatif-satir b{margin-right:auto}
}
@media (max-width:620px){
  .tk-ust{padding:12px 14px;gap:12px}
  .tk-ust-metin b{font-size:15px}
  .tk-ust-maskot .ari-gorsel{width:44px}
  .tk-indirim-not{padding:9px 12px;font-size:12px}
  .tk-kart{padding:14px 12px;gap:10px}
  .tk-kart.enucuz{padding-top:26px}
  .tk-kart-alt{gap:10px;padding-top:12px}
  .tk-sirket b{font-size:15px}
  .tk-temcip i{max-width:150px}
  .tk-dip{flex-direction:column;align-items:stretch}
  .tk-dip form,.tk-dip .dug{width:100%}
  .tk-taksit-satir{grid-template-columns:auto 76px minmax(0,1fr);padding:8px 10px}
  .tk-dokum-satir{padding:10px 12px}
  .tk-dokum-satir b{font-size:15px}
  .tk-dokum-satir.toplam b{font-size:17px}
  .tk-dokum-not{padding:9px 12px 11px}
  .tk-sebepler{font-size:12px}
  .tk-yan-kutu{padding:14px}
  .tk-hata-satir{grid-template-columns:52px minmax(0,1fr);gap:10px}
  .tk-hata-satir .tk-logo{width:52px;height:32px}
}
@media (max-width:380px){
  /* Çok dar ekranda fiyat ile düğme yan yana sığmaz: düğme fiyat bloğunun altına tam genişlik iner */
  .tk-prim{grid-template-columns:minmax(0,1fr)}
  .tk-prim-tutar{grid-column:1 / -1}
  .tk-prim .tk-sec{grid-column:1 / -1;grid-row:auto;width:100%}
}
@media (max-width:420px){
  .tk-dokum-serit{grid-template-columns:1fr}
  .tk-dokum-satir{border-right:0}
  .tk-kart{grid-template-columns:64px minmax(0,1fr)}
  .tk-logo{width:64px;height:40px}
}

/* Kasko paketleri ve seçim kartları (pk-*, kp-*) */
@media (max-width:620px){
  .kp-grid{gap:12px;margin:4px 0 16px}
  .kp-kart{padding:22px 16px 16px;border-radius:14px}
  .kp-ad{font-size:26px}
  .kp-imm b{font-size:18px}
  .kp-luks-bas{padding:14px}
  .kp-secenekler{grid-template-columns:1fr;padding:14px 14px 2px}
  .pk-kart{padding:18px 16px 14px}
  .pk-baslik{font-size:22px}
  .pk-teminatlar{grid-template-columns:1fr;padding:12px 14px}
  .pk-sirketler,.pk-karsilastir-bas{padding:12px 14px}
}
@media (max-width:520px){
  /* Görünümlerdeki satır içi grid tanımlarını (auto-fit 260px) tek sütuna indirir */
  .pk-grid{grid-template-columns:1fr!important}
}