/* ----------------------------------------------------------------
   8 Domain Theme Override Layer
   ----------------------------------------------------------------
   Bu dosya, ana style.css içindeki :root CSS değişkenlerini her
   domain için ezerek (override) sitelerin farklı renk paletinde
   görünmesini sağlar. Body üzerine sunucu tarafından eklenen
   data-site="gilhe" ... gibi attribute ile aktive olur.

   Sınıf prefix sistemi: PHP tarafında site_prefix('btn') => "gil-btn"
   üretilir. Bu CSS bu prefix'lere uyumlu yardımcı sınıflar tanımlar.
---------------------------------------------------------------- */

/* === GILHE — cyan / midnight blue (Group A: Soft) =================== */
body[data-site="gilhe"] {
    --light-mode-btn: #06B6D4; --nav-menu-color: #06B6D4;
    --light-mode-theme: #06B6D4; --browse-button: #06B6D4;
    --image-quality-bg: #06B6D4; --mode-button-bg: #06B6D4;
    --upload-image-file: #0E7490; --loader-border: #06B6D4;
    --scrollbar-bg: #06B6D4; --footer-bg: #0F172A;
    --site-accent: #06B6D4; --site-accent-strong: #0891B2;
    --site-footer-text: #E2E8F0;
}

/* === AFSOD — emerald / charcoal (Group B: Flat) ===================== */
body[data-site="afsod"] {
    --light-mode-btn: #10B981; --nav-menu-color: #10B981;
    --light-mode-theme: #10B981; --browse-button: #047857;
    --image-quality-bg: #10B981; --mode-button-bg: #047857;
    --upload-image-file: #065F46; --loader-border: #10B981;
    --scrollbar-bg: #10B981; --footer-bg: #1F2937;
    --site-accent: #10B981; --site-accent-strong: #047857;
    --site-footer-text: #D1FAE5;
}

/* === MIPTZ — violet / glass dark (Group C: Glass) =================== */
body[data-site="miptz"] {
    --light-mode-btn: #7C3AED; --nav-menu-color: #7C3AED;
    --light-mode-theme: #7C3AED; --browse-button: #5B21B6;
    --image-quality-bg: #7C3AED; --mode-button-bg: #5B21B6;
    --upload-image-file: #4C1D95; --loader-border: #7C3AED;
    --scrollbar-bg: #7C3AED; --footer-bg: #0B1120;
    --site-accent: #7C3AED; --site-accent-strong: #5B21B6;
    --site-footer-text: #E9D5FF;
}

/* === EDVOA — amber / royal indigo (Group A: Soft) =================== */
body[data-site="edvoa"] {
    --light-mode-btn: #D97706; --nav-menu-color: #D97706;
    --light-mode-theme: #D97706; --browse-button: #B45309;
    --image-quality-bg: #D97706; --mode-button-bg: #B45309;
    --upload-image-file: #92400E; --loader-border: #D97706;
    --scrollbar-bg: #D97706; --footer-bg: #1E1B4B;
    --site-accent: #D97706; --site-accent-strong: #B45309;
    --site-footer-text: #FEF3C7;
}

/* === IRABL — rose / steel gray (Group B: Flat) ====================== */
body[data-site="irabl"] {
    --light-mode-btn: #E11D48; --nav-menu-color: #E11D48;
    --light-mode-theme: #E11D48; --browse-button: #9F1239;
    --image-quality-bg: #E11D48; --mode-button-bg: #9F1239;
    --upload-image-file: #881337; --loader-border: #E11D48;
    --scrollbar-bg: #E11D48; --footer-bg: #374151;
    --site-accent: #E11D48; --site-accent-strong: #9F1239;
    --site-footer-text: #FFE4E6;
}

/* === RAHEG — indigo / glass dark (Group C: Glass) =================== */
body[data-site="raheg"] {
    --light-mode-btn: #4F46E5; --nav-menu-color: #4F46E5;
    --light-mode-theme: #4F46E5; --browse-button: #3730A3;
    --image-quality-bg: #4F46E5; --mode-button-bg: #3730A3;
    --upload-image-file: #312E81; --loader-border: #4F46E5;
    --scrollbar-bg: #4F46E5; --footer-bg: #0F0F1F;
    --site-accent: #4F46E5; --site-accent-strong: #3730A3;
    --site-footer-text: #E0E7FF;
}

/* === BEMIV — teal / slate (Group B: Flat) =========================== */
body[data-site="bemiv"] {
    --light-mode-btn: #0891B2; --nav-menu-color: #0891B2;
    --light-mode-theme: #0891B2; --browse-button: #155E75;
    --image-quality-bg: #0891B2; --mode-button-bg: #155E75;
    --upload-image-file: #164E63; --loader-border: #0891B2;
    --scrollbar-bg: #0891B2; --footer-bg: #1E293B;
    --site-accent: #0891B2; --site-accent-strong: #155E75;
    --site-footer-text: #CFFAFE;
}

/* === GULKZ — orange / deep indigo (Group A: Soft) =================== */
body[data-site="gulkz"] {
    --light-mode-btn: #EA580C; --nav-menu-color: #EA580C;
    --light-mode-theme: #EA580C; --browse-button: #9A3412;
    --image-quality-bg: #EA580C; --mode-button-bg: #9A3412;
    --upload-image-file: #7C2D12; --loader-border: #EA580C;
    --scrollbar-bg: #EA580C; --footer-bg: #312E81;
    --site-accent: #EA580C; --site-accent-strong: #9A3412;
    --site-footer-text: #FFEDD5;
}

/* ================================================================
   Footer — klasik 4 sütun, 3 layout grubu için görsel imza farklı
   ----------------------------------------------------------------
   ft-soft  (A) → yumuşak köşeler, koyu BG, sans başlıklar
   ft-flat  (B) → newspaper, sharp corners, uppercase başlıklar
   ft-glass (C) → cam BG (backdrop-blur), monospace başlıklar
   Tüm gruplarda 4 sütun + bottom satırı aynı, fark sadece tipografi
   ve kenar/border treatment.
   ================================================================ */
.site-footer {
    background: var(--footer-bg, #0f172a);
    color: var(--footer-text, #e5e7eb);
    margin-top: 80px;
}
.site-footer .ft-container { max-width: 1180px; margin: 0 auto; padding: 56px 22px 22px; }

.site-footer .ft-top {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
    gap: 36px;
}
.site-footer .ft-col-brand { padding-right: 8px; }
.site-footer .ft-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.site-footer .ft-mark { display: inline-grid; place-items: center; width: 44px; height: 44px; }
.site-footer .ft-brand-name { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.site-footer .ft-slogan { font-size: 14px; opacity: .9; margin: 0 0 8px; }
.site-footer .ft-pitch  { font-size: 13px; line-height: 1.65; opacity: .72; margin: 0 0 14px; max-width: 360px; }

.site-footer .ft-h {
    font-size: 13px;
    font-weight: 700;
    margin: 4px 0 14px;
    color: var(--footer-text, #e5e7eb);
    opacity: .95;
}
.site-footer .ft-list { list-style: none; padding: 0; margin: 0; }
.site-footer .ft-list li { margin: 0 0 9px; line-height: 1.45; }
.site-footer .ft-list a {
    color: var(--footer-text, #e5e7eb);
    opacity: .8;
    text-decoration: none;
    font-size: 13.5px;
    transition: opacity .15s, color .15s;
}
.site-footer .ft-list a:hover { opacity: 1; color: var(--site-accent); }

.site-footer .ft-addr {
    font-style: normal;
    font-size: 13.5px;
    line-height: 1.7;
    opacity: .85;
    margin: 0 0 12px;
}
.site-footer .ft-contact-list li { display: flex; align-items: center; gap: 8px; }
.site-footer .ft-i {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px;
    color: var(--site-accent);
    flex-shrink: 0;
}

.site-footer .ft-bottom {
    margin-top: 36px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.10);
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
    font-size: 12.5px;
    opacity: .7;
}

/* --- A grubu: Soft / Yumuşak ----------------------------------- */
.site-footer.ft-soft .ft-h {
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    position: relative;
    padding-bottom: 8px;
}
.site-footer.ft-soft .ft-h::after {
    content: '';
    position: absolute; left: 0; bottom: 0;
    width: 28px; height: 2px;
    background: var(--site-accent);
    border-radius: 2px;
}
.site-footer.ft-soft .ft-mark {
    background: rgba(255,255,255,.07);
    border-radius: 14px;
}
.site-footer.ft-soft .ft-brand-name { letter-spacing: -.01em; }

/* --- B grubu: Flat / Newspaper --------------------------------- */
.site-footer.ft-flat .ft-h {
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,.18);
    margin-bottom: 14px;
}
.site-footer.ft-flat .ft-mark { border-radius: 4px; background: rgba(255,255,255,.08); }
.site-footer.ft-flat .ft-brand-name { text-transform: uppercase; letter-spacing: .04em; font-size: 18px; }
.site-footer.ft-flat .ft-list a:hover { text-decoration: underline; }
.site-footer.ft-flat .ft-bottom { border-top-width: 2px; }

/* --- C grubu: Glass / Frosted ---------------------------------- */
.site-footer.ft-glass {
    background: rgba(11,17,32,.78);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    border-top: 1px solid rgba(255,255,255,.08);
}
.site-footer.ft-glass .ft-h {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 13px;
    text-transform: lowercase;
    letter-spacing: 0;
    color: var(--site-accent);
}
.site-footer.ft-glass .ft-mark {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
}
.site-footer.ft-glass .ft-list a { font-family: 'JetBrains Mono', 'Courier New', monospace; font-size: 13px; }
.site-footer.ft-glass .ft-bottom { border-top-color: rgba(255,255,255,.05); font-family: 'JetBrains Mono', 'Courier New', monospace; }

/* --- responsive ---------------------------------------------- */
@media (max-width: 1000px) {
    .site-footer .ft-top { grid-template-columns: 1fr 1fr; gap: 28px; }
    .site-footer .ft-col-brand, .site-footer .ft-col-contact { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
    .site-footer .ft-top { grid-template-columns: 1fr; gap: 28px; }
    .site-footer .ft-bottom { flex-direction: column; gap: 4px; }
    .site-footer .ft-container { padding: 40px 18px 18px; }
}

/* ================================================================
   Marka header logo
   ================================================================ */
.site-brand { display: flex; align-items: center; gap: 10px; }
.site-brand .brand-mark { width: 36px; height: 36px; }
.site-brand .brand-text { display: flex; flex-direction: column; line-height: 1; }
.site-brand .brand-name { font-weight: 700; font-size: 18px; color: var(--light-text-color); }
.site-brand .brand-slogan { font-size: 11px; color: #6b7280; margin-top: 2px; }

body.dark-mode .site-brand .brand-name { color: #fff; }
body.dark-mode .site-brand .brand-slogan { color: #9ca3af; }

/* ================================================================
   Tools layout — 3 araç ana sayfada
   ================================================================ */
.tools-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 24px; }
.tool-card { background: var(--upload-container, #fff); border: 1px solid rgba(0,0,0,.06); border-radius: 12px; padding: 22px; box-shadow: 0 1px 2px rgba(0,0,0,.03); transition: transform .15s, box-shadow .15s; }
.tool-card:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.08); }
.tool-card .tc-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(0,0,0,.04); display: grid; place-items: center; color: var(--site-accent); }
.tool-card h3 { font-size: 16px; font-weight: 700; margin-top: 14px; color: var(--light-text-color); }
.tool-card p { font-size: 13px; color: #6b7280; margin-top: 6px; line-height: 1.5; }
.tool-card .tc-cta { display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 600; color: var(--site-accent); }
.tool-card .tc-cta:hover { color: var(--site-accent-strong); }

@media (max-width: 800px) {
    .tools-row { grid-template-columns: 1fr; }
}

/* Layout-variant home tool card sıralaması */
body[data-tools-order="cvr"] .tools-row { grid-template-areas: "convert resize crop"; }
body[data-tools-order="rcv"] .tools-row { grid-template-areas: "resize convert crop"; }
body[data-tools-order="vrc"] .tools-row { grid-template-areas: "convert crop resize"; }
body[data-tools-order="rvc"] .tools-row { grid-template-areas: "resize crop convert"; }
body[data-tools-order="vcr"] .tools-row { grid-template-areas: "crop convert resize"; }
body[data-tools-order="cvr"] .tool-card[data-tool="convert"] { grid-area: convert; }
body[data-tools-order="cvr"] .tool-card[data-tool="resize"]  { grid-area: resize; }
body[data-tools-order="cvr"] .tool-card[data-tool="crop"]    { grid-area: crop; }

/* ================================================================
   Static page (about / privacy / terms / disclaimer / contact)
   ================================================================ */
.static-page { max-width: 880px; margin: 36px auto; padding: 28px; background: var(--upload-container, #fff); border-radius: 14px; box-shadow: 0 1px 2px rgba(0,0,0,.04); color: var(--light-text-color, #111); }
.static-page h1 { font-size: 28px; font-weight: 700; margin-bottom: 14px; }
.static-page h2 { font-size: 20px; font-weight: 700; margin-top: 24px; margin-bottom: 10px; color: var(--site-accent); }
.static-page h3 { font-size: 16px; font-weight: 700; margin-top: 18px; margin-bottom: 8px; }
.static-page p, .static-page li { font-size: 14px; line-height: 1.75; color: #374151; }
.static-page ul, .static-page ol { padding-left: 22px; margin: 10px 0; }
.static-page li { margin-bottom: 6px; }
.static-page address { font-style: normal; line-height: 1.7; padding: 12px 14px; border-left: 3px solid var(--site-accent); background: rgba(0,0,0,.02); border-radius: 6px; }

/* (Eski .contact-form / .contact-info kuralları kaldırıldı; yeni contact
    sayfası cnt-soft / cnt-desk / cnt-glass DOM yapılarını kullanıyor ve
    CSS'leri dosyanın sonunda tanımlı.) */

body.dark-mode .static-page { background: #1a1a1a; color: #e5e7eb; }
body.dark-mode .static-page p, body.dark-mode .static-page li { color: #cbd5e1; }

/* FAQ schema container reuses existing .faq-section styles */

/* ================================================================
   Author Box (E-E-A-T mührü)
   ================================================================ */
.author-box {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 22px;
    padding: 22px 24px;
    margin-top: 32px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.04));
    border: 1px solid rgba(0,0,0,.06);
    border-left: 3px solid var(--site-accent);
    align-items: center;
}

.author-box .author-avatar-lg {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--site-accent), var(--site-accent-strong));
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    text-transform: uppercase;
}

.author-box .author-eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--site-accent);
    margin-bottom: 4px;
}

.author-box .author-name {
    font-size: 20px;
    font-weight: 700;
    margin: 2px 0 4px;
    color: var(--light-text-color);
}

.author-box .author-role {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 8px;
}

.author-box .author-role .dot {
    margin: 0 6px;
    opacity: .5;
}

.author-box .author-bio {
    font-size: 14px;
    line-height: 1.65;
    color: #374151;
    margin-bottom: 8px;
}

.author-box .author-creds {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 6px;
}

.author-box .author-creds i {
    margin-right: 6px;
    color: var(--site-accent);
}

.author-box .author-org {
    font-size: 12px;
    color: #6b7280;
}

.author-box .author-org a {
    color: var(--site-accent);
}

@media (max-width: 600px) {
    .author-box {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .author-box .author-avatar-lg {
        margin: 0 auto;
    }
}

body.dark-mode .author-box {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    border-left-color: var(--site-accent);
}
body.dark-mode .author-box .author-name { color: #fff; }
body.dark-mode .author-box .author-bio  { color: #d1d5db; }

/* ----- Compact version (footer) ---- */
.author-compact {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 12px;
    background: rgba(255,255,255,.04);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.06);
}

.author-compact .author-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--site-accent), var(--site-accent-strong));
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    flex-shrink: 0;
}

.author-compact .author-meta {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.author-compact .author-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--site-footer-text, #E5E7EB);
}

.author-compact .author-title {
    font-size: 11px;
    color: var(--site-footer-text, #E5E7EB);
    opacity: .65;
    margin-top: 2px;
}

/* ================================================================
   3 LAYOUT GROUPS — Soft / Flat / Glass
   ================================================================
   body class hooks:
     .lyt-soft   -> Group A: gilhe, edvoa, gulkz
     .lyt-flat   -> Group B: afsod, irabl, bemiv
     .lyt-glass  -> Group C: miptz, raheg
   ================================================================ */

/* --- shared layout-aware tokens ---- */
body.lyt-soft  { --lyt-radius: 32px; --lyt-radius-sm: 20px; --lyt-shadow: 0 24px 60px -20px rgba(15,23,42,.25); --lyt-bd: rgba(0,0,0,.04); }
body.lyt-flat  { --lyt-radius: 6px;  --lyt-radius-sm: 4px;  --lyt-shadow: none;                                  --lyt-bd: rgba(0,0,0,.10); }
body.lyt-glass { --lyt-radius: 18px; --lyt-radius-sm: 12px; --lyt-shadow: 0 1px 0 rgba(255,255,255,.04) inset;   --lyt-bd: rgba(255,255,255,.06); }

body.dark-mode.lyt-soft  { --lyt-shadow: 0 24px 60px -20px rgba(0,0,0,.55); --lyt-bd: rgba(255,255,255,.06); }
body.dark-mode.lyt-flat  { --lyt-bd: rgba(255,255,255,.10); }

/* --- A) MODERN / SOFT UI ---------------------------------------- */
body.lyt-soft .static-page,
body.lyt-soft .tool-card,
body.lyt-soft .author-box {
    border-radius: var(--lyt-radius);
    border: 1px solid var(--lyt-bd);
    box-shadow: var(--lyt-shadow);
}
body.lyt-soft .tool-card { padding: 28px; }
body.lyt-soft .tool-card .tc-icon { border-radius: var(--lyt-radius-sm); width: 56px; height: 56px; }
body.lyt-soft .static-page h2 {
    background: linear-gradient(90deg, var(--site-accent), var(--site-accent-strong));
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
/* --- B) CORPORATE / FLAT --------------------------------------- */
body.lyt-flat .static-page,
body.lyt-flat .tool-card,
body.lyt-flat .author-box {
    border-radius: var(--lyt-radius);
    border: 1px solid var(--lyt-bd);
    box-shadow: none;
}
body.lyt-flat .tool-card { padding: 18px; border-left: 3px solid var(--site-accent); }
body.lyt-flat .tool-card .tc-icon { border-radius: 4px; background: rgba(0,0,0,.05); }
body.lyt-flat .static-page h1 { font-weight: 800; letter-spacing: -.01em; }
body.lyt-flat .static-page h2 {
    color: var(--light-text-color, #111);
    border-bottom: 2px solid var(--site-accent); padding-bottom: 6px; display: inline-block;
}
/* Two-col corporate split (sol kurumsal metin / sağ araçlar) */
body.lyt-flat .corporate-split { display: grid; grid-template-columns: 1fr 1.4fr; gap: 36px; align-items: start; }
body.lyt-flat .corp-copy { padding-right: 8px; }
body.lyt-flat .corp-tool .upload-container { margin-top: 0; }
@media (max-width: 900px) { body.lyt-flat .corporate-split { grid-template-columns: 1fr; } }

/* --- C) MINIMAL / GLASS ---------------------------------------- */
body.lyt-glass {
    background-image:
        radial-gradient(circle at 15% 20%, rgba(124,58,237,.18), transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(79,70,229,.14), transparent 45%);
}
body.lyt-glass .static-page,
body.lyt-glass .tool-card,
body.lyt-glass .author-box {
    border-radius: var(--lyt-radius);
    border: 1px solid var(--lyt-bd);
    background: rgba(255,255,255,.04);
    -webkit-backdrop-filter: blur(18px);
            backdrop-filter: blur(18px);
    box-shadow: none;
    color: #e5e7eb;
}
body.lyt-glass.dark-mode { background-color: #050714; }
body.lyt-glass .tool-card { padding: 22px; }
body.lyt-glass .tool-card .tc-icon { background: rgba(255,255,255,.06); }
body.lyt-glass .static-page h2 { color: var(--site-accent); border-bottom: 1px solid rgba(255,255,255,.08); padding-bottom: 6px; }
body.lyt-glass .static-page p,
body.lyt-glass .static-page li { color: #cbd5e1; }

/* ================================================================
   FAQ Variants  (her layout grubu için farklı)
   ================================================================ */

/* --- Accordion (Group A) ---- */
.faq-accordion details {
    border: 1px solid var(--lyt-bd, rgba(0,0,0,.06));
    border-radius: var(--lyt-radius-sm, 14px);
    margin-bottom: 10px;
    background: rgba(0,0,0,.015);
    overflow: hidden;
}
.faq-accordion summary {
    padding: 14px 18px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    position: relative;
    color: var(--light-text-color);
}
.faq-accordion summary::-webkit-details-marker { display: none; }
.faq-accordion summary::after {
    content: '+';
    position: absolute; right: 18px; top: 12px;
    font-size: 22px; font-weight: 400; color: var(--site-accent);
    transition: transform .2s;
}
.faq-accordion details[open] summary::after { content: '−'; }
.faq-accordion details[open] summary { background: rgba(0,0,0,.03); }
.faq-accordion .gil-faq-a, .faq-accordion [class$="-faq-a"] {
    padding: 0 18px 16px; color: #4b5563; line-height: 1.7;
}
body.lyt-glass .faq-accordion details { background: rgba(255,255,255,.04); }
body.lyt-glass .faq-accordion summary { color: #e5e7eb; }
body.dark-mode .faq-accordion summary { color: #fff; }
body.dark-mode .faq-accordion .gil-faq-a, body.dark-mode .faq-accordion [class$="-faq-a"] { color: #cbd5e1; }

/* --- 2-col Grid (Group B) --- */
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.faq-grid > [class$="-faq-cell"], .faq-grid > .afs-faq-cell, .faq-grid > .irb-faq-cell, .faq-grid > .bmv-faq-cell {
    padding: 18px 20px;
    border: 1px solid var(--lyt-bd, rgba(0,0,0,.10));
    border-left: 3px solid var(--site-accent);
    background: rgba(0,0,0,.02);
}
.faq-grid h3 { font-size: 15px; font-weight: 700; margin-bottom: 6px; color: var(--light-text-color); }
.faq-grid p  { font-size: 14px; color: #4b5563; line-height: 1.65; }
@media (max-width: 760px) { .faq-grid { grid-template-columns: 1fr; } }
body.dark-mode .faq-grid h3 { color: #fff; }
body.dark-mode .faq-grid p  { color: #cbd5e1; }

/* --- Numbered Flat List (Group C) --- */
.faq-numbered { list-style: none; padding: 0; counter-reset: faq; }
.faq-numbered > li { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.08); }
.faq-numbered > li:first-child { border-top: 0; }
.faq-numbered [class$="-faq-num"] {
    font-family: 'Courier New', monospace;
    font-size: 28px; font-weight: 700;
    color: var(--site-accent); letter-spacing: -.02em;
    line-height: 1;
}
.faq-numbered h3 { font-size: 16px; font-weight: 600; margin-bottom: 4px; color: #e5e7eb; }
.faq-numbered p  { font-size: 14px; color: #cbd5e1; line-height: 1.7; }
body:not(.lyt-glass) .faq-numbered > li { border-top-color: rgba(0,0,0,.08); }
body:not(.lyt-glass) .faq-numbered h3 { color: var(--light-text-color); }
body:not(.lyt-glass) .faq-numbered p  { color: #4b5563; }

/* ================================================================
   Contact sayfası — klasik 2 sütun (info + form), 3 grup için imza
   ----------------------------------------------------------------
   Hepsi aynı yapı: sol panel = iletişim bilgileri, sağ panel = form.
   3 grup arasındaki fark sadece köşe yuvarlatma + tipografi + rozet
   stili. Form alanları her zaman büyük, label görünür, buton net.
   ================================================================ */
.cnt-page { max-width: 1100px; margin: 40px auto 80px; }

.cnt-head { margin-bottom: 28px; }
.cnt-head h1 { font-size: 30px; font-weight: 800; letter-spacing: -.01em; margin: 0 0 10px; color: var(--light-text-color); }
.cnt-lead { font-size: 14.5px; line-height: 1.65; color: #475569; margin: 0; max-width: 780px; }
body.dark-mode .cnt-head h1 { color: #fff; }
body.dark-mode .cnt-lead { color: #cbd5e1; }

.cnt-grid { display: grid; grid-template-columns: 320px 1fr; gap: 28px; align-items: start; }

.cnt-info {
    background: var(--upload-container, #fff);
    border: 1px solid rgba(0,0,0,.06);
    padding: 22px 24px;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.cnt-info-h {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #6b7280;
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.cnt-info-block { padding: 12px 0; border-bottom: 1px dashed rgba(0,0,0,.06); }
.cnt-info-block:last-child { border-bottom: 0; padding-bottom: 0; }
.cnt-info-block:first-of-type { padding-top: 0; }
.cnt-info-block h3 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #6b7280;
    margin: 0 0 4px;
}
.cnt-info-block p, .cnt-info-block address {
    font-size: 14px;
    line-height: 1.55;
    color: var(--light-text-color);
    margin: 0;
    font-style: normal;
}
.cnt-info-block a { color: var(--site-accent); text-decoration: none; }
.cnt-info-block a:hover { text-decoration: underline; }

.cnt-form-wrap {
    background: var(--upload-container, #fff);
    border: 1px solid rgba(0,0,0,.06);
    padding: 24px 26px;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.cnt-form-h {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 18px;
    color: var(--light-text-color);
}

.cnt-flash { padding: 12px 16px; border-radius: 8px; margin: 0 0 16px; font-size: 14px; }
.cnt-flash-ok { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.cnt-flash-err { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }

.cnt-form { display: flex; flex-direction: column; gap: 16px; }
.cnt-row { display: grid; gap: 16px; }
.cnt-row-2 { grid-template-columns: 1fr 1fr; }
.cnt-field { display: flex; flex-direction: column; }
.cnt-field label {
    font-size: 13px;
    font-weight: 600;
    color: var(--light-text-color);
    margin-bottom: 6px;
}
.cnt-req { color: #dc2626; }
.cnt-field input, .cnt-field textarea {
    width: 100%;
    padding: 11px 14px;
    font-size: 14px;
    color: var(--light-text-color);
    background: var(--upload-container, #fff);
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-family: inherit;
    transition: border-color .15s, box-shadow .15s;
}
.cnt-field input:focus, .cnt-field textarea:focus {
    outline: 0;
    border-color: var(--site-accent);
    box-shadow: 0 0 0 3px rgba(0,0,0,.04);
}
.cnt-field textarea { resize: vertical; min-height: 140px; }
.cnt-help { font-size: 12px; color: #6b7280; margin-top: 6px; }
.cnt-hp { position: absolute; left: -9999px; }

.cnt-submit {
    align-self: flex-start;
    background: var(--site-accent);
    color: #fff;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    transition: background .15s, transform .15s;
}
.cnt-submit:hover { background: var(--site-accent-strong); transform: translateY(-1px); }

/* dark mode */
body.dark-mode .cnt-info,
body.dark-mode .cnt-form-wrap { background: #1a1a1a; border-color: rgba(255,255,255,.08); }
body.dark-mode .cnt-info-h,
body.dark-mode .cnt-info-block h3 { color: #94a3b8; }
body.dark-mode .cnt-info-block p,
body.dark-mode .cnt-info-block address,
body.dark-mode .cnt-field label,
body.dark-mode .cnt-form-h { color: #e5e7eb; }
body.dark-mode .cnt-info-block { border-bottom-color: rgba(255,255,255,.06); }
body.dark-mode .cnt-info-h { border-bottom-color: rgba(255,255,255,.08); }
body.dark-mode .cnt-field input,
body.dark-mode .cnt-field textarea { background: #0f1419; border-color: rgba(255,255,255,.12); color: #fff; }

/* responsive */
@media (max-width: 820px) {
    .cnt-grid { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
    .cnt-row-2 { grid-template-columns: 1fr; }
    .cnt-info, .cnt-form-wrap { padding: 18px 18px; }
}

/* --- A grubu: Soft / yumuşak köşeler -------------------------- */
.cnt-soft .cnt-info,
.cnt-soft .cnt-form-wrap { border-radius: 18px; }
.cnt-soft .cnt-field input,
.cnt-soft .cnt-field textarea { border-radius: 14px; }
.cnt-soft .cnt-submit { border-radius: 999px; padding: 12px 32px; box-shadow: 0 8px 22px -10px var(--site-accent); }

/* --- B grubu: Flat / keskin köşeler --------------------------- */
.cnt-flat .cnt-info,
.cnt-flat .cnt-form-wrap { border-radius: 4px; }
.cnt-flat .cnt-info { border-left: 3px solid var(--site-accent); }
.cnt-flat .cnt-head h1 { text-transform: uppercase; letter-spacing: .04em; font-size: 26px; }
.cnt-flat .cnt-info-h,
.cnt-flat .cnt-info-block h3 { letter-spacing: .12em; }
.cnt-flat .cnt-field input,
.cnt-flat .cnt-field textarea { border-radius: 4px; }
.cnt-flat .cnt-submit { border-radius: 4px; text-transform: uppercase; letter-spacing: .06em; font-size: 13px; }

/* --- C grubu: Glass / cam (transparent) ----------------------- */
.cnt-glass .cnt-info,
.cnt-glass .cnt-form-wrap {
    border-radius: 14px;
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    -webkit-backdrop-filter: blur(18px);
            backdrop-filter: blur(18px);
    color: #e5e7eb;
}
.cnt-glass .cnt-info-h,
.cnt-glass .cnt-info-block h3 { color: #94a3b8; }
.cnt-glass .cnt-info-block p,
.cnt-glass .cnt-info-block address,
.cnt-glass .cnt-form-h,
.cnt-glass .cnt-field label { color: #e5e7eb; }
.cnt-glass .cnt-info-block { border-bottom-color: rgba(255,255,255,.08); }
.cnt-glass .cnt-info-h { border-bottom-color: rgba(255,255,255,.08); }
.cnt-glass .cnt-field input,
.cnt-glass .cnt-field textarea {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.10);
    color: #e5e7eb;
    border-radius: 10px;
}
.cnt-glass .cnt-submit {
    background: linear-gradient(135deg, var(--site-accent), var(--site-accent-strong));
    border-radius: 12px;
}

/* ================================================================
   Layout-aware buttons / nav (prefix sınıfları için ortak base)
   ================================================================ */
[class$="-btn"], [class*="-btn "] {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 18px; font-size: 14px; font-weight: 600;
    border: 0; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s;
    background: var(--site-accent); color: #fff;
    border-radius: var(--lyt-radius-sm, 10px);
}
body.lyt-soft  [class$="-btn"], body.lyt-soft  [class*="-btn "] { border-radius: 999px; padding: 12px 26px; box-shadow: 0 8px 22px -10px var(--site-accent); }
body.lyt-flat  [class$="-btn"], body.lyt-flat  [class*="-btn "] { border-radius: 4px; }
body.lyt-glass [class$="-btn"], body.lyt-glass [class*="-btn "] { border-radius: 12px; backdrop-filter: blur(8px); background: linear-gradient(135deg, var(--site-accent), var(--site-accent-strong)); }

[class$="-btn"]:hover { transform: translateY(-1px); background: var(--site-accent-strong); }

[class$="-card"] {
    background: var(--upload-container, #fff);
    border: 1px solid var(--lyt-bd, rgba(0,0,0,.06));
    border-radius: var(--lyt-radius, 14px);
    box-shadow: var(--lyt-shadow, 0 1px 2px rgba(0,0,0,.03));
}
body.lyt-glass [class$="-card"] { background: rgba(255,255,255,.04); color: #e5e7eb; }

/* ================================================================
   Rich content section (about/howto >1500w)
   ================================================================ */
.rich-section { padding: 28px 0; }
.rich-section h2 { font-size: 22px; font-weight: 700; margin: 24px 0 12px; }
.rich-section h3 { font-size: 17px; font-weight: 700; margin: 18px 0 8px; }
.rich-section p, .rich-section li { font-size: 15px; line-height: 1.78; }
.rich-section ul, .rich-section ol { padding-left: 22px; margin: 10px 0; }
.rich-section blockquote { border-left: 3px solid var(--site-accent); padding: 8px 14px; margin: 14px 0; color: #475569; font-style: italic; }
body.dark-mode .rich-section blockquote { color: #cbd5e1; }
body.lyt-glass .rich-section blockquote { color: #cbd5e1; }