/* Jet Kur kurumsal sayfalar: hakkımızda, iletişim, fiyatlar, 404. Giriş bölümü rehber.css'teki .rehber-giris ile aynı. */

/* İletişim kanalları: dört kutu, her birinde kanalın adı, değeri ve eylemi */
.kanallar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.kanal { display: grid; grid-template-rows: auto auto 1fr auto; gap: 8px; padding: 22px; border-radius: var(--r); background: var(--beyaz); box-shadow: var(--g-kart); }
.kanal .ikon { width: 22px; height: 22px; color: var(--murekkep); }
.kanal.wa .ikon { color: #1FAF57; }
.kanal h3 { font: 800 19px/1.25 var(--baslik); letter-spacing: -.01em; color: var(--murekkep); }
.kanal p { font-size: 15.5px; line-height: 1.5; color: var(--metin); }
.kanal .kanal-deger { font: 700 16px/1.35 var(--baslik); color: var(--murekkep); overflow-wrap: anywhere; }
.kanal .dugme { justify-self: start; margin-top: 6px; }
.kanal.wa { background: var(--seftali); box-shadow: inset 0 0 0 1px #DCE3ED; }

/* İletişim: WhatsApp tek baskın blok, diğer kanallar tanım listesi */
.kanal-ic { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 20px clamp(32px, 5vw, 72px); align-items: start; }
.wa-blok { padding: clamp(24px, 3.5vw, 40px); border-radius: var(--r); background: var(--seftali); box-shadow: inset 0 0 0 1px #DCE3ED; }
.wa-etiket { display: inline-flex; align-items: center; gap: 8px; font: 700 14px/1 var(--baslik); color: var(--metin); }
.wa-etiket .ikon { width: 20px; height: 20px; color: #1FAF57; }
.wa-blok h3 { margin-top: 14px; font-size: clamp(28px, 3vw, 40px); font-weight: 800; line-height: 1.05; letter-spacing: -.03em; color: var(--murekkep); }
.wa-blok > p:not(.wa-etiket):not(.wa-no) { margin-top: 14px; max-width: 32em; font-size: 17px; color: var(--metin); }
.wa-no { margin-top: 18px; font: 800 22px/1.3 var(--baslik); color: var(--murekkep); overflow-wrap: anywhere; }
.wa-blok .dugme { margin-top: 18px; }
.kanal-liste { margin: 0; border-top: 1px solid var(--cizgi-koyu); }
.kanal-liste > div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 4px 20px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.kanal-liste dt { font: 700 15px/1.5 var(--baslik); color: var(--soluk); }
.kanal-liste dd { margin: 0; display: grid; gap: 4px; justify-items: start; font-size: 17px; line-height: 1.5; color: var(--murekkep); overflow-wrap: anywhere; }
.kanal-liste small { font-size: 14px; color: var(--soluk); }
.kanal-bag { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--murekkep); text-underline-offset: 3px; }

/* Üç adımlı süreç (iletişimde): ana sayfadaki adım çizgisinin üç sütunlu sürümü */
.adimlar.uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* Numara ortaları %16,7, %50, %83,3: sönme durakları ve hız üç sütuna göre (her numara .45 sn arayla) */
@media (min-width: 641px) {
  .adimlar.uc::before { background: linear-gradient(90deg, rgba(247, 128, 0, 0), var(--turuncu) 16.667%, #FFB866 83.333%, rgba(255, 184, 102, 0)); }
  .adimlar.uc.canlan::before { transition: transform 1.35s linear .05s; }
}

/* Künye: şirket bilgileri tablosu */
.kunye { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 28px clamp(32px, 5vw, 80px); align-items: start; }
.kunye > div > p { margin-top: 16px; max-width: 30em; color: var(--metin); font-size: 17px; }
.kunye dl { margin: 0; border-top: 1px solid var(--cizgi-koyu); }
.kunye dl > div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 4px 20px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.kunye dt { font: 700 15px/1.5 var(--baslik); color: var(--soluk); }
.kunye dd { margin: 0; font-size: 17px; line-height: 1.5; color: var(--murekkep); }

/* Hakkımızda: neden kurduk metni; tek kolon, başlık üstte, paragraflar altında (sitedeki bölüm başı dili) */
.neden { display: grid; gap: 18px; }
.neden h2 { max-width: 18em; }
.neden-metin { max-width: 42em; }
.neden-metin p { font-size: 18px; line-height: 1.7; color: var(--metin); text-wrap: pretty; }
.neden-metin p + p { margin-top: 16px; }
.neden-metin strong { color: var(--murekkep); font-weight: 600; }
.neden-metin a { color: var(--turuncu-metin); text-underline-offset: 3px; }

/* Fiyatlar: çekirdek panel kartı ve eklenebilir bölümler listesi */
.paketler { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 20px; align-items: start; }
.paket { padding: 26px clamp(22px, 3vw, 34px) 32px; color: var(--murekkep); }
.paket h2 { font-size: clamp(30px, 3vw, 40px); font-weight: 800; line-height: 1.05; letter-spacing: -.03em; color: var(--murekkep); }
.paket > p { margin-top: 12px; color: var(--metin); font-size: 16.5px; }
.paket ul { margin: 20px 0 0; padding: 0; list-style: none; border-top: 1.5px dashed var(--cizgi-koyu); }
.paket li { border-bottom: 1px dashed var(--cizgi); }
.paket li a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; color: var(--murekkep); text-decoration: none; font-weight: 600; }
.paket li a .ikon { width: 16px; height: 16px; color: var(--turuncu); transition: transform .25s var(--egri-c); }
.paket li a:hover .ikon { transform: translateX(3px); }
.paket-fiyat { margin-top: 18px; font-variant-numeric: tabular-nums; }
.paket-fiyat b { display: block; font: 800 clamp(32px, 3.2vw, 40px)/1.05 var(--baslik); letter-spacing: -.02em; color: var(--murekkep); }
.paket-fiyat small { display: block; margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--metin); }
.paket .dugme { width: 100%; margin-top: 22px; }
.moduller-liste { margin: 0; padding: 0; list-style: none; border-radius: var(--r); background: var(--beyaz); box-shadow: var(--g-kart); }
.moduller-liste li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; align-items: center; padding: 18px 22px; border-bottom: 1px solid var(--cizgi); }
.moduller-liste li:last-child { border-bottom: 0; }
.ml-baslik { margin: 6px 0 14px; font-size: clamp(22px, 2vw, 26px) !important; font-weight: 800; line-height: 1.2; letter-spacing: -.02em; color: var(--murekkep); }
.moduller-liste b { font: 800 18px/1.3 var(--baslik); color: var(--murekkep); }
.moduller-liste b a { color: inherit; text-underline-offset: 3px; text-decoration-color: var(--cizgi-koyu); }
.moduller-liste b a:hover { text-decoration-color: var(--turuncu); }
.moduller-liste p { grid-column: 1; font-size: 15px; color: var(--metin); }
.moduller-liste em { grid-column: 2; grid-row: 1 / span 2; justify-self: end; max-width: 180px; text-align: right; font-style: normal; font-size: 14px; font-weight: 600; color: var(--soluk); }

/* 404 */
.yok { padding: calc(var(--ust-h) + clamp(40px, 6vw, 88px)) 0 0; margin-top: calc(-1 * var(--ust-h)); background: linear-gradient(180deg, #EBF0F7 0%, var(--beyaz) 70%); }
.yok-ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px clamp(32px, 5vw, 80px); align-items: start; padding-bottom: clamp(40px, 5vw, 72px); }
.yok-kod { font: 800 clamp(96px, 14vw, 200px)/.85 var(--baslik); letter-spacing: -.06em; color: var(--murekkep); }
.yok-kod span { color: var(--turuncu); }
.yok h1 { margin-top: 18px; font-size: var(--h1-ic); font-weight: 800; line-height: 1.04; letter-spacing: -.035em; color: var(--murekkep); }
.yok-ic > div > p:not(.yok-kod) { margin-top: 14px; max-width: 30em; color: var(--metin); font-size: 17px; }
.yok .eylemler { margin-top: 26px; }

@media (max-width: 1080px) {
  .kanallar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kunye, .paketler, .yok-ic, .kanal-ic { grid-template-columns: minmax(0, 1fr); }
  .paketler > .fis-kap { max-width: 560px; }
  .adimlar.uc { grid-template-columns: minmax(0, 1fr); }
}
/* Tablette üç adım alt alta: telefondaki dikey zaman çizelgesi (numara solda, çizgi, kart sağda) */
@media (min-width: 641px) and (max-width: 1080px) {
  .adimlar.uc::before { display: block; top: 28px; bottom: var(--son-cizgi, 28px); left: 27px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, var(--turuncu), #FFB866); transform-origin: top; }
  .adimlar.uc.bekle::before { transform: scaleY(0); }
  .adimlar.uc .adim { padding-left: 76px; min-height: 56px; }
  .adimlar.uc .adim::before { position: absolute; left: 0; top: 0; margin: 0; }
}
@media (max-width: 640px) {
  .kanallar { grid-template-columns: minmax(0, 1fr); }
  .kunye dl > div, .kanal-liste > div { grid-template-columns: minmax(0, 1fr); }
  .moduller-liste li { grid-template-columns: minmax(0, 1fr); padding: 16px 18px; }
  .moduller-liste em { grid-column: 1; grid-row: auto; justify-self: start; text-align: left; max-width: none; }
}

/* Kurumsal sayfada girişten sonraki ilk bölüm yakın durur */
.rehber-giris + .bolum { padding-top: clamp(28px, 3.5vw, 48px); }


/* Sektörler sayfası: blok başında sektör rozeti, altında sektör sayfasına bağ */
.sektor-rozet { width: 52px; height: 52px; margin-bottom: 18px; }
.sektor-rozet .ikon { width: 28px; height: 28px; }
.sektor-git { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 12px; color: var(--turuncu-metin); font: 700 17px/1.2 var(--baslik); text-decoration: none; }
.sektor-git .ikon { width: 16px; height: 16px; transition: transform 150ms ease-out; }
.sektor-git:hover { text-decoration: underline; text-underline-offset: 4px; }
.sektor-git:hover .ikon { transform: translateX(3px); }
#istek .sektor-iste { margin-top: 0; }
.moduller-liste b a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -10.5px; }

/* Panel kesiti: sektör sayfalarındaki imza bileşenin küçük, "Örnek" etiketli hâli */
.kesit-sutun { display: grid; gap: 24px; }
.kesit { margin: 0; padding: 18px 20px 20px; border-radius: var(--r); background: var(--beyaz); box-shadow: var(--g-yuzen); color: var(--murekkep); font-variant-numeric: tabular-nums; }
.kesit-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px dashed var(--cizgi-koyu); }
.kesit-ust b { font: 800 17px/1.2 var(--baslik); }
.kesit-not { margin-top: 12px; font-size: 14px; color: var(--soluk); }
.kesit-liste { margin: 0; padding: 0; list-style: none; }
.kesit-liste li { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 56px; border-bottom: 1px solid var(--cizgi); }
.kesit-liste li:last-child { border-bottom: 0; }
.kesit-liste .plaka { justify-self: start; }
.kl-ad { display: grid; gap: 2px; font: 700 15px/1.2 var(--baslik); }
.kl-ad small { font: 400 13px/1.3 var(--govde); color: var(--soluk); }
.kesit .cip { height: 24px; font-size: 12px; }
.kesit .kp-cizelge { margin-top: 10px; }

/* Özellikler: bir kayıt, dört sonuç */
.tek-kayit { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px clamp(32px, 5vw, 72px); align-items: center; }
.kayit-kart { max-width: 460px; }
@media (min-width: 641px) { .kayit-kart .pu-satir { grid-template-columns: minmax(0, 1fr) auto 80px; } }
@media (max-width: 900px) {
  .tek-kayit { grid-template-columns: minmax(0, 1fr); }
  .kayit-kart { max-width: none; }
}

/* Sık sorulanlar: solda konu sekmeleri, sağda seçili konunun soruları. JS yoksa bütün konular alt alta görünür. */
.sss-duzen { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 32px clamp(32px, 5vw, 80px); align-items: start; }
.sss-sol { position: sticky; top: 112px; display: grid; gap: 24px; }
.sss-sekmeler { display: grid; gap: 6px; }
.sss-sekme { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; min-height: 66px; padding: 10px 40px 10px 10px; border-radius: var(--r); color: var(--murekkep); text-decoration: none; transition-property: background-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease-out; }
.sss-sekme .karo-acik { width: 46px; height: 46px; }
.sss-sekme .karo-acik .ikon { width: 24px; height: 24px; }
.ss-yazi { display: grid; gap: 3px; }
.ss-yazi b { font: 800 17px/1.2 var(--baslik); letter-spacing: -.01em; }
.ss-yazi small { font-size: 13.5px; color: var(--soluk); }
.sss-sekme:hover { background: var(--gri-acik); }
.sss-sekme[aria-selected="true"] { background: var(--beyaz); box-shadow: var(--g-kart); }
.sss-sekme[aria-selected="true"]::after { content: ""; position: absolute; right: 18px; top: 50%; width: 10px; height: 11px; margin-top: -5.5px; background: var(--turuncu); clip-path: polygon(0 0, 100% 50%, 0 100%); }
.sss-yardim { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 24px; margin-top: 28px; padding: 20px 22px; border-radius: var(--r); background: var(--seftali); box-shadow: inset 0 0 0 1px #DCE3ED; }
.sss-yardim b { display: block; font: 800 18px/1.25 var(--baslik); color: var(--murekkep); }
.sss-yardim p { grid-column: 1; font-size: 15px; color: var(--metin); }
.sss-yardim .dugme { grid-column: 2; grid-row: 1 / span 2; }
@media (max-height: 600px) { .sss-sol { position: static; } }
.sss-pano { scroll-margin-top: 104px; }
.sss-pano[hidden] { display: none; }
.sss-pano + .sss-pano { margin-top: 64px; }
.sss-sekmeli.sekmeli .sss-pano + .sss-pano { margin-top: 0; }
.sss-pano:focus-visible { outline: 3px solid var(--murekkep); outline-offset: 6px; border-radius: var(--r); }
.sp-bas h2 { font-size: clamp(30px, 3.2vw, 42px); }
.sp-bas p { margin-top: 10px; max-width: 40em; color: var(--metin); font-size: 17px; }
.sss-pano .sorular { margin-top: 24px; }
@media (max-width: 900px) {
  .sss-duzen { grid-template-columns: minmax(0, 1fr); }
  .sss-sol { position: static; }
  .sss-sekmeler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sss-sekme { gap: 10px; min-height: 60px; padding: 8px 10px 8px 8px; background: var(--beyaz); box-shadow: inset 0 0 0 1px var(--cizgi-koyu); }
  .sss-sekme:hover { background: var(--beyaz); box-shadow: inset 0 0 0 1px var(--soluk); }
  .sss-sekme .karo-acik { width: 36px; height: 36px; }
  .sss-sekme .karo-acik .ikon { width: 20px; height: 20px; }
  .ss-yazi b { font-size: 15px; }
  .ss-yazi small { font-size: 12.5px; }
  .sss-sekme[aria-selected="true"]::after { display: none; }
  .sss-sekme[aria-selected="true"] { box-shadow: var(--g-kart), inset 0 0 0 1.5px var(--turuncu); }
}
@media (max-width: 560px) {
  .sss-sekme { grid-template-columns: minmax(0, 1fr); min-height: 64px; padding: 10px 14px; }
  .sss-sekme .karo-acik { display: none; }
  .sss-yardim { grid-template-columns: minmax(0, 1fr); }
  .sss-yardim .dugme { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 10px; }
}

/* stil.css sonrası yüklendiği için buradaki kuralı ezen düzeltmeler (10 Eki 2026 denetimi) */
.tek-kayit { grid-template-columns: minmax(0, 5fr) minmax(70px, 2fr) minmax(0, 6fr); align-items: stretch; column-gap: 0; }
@media (max-width: 900px) { .tek-kayit { grid-template-columns: minmax(0, 1fr); } .kayit-yol { display: none; } .tek-kayit .kayit-sonuc { grid-auto-rows: auto; } }
.tek-kayit .kayit-kart { max-width: none; }
.paket-fiyat b span { font-size: 15px; font-weight: 700; letter-spacing: 0; color: var(--soluk); }

/* ---------- Teklif al: altı adımlı form ve seçimlerle dolan kasa fişi (fiyat değişmez) ---------- */
.tk-duzen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 380px); gap: clamp(28px, 4vw, 56px); align-items: start; }
.tk-duzen > .tk-yan { align-self: stretch; }
.tk-form { display: grid; gap: 18px; min-width: 0; }
.tk-adim { min-width: 0; margin: 0; padding: clamp(20px, 2.4vw, 30px); border: 0; border-radius: var(--r); background: var(--beyaz); box-shadow: var(--g-kart); transition: box-shadow .2s var(--egri); }
/* Legend yüzer (tarayıcı fieldset kenarına oturtmasın diye); boşluk legend'in alt payıyla verilir, sonraki öğenin üst payı temizlemede kaybolur */
.tk-adim legend { float: left; width: 100%; display: flex; align-items: center; gap: 12px; margin: 0 0 18px; padding: 0; font: 800 clamp(19px, 1.7vw, 22px)/1.25 var(--baslik); letter-spacing: -.01em; color: var(--murekkep); }
.tk-adim > legend ~ * { clear: both; }
.tk-adim:has(> .tk-aciklama) > legend { margin-bottom: 8px; }
.tk-adim > .tk-aciklama { margin: 0; padding-left: 44px; font-size: 15px; color: var(--soluk); }
.tk-adim > legend ~ * ~ * { margin-top: 18px; }
.tk-no { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--murekkep); color: #fff; font: 800 15px/1 var(--baslik); transition: background-color .25s var(--egri); }
.tk-adim.tamam .tk-no { background: var(--turuncu); color: var(--murekkep); }
.tk-adim.hatali { box-shadow: inset 0 0 0 2px var(--kirmizi), var(--g-kart); }
.tk-alt-baslik { margin: 20px 0 10px; font: 700 15px/1.3 var(--baslik); color: var(--murekkep); }
.tk-alan-hata { margin: 6px 0 0; font-size: 14px; font-weight: 600; color: var(--kirmizi); }
.tk-adim > .tk-alan-hata { margin-top: 0; }
.tk-adim > .tk-alan-hata:not([hidden]) + .tk-sektor { margin-top: 10px; }

/* Seçenek: gerçek input görünmez ama tıklanır; kart ya da hap yanındaki span */
.tk-secenek { position: relative; display: block; cursor: pointer; }
.tk-secenek input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.tk-secenek > span { position: relative; display: flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: var(--r); background: var(--beyaz); box-shadow: inset 0 0 0 1px #7D879A;
  font-size: 15px; color: var(--murekkep); transition: background-color .18s var(--egri), box-shadow .18s var(--egri), color .18s var(--egri); }
.tk-secenek:hover > span { box-shadow: inset 0 0 0 1px var(--murekkep); }
.tk-secenek input:focus-visible + span { outline: 3px solid var(--murekkep); outline-offset: 2px; }
.tk-hap { display: flex; flex-wrap: wrap; gap: 10px; }
.tk-hap .tk-secenek input:checked + span { background: var(--murekkep); color: #fff; box-shadow: none; }
.tk-hap .tk-kutu > span::before { content: ""; width: 16px; height: 16px; margin-right: 10px; border-radius: 5px; box-shadow: inset 0 0 0 1.5px currentColor; flex: none; }
.tk-hap .tk-kutu input:checked + span::before { background: var(--turuncu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%230F1D33' d='M232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183 215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E") center / 12px no-repeat; box-shadow: none; }

/* 1. Sektör kartları: seçilince koyu turuncu kenar ve köşede onay */
.tk-sektor { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tk-sektor .tk-secenek > span { display: grid; align-content: start; gap: 4px; height: 100%; padding: 16px; }
.tk-sektor .karo-acik { width: 44px; height: 44px; margin-bottom: 8px; }
.tk-sektor .karo-acik .ikon { width: 23px; height: 23px; }
.tk-sektor b { font: 800 17px/1.2 var(--baslik); }
.tk-sektor small { font-size: 13.5px; line-height: 1.4; color: var(--soluk); }
.tk-sektor input:checked + span, .tk-bolumler input:checked + span { background: var(--seftali); box-shadow: inset 0 0 0 2px var(--turuncu-koyu); }
.tk-sektor input:checked + span::after { content: ""; position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; border-radius: 50%;
  background: var(--turuncu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%230F1D33' d='M232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183 215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E") center / 13px no-repeat; }
.tk-form.js .tk-diger, .tk-form.js .tk-arac { display: none; }
.tk-form.js.diger-secili .tk-diger, .tk-form.js.arac-secili .tk-arac { display: grid; gap: 6px; animation: tk-gir .3s var(--egri-c) both; }
.tk-diger input { width: 100%; }

/* 4. Bölümler: çekirdek hazır, eklenenler işaretlenince "Dâhil" yazar (rozet ayrı öğe, okunan ada girmez) */
.tk-cekirdek ul { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; padding: 0; list-style: none; }
.tk-cekirdek li { display: flex; align-items: center; gap: 8px; font-size: 15px; color: var(--murekkep); }
.tk-cekirdek .ikon { width: 18px; height: 18px; color: var(--yesil); }
.tk-bolumler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tk-bolumler .tk-secenek > span { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-content: center; height: 100%; min-height: 68px; padding: 12px 16px; }
.tk-bolumler b { font: 700 16px/1.25 var(--baslik); }
.tk-bolumler small { grid-column: 1; font-size: 13.5px; color: var(--soluk); }
.tk-rozet { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: 4px 9px; border-radius: var(--r); background: var(--yesil-acik); color: var(--yesil-koyu); font: 700 12.5px/1 var(--baslik); font-style: normal;
  opacity: 0; transform: scale(.8); transition: opacity .2s var(--egri), transform .25s var(--egri-c); }
.tk-bolumler input:checked + span .tk-rozet { opacity: 1; transform: none; }

/* Metin alanları */
.tk-alan { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--metin); }
.tk-form :is(input[type="text"], input[type="tel"], input[type="email"], select, textarea) { width: 100%; min-height: 50px; padding: 0 16px; border: 1px solid #7D879A; border-radius: var(--r); background-color: #fff; font: 400 16px var(--govde); color: var(--murekkep); }
.tk-form textarea { display: block; padding: 14px 16px; line-height: 1.5; resize: vertical; min-height: 128px; }
.tk-form select { appearance: none; padding-right: 44px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%230F1D33' d='M213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E") no-repeat right 16px center / 18px; }
.tk-form :is(input[type="text"], input[type="tel"], input[type="email"], select, textarea):hover { border-color: var(--murekkep); }
.tk-form :is(input[type="text"], input[type="tel"], input[type="email"], select, textarea):focus-visible { outline: 3px solid var(--murekkep); outline-offset: 1px; border-color: var(--murekkep); }
.tk-form [aria-invalid="true"] { border-color: var(--kirmizi); box-shadow: 0 0 0 1px var(--kirmizi); }
.tk-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.tk-not { display: flex; align-items: center; gap: 8px; font-size: 14.5px; color: var(--turuncu-metin); }
.tk-not .ikon { width: 13px; height: 13px; color: var(--turuncu); }

/* Gönder: önce ne olacağı, sonra onay ve düğme */
.tk-gonder { display: grid; gap: 16px; padding: clamp(20px, 2.4vw, 30px); border-radius: var(--r); background: var(--beyaz); box-shadow: var(--g-kart); }
.tk-surec-kap .tk-alt-baslik { margin-top: 0; }
.tk-surec { counter-reset: tk; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.tk-surec li { counter-increment: tk; display: grid; gap: 2px; padding: 12px 14px; border-radius: var(--r); background: var(--zemin); }
.tk-surec li::before { content: counter(tk) ". adım"; font: 700 12.5px/1.3 var(--baslik); color: var(--turuncu-metin); }
.tk-surec b { font: 700 15px/1.3 var(--baslik); color: var(--murekkep); }
.tk-surec span { font-size: 13.5px; color: var(--soluk); }
.tk-onay { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--metin); cursor: pointer; }
.tk-onay input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--murekkep); cursor: pointer; }
.tk-onay a { color: var(--turuncu-metin); }
.tk-onay-kap .tk-alan-hata { padding-left: 34px; }
.tk-gonder .dugme { justify-self: start; }
.tk-gonder-not { font-size: 13.5px; color: var(--soluk); }
.tk-ozet { padding: 14px 18px; border-radius: var(--r); background: var(--kirmizi-acik); color: var(--kirmizi); font-size: 15px; }
.tk-ozet[hidden] { display: none; }
.tk-ozet:focus { outline: 3px solid var(--kirmizi); outline-offset: 2px; }
.tk-ozet b { display: block; margin-bottom: 4px; font: 700 15px/1.3 var(--baslik); }
.tk-ozet ul { margin: 0; padding-left: 20px; }
.tk-ozet a { color: var(--kirmizi); font-weight: 600; }
.tk-son { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; padding: 24px; border-radius: var(--r); background: var(--yesil-acik); color: var(--murekkep); }
.tk-son[hidden] { display: none; }
.tk-son > .ikon { width: 30px; height: 30px; color: var(--yesil); }
.tk-son b { font: 800 20px/1.2 var(--baslik); }
.tk-son p { margin-top: 4px; font-size: 15px; color: var(--metin); }
.tk-son-eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.tk-son:focus { outline: none; }

/* Yan: kasa fişi. Üst ve alt kenar delikli (fiş kâğıdı); gölge sarmalayıcıda, çünkü maske gölgeyi keser.
   Fiş ekrandan uzunsa kendi içinde kayar, toplam satırı fişin dibinde yapışık kalır. */
.tk-yan { display: block; }
.tk-yan:focus { outline: none; }
.tk-fis-kap { position: sticky; top: calc(var(--ust-h) + 24px); filter: drop-shadow(0 22px 34px rgba(15, 29, 51, .14)) drop-shadow(0 1px 1px rgba(15, 29, 51, .1)); }
.tk-fis { max-height: calc(100vh - var(--ust-h) - 48px - var(--cubuk, 0px)); max-height: calc(100dvh - var(--ust-h) - 48px - var(--cubuk, 0px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
  padding: 22px 24px 0; background: var(--beyaz);
  -webkit-mask: radial-gradient(circle 6px at 50% 0, #0000 97%, #000) top / 16px 51% round no-repeat, radial-gradient(circle 6px at 50% 100%, #0000 97%, #000) bottom / 16px 51% round no-repeat;
          mask: radial-gradient(circle 6px at 50% 0, #0000 97%, #000) top / 16px 51% round no-repeat, radial-gradient(circle 6px at 50% 100%, #0000 97%, #000) bottom / 16px 51% round no-repeat; }
.tk-fis::-webkit-scrollbar { display: none; }
.tk-fis-bas { display: grid; justify-items: center; gap: 6px; padding-bottom: 12px; border-bottom: 1.5px dashed var(--cizgi-koyu); }
.tk-fis-bas img { width: 76px; height: auto; }
.tk-fis-bas span { font-size: 13.5px; color: var(--soluk); }
.tk-satirlar { margin: 0; }
.tk-satirlar div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 16px; padding: 7px 0; border-bottom: 1px dashed var(--cizgi); }
.tk-satirlar dt { flex: none; font-size: 14px; color: var(--soluk); }
.tk-satirlar dd { margin: 0 0 0 auto; text-align: right; font-size: 15px; font-weight: 600; color: var(--murekkep); }
.tk-satirlar dd.bos { font-weight: 400; color: #5F6B7F; }
.tk-fis-ara { margin: 12px 0 2px; font: 700 14px/1.3 var(--baslik); color: var(--murekkep); }
.tk-fis-bolum { margin: 0; padding: 0; list-style: none; border-bottom: 1px dashed var(--cizgi); }
.tk-fis-bolum li { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 5px 0; font-size: 14.5px; line-height: 1.4; color: var(--murekkep); }
.tk-fis-bolum li.yeni { animation: tk-gir .35s var(--egri-c) both; }
.tk-fis-bolum em { flex: none; font: 700 12.5px/1 var(--baslik); font-style: normal; color: var(--yesil-koyu); }
.tk-toplam { position: sticky; bottom: 0; display: grid; gap: 2px; margin: 14px -24px 0; padding: 14px 24px 24px; background: var(--beyaz); box-shadow: 0 -10px 18px -14px rgba(15, 29, 51, .22); }
.tk-toplam > span { font-size: 14px; color: var(--soluk); }
.tk-toplam b { font: 800 36px/1.05 var(--baslik); letter-spacing: -.02em; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.tk-toplam small { font-size: 13.5px; color: var(--metin); }
.tk-ayni { height: 0; overflow: hidden; font-size: 13.5px; font-weight: 600; color: var(--yesil-koyu); opacity: 0; }
.tk-toplam.oynat b { animation: tk-isik 1.6s var(--egri) both; }
.tk-toplam.oynat .tk-ayni { height: auto; margin-top: 4px; animation: tk-not 2.6s var(--egri) both; }
@keyframes tk-gir { from { opacity: 0; transform: translateY(-6px); } }
@keyframes tk-isik { 0% { color: var(--yesil-koyu); } 100% { color: var(--murekkep); } }
@keyframes tk-not { 0%, 100% { opacity: 0; } 12%, 80% { opacity: 1; } }

/* Dar ekran: fiş formun altında; seçim yaparken alttaki şerit sektörü, bölüm sayısını ve sabit fiyatı gösterir */
.tk-serit { display: none; }
@media (max-width: 1200px) and (min-width: 1001px) {
  .tk-sektor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .tk-duzen { grid-template-columns: minmax(0, 1fr); }
  .tk-fis-kap { position: static; }
  .tk-fis { max-height: none; overflow: visible; }
  .tk-toplam { position: static; }
  .tk-serit { position: fixed; z-index: 45; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 10px 14px; padding: 10px 10px 10px 16px;
    border-radius: var(--r); background: var(--murekkep); color: #fff; box-shadow: 0 14px 30px -12px rgba(15, 29, 51, .55);
    opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s var(--egri), transform .3s var(--egri-c); }
  .tk-serit.acik { opacity: 1; transform: none; pointer-events: auto; }
  .tk-serit-ozet { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: rgba(255, 255, 255, .82); }
  .tk-serit-fiyat { flex: none; font-size: 13px; color: rgba(255, 255, 255, .82); }
  .tk-serit-fiyat b { font: 800 17px/1 var(--baslik); color: #fff; }
  .tk-serit-ayni { display: none; flex: 1; min-width: 0; font-size: 13px; font-weight: 700; color: #7EE2A8; }
  .tk-serit.oynat .tk-serit-ayni { display: inline; animation: tk-not 2.6s var(--egri) both; }
  .tk-serit.oynat .tk-serit-ozet { display: none; }
  .tk-serit a { flex: none; margin-left: auto; display: grid; place-items: center; min-height: 44px; padding: 0 14px; border-radius: var(--r); background: var(--turuncu); color: var(--murekkep); font: 700 14px/1 var(--baslik); text-decoration: none; }
  .tk-sayfa { padding-bottom: 76px; }
  html:has(> body.tk-sayfa) { scroll-padding-bottom: 96px; }
}
/* Alt çubuk olan ekranlarda (stil.css ile aynı koşul) fiş ve şerit onun yüksekliğini hesaba katar */
@media (max-width: 760px), (hover: none) and (max-width: 1080px) {
  .tk-sayfa { --cubuk: calc(64px + env(safe-area-inset-bottom)); }
  .tk-serit { bottom: calc(var(--cubuk) + 10px); transition: opacity .25s var(--egri), transform .3s var(--egri-c), bottom .3s var(--egri-c); }
  .tk-sayfa .alt-cubuk { transition: transform .3s var(--egri-c); }
  .tk-sayfa:has(.tk-serit.acik) .alt-cubuk { transform: translateY(105%); }
  .tk-sayfa:has(.tk-serit.acik) .tk-serit { bottom: calc(12px + env(safe-area-inset-bottom)); }
}
@media (max-width: 1000px) and (max-width: 760px), (max-width: 1000px) and (hover: none) {
  .tk-sayfa { padding-bottom: var(--cubuk); }
  html:has(> body.tk-sayfa) { scroll-padding-bottom: calc(64px + 96px + env(safe-area-inset-bottom)); }
}
@media (max-width: 760px) {
  .tk-sektor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tk-bolumler, .tk-ikili, .tk-surec { grid-template-columns: minmax(0, 1fr); }
  .tk-adim > .tk-aciklama { padding-left: 0; }
  .tk-gonder .dugme, .tk-son-eylem .dugme { justify-self: stretch; flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .tk-fis-bolum li.yeni, .tk-toplam.oynat b, .tk-form.js.diger-secili .tk-diger, .tk-form.js.arac-secili .tk-arac { animation: none; }
  .tk-toplam.oynat .tk-ayni, .tk-serit.oynat .tk-serit-ayni { animation: none; opacity: 1; }
  .tk-serit { transition: none; }
}
@media print { .tk-fis-kap { position: static; } .tk-fis { max-height: none; overflow: visible; } .tk-serit { display: none !important; } }

/* Site geneliyle aynı dil (15 Eki 2026) */
.yok { background: radial-gradient(ellipse 45% 70% at 100% 0%, rgba(29, 53, 87, .10), rgba(29, 53, 87, 0) 70%), linear-gradient(180deg, #EBF0F7 0%, #F6F8FB 55%, var(--beyaz) 100%); }
/* Bağ olan satırda sağda üçgen (sitede sağdaki üçgen bağ, soldaki madde işaretidir) */
.moduller-liste b a { gap: 10px; text-decoration: none; }
.moduller-liste b a::after { content: ""; flex: none; width: 8px; height: 9px; background: var(--turuncu); clip-path: polygon(0 0, 100% 50%, 0 100%); transition: transform .25s var(--egri-c); }
.moduller-liste b a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--turuncu); }
.moduller-liste b a:hover::after { transform: translateX(3px); }
/* Teklif sonrası adımlar: ana sayfadaki numara halkası */
.tk-surec li::before { content: counter(tk); display: grid; place-items: center; justify-self: start; width: 28px; height: 28px; margin-bottom: 6px; border-radius: 50%;
  background: var(--beyaz); color: var(--murekkep); font: 800 14px/1 var(--baslik); box-shadow: 0 0 0 1px #FFB866, 0 6px 14px -8px rgba(238, 115, 0, .6); }
/* Künye ve 404 başı: başlık üstte, liste altta (bölüm ve sayfa başı tek kolon) */
.kunye, .yok-ic { grid-template-columns: minmax(0, 1fr); }
.kunye > div > h2 { max-width: 18em; }
.kunye > div > p, .yok-ic > div > p:not(.yok-kod) { max-width: 42em; }
@media (min-width: 901px) {
  .kunye dl, .yok-ic > .bag-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 3vw, 48px); }
  .ic-bolumler > .moduller-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ic-bolumler > .moduller-liste li:nth-child(odd) { border-right: 1px solid var(--cizgi); }
  .ic-bolumler > .moduller-liste li:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; }
}
/* Bağlı modül satırı bag-liste gibi: bütün satır tıklanır, üçgen sağ kenarda */
.moduller-liste { overflow: hidden; }
.moduller-liste:has(b a) li { padding-right: 56px; }
.moduller-liste li:has(b a) { position: relative; transition: background-color var(--hiz); }
.moduller-liste li:has(b a):hover { background: var(--seftali); }
.moduller-liste b a::before { content: ""; position: absolute; inset: 0; }
.moduller-liste b a::after { position: absolute; right: 22px; top: 50%; width: 10px; height: 11px; margin-top: -5.5px; }
.moduller-liste b a:hover { text-decoration: none; }
.moduller-liste b a:hover::after { transform: translateX(4px); }
.moduller-liste b a:focus-visible { outline: none; }
.moduller-liste b a:focus-visible::before { outline: 3px solid var(--murekkep); outline-offset: -3px; }
.moduller-liste li { align-content: center; }

.tk-adim legend { text-wrap: balance; }
/* Dar telefonda özet şeridi: seçim özeti üstte tam satır, fiyat ve düğme altta */
@media (max-width: 400px) {
  .tk-serit { flex-wrap: wrap; row-gap: 6px; }
  .tk-serit-ozet { flex: 1 1 100%; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; font-size: 13.5px; line-height: 1.35; }
  .tk-serit-ayni { flex: 1 1 100%; }
}

/* Teklif formunun bot tuzağı: görünmez, klavyeyle ulaşılmaz. */
.tk-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tk-gonder[hidden] { display: none; }