/* =====================================================================
   İletişim modülü: /iletisim, /demo-talebi, /destek, /cozum-ortakligi, /tesekkurler
   Önek .ctc-  ·  Yalnız site.css tokenları  ·  Mobil ≤734px tek sütun
   ===================================================================== */

/* Giriş bandından hemen sonra gelen beyaz bölümde boşluğu ikiye katlamayalım */
.ctc-first { padding-top: clamp(8px, 2vw, 24px); }
.ctc-h { text-align: center; margin-bottom: clamp(28px, 4vw, 52px); }
.field .req { font-weight: 400; }
.ctc-nw { white-space: nowrap; }

/* hidden özniteliği .btn gibi display veren sınıflara yenilmesin */
.ctc-actions [hidden], .ctc-summary[hidden], .ctc-hint[hidden] { display: none !important; }

/* Mesai durumu metni (/demo-talebi yan sütunu) */
.ctc-now__open { color: var(--green); font-weight: 600; }
.ctc-now__closed { color: var(--ink); font-weight: 600; }

/* ───────── /iletisim ───────── */
/* JS yoksa modal açılamaz: "Sizi arayalım" düğmeleri gizlenir (form aynı sayfada) */
.no-js .ctc-quick__cb { display: none !important; }

/* Giriş: hızlı eylemler (iOS kişi kartındaki eylem düğmeleri gibi) */
.ctc-hero { padding-bottom: clamp(36px, 4.4vw, 60px); }
.ctc-quick { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 800px; margin: clamp(30px, 3.6vw, 44px) auto 0; }
.ctc-quick > li { display: flex; flex: 1 1 0; min-width: 150px; max-width: 190px; }
.ctc-quick__btn {
    flex: 1; min-width: 0; min-height: 104px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
    padding: 18px 12px 16px; border: 0; border-radius: var(--r); background: var(--bg-alt); color: var(--ink); text-align: center; cursor: pointer;
    transition: transform .35s var(--ease), background-color .2s;
}
.ctc-quick__btn:hover { text-decoration: none; color: var(--ink); background: #ececf0; transform: translateY(-2px); }
.lv .ctc-quick__btn:active { transform: scale(.97); transition-duration: .1s; }
.ctc-quick__btn i { font-size: 25px; line-height: 1; color: var(--g, var(--link)); margin-bottom: 10px; transition: transform .45s var(--ease); }
.ctc-quick__btn:hover i { transform: translateY(-1px) scale(1.08); }
.ctc-quick__label { font-size: 15px; line-height: 1.25; font-weight: 600; letter-spacing: -.01em; }
.ctc-quick__sub { max-width: 100%; font-size: 12px; line-height: 1.33; color: var(--muted); letter-spacing: -.005em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }

/* Mesai durumu: açıkken yeşil nokta hafifçe atar (yalnız html.lv) */
.ctc-hero__status { margin-top: 22px; }
.ctc-mesai { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; padding: 9px 18px; border-radius: 980px; background: var(--bg-alt); font-size: 14px; line-height: 1.4; color: var(--ink-2); }
.ctc-mesai strong { font-weight: 600; color: var(--ink); }
.ctc-mesai.is-open strong { color: var(--green); }
.ctc-mesai__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--muted-2); flex: none; }
.ctc-mesai.is-open .ctc-mesai__dot { background: #1a9a4b; }
.lv .ctc-mesai.is-open .ctc-mesai__dot { --halo: rgba(26, 154, 75, .42); animation: lv-halo 2.2s ease-out 1.2s infinite; }
.ctc-mesai__hours { color: var(--muted); padding-left: 10px; border-left: 1px solid var(--line); }
.ctc-mesai--flat { display: flex; justify-content: flex-start; padding: 0; background: none; font-size: 15px; }
.ctc-mesai--flat .ctc-mesai__hours { flex-basis: 100%; padding: 0 0 0 18px; border: 0; }

/* Ekip kartları: 12 sütun; iki büyük kart (satış, destek) + ayarı dolu küçük kartlar */
.ctc-h--sm { font-size: clamp(26px, 2.8vw, 40px); margin-bottom: clamp(24px, 3vw, 40px); }
.ctc-chs { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.ctc-ch { grid-column: span var(--span, 4); min-width: 0; display: flex; flex-direction: column; background: var(--bg-alt); border-radius: var(--r); padding: 28px 26px 26px; }
.ctc-ch--lg { grid-column: span 6; padding: 36px 36px 32px; }
.ctc-ch .card__glyph { font-size: 26px; margin-bottom: 16px; }
.ctc-ch--lg .card__glyph { font-size: 32px; margin-bottom: 18px; }
.ctc-ch__title { font-size: 19px; line-height: 1.26; font-weight: 600; letter-spacing: .012em; }
.ctc-ch--lg .ctc-ch__title { font-size: clamp(24px, 2.2vw, 28px); line-height: 1.14; letter-spacing: .007em; }
.ctc-ch__text { margin-top: 6px; color: var(--muted); font-size: 15px; line-height: 1.47; }
.ctc-ch--lg .ctc-ch__text { font-size: 17px; }
.ctc-ch__addr { margin-top: 6px; color: var(--ink); font-size: 15px; line-height: 1.47; }
.ctc-ch__addr + .ctc-ch__text { margin-top: 2px; }
.ctc-ch__big {
    display: inline-block; align-self: flex-start; margin-top: 20px; color: var(--ink); font-size: clamp(26px, 2.6vw, 34px); line-height: 1.1; font-weight: 600;
    letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.ctc-ch__big:hover { color: var(--link); text-decoration: none; }
.ctc-ch__links { list-style: none; display: grid; gap: 7px; margin-top: auto; padding-top: 18px; font-size: 15px; }
.ctc-ch--lg .ctc-ch__links { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-top: 22px; font-size: 17px; }
.ctc-ch__links a { overflow-wrap: anywhere; }
.ctc-linkbtn { border: 0; background: none; padding: 0; font: inherit; letter-spacing: inherit; color: var(--link); cursor: pointer; }
/* Kart belirirken ikonu kısa bir gecikmeyle yerine oturur; telefon ikonları üzerine gelince hafifçe çalar */
.lv .ctc-ch[data-reveal].is-visible .card__glyph { animation: ctc-glyph .7s var(--ease) calc(var(--d, 0) * 80ms + .25s) both; }
@keyframes ctc-glyph { from { opacity: 0; transform: translateY(6px) scale(.7); } }
.lv .ctc-quick__btn:hover .bi-telephone, .lv .ctc-quick__btn:hover .bi-telephone-inbound { animation: ctc-ring .6s var(--ease); }
@keyframes ctc-ring { 20% { transform: rotate(-12deg) scale(1.08); } 45% { transform: rotate(10deg) scale(1.08); } 70% { transform: rotate(-5deg) scale(1.08); } }
.ctc-first .ctc-social--row { margin-top: clamp(28px, 3vw, 40px); align-items: center; font-size: 15px; }
.ctc-first .ctc-social--row a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }

/* Form bölümü: konu kısayolları + form | Yazdıktan sonra */
.ctc-konular { margin-top: clamp(26px, 3vw, 36px); text-align: center; }
.ctc-konular__q { font-size: 17px; font-weight: 600; margin-bottom: 14px; }
.ctc-chips { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 880px; margin: 0 auto; }
.ctc-chip {
    display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 980px; background: #fff; border: 1px solid var(--line);
    color: var(--ink); font-size: 15px; line-height: 1.2; transition: border-color .2s, box-shadow .2s, color .2s, transform .2s var(--ease);
}
.ctc-chip:hover { text-decoration: none; color: var(--ink); border-color: var(--muted-2); }
.lv .ctc-chip:active { transform: scale(.96); }
.ctc-chip.is-on { color: #0066cc; border-color: #0071e3; box-shadow: inset 0 0 0 1px #0071e3; }

.ctc-write__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(32px, 4.4vw, 64px); align-items: start; margin-top: clamp(28px, 3.4vw, 44px); }
.ctc-write .ctc-card--form { max-width: none; margin: 0; }
.lv .field.is-flash .input { animation: ctc-flash 1.1s var(--ease); }
@keyframes ctc-flash { 30% { border-color: #0071e3; box-shadow: 0 0 0 4px rgba(0, 113, 227, .2); } }

.ctc-after { position: sticky; top: calc(var(--nav-h) + 28px); padding-top: 8px; min-width: 0; }
.ctc-after__title { font-size: clamp(21px, 1.9vw, 24px); line-height: 1.17; margin-bottom: 20px; }
.ctc-after__steps { list-style: none; counter-reset: ctca; display: grid; gap: 16px; }
.ctc-after__steps li { counter-increment: ctca; position: relative; min-height: 26px; padding: 2px 0 0 40px; font-size: 16px; line-height: 1.45; color: var(--ink-2); }
.ctc-after__steps li::before {
    content: counter(ctca); position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--line); background: #fff;
    display: grid; place-items: center; font-size: 12px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums;
}
.ctc-after__tag { display: table; margin-top: 8px; padding: 4px 11px; border-radius: 980px; background: #fff; border: 1px solid var(--line-soft); font-size: 13px; line-height: 1.3; color: #0066cc; }
.lv .ctc-after__tag.is-new { animation: lv-pop .5s var(--ease); }
.ctc-after__block { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); }
.ctc-after__k { font-size: 14px; line-height: 1.3; font-weight: 400; color: var(--muted); margin-bottom: 10px; }
/* .ctc-facts aşağıda (/destek) tanımlı; burada üstüne yazmak için .ctc-after ile */
.ctc-after .ctc-facts--aside { margin: 0; border-top: 0; font-size: 15px; }
.ctc-after .ctc-facts--aside > div { padding: 9px 0; }
.ctc-after .ctc-facts--aside > div:first-child { padding-top: 0; }
.ctc-after .ctc-facts--aside > div:last-child { border-bottom: 0; padding-bottom: 0; }
.ctc-after .ctc-facts--aside dt { font-size: 15px; }

/* SSS: solda başlık, sağda akordeon */
.ctc-sss { padding: clamp(64px, 7.5vw, 112px) 0; }
.ctc-sss__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.ctc-sss__head .t-section { font-size: clamp(28px, 3vw, 40px); margin-bottom: 12px; }
.ctc-sss__head p { color: var(--muted); }
.ctc-sss__head .link { margin-top: 14px; }
.ctc-sss .accordion summary { font-size: 17px; padding: 20px 44px 20px 0; }
.ctc-sss .accordion__body { font-size: 16px; }

/* ───────── Form kartı (tüm sayfalar) ───────── */
.ctc-card { background: #fff; border-radius: var(--r-lg); padding: clamp(24px, 4.2vw, 52px); max-width: 780px; margin: clamp(32px, 4vw, 48px) auto 0; }
.section:not(.section--alt) .ctc-card { background: var(--bg-alt); }
.ctc-card .form-grid { gap: 18px 16px; }
.ctc-card__foot { text-align: center; color: var(--muted); font-size: 15px; margin-top: 20px; }
.ctc-card__foot a { overflow-wrap: anywhere; }
.ctc-hint { font-size: 14px; color: var(--muted); margin-top: 8px; }
.ctc-consent { margin-top: 22px; }
.ctc-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 26px; }
.ctc-card .alert { margin-bottom: 20px; }

/* Harita (yalnız ayar doluysa) */
.ctc-map { border-radius: var(--r-lg); overflow: hidden; background: var(--bg-alt); aspect-ratio: 16 / 7; }
.ctc-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.ctc-map__foot { margin-top: 14px; text-align: center; }

/* ───────── /demo-talebi ───────── */
.ctc-demo { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(32px, 5vw, 72px); align-items: start; }
.ctc-card--form { max-width: none; margin: 0; }

/* Adım göstergesi */
.ctc-stepnav { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 28px; margin-bottom: 16px; }
.ctc-stepnav button { border: 0; background: none; padding: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--muted); cursor: default; }
.ctc-stepnav button span {
    width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center;
    font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; transition: background .25s, color .25s, border-color .25s;
}
.ctc-stepnav .is-active button { color: var(--ink); font-weight: 600; }
.ctc-stepnav .is-active button span { background: var(--ink); border-color: var(--ink); color: #fff; }
.ctc-stepnav .is-done button { color: var(--link); cursor: pointer; }
.ctc-stepnav .is-done button span { border-color: var(--link); }
.ctc-stepnav .is-done button:hover { text-decoration: underline; }
.ctc-progress { height: 2px; background: var(--line-soft); border-radius: 2px; overflow: hidden; margin-bottom: clamp(28px, 3.4vw, 40px); }
.ctc-progress i { display: block; height: 100%; width: 33.34%; background: var(--ink); transition: width .5s var(--ease); }

/* Adımlar */
.ctc-step { border: 0; margin: 0; padding: 0; min-width: 0; display: none; }
.ctc-step.is-active { display: block; animation: fadeIn .4s var(--ease); }
.ctc-step__title { display: block; width: 100%; padding: 0; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.125; font-weight: 600; letter-spacing: .004em; margin-bottom: 6px; }
.ctc-step__lead { color: var(--muted); margin-bottom: 24px; }
.ctc-choices > .field-error { margin-top: 12px; font-size: 14px; }
.ctc-more { margin-top: 20px; }
.ctc-more summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; color: var(--link); }
.ctc-more summary::-webkit-details-marker { display: none; }
.ctc-more summary::after {
    content: ""; width: 7px; height: 7px; margin-left: 4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg); transition: transform .25s var(--ease);
}
.ctc-more[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.ctc-more summary:hover { text-decoration: underline; }
.ctc-more .pill-options { margin-top: 14px; }

/* Son adımdaki özet */
.ctc-summary { display: grid; gap: 4px; background: var(--bg-alt); border-radius: var(--r-sm); padding: 16px 18px; margin-bottom: 26px; font-size: 15px; }
.ctc-summary p { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 8px; min-width: 0; overflow-wrap: anywhere; }
.ctc-summary__k { color: var(--muted); }
.ctc-summary__edit { justify-self: start; border: 0; background: none; padding: 0; margin-top: 4px; color: var(--link); font-size: 15px; }
.ctc-summary__edit:hover { text-decoration: underline; }

.ctc-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line-soft); }
.ctc-back { margin-right: auto; border: 0; background: none; padding: 8px 0; color: var(--link); font-size: 17px; }
.ctc-back::before { content: "‹"; margin-right: 6px; font-size: 1.15em; }
.ctc-back:hover { text-decoration: underline; }
.ctc-done { text-align: center; padding: clamp(32px, 6vw, 72px) 0; }
.ctc-done h2 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.125; margin-bottom: 8px; }
.ctc-done p { color: var(--muted); }

/* JS kapalıysa: tüm adımlar alt alta, doğrudan gönder */
.no-js .ctc-stepnav, .no-js .ctc-progress { display: none; }
.no-js .ctc-step { display: block; margin-bottom: 40px; }
.no-js .ctc-actions [data-next], .no-js .ctc-actions [data-prev] { display: none !important; }
.no-js .ctc-actions [data-submit] { display: inline-flex !important; }

/* Sağ sütun: Demoda neler olur? */
.ctc-aside { position: sticky; top: calc(var(--nav-h) + 32px); padding-top: 8px; }
.ctc-aside__title { font-size: clamp(21px, 1.9vw, 24px); line-height: 1.17; margin-bottom: 22px; }
.ctc-points { list-style: none; counter-reset: ctcp; display: grid; gap: 22px; }
.ctc-points li { counter-increment: ctcp; position: relative; padding-left: 38px; }
.ctc-points li::before {
    content: counter(ctcp); position: absolute; left: 0; top: 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid var(--line);
    display: grid; place-items: center; font-size: 12px; font-weight: 600; color: var(--ink-2); background: #fff;
}
.ctc-points h3 { font-size: 17px; line-height: 1.3; margin-bottom: 4px; }
.ctc-points p { color: var(--muted); font-size: 15px; line-height: 1.47; }
.ctc-aside__foot { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 15px; line-height: 1.6; }

.ctc-faq-title { margin-bottom: 28px; }
.ctc-faq-more { margin-top: 22px; }

/* ───────── /destek ───────── */
.ctc-support-hero { padding-bottom: clamp(32px, 4vw, 56px); }
.ctc-search {
    max-width: 680px; margin: clamp(28px, 3.4vw, 40px) auto 0; display: flex; align-items: center; gap: 4px; height: 60px; padding: 0 8px 0 20px;
    background: #fff; border: 1px solid var(--line); border-radius: 14px; transition: border-color .2s, box-shadow .2s;
}
.ctc-search:focus-within { border-color: var(--link); box-shadow: 0 0 0 4px rgba(0, 102, 204, .14); }
.ctc-search > i { font-size: 18px; color: var(--muted); flex: none; }
.ctc-search__input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; padding: 0 10px; font-size: 19px; color: var(--ink); }
.ctc-search__input::placeholder { color: var(--muted-2); }
.ctc-search__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.ctc-search__btn { flex: none; width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--bg-alt); color: var(--ink); display: grid; place-items: center; font-size: 16px; transition: background .2s; }
.ctc-search__btn:hover { background: var(--line-soft); }
.ctc-search__hint { margin-top: 16px; font-size: 14px; color: var(--muted); }
.ctc-support-status { margin: 22px auto 0; max-width: 560px; font-size: 15px; color: var(--muted); }
.ctc-support-status.is-open { color: var(--ink-2); }
.ctc-notice { margin-bottom: 8px; }
.ctc-notice .alert { margin: 0; }

.ctc-topics { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.ctc-topic { display: flex; flex-direction: column; min-height: 220px; padding: 32px 30px 28px; }
.ctc-topic .card__text { flex: 1; }
.ctc-topic .link { margin-top: 20px; }

/* Form + solda bilgi */
.ctc-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.ctc-split__intro .t-intro { color: var(--muted); margin-top: 14px; }
.ctc-split .ctc-card { margin: 0; max-width: none; }
.ctc-facts { margin: 36px 0 0; border-top: 1px solid var(--line); }
.ctc-facts > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.ctc-facts dt { color: var(--muted); font-size: 15px; }
.ctc-facts dd { margin: 0; text-align: right; min-width: 0; overflow-wrap: anywhere; }

/* Uzaktan bağlantı adımları */
.ctc-remote-head { max-width: 680px; }
.ctc-remote {
    list-style: none; counter-reset: ctcr; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px;
    margin-top: clamp(36px, 4vw, 56px); padding-top: 32px; border-top: 1px solid var(--line);
}
.ctc-remote li { counter-increment: ctcr; min-width: 0; }
.ctc-remote li::before { content: counter(ctcr); display: block; font-size: clamp(40px, 4vw, 56px); line-height: 1; font-weight: 600; letter-spacing: -.02em; color: var(--muted-2); margin-bottom: 16px; font-variant-numeric: tabular-nums; }
.ctc-remote h3 { font-size: 19px; line-height: 1.26; margin-bottom: 6px; }
.ctc-remote p { color: var(--muted); }
.ctc-remote .link { margin-top: 10px; }

/* ───────── /cozum-ortakligi ───────── */
.ctc-who { gap: 0 clamp(32px, 5vw, 64px); max-width: 900px; margin: 0 auto; }
.ctc-who > div { border-top: 1px solid var(--line); padding: 22px 0 30px; }
.ctc-who h3 { font-size: 21px; line-height: 1.19; margin-bottom: 8px; }
.ctc-who p { color: var(--muted); }

.ctc-steps { list-style: none; counter-reset: ctcs; border-top: 1px solid var(--line); }
.ctc-steps li { counter-increment: ctcs; display: grid; grid-template-columns: 40px minmax(0, 1fr); padding: 18px 0 20px; border-bottom: 1px solid var(--line); }
.ctc-steps li::before { content: counter(ctcs); grid-row: span 2; color: var(--muted); font-variant-numeric: tabular-nums; padding-top: 1px; }
.ctc-steps h3 { font-size: 19px; line-height: 1.26; margin-bottom: 4px; }
.ctc-steps p { grid-column: 2; color: var(--muted); }

.ctc-products { margin-top: clamp(32px, 4vw, 48px); gap: 20px; }
.ctc-products .card { display: flex; flex-direction: column; }
.ctc-products .card__text { flex: 1; }
.ctc-products__more { text-align: center; color: var(--muted); margin-top: 32px; }

/* Dinamik Panel ekran görüntüsü (el yapımı, açık tema) */
.ctc-pm { max-width: 920px; margin: 0 auto; text-align: left; }
.ctc-pm__app { display: grid; grid-template-columns: 168px minmax(0, 1fr); font-family: var(--font); font-size: 12px; line-height: 1.35; letter-spacing: 0; color: var(--ink); }
.ctc-pm__side { background: var(--bg-alt); border-right: 1px solid var(--line-soft); padding: 16px 10px; display: flex; flex-direction: column; gap: 2px; }
.ctc-pm__side b { font-size: 13px; padding: 0 8px 12px; }
.ctc-pm__side span { padding: 7px 8px; border-radius: 7px; color: var(--ink-2); }
.ctc-pm__side span.is-on { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }
.ctc-pm__main { padding: 18px 22px 18px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ctc-pm__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ctc-pm__head small { display: block; color: var(--muted); font-size: 11px; }
.ctc-pm__head strong { font-size: 17px; font-weight: 600; }
.ctc-pm__head em { font-style: normal; background: var(--ink); color: #fff; border-radius: 980px; padding: 6px 14px; font-size: 12px; white-space: nowrap; }
.ctc-pm__form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 12px; }
.ctc-pm__f { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 7px 10px; min-width: 0; }
.ctc-pm__f--wide { grid-column: 1 / -1; }
.ctc-pm__f small { display: block; color: var(--muted); font-size: 10.5px; margin-bottom: 2px; }
.ctc-pm__f span { display: block; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.ctc-pm__mods { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ctc-pm__mods small { width: 100%; color: var(--muted); font-size: 10.5px; }
.ctc-pm__mods span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 5px; border: 1px solid var(--line); border-radius: 980px; color: var(--muted); font-size: 11.5px; white-space: nowrap; }
.ctc-pm__mods span::before { content: ""; width: 22px; height: 13px; border-radius: 7px; background: radial-gradient(circle at 6.5px 50%, #fff 4.5px, transparent 5px), var(--line); }
.ctc-pm__mods span.on { color: var(--ink); }
.ctc-pm__mods span.on::before { background: radial-gradient(circle at 15.5px 50%, #fff 4.5px, transparent 5px), var(--green); }
.ctc-pm__note { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 11.5px; }

/* ───────── /bayilik ───────── */
.byl-adv { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(28px, 4vw, 56px); margin-top: clamp(32px, 4vw, 48px); }
.byl-adv > div { border-top: 1px solid var(--line); padding: 22px 0 30px; min-width: 0; }
.byl-adv h3 { font-size: 21px; line-height: 1.19; margin-bottom: 8px; }
.byl-adv p { color: var(--muted); }
.byl-legend { font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--muted); margin: 28px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.byl-legend:first-of-type { margin-top: 4px; }
.ctc-bayilik-cta { text-align: center; }
.ctc-bayilik-cta .links { justify-content: center; margin-top: 24px; }

/* ───────── /tesekkurler ───────── */
.ctc-thanks__h { font-size: clamp(19px, 1.6vw, 21px); line-height: 1.2; }
.ctc-steps--thanks { margin-top: 16px; }
.ctc-thanks__links { margin-top: 28px; }
.ctc-thanks__call { margin-top: 18px; color: var(--muted); font-size: 15px; }
.ctc-social { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin-top: 10px; }

/* ───────── Duyarlı ───────── */
@media (max-width: 1068px) {
    .ctc-ch { grid-column: span 6; }
    .ctc-ch:last-child:nth-child(odd) { grid-column: span 12; }
    .ctc-write__grid { grid-template-columns: minmax(0, 1fr) 300px; }
}
@media (max-width: 1023px) {
    .ctc-demo { grid-template-columns: minmax(0, 1fr); }
    .ctc-aside { position: static; max-width: 640px; }
}
@media (max-width: 900px) {
    .ctc-split { grid-template-columns: minmax(0, 1fr); }
    .byl-adv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ctc-write__grid { grid-template-columns: minmax(0, 1fr); }
    .ctc-after { position: static; max-width: 640px; padding-top: 0; }
    .ctc-sss__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 640px) {
    .ctc-quick { display: grid; grid-template-columns: repeat(var(--qm, 2), minmax(0, 1fr)); gap: 10px; max-width: 420px; }
    .ctc-quick > li { min-width: 0; max-width: none; }
    .ctc-quick__btn { min-height: 80px; padding: 16px 6px 14px; }
    .ctc-quick__btn i { margin-bottom: 8px; }
    .ctc-quick__sub { display: none; }
    .ctc-hero__status { margin-top: 18px; }
    .ctc-hero .ctc-mesai { padding: 0; background: none; font-size: 14px; }
    .ctc-hero .ctc-mesai__hours { flex-basis: 100%; padding: 0; border: 0; }
    .ctc-chs { gap: 12px; }
    .ctc-ch, .ctc-ch--lg, .ctc-ch:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .ctc-ch--lg { padding: 28px 24px 26px; }
    .ctc-ch:not(.ctc-ch--lg) { position: relative; padding: 20px 20px 20px 60px; }
    .ctc-ch:not(.ctc-ch--lg) > .card__glyph { position: absolute; left: 20px; top: 21px; margin: 0; font-size: 24px; }
    /* Parmakla dokunulan bağlantılar en az 44px yüksekliğinde */
    .ctc-ch__links, .ctc-ch--lg .ctc-ch__links { gap: 0 24px; padding-top: 10px; }
    .ctc-ch:not(.ctc-ch--lg) .ctc-ch__links { padding-top: 4px; margin-bottom: -10px; }
    .ctc-ch__links a, .ctc-ch__links .ctc-linkbtn { display: inline-flex; align-items: center; min-height: 44px; }
    .ctc-ch__big { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; }
    .ctc-after .ctc-facts--aside > div, .ctc-after .ctc-facts--aside > div:first-child, .ctc-after .ctc-facts--aside > div:last-child { align-items: center; padding: 0; }
    .ctc-after .ctc-facts--aside dd a { display: inline-flex; align-items: center; min-height: 44px; }
    .ctc-sss__head .link { min-height: 44px; margin-top: 2px; }
    .no-js .ctc-quick { grid-template-columns: repeat(var(--qn, 2), minmax(0, 1fr)); }
    /* Konu kısayolları: dar ekranda beş satırlık yığın yerine parmakla kaydırılan tek sıra (kenardan kenara) */
    .ctc-konular { margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); }
    .ctc-konular__q { padding: 0 var(--gutter); margin-bottom: 10px; }
    .ctc-chips {
        flex-wrap: nowrap; justify-content: flex-start; gap: 6px; max-width: none; overflow-x: auto; overscroll-behavior-x: contain;
        padding: 4px var(--gutter) 6px; scroll-padding: 0 var(--gutter); scrollbar-width: none; -webkit-overflow-scrolling: touch;
    }
    .ctc-chips::-webkit-scrollbar { display: none; }
    .ctc-chips > li { flex: none; }
    .ctc-chip { padding: 9px 15px; font-size: 14px; white-space: nowrap; }
}
@media (max-width: 600px) {
    .byl-adv { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 834px) {
    .ctc-remote { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .ctc-map { aspect-ratio: 4 / 3; }
}
@media (max-width: 734px) {
    .ctc-topic { min-height: 0; }
    .ctc-stepnav { gap: 8px 16px; }
    .ctc-stepnav button { font-size: 13px; }
    .ctc-pm__app { grid-template-columns: minmax(0, 1fr); }
    .ctc-pm__side { display: none; }
    .ctc-pm__main { padding: 14px; gap: 12px; }
    .ctc-pm__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ctc-pm__head em { padding: 5px 10px; font-size: 11px; }
    .ctc-search { height: 54px; padding-left: 16px; }
    .ctc-search__input { font-size: 17px; }
    .ctc-who { grid-template-columns: minmax(0, 1fr); }
    .ctc-facts dd { text-align: left; }
}
@media (max-width: 480px) {
    .ctc-card { border-radius: var(--r); }
    .ctc-actions { flex-wrap: wrap; }
    .ctc-actions .btn { flex: 1 1 auto; }
    .ctc-submit .btn { width: 100%; }
    .ctc-ch__big { white-space: normal; }
}