/*
 * İyi Süpürge 1.1 — "ölçüm masası" görünümü.
 * Serin, temiz zemin; beyaz kartlar; Archivo yazı ailesi ve tablo rakamları. Sayfanın tek dikkat çekici öğesi
 * ürünlerin kategori içi konumunu gösteren ölçü çubukları ve skor halkasıdır; geri kalan her şey sakin tutulur.
 * Renk ve yazı tipi değişkenleri Ayarlar → Tasarım'dan gelir (isf_tasarim_css).
 */

:root {
    --isf-zemin: #edf1f3;
    --isf-metin: #15222b;
    --isf-vurgu: #0e6b58;
    --isf-ikincil: #e0a030;
    --isf-kart: #ffffff;
    --isf-kenar: rgba(21, 34, 43, .12);
    --isf-soluk: rgba(21, 34, 43, .64);
    --isf-vurgu-acik: rgba(14, 107, 88, .1);
    --isf-vurgu-metin: #ffffff;
    --isf-ikincil-metin: #111111;
    --isf-buton-bg: var(--isf-vurgu);
    --isf-buton-metin: var(--isf-vurgu-metin);
    --isf-radius: 6px;
    --isf-genislik: 1280px;
    --isf-bosluk: 14px;
    --isf-bosluk-buyuk: 22px;
    --isf-golge: 0 1px 2px rgba(21, 34, 43, .06);
    --isf-font-baslik: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --isf-font-govde: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --isf-hb: #ff6000;
    --isf-hb-koyu: #e04f00;
    --isf-iyi: #1a7f52;
    --isf-yan: 16px;
}

/* ---------- Kaynak veriden otomatik karşılaştırma grafikleri ---------- */
.isf-karsilastirma-grafikleri { margin-top: 24px; }
.isf-grafikler-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 24px; }
.isf-veri-grafik { margin: 0; min-width: 0; padding: 18px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-veri-grafik h3 { margin: 0 0 6px; font-size: 19px; color: var(--isf-metin); }
.isf-grafik-kapsam, .isf-grafik-not { margin: 0 0 10px; font-size: 12px; line-height: 1.55; color: var(--isf-soluk); }
.isf-grafik-not { margin-top: 12px; margin-bottom: 0; }
.isf-grafik-alan { width: 100%; height: 320px; min-width: 0; }
.isf-grafik-alan[hidden] { display: block; visibility: hidden; }
.isf-grafik-svg { display: block; width: 100%; height: 100%; overflow: visible; }
.isf-grafik-svg text { fill: var(--isf-metin); font: 400 12px var(--isf-font-govde); }
.isf-grafik-cizgi { stroke: var(--isf-kenar); stroke-width: 1; fill: none; }
.isf-grafik-cerceve { stroke: var(--isf-kenar); stroke-width: 1; fill: var(--isf-zemin); }
.isf-grafik-band { fill: var(--isf-kart); stroke: none; opacity: .65; }
.isf-grafik-nokta { stroke: var(--isf-kart); stroke-width: 2; }
.isf-grafik-nokta, .isf-grafik-cubuk { fill: var(--isf-vurgu); }
.isf-grafik-cubuk-ikinci { fill: var(--isf-ikincil); }
.isf-grafik-renkler { display: flex; gap: 8px 18px; flex-wrap: wrap; font-size: 12px; color: var(--isf-soluk); margin-bottom: 6px; }
.isf-grafik-renkler span { display: inline-flex; align-items: center; gap: 6px; }
.isf-grafik-renkler i { display: inline-block; width: 12px; height: 12px; }
.isf-grafik-genislik { background: var(--isf-vurgu); }
.isf-grafik-derinlik { background: var(--isf-ikincil); }
.isf-grafik-modeller { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 10px 14px; list-style: none; padding: 0; margin: 12px 0 0; }
.isf-grafik-modeller li { display: flex; align-items: flex-start; gap: 8px; min-width: 0; font-size: 13px; padding: 9px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-zemin); }
.isf-grafik-modeller li > div { min-width: 0; overflow-wrap: anywhere; }
.isf-grafik-modeller a { color: var(--isf-metin); text-decoration: underline; text-underline-offset: 2px; }
.isf-grafik-kod { display: inline-grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: var(--isf-vurgu-acik); color: var(--isf-metin); font-size: 12px; }
.isf-grafik-deger, .isf-grafik-modeller small { display: block; color: var(--isf-soluk); font-size: 12px; line-height: 1.5; }
/* 1.4.6 · Kardeş sayfa notu */
.isf-kardes-not { margin: 8px 0 0; font-size: 13.5px; color: var(--isf-soluk); max-width: 820px; }
.isf-kardes-not a { color: var(--isf-metin); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* 1.4.6 · Emiş ve süre grafiği görünümleri */
.isf-veri-grafik { --isf-g1: var(--isf-vurgu); --isf-g2: #3d7c8c; --isf-g-iz: color-mix(in srgb, var(--isf-metin) 8%, transparent); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-veri-grafik { --isf-g2: #5cc8a8; }
.isf-grafik-hazir.isf-grafik-stil-kelebek .isf-grafik-modeller, .isf-grafik-hazir.isf-grafik-stil-tablo .isf-grafik-modeller,
.isf-grafik-hazir.isf-grafik-stil-gosterge .isf-grafik-modeller, .isf-grafik-hazir.isf-grafik-stil-merdiven .isf-grafik-modeller,
.isf-grafik-hazir[class*="isf-grafik-stil-gosterge_"] .isf-grafik-modeller { display: none; }
.isf-grafik-hazir.isf-grafik-stil-etiketli .isf-grafik-modeller { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 4px 16px; }
.isf-grafik-hazir.isf-grafik-stil-etiketli .isf-grafik-modeller li { border: 0; background: none; padding: 3px 0; }
.isf-grafik-ortanca { stroke: var(--isf-metin); stroke-opacity: .35; stroke-dasharray: 4 4; stroke-width: 1; }
.isf-grafik-svg .isf-grafik-ortanca-ad { fill: var(--isf-soluk); font-size: 11px; }
.isf-grafik-svg .isf-grafik-nokta-ad { font-weight: 600; font-size: 12.5px; paint-order: stroke; stroke: var(--isf-zemin); stroke-width: 3px; stroke-linejoin: round; }
.isf-grafik-svg .isf-grafik-eksen { fill: var(--isf-soluk); font-size: 11.5px; }
.isf-grafik-nokta-ikinci { fill: var(--isf-g2); }
/* B · kelebek */
.isf-kb { display: grid; gap: 6px; font-size: 13px; }
.isf-kb-bas, .isf-kb-satir { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 210px) minmax(0, 1fr); align-items: center; gap: 12px; }
.isf-kb-bas { font-size: 11.5px; color: var(--isf-soluk); padding-bottom: 4px; border-bottom: 1px solid var(--isf-kenar); }
.isf-kb-b-sol { text-align: right; } .isf-kb-b-orta { text-align: center; }
.isf-kb-satir { padding: 5px 0; }
.isf-kb-sol, .isf-kb-sag { display: flex; align-items: center; gap: 8px; min-width: 0; }
.isf-kb-sol { justify-content: flex-end; }
.isf-kb-sol i, .isf-kb-sag i { display: block; flex: 0 0 auto; height: 14px; min-width: 3px; width: calc((100% - 76px) * var(--p, 1)); }
.isf-kb-sol i { background: var(--isf-g1); border-radius: 3px 0 0 3px; } .isf-kb-sag i { background: var(--isf-g2); border-radius: 0 3px 3px 0; }
.isf-kb-deger { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.isf-kb-ad { text-align: center; line-height: 1.3; min-width: 0; overflow-wrap: anywhere; }
.isf-kb-ad a { color: var(--isf-metin); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--isf-kenar); }
.isf-kb-ad a:hover { border-bottom-color: currentColor; }
.isf-kb-ad small, .isf-gt small, .isf-gs-ad small { display: block; color: var(--isf-soluk); font-size: 11.5px; }
/* C · çubuklu tablo */
.isf-gt-kap { overflow-x: auto; }
.isf-gt { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.isf-gt th { text-align: left; font-weight: 600; font-size: 12px; color: var(--isf-soluk); padding: 0 10px 8px 0; border-bottom: 1px solid var(--isf-kenar); }
.isf-gt td { padding: 9px 10px 9px 0; border-bottom: 1px solid var(--isf-kenar); vertical-align: middle; }
.isf-gt tr:last-child td { border-bottom: 0; }
.isf-gt td:first-child a { color: var(--isf-metin); font-weight: 600; text-decoration: none; }
.isf-gt td:first-child a:hover { text-decoration: underline; }
.isf-gt-sirala { all: unset; cursor: pointer; display: inline-flex; gap: 4px; align-items: center; }
.isf-gt-sirala::after { content: "↕"; opacity: .45; font-size: 11px; }
.isf-gt th[aria-sort=descending] .isf-gt-sirala { color: var(--isf-metin); } .isf-gt th[aria-sort=descending] .isf-gt-sirala::after { content: "↓"; opacity: 1; }
.isf-gt-sirala:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-gt-hucre { width: 34%; min-width: 120px; }
.isf-gt-deger { display: block; font-variant-numeric: tabular-nums; font-weight: 600; margin-bottom: 4px; }
.isf-gt-cubuk { display: block; height: 6px; border-radius: 4px; background: var(--isf-g-iz); overflow: hidden; }
.isf-gt-cubuk i { display: block; height: 100%; background: var(--isf-g1); border-radius: 4px; }
.isf-gt td:nth-child(3) .isf-gt-cubuk i { background: var(--isf-g2); }
.isf-gt-en .isf-gt-deger::after { content: "en yüksek"; margin-left: 6px; font-size: 10.5px; font-weight: 600; color: var(--isf-vurgu); }
.isf-gt td:nth-child(3).isf-gt-en .isf-gt-deger::after { content: "en uzun"; }
/* D · merdiven */
.isf-merdiven-cizgi { stroke: var(--isf-metin); stroke-opacity: .28; stroke-width: 1.5; }
.isf-merdiven-yukari .isf-merdiven-cizgi { stroke: var(--isf-g2); stroke-opacity: .85; }
.isf-merdiven-asagi .isf-merdiven-cizgi { stroke: var(--isf-g1); stroke-opacity: .85; }
.isf-merdiven-g { outline: none; } .isf-merdiven-g:hover .isf-merdiven-cizgi, .isf-merdiven-g:focus .isf-merdiven-cizgi { stroke-width: 3; stroke-opacity: 1; }
.isf-grafik-svg .isf-merdiven-ad { font-weight: 600; } .isf-grafik-svg .isf-merdiven-deger { fill: var(--isf-soluk); font-variant-numeric: tabular-nums; }
/* E · gösterge kartları */
.isf-gs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 10px; }
.isf-gs-kart { display: flex; flex-direction: column; border: 1px solid var(--isf-kenar); border-radius: 6px; padding: 12px 12px 10px; background: var(--isf-zemin); }
.isf-gs-ad { font-size: 13.5px; line-height: 1.3; min-height: 34px; }
.isf-gs-ad a { color: var(--isf-metin); font-weight: 600; text-decoration: none; } .isf-gs-ad a:hover { text-decoration: underline; }
.isf-gs-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; padding-top: 10px; }
.isf-gs-olcu { text-align: center; position: relative; }
.isf-gs-yay { display: block; width: 100%; max-width: 110px; margin: 0 auto; }
.isf-gs-iz, .isf-gs-dolu { fill: none; stroke-width: 9; stroke-linecap: round; }
.isf-gs-iz { stroke: var(--isf-g-iz); } .isf-gs-dolu { stroke: var(--isf-g1); } .isf-gs-ikinci { stroke: var(--isf-g2); }
.isf-gs-deger { margin-top: -22px; font-variant-numeric: tabular-nums; } .isf-gs-deger strong { font-size: 17px; } .isf-gs-deger span { font-size: 11px; color: var(--isf-soluk); }
.isf-gs-etiket { font-size: 11px; color: var(--isf-soluk); margin-top: 2px; }
/* E çeşitleri: gri, kenarlı, kompakt */
.isf-veri-grafik { --isf-gg-zemin: color-mix(in srgb, var(--isf-metin) 4%, var(--isf-kart)); --isf-gg-cizgi: color-mix(in srgb, var(--isf-metin) 12%, transparent); }
.isf-gg-kap { display: inline-block; max-width: 100%; vertical-align: top; overflow-x: auto; border: 1px solid var(--isf-gg-cizgi); border-radius: 6px; background: var(--isf-gg-zemin); }
.isf-gg { width: auto; min-width: min(100%, 520px); border-collapse: collapse; font-size: 13.5px; }
.isf-gg th { text-align: left; font-size: 11.5px; font-weight: 600; color: var(--isf-soluk); padding: 8px 12px; border-bottom: 1px solid var(--isf-gg-cizgi); background: color-mix(in srgb, var(--isf-metin) 3%, transparent); }
.isf-gg td { padding: 6px 14px; border-bottom: 1px solid var(--isf-gg-cizgi); vertical-align: middle; }
.isf-gg tr:last-child td { border-bottom: 0; }
.isf-gg td + td, .isf-gg th + th { border-left: 1px solid var(--isf-gg-cizgi); }
.isf-veri-grafik .isf-gg-ad a, .isf-veri-grafik .isf-gk-ad a, .isf-veri-grafik a.isf-gp-ad { color: var(--isf-metin); font-weight: 600; text-decoration: none; }
.isf-gg-ad a:hover, .isf-gk-ad a:hover, .isf-gp-ad:hover { text-decoration: underline; }
.isf-gg-ad small { margin-left: 6px; color: var(--isf-soluk); font-size: 11.5px; }
.isf-gg-olcu { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.isf-gg-yay { width: 44px; height: 26px; flex: 0 0 auto; }
.isf-gg-halka { width: 30px; height: 30px; flex: 0 0 auto; }
.isf-gg-yay .isf-gs-iz, .isf-gg-yay .isf-gs-dolu { stroke-width: 6; }
.isf-gg-halka .isf-gs-iz, .isf-gg-halka .isf-gs-dolu { stroke-width: 5; stroke-linecap: round; fill: none; }
.isf-gg-deger { font-variant-numeric: tabular-nums; } .isf-gg-deger strong { font-size: 14.5px; } .isf-gg-deger small { color: var(--isf-soluk); font-size: 11px; }
.isf-gk { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 186px)); gap: 8px; }
.isf-gk-kart { border: 1px solid var(--isf-gg-cizgi); border-radius: 6px; background: var(--isf-gg-zemin); padding: 9px 10px 8px; display: flex; flex-direction: column; gap: 6px; }
.isf-gk-ad { font-size: 12.5px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 32px; }
.isf-gk-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: auto; padding-top: 6px; border-top: 1px solid var(--isf-gg-cizgi); }
.isf-gk-olcu { text-align: center; }
.isf-gk-olcu .isf-gg-yay { width: 52px; height: 30px; display: block; margin: 0 auto; }
.isf-gk-deger { font-variant-numeric: tabular-nums; line-height: 1.1; margin-top: 1px; } .isf-gk-deger strong { font-size: 14px; } .isf-gk-deger small { font-size: 10.5px; color: var(--isf-soluk); }
.isf-gk-etiket { font-size: 10.5px; color: var(--isf-soluk); }
.isf-gp { display: grid; grid-template-columns: repeat(2, minmax(0, 400px)); gap: 10px; }
.isf-gp-panel { border: 1px solid var(--isf-gg-cizgi); border-radius: 6px; background: var(--isf-gg-zemin); padding: 10px 12px; min-width: 0; }
.isf-gp-baslik { margin: 0 0 6px; font-size: 12px; font-weight: 600; color: var(--isf-soluk); }
.isf-gp-liste { list-style: none; margin: 0; padding: 0; }
.isf-gp-liste li { display: grid; grid-template-columns: 30px 74px minmax(0, 1fr); align-items: center; gap: 8px; padding: 5px 0; border-top: 1px solid var(--isf-gg-cizgi); font-size: 13px; }
.isf-gp-liste li:first-child { border-top: 0; }
.isf-gp-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 560px) {
    .isf-gp { grid-template-columns: 1fr; }
    .isf-gk { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .isf-gg-kap { display: block; } .isf-gg { width: 100%; min-width: 0; }
    .isf-gg-ad small { display: block; margin-left: 0; }
    .isf-gg td, .isf-gg th { padding: 7px 8px; }
    .isf-gg-yay { width: 34px; height: 20px; } .isf-gg-olcu { gap: 5px; }
}
@media (max-width: 560px) {
    .isf-kb-bas { grid-template-columns: 1fr 1fr; } .isf-kb-b-orta { display: none; } .isf-kb-b-sol { text-align: left; }
    .isf-kb-satir { grid-template-columns: 1fr 1fr; gap: 4px 10px; padding: 8px 0; border-bottom: 1px solid var(--isf-kenar); }
    .isf-kb-ad { grid-column: 1 / -1; grid-row: 1; text-align: left; }
    .isf-kb-sol { justify-content: flex-start; } .isf-kb-sol i { border-radius: 3px; order: 1; } .isf-kb-sol .isf-kb-deger { order: 2; }
    .isf-kb-sag i { border-radius: 3px; }
    .isf-gt-hucre { min-width: 92px; }
}
@media(max-width:600px) { .isf-grafikler-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .isf-veri-grafik { padding: 12px; } .isf-veri-grafik h3 { font-size: 17px; } }

/* ---------- Temel ---------- */

/* Zemin rengi sayfanın tamamını kaplar: içerik kutusu ile kenarlar ve alt bilgi arasında renk kırılması olmaz. */
body.isf-govde { background: var(--isf-zemin) !important; }
body.isf-govde .wp-site-blocks { background: transparent; padding: 0 !important; }
body.isf-govde .wp-site-blocks > * { margin-block-start: 0; }
/* Bazı blok temaları (ör. Fork) .wp-site-blocks'u flex sütun yapar; otomatik kenar boşluklu flex öğesi içeriğinin en geniş
   satırı kadar büyür ve mobilde sayfa taşar. Kök öğeler her zaman ekran genişliğiyle sınırlanır. */
body.isf-govde .wp-site-blocks > .isf-ust,
body.isf-govde .wp-site-blocks > .isf-sayfa,
body.isf-govde .wp-site-blocks > .isf-alt-bilgi,
body.isf-govde .wp-site-blocks > .wp-block-template-part,
body.isf-govde .wp-site-blocks > main { width: 100%; min-width: 0; max-width: 100%; flex-shrink: 0; box-sizing: border-box; }
body.isf-govde .wp-site-blocks > .isf-sayfa { max-width: var(--isf-genislik); }
.isf-sayfa, .isf-sayfa > *, .isf-bolum, .isf-hero > *, .isf-karar, .isf-grid > * { min-width: 0; }

.isf-sayfa {
    max-width: var(--isf-genislik);
    margin: 0 auto;
    padding: 16px var(--isf-yan) 40px;
    color: var(--isf-metin);
    background: transparent;
    font-family: var(--isf-font-govde);
    font-size: 15.5px;
    line-height: 1.6;
    box-sizing: border-box;
}
.isf-sayfa *, .isf-sayfa *::before, .isf-sayfa *::after { box-sizing: border-box; }
.isf-sayfa h1, .isf-sayfa h2, .isf-sayfa h3 { font-family: var(--isf-font-baslik); color: var(--isf-metin); line-height: 1.18; letter-spacing: -.018em; margin: 0 0 10px; }
.isf-sayfa h1 { font-size: clamp(1.55rem, 2.6vw, 2.15rem); font-weight: 800; }
.isf-sayfa h2 { font-size: clamp(1.15rem, 1.7vw, 1.35rem); font-weight: 750; }
.isf-sayfa h2 small { margin-left: 8px; font-size: 13px; font-weight: 500; letter-spacing: 0; color: var(--isf-soluk); }
.isf-sayfa h3 { font-size: 1.02rem; font-weight: 700; }
.isf-sayfa :focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-sayfa p { margin: 0 0 10px; }
.isf-sayfa a { color: var(--isf-vurgu); text-decoration: none; }
.isf-sayfa a:hover { text-decoration: underline; text-underline-offset: 3px; }
.isf-sayfa img { max-width: 100%; height: auto; }
.isf-gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.isf-goz { display: block; font-size: 13px; font-weight: 600; color: var(--isf-vurgu); margin-bottom: 2px; }
.isf-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13.5px; color: var(--isf-soluk); margin: 0 0 8px; }
.isf-not { font-size: 13px; color: var(--isf-soluk); margin-top: 10px; }
.isf-gezinme { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; color: var(--isf-soluk); margin: 0 0 12px; }
.isf-gezinme a { color: var(--isf-soluk); }
.isf-gezinme a:hover { color: var(--isf-vurgu); }

.isf-bolum { margin-top: 26px; }
.isf-bolum-ustu { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.isf-bolum-ustu h2 { margin: 0; }
.isf-tum-link { font-weight: 650; font-size: 14px; white-space: nowrap; }

.isf-etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.isf-etiket { display: inline-flex; padding: 4px 11px; border-radius: 6px; background: var(--isf-vurgu-acik); color: var(--isf-vurgu); font-size: 13px; font-weight: 600; }
.isf-rozet { display: inline-flex; padding: 4px 10px; border-radius: 4px; background: var(--isf-ikincil); color: var(--isf-ikincil-metin); font-size: 12px; font-weight: 700; }
.isf-cipler, .isf-ilgili-cipler { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 6px; }
.isf-cip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 6px; border: 1px solid var(--isf-kenar); background: var(--isf-kart); color: var(--isf-metin) !important; font-weight: 600; font-size: 13.5px; line-height: 1.2; }
.isf-cip span { font-size: 12px; color: var(--isf-soluk); font-weight: 500; }
.isf-cip:hover { border-color: var(--isf-vurgu); text-decoration: none !important; }
.isf-cip-aktif { background: var(--isf-metin); color: var(--isf-kart) !important; border-color: var(--isf-metin); }
.isf-cip-rehber { background: var(--isf-vurgu); color: var(--isf-vurgu-metin) !important; border-color: var(--isf-vurgu); }

.isf-bant, .isf-sayfa .isf-bant { margin: 26px 0 0; padding: 12px 14px; border-radius: var(--isf-radius); background: var(--isf-kart); border: 1px solid var(--isf-kenar); font-size: 13.5px; color: var(--isf-soluk); }
.isf-bant strong { color: var(--isf-vurgu); }
.isf-bos { padding: 22px; border: 1px dashed var(--isf-kenar); border-radius: var(--isf-radius); text-align: center; color: var(--isf-soluk); }

/* ---------- Butonlar ---------- */

.isf-buton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border-radius: 6px; border: 0; background: var(--isf-buton-bg); color: var(--isf-buton-metin) !important; font-weight: 700; font-size: 15px; cursor: pointer; text-decoration: none !important; }
.isf-buton:hover { filter: brightness(1.07); }

/* Mağaza butonları: sade, düz renkli, kompakt (temanın buton stillerinden etkilenmez). */
.isf-bt { display: inline-flex; align-items: center; gap: 8px; box-sizing: border-box; border: 0; border-radius: 6px !important; font-family: var(--isf-font-govde); font-weight: 700; line-height: 1.15 !important; text-decoration: none !important; letter-spacing: 0; transition: background .12s ease, box-shadow .12s ease; }
.isf-bt:focus-visible { outline: 2px solid var(--isf-metin); outline-offset: 2px; }
.isf-bt-ikon { flex: 0 0 auto; width: 18px; height: 18px; }
.isf-bt-hb { background: var(--isf-hb) !important; color: #fff !important; box-shadow: 0 1px 2px rgba(150, 50, 0, .25); }
.isf-bt-hb:hover { background: var(--isf-hb-koyu) !important; }
.isf-bt-amazon { background: #131921 !important; color: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); }
.isf-bt-amazon:hover { background: #232f3e !important; }
.isf-bt-amazon .isf-bt-ust { color: #ffb84d; opacity: 1; }
.isf-bt-incele { background: var(--isf-kart); color: var(--isf-metin) !important; border: 1.5px solid var(--isf-metin); }
.isf-bt-incele:hover { background: var(--isf-metin); color: var(--isf-kart) !important; }
.isf-bt-kucuk { padding: 7px 10px !important; font-size: 13px !important; border-radius: 5px !important; justify-content: center; white-space: nowrap; gap: 6px; }
.isf-bt-kucuk .isf-bt-ikon { width: 15px; height: 15px; }

.isf-magazalar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.isf-magazalar .isf-bt { width: 100%; min-height: 46px; padding: 6px 12px !important; }
.isf-bt-metin { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; min-width: 0; }
.isf-bt-ust { font-size: 11.5px !important; font-weight: 600; opacity: .9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isf-bt-ana { font-size: 14.5px !important; font-weight: 750; }
.isf-bt-ok { font-size: 18px; font-weight: 600; opacity: .85; }
.isf-kt-magaza { display: grid; gap: 5px; min-width: 112px; max-width: 160px; margin: 0 auto; }
.isf-kt-magaza .isf-bt { width: 100%; justify-content: center; padding: 6px 8px !important; font-size: 12.5px !important; }
.isf-kart-butonlar .isf-bt-incele { width: 100%; justify-content: center; }
.isf-magaza-yok { font-size: 14px; color: var(--isf-soluk); margin: 0; }
.isf-ifsa { font-size: 12px; color: var(--isf-soluk); margin: 10px 0 0; }
.isf-fiyat-tarih { font-size: 12.5px; color: var(--isf-soluk); margin: 8px 0 0; }

/* ---------- Skor halkası ---------- */

.isf-halka { --p: 0; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: inline-grid; place-items: center;
    background: conic-gradient(var(--isf-vurgu) calc(var(--p) * 1%), var(--isf-kenar) 0); position: relative; }
.isf-halka::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--isf-kart); }
.isf-halka b { position: relative; font-family: var(--isf-font-baslik); font-size: 15px; color: var(--isf-metin); }
.isf-halka-buyuk { width: 74px; height: 74px; }
.isf-halka-buyuk::before { inset: 6px; }
.isf-halka-buyuk b { font-size: 24px; }

/* ---------- Ürün kartı ---------- */

.isf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: var(--isf-bosluk); }
.isf-kart { position: relative; display: flex; flex-direction: column; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); overflow: hidden; box-shadow: var(--isf-golge); transition: box-shadow .15s ease, transform .15s ease; }
.isf-kart:hover { border-color: rgba(21, 34, 43, .28); box-shadow: 0 6px 18px rgba(21, 34, 43, .08); }
.isf-kart-gorsel { position: relative; display: block; aspect-ratio: var(--isf-foto-oran, 1); background: #fff; overflow: hidden; border-bottom: 1px solid var(--isf-kenar); }
.isf-kart-gorsel img, .isf-kart-gorsel svg { width: 100%; height: 100%; display: block; }
.isf-kart-gorsel img { object-fit: contain; }
.isf-kg-hepsiburada img { padding: 5px; }
.isf-kg-temsili, .isf-kg-ikon { background: linear-gradient(160deg, var(--isf-vurgu-acik), transparent 70%), var(--isf-zemin); }
.isf-kg-temsili img { object-fit: contain; }
.isf-kg-ikon svg { padding: 18%; color: var(--isf-vurgu); }
.isf-kart-sira { position: absolute; left: 10px; top: 10px; z-index: 2; padding: 3px 8px; border-radius: 5px; background: var(--isf-metin); color: var(--isf-kart); font-size: 12.5px; font-weight: 800; }
.isf-kart-gorsel .isf-rozet { position: absolute; right: 10px; top: 10px; z-index: 2; }
.isf-kart-kaynak { position: absolute; right: 8px; bottom: 8px; z-index: 2; padding: 2px 6px; border-radius: 4px; background: rgba(255,255,255,.9); color: #555; font-size: 10.5px; font-weight: 600; }
.isf-hb-yok .isf-kart-kaynak, .isf-hb-yok .isf-hb-ibare { display: none; }
.isf-kart-govde { display: flex; flex-direction: column; gap: 8px; padding: 12px; flex: 1 1 auto; }
.isf-kart-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.isf-kart-marka { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--isf-soluk); }
.isf-kart-baslik { margin: 2px 0 0 !important; font-size: 1.02rem !important; line-height: 1.25 !important; }
.isf-kart-baslik a { color: var(--isf-metin) !important; }
.isf-kart-baslik a:hover { color: var(--isf-vurgu) !important; text-decoration: none !important; }
.isf-kart-fiyat { margin: 0 !important; font-size: 13px; color: var(--isf-soluk); display: flex; justify-content: space-between; align-items: baseline; }
.isf-kart-fiyat strong { font-size: 16px; color: var(--isf-metin); }
.isf-kart-butonlar { display: grid; grid-template-columns: auto 1fr; gap: 8px; margin-top: auto; }
.isf-kart-butonlar > :only-child { grid-column: 1 / -1; }

/* Ölçü çubukları: değerin kategori içindeki konumu */
.isf-olcu { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.isf-olcu li { display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 8px; font-size: 12.5px; }
.isf-olcu-ad { color: var(--isf-soluk); font-weight: 600; }
.isf-olcu-cubuk { position: relative; height: 6px; border-radius: 4px; background:
    repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(28,27,24,.14) calc(25% - 1px) 25%), rgba(28,27,24,.07); overflow: hidden; }
.isf-olcu-cubuk i { position: absolute; inset: 0 auto 0 0; border-radius: 4px; background: linear-gradient(90deg, var(--isf-ikincil), var(--isf-vurgu)); }
.isf-olcu-deger { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Yatay şerit (ana sayfa) */
/* Şerit: geniş ekranda tek ve tam dolu satır (kırpılmış kart yok), dar ekranda yatay kaydırma. */
.isf-serit { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.isf-serit > .isf-kart:nth-child(n+6) { display: none; }
@media (max-width: 1180px) {
    .isf-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .isf-serit > .isf-kart:nth-child(n+5) { display: none; }
}
@media (max-width: 860px) {
    .isf-serit { grid-auto-flow: column; grid-auto-columns: minmax(200px, 42%); grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: thin; }
    .isf-serit > .isf-kart:nth-child(n) { display: flex; scroll-snap-align: start; }
}

/* ---------- Header ve footer ----------
 * Altı görünüm (Ayarlar → Tasarım → Header ve footer) aynı işaretlemeyi kullanır; yalnızca değişkenler ve
 * birkaç kural değişir. Header, içerik ve footer aynı kaba (.isf-kap) hizalanır.
 */

.isf-kap { box-sizing: border-box; width: 100%; max-width: var(--isf-genislik); margin-left: auto; margin-right: auto; padding-left: var(--isf-yan); padding-right: var(--isf-yan); }
body.isf-govde { overflow-x: clip;
    --isf-ust-bg: var(--isf-kart); --isf-ust-metin: var(--isf-metin); --isf-ust-cizgi: var(--isf-kenar); --isf-ust-hover: var(--isf-vurgu-acik); --isf-ust-hover-metin: var(--isf-vurgu);
    --isf-alt-bg: var(--isf-kart); --isf-alt-metin: var(--isf-metin); --isf-alt-soluk: var(--isf-soluk); --isf-alt-cizgi: var(--isf-kenar); --isf-alt-yasal-bg: transparent; --isf-alt-isaret: var(--isf-vurgu);
    --isf-bant: transparent; --isf-alt-bant: transparent; }

.isf-ust { position: sticky; top: 0; z-index: 50; background: var(--isf-ust-bg); color: var(--isf-ust-metin); border-bottom: 1px solid var(--isf-ust-cizgi); font-family: var(--isf-font-govde); }
.isf-ust-ic { padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; gap: 16px; position: relative; min-height: 60px; }
.isf-logo { display: inline-flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; flex: 0 0 auto; }
.isf-logo img { max-height: 38px; width: auto; display: block; }
.isf-logo-isaret { width: 32px; height: 32px; color: var(--isf-vurgu); display: inline-flex; }
.isf-logo-isaret svg { width: 100%; height: 100%; }
.isf-logo-ad { font-family: var(--isf-font-baslik); font-weight: 750; font-size: 1.2rem; color: inherit !important; text-decoration: none; letter-spacing: -.01em; }
.isf-menu { flex: 1 1 auto; min-width: 0; }
.isf-menu > ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; }
.isf-menu li { position: relative; margin: 0; }
.isf-menu > ul > li > a { display: block; padding: 9px 11px; border-radius: 5px; color: var(--isf-ust-metin); font-weight: 600; font-size: 14.5px; text-decoration: none; white-space: nowrap; }
.isf-menu > ul > li > a:hover, .isf-menu > ul > li:focus-within > a { background: var(--isf-ust-hover); color: var(--isf-ust-hover-metin); }
.isf-menu-alti-var > a::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); opacity: .7; }
.isf-alt-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 250px; list-style: none; margin: 0; padding: 8px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; box-shadow: 0 18px 40px rgba(0,0,0,.12); z-index: 5; }
.isf-menu li:hover > .isf-alt-menu, .isf-menu li:focus-within > .isf-alt-menu { display: block; }
.isf-alt-menu a { display: block; padding: 8px 11px; border-radius: 5px; color: var(--isf-metin); font-size: 14px; text-decoration: none; }
.isf-alt-menu a:hover { background: var(--isf-zemin); color: var(--isf-vurgu); }
.isf-mobil { display: none; margin-left: auto; }
.isf-mobil summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--isf-ust-cizgi); border-radius: 6px; font-weight: 700; color: var(--isf-ust-metin); }
.isf-mobil summary::-webkit-details-marker { display: none; }
.isf-hamburger, .isf-hamburger::before, .isf-hamburger::after { display: block; width: 18px; height: 2px; background: currentColor; border-radius: 2px; position: relative; }
.isf-hamburger::before, .isf-hamburger::after { content: ""; position: absolute; left: 0; }
.isf-hamburger::before { top: -6px; } .isf-hamburger::after { top: 6px; }
.isf-mobil-panel { position: absolute; left: 0; right: 0; top: 100%; max-height: 78vh; overflow-y: auto; padding: 12px var(--isf-yan) 18px; background: var(--isf-kart); color: var(--isf-metin); border-bottom: 1px solid var(--isf-kenar); box-shadow: 0 18px 30px rgba(0,0,0,.12); }
.isf-mobil-baslik { margin: 12px 0 4px; font-weight: 800; }
.isf-mobil-baslik a { color: var(--isf-metin); text-decoration: none; }
.isf-mobil-panel ul { list-style: none; margin: 0 0 6px; padding: 0 0 0 10px; border-left: 2px solid var(--isf-kenar); }
.isf-mobil-panel li a { display: block; padding: 6px 4px; color: var(--isf-soluk); text-decoration: none; }
.isf-mobil-panel .isf-buton { margin-top: 14px; display: flex; }

/* İki katlı görünümün şerit ve kategori satırı */
.isf-ust-serit { background: var(--isf-metin); color: rgba(255,255,255,.78); font-size: 12.5px; }
.isf-ust-serit .isf-kap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 32px; }
.isf-ust-serit p { margin: 0; }
.isf-ust-serit ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 18px; }
.isf-ust-serit a { color: rgba(255,255,255,.86); text-decoration: none; }
.isf-ust-serit a:hover { color: #fff; text-decoration: underline; }
.isf-ust-kategori { border-top: 1px solid var(--isf-ust-cizgi); }
.isf-ust-kategori .isf-menu > ul > li > a { padding: 10px 12px; font-size: 14px; border-radius: 0; border-bottom: 2px solid transparent; }
.isf-ust-kategori .isf-menu > ul > li > a:hover { background: transparent; border-bottom-color: var(--isf-vurgu); }

.isf-alt-bilgi { background: var(--isf-alt-bg); color: var(--isf-alt-metin); border-top: 1px solid var(--isf-alt-cizgi); font-family: var(--isf-font-govde); margin: 0; }
.isf-alt-ic { padding-top: 34px; padding-bottom: 24px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr) minmax(0, 1.7fr) minmax(0, .9fr); gap: 28px; }
.isf-alt-sutun-cok ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
.isf-alt-bilgi a { color: var(--isf-alt-metin); text-decoration: none; opacity: .86; }
.isf-alt-bilgi a:hover { opacity: 1; text-decoration: underline; }
.isf-alt-marka .isf-logo { color: var(--isf-alt-metin); opacity: 1; }
.isf-alt-marka .isf-logo-isaret { color: var(--isf-alt-isaret); }
.isf-alt-marka p { font-size: 14px; line-height: 1.6; color: var(--isf-alt-soluk); margin: 14px 0 0; max-width: 380px; }
.isf-alt-kucuk { font-size: 13px !important; }
.isf-alt-baslik { font-weight: 700; margin: 0 0 12px; font-size: 13.5px; color: var(--isf-alt-soluk); }
.isf-alt-sutun ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; font-size: 14px; line-height: 1.35; }
.isf-alt-yasal { background: var(--isf-alt-yasal-bg); border-top: 1px solid var(--isf-alt-cizgi); font-size: 12.5px; color: var(--isf-alt-soluk); }
.isf-alt-yasal .isf-kap { padding-top: 16px; padding-bottom: 22px; display: flex; justify-content: space-between; gap: 24px; }
.isf-alt-yasal p { margin: 0; max-width: 900px; }

/* İçerik ile footer arasında her sayfada aynı boşluk */
body.isf-govde .isf-sayfa { padding-bottom: 48px; }

/* 1. Sade: header ve footer zeminle aynı aileden; renk kırılması yok */
body.isf-c-sade { --isf-ust-bg: var(--isf-zemin); --isf-ust-cizgi: rgba(21,34,43,.08); --isf-ust-hover: rgba(21,34,43,.06); --isf-ust-hover-metin: var(--isf-metin);
    --isf-alt-bg: #e3e8eb; --isf-alt-bg: color-mix(in srgb, var(--isf-zemin) 90%, var(--isf-metin)); --isf-alt-cizgi: rgba(21,34,43,.08); }
body.isf-c-sade .isf-ust { box-shadow: 0 1px 0 rgba(21,34,43,.04); }

/* 2. Beyaz sayfa: sayfanın tamamı beyaz, kartlar çizgiyle ayrılır; header → içerik → footer arasında gri bant yok */
body.isf-govde.isf-c-beyaz { background: var(--isf-kart) !important; --isf-ust-bg: var(--isf-kart); --isf-ust-cizgi: var(--isf-kenar);
    --isf-alt-bg: var(--isf-zemin); --isf-alt-cizgi: var(--isf-kenar); --isf-alt-yasal-bg: transparent; }
body.isf-c-beyaz .isf-ah { box-shadow: none; }
body.isf-c-beyaz .isf-kart { box-shadow: none; }

/* 3. Koyu bant: koyu header ve footer; ana sayfada ilk ve son kart banda taşar */
body.isf-c-koyu { --isf-ust-bg: var(--isf-metin); --isf-ust-metin: #fff; --isf-ust-cizgi: rgba(255,255,255,.08); --isf-ust-hover: rgba(255,255,255,.1); --isf-ust-hover-metin: #fff;
    --isf-alt-bg: var(--isf-metin); --isf-alt-metin: #fff; --isf-alt-soluk: rgba(255,255,255,.62); --isf-alt-cizgi: rgba(255,255,255,.1); --isf-alt-isaret: var(--isf-ikincil);
    --isf-bant: var(--isf-metin); --isf-alt-bant: var(--isf-metin); }

/* 4. Marka yeşili */
body.isf-c-yesil { --isf-ust-bg: var(--isf-vurgu); --isf-ust-metin: #fff; --isf-ust-cizgi: rgba(255,255,255,.12); --isf-ust-hover: rgba(255,255,255,.14); --isf-ust-hover-metin: #fff;
    --isf-alt-bg: #0b3a31; --isf-alt-bg: color-mix(in srgb, var(--isf-vurgu) 45%, #061512); --isf-alt-metin: #fff; --isf-alt-soluk: rgba(255,255,255,.66); --isf-alt-cizgi: rgba(255,255,255,.1); --isf-alt-isaret: var(--isf-ikincil);
    --isf-bant: var(--isf-vurgu); --isf-alt-bant: #0b3a31; --isf-alt-bant: color-mix(in srgb, var(--isf-vurgu) 45%, #061512); }
body.isf-c-koyu .isf-logo-isaret, body.isf-c-yesil .isf-ust .isf-logo-isaret { color: var(--isf-ikincil); }
body.isf-c-koyu .isf-arama-ust, body.isf-c-yesil .isf-arama-ust { border-color: transparent !important; }

/* Ana sayfada renkli bant: giriş kartının üst kısmı header renginde, son kartın alt kısmı footer renginde
   bir bandın üzerinde durur; böylece header → içerik → footer geçişi kesintisiz görünür. */
body.isf-c-koyu .isf-anasayfa, body.isf-c-yesil .isf-anasayfa { position: relative; isolation: isolate; }
body.isf-c-koyu .isf-anasayfa::before, body.isf-c-yesil .isf-anasayfa::before,
body.isf-c-koyu .isf-anasayfa::after, body.isf-c-yesil .isf-anasayfa::after { content: ""; position: absolute; z-index: -1; left: calc(50% - 50vw); width: 100vw; pointer-events: none; }
body.isf-c-koyu .isf-anasayfa::before, body.isf-c-yesil .isf-anasayfa::before { top: 0; height: 170px; background: var(--isf-bant); }
body.isf-c-koyu .isf-anasayfa::after, body.isf-c-yesil .isf-anasayfa::after { bottom: 0; height: 74px; background: var(--isf-alt-bant); }
body.isf-c-koyu .isf-anasayfa > .isf-bant:last-child, body.isf-c-yesil .isf-anasayfa > .isf-bant:last-child { margin-bottom: 0; }
body.isf-c-koyu .isf-alt-bilgi, body.isf-c-yesil .isf-alt-bilgi { border-top: 0; }
body.isf-c-koyu .isf-alt-ic, body.isf-c-yesil .isf-alt-ic { padding-top: 30px; }

/* 5. Yüzen kart: header ve footer içerikle aynı genişlikte birer kart */
body.isf-c-kart { --isf-ust-bg: transparent; --isf-ust-cizgi: transparent; --isf-alt-bg: transparent; --isf-alt-cizgi: transparent; }
body.isf-c-kart .isf-ust { padding-top: 10px; background: linear-gradient(var(--isf-zemin) 70%, rgba(237,241,243,0)); }
body.isf-c-kart .isf-ust-ic { background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); box-shadow: 0 6px 24px rgba(21,34,43,.07); padding-left: 16px; padding-right: 12px; max-width: calc(var(--isf-genislik) - 2 * var(--isf-yan)); width: calc(100% - 2 * var(--isf-yan)); }
body.isf-c-kart .isf-alt-kutu { box-sizing: border-box; max-width: calc(var(--isf-genislik) - 2 * var(--isf-yan)); width: calc(100% - 2 * var(--isf-yan)); margin: 0 auto 16px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); overflow: hidden; }
body.isf-c-kart .isf-alt-ic, body.isf-c-kart .isf-alt-yasal .isf-kap { padding-left: 24px; padding-right: 24px; }
body.isf-c-kart .isf-alt-yasal { background: var(--isf-zemin); }

/* 6. İki katlı (pazar yeri) */
body.isf-c-pazar { --isf-alt-yasal-bg: var(--isf-metin); }
body.isf-c-pazar .isf-ust-ic { gap: 24px; min-height: 68px; }
body.isf-c-pazar .isf-arama-ust { flex: 1 1 auto; max-width: 640px; margin-left: auto; margin-right: auto; height: 42px !important; }
body.isf-c-pazar .isf-ust-ic > .isf-arama-ust { order: 2; }
body.isf-c-pazar .isf-ust-ic > .isf-mobil { order: 3; }
body.isf-c-pazar .isf-alt-yasal { color: rgba(255,255,255,.7); border-top: 0; }
body.isf-c-pazar .isf-alt-yasal a { color: #fff; }

/* ---------- Arama ----------
 * Tema stilleri (input ve button için kenarlık, büyük yazı, dolgu) kutunun şeklini bozmasın diye
 * alanlar sıfırlanır ve ölçüler !important ile sabitlenir.
 */
.isf-arama { display: flex !important; align-items: center !important; box-sizing: border-box !important; height: 42px !important; margin: 0; padding: 3px !important; gap: 4px; background: var(--isf-kart) !important; border: 1px solid rgba(21, 34, 43, .2) !important; border-radius: 6px !important; box-shadow: none; }
.isf-arama:focus-within { border-color: var(--isf-vurgu) !important; box-shadow: 0 0 0 3px var(--isf-vurgu-acik); }
.isf-arama input[type="search"] { all: unset; flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; height: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: var(--isf-font-govde) !important; font-size: 15px !important; line-height: normal !important; color: var(--isf-metin) !important; outline: none !important; }
.isf-arama input[type="search"]::placeholder { color: var(--isf-soluk); opacity: 1; }
.isf-arama input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.isf-arama button[type="submit"] { all: unset; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; height: 100% !important; min-width: 34px !important; width: auto !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 4px !important; background: var(--isf-vurgu) !important; color: var(--isf-vurgu-metin) !important; box-shadow: none !important; font-family: var(--isf-font-govde) !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; }
.isf-arama button[type="submit"]:hover { filter: brightness(1.08); }
.isf-arama button[type="submit"]:focus-visible { outline: 2px solid var(--isf-vurgu) !important; outline-offset: 2px !important; }
.isf-arama button svg { width: 18px; height: 18px; flex: 0 0 auto; }
.isf-arama-ust { flex: 0 1 300px; height: 38px !important; }
.isf-arama-ust button[type="submit"] { padding: 0 9px !important; }
.isf-arama-ust button span, .isf-arama-mobil button span { display: none; }
.isf-arama-giris, .isf-arama-buyuk { margin-top: 14px; max-width: 560px; height: 46px !important; }
.isf-arama-mobil { margin-bottom: 8px; }
.isf-bilgilendirme { margin: 22px 0 0; padding: 12px 14px; border-left: 3px solid var(--isf-kenar); background: transparent; font-size: 13px; line-height: 1.55; color: var(--isf-soluk); }
.isf-bilgilendirme p { margin: 0; }
.isf-bilgilendirme strong { color: var(--isf-metin); }
.isf-sirala-not { margin: 6px 0 0; font-size: 12.5px; color: var(--isf-soluk); }
.isf-anlasilan { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; color: var(--isf-soluk); }
.isf-anlasilan span { padding: 3px 9px; border-radius: 6px; background: var(--isf-vurgu-acik); color: var(--isf-vurgu); font-weight: 600; font-size: 13px; }

/* ---------- Ana sayfa ---------- */

/* Giriş: solda arama, sağda kategoriler; iki sütun da dolu, ortada boş alan kalmaz. */
.isf-ah { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 18px 28px; align-items: center; padding: 22px 24px; border-radius: var(--isf-radius); background: var(--isf-kart); border: 1px solid var(--isf-kenar); }
.isf-ah-baslik { font-size: clamp(1.6rem, 2.7vw, 2.2rem) !important; margin: 0 0 6px !important; max-width: 18ch; }
.isf-ah-alt { font-size: 15.5px; color: var(--isf-soluk); max-width: 52ch; margin: 0 !important; }
.isf-populer { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; font-size: 13px; }
.isf-populer span { color: var(--isf-soluk); font-weight: 600; margin-right: 2px; }
.isf-populer a { padding: 4px 10px; border-radius: 4px; background: var(--isf-zemin); color: var(--isf-metin) !important; font-weight: 550; }
.isf-populer a:hover { background: var(--isf-vurgu-acik); color: var(--isf-vurgu) !important; text-decoration: none !important; }
.isf-ah-sayilar { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 14px 0 0 !important; font-size: 13.5px; color: var(--isf-soluk); }
.isf-ah-sayilar strong { color: var(--isf-metin); font-variant-numeric: tabular-nums; }

.isf-kategori-seridi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.isf-ks-4, .isf-ks-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.isf-ks { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 2px; padding: 10px 8px 9px; border-radius: 5px; background: var(--isf-zemin); border: 1px solid transparent; color: var(--isf-metin) !important; }
.isf-ks:hover { border-color: var(--isf-vurgu); background: var(--isf-kart); text-decoration: none !important; }
.isf-ks-gorsel { width: 64px; height: 64px; border-radius: 6px; background: var(--isf-kart); border: 1px solid rgba(21,34,43,.07); box-shadow: 0 1px 2px rgba(21,34,43,.06); display: grid; place-items: center; margin-bottom: 7px; color: var(--isf-vurgu); transition: background .15s, color .15s; }
.isf-ks-gorsel svg { width: 42px; height: 42px; }
.isf-ks-ikon .isf-ik-d { fill: currentColor; fill-opacity: .13; }
.isf-ks-ikon .isf-ik-b { fill: var(--isf-kart); }
.isf-ks:hover .isf-ks-gorsel { background: var(--isf-vurgu); color: #fff; border-color: var(--isf-vurgu); }
.isf-ks-ad { font-weight: 700; font-size: 14px; line-height: 1.2; overflow-wrap: anywhere; hyphens: auto; }
.isf-ks-sayi { font-size: 12.5px; color: var(--isf-soluk); font-variant-numeric: tabular-nums; }

.isf-ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 18px; align-items: stretch; }
.isf-ikili > .isf-bolum { min-width: 0; }
.isf-ikili-genis { align-items: start; }
.isf-ikili-genis { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); }
.isf-panel { padding: 16px 18px; border-radius: var(--isf-radius); background: var(--isf-kart); border: 1px solid var(--isf-kenar); }
.isf-panel h2 { margin-bottom: 10px !important; }

.isf-ihtiyac { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.isf-ihtiyac li { border-top: 1px solid var(--isf-kenar); }
.isf-ihtiyac li:nth-child(-n+2) { border-top: 0; }
.isf-ihtiyac a { display: flex; flex-direction: column; padding: 9px 0; color: var(--isf-metin) !important; }
.isf-ihtiyac a:hover { text-decoration: none !important; }
.isf-ihtiyac a:hover strong { color: var(--isf-vurgu); }
.isf-ihtiyac strong { font-size: 14.5px; }
.isf-ihtiyac span { font-size: 13px; color: var(--isf-soluk); }

.isf-markalar { display: flex; flex-wrap: wrap; gap: 6px; }
.isf-markalar a { display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 11px; border-radius: 4px; background: var(--isf-zemin); color: var(--isf-metin) !important; font-weight: 600; font-size: 14px; }
.isf-markalar a:hover { background: var(--isf-vurgu-acik); color: var(--isf-vurgu) !important; text-decoration: none !important; }
.isf-markalar span { font-size: 12px; font-weight: 500; color: var(--isf-soluk); font-variant-numeric: tabular-nums; }

.isf-rehberler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.isf-rehber { display: flex; align-items: center; min-height: 52px; padding: 10px 12px; border-radius: 5px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); color: var(--isf-metin) !important; font-weight: 650; font-size: 14.5px; line-height: 1.25; }
.isf-rehber:hover { border-color: var(--isf-vurgu); color: var(--isf-vurgu) !important; text-decoration: none !important; }

.isf-yontem dl { margin: 0 0 10px; }
.isf-yontem dt { font-weight: 700; font-size: 14.5px; }
.isf-yontem dd { margin: 0 0 9px; font-size: 13.5px; color: var(--isf-soluk); }

.isf-kategori-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.isf-kategori { display: flex; flex-direction: column; gap: 4px; padding: 14px; border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); background: var(--isf-kart); color: var(--isf-metin) !important; }
.isf-kategori:hover { border-color: var(--isf-vurgu); text-decoration: none !important; }
.isf-kategori-ad { font-family: var(--isf-font-baslik); font-weight: 700; }
.isf-kategori-sayi { font-size: 13px; color: var(--isf-vurgu); font-weight: 600; }
.isf-kategori-ikonlu .isf-ikon { max-width: 48px; }
.isf-ikon { width: 100%; height: auto; color: var(--isf-vurgu); }

.isf-adimlar ol { list-style: none; counter-reset: adim; margin: 8px 0 12px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.isf-adimlar li { counter-increment: adim; padding: 16px; border-radius: var(--isf-radius); background: var(--isf-kart); border: 1px solid var(--isf-kenar); display: flex; flex-direction: column; gap: 5px; }
.isf-adimlar li span { font-size: 14px; color: var(--isf-soluk); }

/* ---------- Liste sayfaları ---------- */

.isf-arsiv-baslik { padding: 4px 0 6px; }
.isf-arsiv-baslik h1 { margin-bottom: 6px; }
.isf-giris { font-size: 16px; max-width: 880px; color: var(--isf-metin); }
.isf-ilgili-cipler { margin: 4px 0 14px; }

.isf-enler { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 16px; }
.isf-enler > .isf-en { flex: 1 1 230px; min-width: 0; }
.isf-en { display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; padding: 8px 10px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; color: var(--isf-metin) !important; }
.isf-en:hover { border-color: var(--isf-vurgu); text-decoration: none !important; }
.isf-en-gorsel { width: 54px; height: 54px; border-radius: 6px; overflow: hidden; background: #fff; display: grid; place-items: center; }
.isf-en-gorsel img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.isf-en-gorsel svg { width: 70%; color: var(--isf-vurgu); }
.isf-en-metin { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.isf-en-metin em { font-style: normal; font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--isf-vurgu); }
.isf-en-metin strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isf-en-metin span { font-size: 13px; color: var(--isf-soluk); font-variant-numeric: tabular-nums; }

.isf-filtre-cubugu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 6px 0 14px; padding: 10px 12px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); }
.isf-sirala-cipleri { display: flex; gap: 6px; align-items: center; overflow-x: auto; scrollbar-width: none; flex: 1 1 auto; }
.isf-sirala-cipleri::-webkit-scrollbar { display: none; }
.isf-sirala-cipleri .isf-cip { white-space: nowrap; padding: 6px 11px; font-size: 13px; }
.isf-sirala-etiket { font-size: 13px; font-weight: 700; color: var(--isf-soluk); }
.isf-etkin-filtreler { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; }
.isf-etkin { display: inline-flex; gap: 6px; padding: 5px 10px; border-radius: 6px; background: var(--isf-vurgu); color: var(--isf-vurgu-metin) !important; font-size: 13px; font-weight: 600; }
.isf-filtre-sifirla { font-size: 13px; font-weight: 600; align-self: center; }
.isf-filtre { width: 100%; }
.isf-filtre details summary { cursor: pointer; font-weight: 700; font-size: 14px; color: var(--isf-metin); }
.isf-filtre-gruplar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 10px 0; }
.isf-filtre fieldset { border: 1px solid var(--isf-kenar); border-radius: 6px; padding: 8px 12px; margin: 0; max-height: 220px; overflow-y: auto; }
.isf-filtre legend { font-weight: 700; font-size: 13px; padding: 0 4px; }
.isf-filtre label { display: block; font-size: 14px; padding: 2px 0; }

.isf-sayfalama { margin-top: 22px; }
.isf-sayfalama .nav-links { display: flex; flex-wrap: wrap; gap: 6px; }
.isf-sayfalama .page-numbers { display: inline-flex; padding: 7px 13px; border-radius: 6px; border: 1px solid var(--isf-kenar); background: var(--isf-kart); color: var(--isf-metin); }
.isf-sayfalama .page-numbers.current { background: var(--isf-metin); color: var(--isf-kart); }
.isf-arsiv-diger .isf-goz { display: flex; margin-top: 12px; }
.isf-liste-kapsayici { margin: 24px auto; max-width: var(--isf-genislik); font-family: var(--isf-font-govde); }
.isf-liste-kapsayici .isf-kart-baslik { font-family: var(--isf-font-baslik); }
.isf-liste-guncel { font-size: 13.5px; color: var(--isf-soluk); }

/* ---------- Metin sayfaları (rehberler, metodoloji) ---------- */

.isf-metin-ust { padding: 2px 0 6px; }
.isf-metin-ust h1 { margin-bottom: 4px; }
.isf-prose { font-size: 16.5px; line-height: 1.7; }
.isf-prose > p, .isf-prose > ul, .isf-prose > ol, .isf-prose > h2, .isf-prose > h3, .isf-prose > blockquote, .isf-prose > figure, .isf-prose > table { max-width: 760px; }
.isf-prose > h2 { margin-top: 28px; }
.isf-prose > h3 { margin-top: 20px; }
.isf-prose ul, .isf-prose ol { padding-left: 22px; }
.isf-prose li { margin-bottom: 4px; }
.isf-prose .isf-liste-kapsayici { margin: 18px 0 0; max-width: none; }

/* ---------- Ürün sayfası ---------- */

.isf-urun-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.isf-urun-ust h1 { margin: 2px 0 4px; }
.isf-urun-skor { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-radius: 6px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); color: var(--isf-metin) !important; }
.isf-urun-skor:hover { text-decoration: none !important; border-color: var(--isf-vurgu); }
.isf-urun-skor > span:last-child { display: flex; flex-direction: column; line-height: 1.2; }
.isf-urun-skor strong { font-size: 14px; }
.isf-urun-skor em { font-style: normal; font-size: 12.5px; color: var(--isf-soluk); }

.isf-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 18px; align-items: start; }
.isf-hero-gorsel { margin: 0; position: sticky; top: 76px; }
.isf-hero-gorsel > a, .isf-hero-gorsel > img, .isf-hero-gorsel > svg { display: block; border-radius: var(--isf-radius); background: #fff; border: 1px solid var(--isf-kenar); overflow: hidden; }
.isf-hero-gorsel img { display: block; width: 100%; height: auto; }
.isf-gorsel-hepsiburada img.isf-gorsel-hb { aspect-ratio: 1 / 1; object-fit: contain; padding: 5px; }
.isf-gorsel-ikon > svg { padding: 18%; color: var(--isf-vurgu); background: linear-gradient(160deg, var(--isf-vurgu-acik), transparent 70%), var(--isf-zemin); }
.isf-hero-gorsel figcaption { padding: 7px 2px 0; font-size: 12px; color: var(--isf-soluk); }
.isf-hero-gorsel figcaption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.isf-karar { background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); padding: 18px; box-shadow: var(--isf-golge); }
.isf-karar h2 { font-size: 1.3rem; }
.isf-kime { color: var(--isf-soluk); }
.isf-kime strong { color: var(--isf-metin); }
.isf-karar-listeler { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 12px 0; }
.isf-artilar h3 { color: var(--isf-vurgu); }
.isf-eksiler h3 { color: #a2442b; }
.isf-artilar ul, .isf-eksiler ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.isf-artilar li, .isf-eksiler li { position: relative; padding-left: 24px; font-size: 14.5px; }
.isf-artilar li::before, .isf-eksiler li::before { position: absolute; left: 0; top: 2px; width: 17px; height: 17px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.isf-artilar li::before { content: ""; background: linear-gradient(currentColor,currentColor) center / 7px 2px no-repeat, linear-gradient(currentColor,currentColor) center / 2px 7px no-repeat, var(--isf-vurgu-acik); color: var(--isf-vurgu); }
.isf-eksiler li::before { content: ""; background: linear-gradient(currentColor,currentColor) center / 7px 2px no-repeat, rgba(162, 68, 43, .12); color: #a2442b; }
.isf-satin-alma { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--isf-kenar); }

.isf-sayfa-ici { display: flex; gap: 6px; overflow-x: auto; margin: 18px 0 0; padding: 8px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; scrollbar-width: none; position: static; }
.isf-sayfa-ici::-webkit-scrollbar { display: none; }
.isf-sayfa-ici a { white-space: nowrap; padding: 6px 11px; border-radius: 5px; font-size: 13.5px; font-weight: 600; color: var(--isf-metin) !important; }
.isf-sayfa-ici a:hover { background: var(--isf-vurgu-acik); text-decoration: none !important; }
.isf-sonuc p { font-size: 16px; }

.isf-kriterler { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.isf-kriterler li { display: grid; grid-template-columns: 130px 120px 1fr 70px; align-items: center; gap: 4px 12px; padding: 10px 12px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; }
.isf-kriter-ad { font-weight: 700; }
.isf-kriter-deger { font-variant-numeric: tabular-nums; }
.isf-kriter-cubuk { height: 8px; border-radius: 5px; background: rgba(28,27,24,.08); overflow: hidden; }
.isf-kriter-cubuk span { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, var(--isf-ikincil), var(--isf-vurgu)); }
.isf-kriter-puan { font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.isf-kriter-konum { grid-column: 2 / -1; font-size: 12.5px; color: var(--isf-soluk); }
.isf-kriter-yok { opacity: .55; }
.isf-donanim { grid-column: 1 / -1; display: grid; gap: 3px; font-size: 13px; line-height: 1.45; padding-top: 4px; border-top: 1px dashed var(--isf-kenar); margin-top: 2px; }
.isf-donanim b { font-weight: 700; }
.isf-donanim-var b { color: var(--isf-ikincil); }
.isf-donanim-yok, .isf-donanim-bilinmiyor { color: var(--isf-soluk); }

.isf-tablo { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; overflow: hidden; font-size: 14.5px; }
.isf-tablo th, .isf-tablo td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--isf-kenar); vertical-align: top; }
.isf-tablo tr:last-child th, .isf-tablo tr:last-child td { border-bottom: 0; }
.isf-tablo th { width: 40%; font-weight: 600; color: var(--isf-soluk); }
.isf-tablo td a { font-weight: 700; border-bottom: 1px dotted currentColor; }
.isf-tablo td a:hover { text-decoration: none; border-bottom-style: solid; }
.isf-konum { margin-left: 8px; font-size: 12px; color: var(--isf-soluk); white-space: nowrap; }

.isf-artieksi { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.isf-artieksi > div { padding: 14px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; }

.isf-ilgili ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.isf-ilgili ul > li { flex: 1 1 260px; min-width: 0; }
.isf-ilgili li { display: flex; flex-direction: column; padding: 10px 12px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; }
.isf-ilgili li a { font-weight: 700; }
.isf-ilgili li span { font-size: 12.5px; color: var(--isf-soluk); }

.isf-sss details { background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; padding: 0 14px; margin-bottom: 8px; }
.isf-sss summary { cursor: pointer; padding: 12px 26px 12px 0; font-weight: 700; list-style: none; position: relative; }
.isf-sss summary::-webkit-details-marker { display: none; }
.isf-sss summary::after { content: ""; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; color: var(--isf-vurgu); background: linear-gradient(currentColor,currentColor) center / 10px 2px no-repeat, linear-gradient(currentColor,currentColor) center / 2px 10px no-repeat; }
.isf-sss details[open] summary::after { background: linear-gradient(currentColor,currentColor) center / 10px 2px no-repeat; }
.isf-sss details p { padding-bottom: 12px; margin: 0; color: var(--isf-soluk); }
.isf-icerik { font-size: 16px; }
.isf-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--isf-radius); overflow: hidden; background: #000; }
.isf-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Mobil yapışkan fiyat butonu */

/* ---------- Karşılaştırma tablosu ---------- */

.isf-karsilastirma h2 { margin-bottom: 4px; }
.isf-kt-kaydir { overflow-x: auto; margin-top: 10px; border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); background: var(--isf-kart); -webkit-overflow-scrolling: touch; }
.isf-kt-kaydir:focus { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-kt { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 720px; font-size: 14px; }
.isf-kt th, .isf-kt td { padding: 9px 10px; border-bottom: 1px solid var(--isf-kenar); text-align: center; vertical-align: middle; }
.isf-kt tbody tr:last-child th, .isf-kt tbody tr:last-child td { border-bottom: 0; }
.isf-kt tbody th { text-align: left; font-weight: 600; color: var(--isf-soluk); white-space: nowrap; }
.isf-kt-kose, .isf-kt tbody th { position: sticky; left: 0; z-index: 2; background: var(--isf-kart); box-shadow: 1px 0 0 var(--isf-kenar); min-width: 150px; }
.isf-kt thead th { vertical-align: top; background: var(--isf-kart); min-width: 150px; padding-top: 12px; }
.isf-kt thead .isf-kt-kose { vertical-align: bottom; text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--isf-soluk); }
.isf-kt-gorsel { display: block; width: 92px; height: 92px; margin: 0 auto 6px; border-radius: 6px; background: #fff; overflow: hidden; }
.isf-kt-gorsel img, .isf-kt-gorsel svg { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.isf-kt-gorsel svg { padding: 14%; color: var(--isf-vurgu); }
.isf-kt-ad { display: block; font-family: var(--isf-font-baslik); font-weight: 700; color: var(--isf-metin) !important; line-height: 1.25; font-size: 14px; }
.isf-kt-marka { display: block; font-size: 12px; margin-top: 3px; }
.isf-kt-bu { display: inline-block; margin-bottom: 4px; padding: 2px 8px; border-radius: 6px; background: var(--isf-vurgu); color: var(--isf-vurgu-metin); font-size: 11px; font-weight: 700; }
.isf-kt td.isf-kt-vurgu, .isf-kt th.isf-kt-vurgu { background: rgba(31, 90, 69, .055); }
.isf-kt td { font-variant-numeric: tabular-nums; }
.isf-kt td a { color: var(--isf-metin); border-bottom: 1px dotted rgba(28,27,24,.35); }
.isf-kt td a:hover { color: var(--isf-vurgu); text-decoration: none; }
.isf-kt-iyi { font-weight: 800; color: var(--isf-iyi); }
.isf-kt-iyi a { color: var(--isf-iyi) !important; }
.isf-kt-rozet { display: block; margin-top: 2px; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--isf-iyi); }
.isf-kt-ozellik td { font-size: 16px; }
.isf-kt-yok { color: rgba(28,27,24,.3); }
.isf-kt-cta td .isf-bt { width: 100%; }
.isf-kt-ozet { margin: 10px 0 0; padding-left: 18px; font-size: 14px; color: var(--isf-soluk); }
.isf-kt-ozet li { margin: 3px 0; }

/* ---------- Süpürge sesi sayfası ---------- */
.isf-ses-giris { font-size: 16px; }
.isf-ses-calar { margin: 18px 0 8px; padding: 18px; border-radius: var(--isf-radius); background: var(--isf-kart); border: 1px solid var(--isf-kenar); }
.isf-ses-calar h2 { margin-top: 0; }
.isf-ses-tur { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 14px; }
.isf-ses-tur label { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 6px; border: 1px solid var(--isf-kenar); background: var(--isf-zemin); font-size: 14px; font-weight: 600; cursor: pointer; }
.isf-ses-tur label:has(input:checked) { border-color: var(--isf-vurgu); background: var(--isf-vurgu-acik); color: var(--isf-vurgu); }
.isf-ses-tur input { accent-color: var(--isf-vurgu); margin: 0; }
.isf-ses-kontrol { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.isf-ses-dugme { all: unset; box-sizing: border-box; display: inline-flex !important; align-items: center; gap: 10px; height: 50px; padding: 0 22px 0 16px !important; border-radius: 6px !important; background: var(--isf-vurgu) !important; color: #fff !important; font-family: var(--isf-font-govde) !important; font-size: 16px !important; font-weight: 700 !important; cursor: pointer; }
.isf-ses-dugme:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 3px; }
.isf-ses-dugme .isf-ses-durdur { display: none; }
.isf-ses-dugme[aria-pressed="true"] .isf-ses-durdur { display: block; }
.isf-ses-dugme[aria-pressed="true"] .isf-ses-oynat { display: none; }
.isf-ses-sure, .isf-ses-seviye { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--isf-soluk); }
.isf-ses-sure select { font: inherit; padding: 6px 8px; border-radius: 5px; border: 1px solid var(--isf-kenar); background: var(--isf-kart); color: var(--isf-metin); }
.isf-ses-seviye input { accent-color: var(--isf-vurgu); width: 150px; }
.isf-ses-durum { margin: 12px 0 0 !important; font-size: 13.5px; color: var(--isf-soluk); }
.isf-ses-tablo { table-layout: auto; }
.isf-ses-tablo th, .isf-ses-tablo td { width: auto !important; white-space: nowrap; }
.isf-ses-tablo th:first-child { width: 40% !important; white-space: normal; }
.isf-ses-liste { padding-left: 22px; }
.isf-ses-liste li { margin: 4px 0; }
.isf-ses-liste span { color: var(--isf-soluk); font-size: 14px; }

/* ---------- Duyarlı ---------- */

@media (max-width: 1080px) {
    .isf-ah { grid-template-columns: minmax(0, 1fr); }
    .isf-ah-baslik { max-width: none; }
    .isf-kategori-seridi, .isf-ks-4, .isf-ks-2 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .isf-ikili-genis { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 960px) {
    .isf-menu, .isf-arama-ust, .isf-ust-kategori { display: none !important; }
    .isf-mobil { display: block; }
    .isf-ust-serit ul { display: none; }
    .isf-alt-ic { grid-template-columns: 1fr 1fr; gap: 22px 18px; padding-top: 26px; }
    .isf-alt-marka, .isf-alt-sutun-cok { grid-column: 1 / -1; }
    .isf-alt-yasal .isf-kap { flex-direction: column; gap: 8px; }
    .isf-hero { grid-template-columns: minmax(0, 1fr); }
    .isf-hero-gorsel { position: static; max-width: 520px; margin: 0 auto; width: 100%; }
}
@media (max-width: 860px) {
    .isf-ikili { grid-template-columns: minmax(0, 1fr); }
    .isf-rehberler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    :root { --isf-yan: 10px; }
    .isf-sayfa { padding-top: 10px; padding-bottom: 28px; font-size: 15px; }
    .isf-bolum { margin-top: 20px; }
    .isf-ah { padding: 14px 12px; gap: 14px; }
    .isf-ah-alt { font-size: 14.5px; }
    .isf-arama, .isf-arama-giris { height: 44px !important; }
    .isf-arama input[type="search"] { font-size: 16px !important; }
    .isf-arama-giris button span { display: none; }
    .isf-ust-serit { display: none; }
    body.isf-c-koyu .isf-anasayfa::before, body.isf-c-yesil .isf-anasayfa::before { height: 120px; }
    body.isf-c-koyu .isf-anasayfa::after, body.isf-c-yesil .isf-anasayfa::after { height: 60px; }
    .isf-ust-ic { min-height: 54px; padding-top: 8px; padding-bottom: 8px; }
    body.isf-c-kart .isf-ust { padding-top: 6px; }
    body.isf-c-kart .isf-alt-ic, body.isf-c-kart .isf-alt-yasal .isf-kap { padding-left: 14px; padding-right: 14px; }
    .isf-kategori-seridi, .isf-ks-4, .isf-ks-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .isf-ks { padding: 8px 4px; }
    .isf-ks-gorsel { width: 52px; height: 52px; border-radius: 6px; }
    .isf-ks-gorsel svg { width: 34px; height: 34px; }
    .isf-ks-ad { font-size: 13px; }
    .isf-ks-sayi { font-size: 12px; }
    .isf-panel { padding: 14px 12px; }
    .isf-ihtiyac { gap: 0 12px; }
    .isf-ihtiyac strong { font-size: 13.5px; }
    .isf-ihtiyac span { font-size: 12px; }
    .isf-rehberler { grid-template-columns: 1fr 1fr; gap: 6px; }
    .isf-rehber { min-height: 46px; font-size: 13.5px; }
    .isf-adimlar ol { grid-template-columns: minmax(0, 1fr); }
    .isf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .isf-serit { grid-template-columns: none; grid-auto-columns: 46%; }
    .isf-bolum-ustu { flex-wrap: wrap; gap: 2px 10px; }
    .isf-sayfa h2 small { display: block; margin: 2px 0 0; }
    .isf-kart-govde { padding: 9px; gap: 6px; }
    .isf-kart-baslik { font-size: .94rem !important; }
    .isf-halka { width: 38px; height: 38px; }
    .isf-halka b { font-size: 13px; }
    .isf-halka-buyuk { width: 62px; height: 62px; }
    .isf-halka-buyuk b { font-size: 20px; }
    .isf-olcu li { grid-template-columns: 1fr auto; gap: 2px 6px; font-size: 12px; }
    .isf-olcu-cubuk { grid-column: 1 / -1; grid-row: 2; height: 4px; }
    .isf-kart-butonlar { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .isf-bt-kucuk { padding: 7px 9px !important; font-size: 13px !important; }
    .isf-kart-butonlar .isf-bt-incele { display: none; }
    .isf-kart-butonlar > .isf-bt-incele:only-child { display: flex; }
    .isf-urun-ust { flex-direction: column; align-items: flex-start; gap: 10px; }
    .isf-karar { padding: 14px; }
    .isf-karar-listeler, .isf-artieksi { grid-template-columns: minmax(0, 1fr); }
    .isf-kriterler li { grid-template-columns: 1fr auto; }
    .isf-kriter-cubuk, .isf-kriter-konum { grid-column: 1 / -1; }
    .isf-tablo th { width: 46%; }
    .isf-tablo th, .isf-tablo td { padding: 9px 10px; }
    .isf-sayfa-ici { top: 56px; margin-left: calc(-1 * var(--isf-yan)); margin-right: calc(-1 * var(--isf-yan)); border-radius: 0; border-left: 0; border-right: 0; }
    .isf-kt { min-width: 0; }
    .isf-kt th, .isf-kt td { padding: 8px 7px; min-width: 128px; font-size: 13px; }
    .isf-kt-kose, .isf-kt tbody th { min-width: 104px; max-width: 110px; white-space: normal; font-size: 12.5px; }
    .isf-kt-gorsel { width: 70px; height: 70px; }
    .isf-enler > .isf-en { flex-basis: 100%; }
    .isf-filtre-cubugu { padding: 8px; margin-left: calc(-1 * var(--isf-yan)); margin-right: calc(-1 * var(--isf-yan)); border-radius: 0; border-left: 0; border-right: 0; }
    .isf-alt-ic { grid-template-columns: minmax(0, 1fr); padding-top: 28px; }
}
@media (max-width: 380px) {
    .isf-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Kaydırılabilir tablo kapsayıcısı ve ses tablosu (mobilde ekrana sığar) */
.isf-tablo-kaydir { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.isf-ses-tablo th { width: auto; }
@media (max-width: 560px) {
    .isf-ses-tablo { font-size: 13px; }
    .isf-ses-tablo th, .isf-ses-tablo td { padding: 8px 7px; }
}
.isf-eniyilerden { margin: 24px 0 0; padding: 12px 14px; border-radius: 6px; background: var(--isf-vurgu-acik, #e6f2ee); color: var(--isf-metin, #15222b); font-size: 15px; line-height: 1.5; }
.isf-eniyilerden a { color: var(--isf-vurgu, #0e6b58); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }

/* Karşılaştırma tablosu: grup başlıkları, oran çubukları ve incelenen ürüne göre farklar */
.isf-kt-grup th { padding: 7px 10px !important; background: var(--isf-zemin) !important; text-align: left !important; border-bottom: 1px solid var(--isf-kenar); box-shadow: none !important; position: static !important; }
.isf-kt-grup th span { position: sticky; left: 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; color: var(--isf-metin); }
.isf-kt-cubuk { display: block; width: 72%; max-width: 110px; height: 4px; margin: 6px auto 0; border-radius: 2px; background: rgba(21, 34, 43, .08); overflow: hidden; }
.isf-kt-cubuk i { display: block; height: 100%; border-radius: 2px; background: var(--isf-soluk); opacity: .55; }
.isf-kt-iyi .isf-kt-cubuk i { background: var(--isf-iyi); opacity: 1; }
.isf-kt-fark { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 600; color: var(--isf-soluk); }
.isf-kt-fark-iyi { color: var(--isf-iyi); }
.isf-kt-fark-kotu { color: #b4462f; }
.isf-kt-say { display: inline-block; margin-top: 5px; padding: 2px 7px; border-radius: 6px; background: rgba(26, 127, 82, .1); color: var(--isf-iyi); font-size: 11px; font-weight: 700; }
.isf-kt-metin td { font-size: 13px; line-height: 1.35; }
@media (max-width: 560px) {
    .isf-kt-cubuk { width: 86%; }
    .isf-kt-fark { font-size: 11px; }
}

/* =====================================================================
   Site temaları (Ayarlar → Tasarım → Site teması). Renk, yazı ve köşe
   değişkenleri PHP'den gelir; burada her temanın karakteri tanımlanır.
   ===================================================================== */

/* Manşet header düzeni (Rehber teması): ortalanmış logo, altında menü */
body.isf-c-manset { --isf-ust-bg: var(--isf-kart); --isf-ust-cizgi: var(--isf-metin); --isf-ust-hover: transparent; --isf-ust-hover-metin: var(--isf-vurgu);
    --isf-alt-bg: var(--isf-kart); --isf-alt-cizgi: var(--isf-metin); }
body.isf-c-manset .isf-ust { border-bottom: 0; }
body.isf-c-manset .isf-ust-serit { background: transparent; color: var(--isf-soluk); border-bottom: 1px solid var(--isf-kenar); }
body.isf-c-manset .isf-ust-serit a { color: var(--isf-soluk); }
body.isf-c-manset .isf-ust-ic { justify-content: center; min-height: 92px; }
body.isf-c-manset .isf-ust-ic .isf-logo-ad { font-size: 2.1rem; font-weight: 700; letter-spacing: -.02em; }
body.isf-c-manset .isf-ust-ic .isf-logo-isaret { width: 38px; height: 38px; }
body.isf-c-manset .isf-ust-ic .isf-arama-ust { position: absolute; right: var(--isf-yan); top: 50%; transform: translateY(-50%); width: 240px; }
body.isf-c-manset .isf-ust-kategori { border-top: 1px solid var(--isf-metin); border-bottom: 3px double var(--isf-metin); }
body.isf-c-manset .isf-ust-kategori .isf-menu > ul { justify-content: center; }
body.isf-c-manset .isf-ust-kategori .isf-menu > ul > li > a { font-size: 14.5px; letter-spacing: .01em; }
body.isf-c-manset .isf-alt-bilgi { border-top: 3px double var(--isf-metin); }

/* 1. Ölçüm: beyaz yüzeyler, ince çizgi, gölgesiz */
body.isf-t-olcum .isf-ust { border-bottom-color: rgba(20, 33, 42, .1); }
body.isf-t-olcum .isf-kart, body.isf-t-olcum .isf-ah, body.isf-t-olcum .isf-karar, body.isf-t-olcum .isf-kriterler li { box-shadow: none !important; border-color: rgba(20, 33, 42, .12) !important; }
body.isf-t-olcum .isf-sayfa h1, body.isf-t-olcum .isf-sayfa h2 { letter-spacing: -.025em; }

/* 2. Gece mavisi: lacivert bantlar, mavi vurgu, Inter Display başlıklar */
body.isf-t-gece .isf-sayfa h1, body.isf-t-gece .isf-sayfa h2, body.isf-t-gece .isf-logo-ad { font-family: "Inter Display", "Inter", system-ui, sans-serif; font-variation-settings: "opsz" 32; font-weight: 800; letter-spacing: -.03em; }
body.isf-t-gece .isf-ust { box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(13,27,42,.18); }
body.isf-t-gece .isf-ust .isf-arama-ust { background: rgba(255,255,255,.08) !important; }
body.isf-t-gece .isf-ust .isf-arama-ust input { color: #fff !important; }
body.isf-t-gece .isf-ust .isf-arama-ust input::placeholder { color: rgba(255,255,255,.6); }
body.isf-t-gece .isf-kart { border-color: transparent; box-shadow: 0 1px 2px rgba(13,27,42,.05), 0 8px 24px rgba(13,27,42,.06); }

/* 3. Pazar yeri: koyu şerit, geniş arama, renkli kategori çubuğu */
body.isf-t-pazar .isf-ust-serit { background: var(--isf-metin); }
body.isf-t-pazar .isf-ust-ic { min-height: 72px; }
body.isf-t-pazar .isf-ust-ic .isf-arama-ust { flex: 1 1 auto; max-width: 640px; margin-left: 24px; }
body.isf-t-pazar .isf-ust-kategori { background: var(--isf-vurgu); border-top: 0; }
body.isf-t-pazar .isf-ust-kategori .isf-menu > ul > li > a { color: #fff; font-weight: 600; }
body.isf-t-pazar .isf-ust-kategori .isf-menu > ul > li > a:hover { border-bottom-color: var(--isf-ikincil); }
body.isf-t-pazar .isf-sayfa h1, body.isf-t-pazar .isf-sayfa h2 { font-weight: 700; letter-spacing: -.01em; }
body.isf-t-pazar .isf-sayfa h3 { font-weight: 600; }

/* 4. Rehber: serif başlıklar, bordo vurgu, çizgiyle ayrılan yüzeyler */
body.isf-t-rehber .isf-sayfa h1 { font-weight: 700; font-variation-settings: "opsz" 96, "SOFT" 0; letter-spacing: -.02em; }
body.isf-t-rehber .isf-sayfa h2 { font-weight: 650; font-variation-settings: "opsz" 48; letter-spacing: -.01em; }
body.isf-t-rehber .isf-kart, body.isf-t-rehber .isf-ah, body.isf-t-rehber .isf-karar { box-shadow: none !important; border: 1px solid rgba(29,26,23,.16) !important; }
body.isf-t-rehber .isf-bolum > h2, body.isf-t-rehber .isf-bant-baslik h2 { border-top: 2px solid var(--isf-metin); padding-top: 10px; }
body.isf-t-rehber .isf-buton { border-radius: 2px; }

/* 5. Nane: yuvarlak yüzen header, geniş başlıklar, yumuşak gölgeler */
body.isf-t-nane .isf-sayfa h1, body.isf-t-nane .isf-sayfa h2, body.isf-t-nane .isf-sayfa h3, body.isf-t-nane .isf-logo-ad { font-stretch: 112%; font-variation-settings: "wdth" 112; }
body.isf-t-nane .isf-sayfa h1 { font-weight: 800; letter-spacing: -.03em; }
body.isf-t-nane.isf-c-kart .isf-ust { background: linear-gradient(var(--isf-zemin) 70%, rgba(231,243,237,0)); }
body.isf-t-nane.isf-c-kart .isf-ust-ic { border-radius: 6px; padding-left: 22px; padding-right: 10px; box-shadow: 0 8px 28px rgba(15,122,92,.10); border-color: rgba(15,122,92,.10); }
body.isf-t-nane .isf-menu > ul > li > a { border-radius: 6px; }
body.isf-t-nane .isf-kart { border-color: transparent; box-shadow: 0 2px 6px rgba(18,48,42,.04), 0 12px 30px rgba(18,48,42,.06); }
body.isf-t-nane .isf-buton, body.isf-t-nane .isf-bt-incele, body.isf-t-nane .isf-cip, body.isf-t-nane .isf-bt { border-radius: 6px !important; }

/* 6. Karbon: koyu tema; ürün görselleri açık kutuda, kehribar vurgu, dar başlıklar */
body.isf-t-karbon .isf-sayfa h1, body.isf-t-karbon .isf-sayfa h2, body.isf-t-karbon .isf-sayfa h3, body.isf-t-karbon .isf-logo-ad { font-stretch: 85%; font-variation-settings: "wdth" 85; font-weight: 750; letter-spacing: -.01em; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon { color-scheme: dark; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-ust { background: rgba(15,20,23,.92); backdrop-filter: blur(8px); border-bottom-color: rgba(255,255,255,.08); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kart, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-ah, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-karar, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kriterler li, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-tablo, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt-kaydir { border-color: rgba(255,255,255,.08) !important; box-shadow: none !important; }
body.isf-t-karbon .isf-kart-gorsel:has(img), body.isf-t-karbon .isf-hero-gorsel:has(img), body.isf-t-karbon .isf-kt-gorsel:has(img), body.isf-t-karbon .isf-en-gorsel:has(img) { background: #fff !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-ks-gorsel { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.08); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-ks-ikon .isf-ik-b { fill: #171e22; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-olcu-cubuk, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kriter-cubuk, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt-cubuk { background: rgba(255,255,255,.1) !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-bt-incele { border-color: rgba(255,255,255,.7); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-bt-incele:hover { background: var(--isf-vurgu); color: #111 !important; border-color: var(--isf-vurgu); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt-yok { color: rgba(255,255,255,.3); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt td a { border-bottom-color: rgba(255,255,255,.3); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt td.isf-kt-vurgu, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt th.isf-kt-vurgu { background: rgba(242,169,59,.07); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon { --isf-iyi: #4fd1a5; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-alt-menu, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-mobil-panel { background: #171e22; }
body.isf-t-karbon .isf-arama input { color: var(--isf-metin) !important; }

@media (max-width: 900px) {
    body.isf-c-manset .isf-ust-ic { justify-content: flex-start; min-height: 60px; }
    body.isf-c-manset .isf-ust-ic .isf-logo-ad { font-size: 1.35rem; }
    body.isf-c-manset .isf-ust-ic .isf-arama-ust { display: none; }
    body.isf-t-pazar .isf-ust-ic .isf-arama-ust { margin-left: 0; }
}
body.isf-govde.isf-t-rehber { background: #fff !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon { --isf-alt-bg: var(--isf-zemin); --isf-alt-cizgi: rgba(255,255,255,.08); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-arama { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.16) !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-arama button { color: #14100a !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-cip:not(.isf-cip-rehber):not(.isf-cip-aktif) { background: rgba(255,255,255,.04); }

/* Karbon: gündüz modu (ziyaretçi header'daki düğmeyle seçer; tercih tarayıcıda saklanır) */
html[data-isf-mod="gunduz"] body.isf-t-karbon {
    --isf-zemin: #f2f4f5; --isf-kart: #ffffff; --isf-metin: #12181c; --isf-soluk: rgba(18, 24, 28, .66); --isf-kenar: rgba(18, 24, 28, .13);
    --isf-vurgu: #a8620b; --isf-vurgu-acik: rgba(168, 98, 11, .1); --isf-vurgu-metin: #ffffff; --isf-buton-bg: #a8620b; --isf-buton-metin: #ffffff;
    --isf-iyi: #1a7f52; --isf-alt-bg: var(--isf-kart); --isf-alt-cizgi: var(--isf-kenar);
    background: var(--isf-zemin) !important; color: var(--isf-metin); color-scheme: light;
}
html[data-isf-mod="gunduz"] body.isf-t-karbon .isf-ust { background: rgba(255, 255, 255, .94); backdrop-filter: blur(8px); border-bottom-color: var(--isf-kenar); }
html[data-isf-mod="gunduz"] body.isf-t-karbon .isf-ks-ikon .isf-ik-b { fill: #ffffff; }
html[data-isf-mod="gunduz"] body.isf-t-karbon .isf-logo-isaret { color: #e0951f; }
html[data-isf-mod="gunduz"] body.isf-t-karbon .isf-kart, html[data-isf-mod="gunduz"] body.isf-t-karbon .isf-ah { border-color: var(--isf-kenar); box-shadow: none; }

/* 1.4.6 · Alt bilgi görünümleri */
.isf-alt-yasal-sag { display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: flex-end; flex: 0 0 auto; }
.isf-alt-yasal-sag a { color: var(--isf-alt-soluk) !important; }
.isf-alt-s-denge .isf-alt-ic { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px; padding-top: 48px; padding-bottom: 40px; }
.isf-alt-s-denge .isf-alt-baslik, .isf-alt-s-kartli .isf-alt-baslik, .isf-alt-s-serit .isf-alt-ic .isf-alt-baslik { color: var(--isf-alt-metin); font-size: 14px; padding-top: 12px; border-top: 2px solid var(--isf-vurgu); display: inline-block; min-width: 32px; }
.isf-alt-s-denge .isf-alt-sutun ul { gap: 10px; font-size: 14.5px; }
.isf-alt-s-serit .isf-alt-serit { background: color-mix(in srgb, var(--isf-vurgu) 7%, var(--isf-alt-bg)); border-bottom: 1px solid var(--isf-alt-cizgi); }
.isf-alt-s-serit .isf-alt-serit .isf-kap { display: flex; align-items: center; gap: 10px 18px; padding-top: 18px; padding-bottom: 18px; }
.isf-alt-s-serit .isf-alt-serit .isf-alt-baslik { margin: 0; flex: 0 0 auto; color: var(--isf-alt-metin); font-size: 14px; }
.isf-alt-cipler { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.isf-alt-cipler a { display: inline-block; padding: 6px 12px; border: 1px solid var(--isf-alt-cizgi); border-radius: 6px; background: var(--isf-kart); font-size: 13.5px; opacity: 1 !important; }
.isf-alt-cipler a:hover { border-color: var(--isf-vurgu); color: var(--isf-vurgu) !important; text-decoration: none !important; }
.isf-alt-s-serit .isf-alt-ic { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.5fr) minmax(0, 1fr); gap: 40px; padding-top: 36px; }
.isf-alt-sutun-iki ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.isf-alt-s-koyu { --isf-alt-bg: #12181c; --isf-alt-metin: #eef2f4; --isf-alt-soluk: rgba(238, 242, 244, .6); --isf-alt-cizgi: rgba(255, 255, 255, .09); --isf-alt-isaret: #f2a93b; border-top: 0 !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-alt-s-koyu { --isf-alt-bg: #090d0f; }
.isf-alt-s-koyu .isf-alt-ic { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px; padding-top: 56px; padding-bottom: 44px; }
.isf-alt-s-koyu .isf-alt-manifesto { font-family: var(--isf-font-baslik); font-size: 23px !important; line-height: 1.25 !important; font-weight: 700; color: var(--isf-alt-metin) !important; letter-spacing: -.01em; max-width: 360px; }
.isf-alt-s-koyu .isf-alt-baslik { color: #f2a93b; font-size: 13px; }
.isf-alt-s-koyu .isf-alt-sutun ul { gap: 10px; }
.isf-alt-s-koyu .isf-alt-yasal { background: rgba(0, 0, 0, .18); }
.isf-alt-s-merkez .isf-alt-ic { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; padding-top: 52px; padding-bottom: 36px; }
.isf-alt-s-merkez .isf-alt-marka { display: flex; flex-direction: column; align-items: center; }
.isf-alt-s-merkez .isf-alt-marka p { margin-top: 10px; max-width: 520px; }
.isf-alt-satir ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; list-style: none; margin: 0; padding: 0; }
.isf-alt-s-merkez .isf-alt-satir:nth-of-type(1) { font-size: 15px; font-weight: 600; padding-top: 18px; border-top: 1px solid var(--isf-alt-cizgi); width: min(100%, 860px); }
.isf-alt-s-merkez .isf-alt-satir:nth-of-type(2) { font-size: 13.5px; max-width: 860px; }
.isf-alt-s-merkez .isf-alt-satir:nth-of-type(3) { font-size: 13px; }
.isf-alt-s-merkez .isf-alt-satir:nth-of-type(n+2) a { color: var(--isf-alt-soluk); }
.isf-alt-s-merkez .isf-alt-yasal .isf-kap { flex-direction: column; align-items: center; text-align: center; gap: 8px; }
.isf-alt-s-merkez .isf-alt-yasal-sag { justify-content: center; }
.isf-alt-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-top: 36px; }
.isf-alt-kart { padding: 20px; border: 1px solid var(--isf-alt-cizgi); border-radius: 6px; background: var(--isf-zemin); font-size: 14px; line-height: 1.55; }
.isf-alt-kart p { margin: 0 0 10px; color: var(--isf-alt-soluk); }
.isf-alt-kart .isf-logo + p { margin-top: 12px; }
.isf-alt-kart-bas { color: var(--isf-alt-metin) !important; font-weight: 700; font-size: 15.5px; }
.isf-alt-kart-link { font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; opacity: 1 !important; }
.isf-alt-s-kartli .isf-alt-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 40px; padding-top: 32px; }
@media (max-width: 900px) {
    .isf-alt-s-denge .isf-alt-ic, .isf-alt-s-koyu .isf-alt-ic, .isf-alt-s-serit .isf-alt-ic, .isf-alt-s-kartli .isf-alt-ic { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-top: 32px; }
    .isf-alt-s-denge .isf-alt-marka, .isf-alt-s-koyu .isf-alt-marka, .isf-alt-s-serit .isf-alt-marka, .isf-alt-s-kartli .isf-alt-sutun-cok { grid-column: 1 / -1; }
    .isf-alt-s-serit .isf-alt-serit .isf-kap { flex-direction: column; align-items: flex-start; }
    .isf-alt-kartlar { grid-template-columns: 1fr; }
    .isf-alt-yasal-sag { justify-content: flex-start; }
}
@media (max-width: 520px) {
    .isf-alt-s-serit .isf-alt-sutun-iki ul { grid-template-columns: 1fr; }
    .isf-alt-s-koyu .isf-alt-ic { grid-template-columns: 1fr; }
}

/* 1.4.6 · "En iyi" rehber şablonu */
.isf-rehber-sayfa .isf-rh-ust { max-width: 860px; margin: 6px 0 18px; }
.isf-rh-tur { margin: 0 0 8px; font-size: 13.5px; font-weight: 600; color: var(--isf-vurgu); }
.isf-rehber-sayfa .isf-rh-ust h1 { margin: 0 0 14px; font-size: clamp(30px, 4.4vw, 48px); line-height: 1.06; letter-spacing: -.012em; }
.isf-rh-ozet { margin: 0 0 12px; font-size: 18.5px; line-height: 1.6; color: var(--isf-metin); max-width: 780px; }
.isf-rehber-sayfa .isf-kardes-not { margin: 0 0 12px; }
.isf-rehber-sayfa .isf-meta a { color: var(--isf-soluk); text-decoration: underline; text-underline-offset: 2px; }
.isf-rh-hizli { margin: 4px 0 8px; }
.isf-rh-duzen { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 48px; margin-top: 28px; align-items: start; }
.isf-rh-duzen.isf-rh-tek { display: block; }
.isf-rh-yan { position: sticky; top: 88px; max-height: calc(100vh - 110px); overflow: auto; }
.isf-rh-yan-baslik { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: var(--isf-metin); }
.isf-rh-icindekiler ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--isf-kenar); }
.isf-rh-icindekiler li { margin: 0; }
.isf-rh-icindekiler a { display: block; padding: 6px 0 6px 14px; margin-left: -2px; border-left: 2px solid transparent; font-size: 14px; line-height: 1.4; color: var(--isf-soluk); text-decoration: none; }
.isf-rh-icindekiler a:hover, .isf-rh-icindekiler a:focus-visible { color: var(--isf-metin); border-left-color: var(--isf-vurgu); }
.isf-rh-icindekiler-mobil { display: none; }
.isf-rh-govde > h2:first-child, .isf-rh-govde > p:first-child { margin-top: 0; }
.isf-rh-govde h2 { scroll-margin-top: 90px; }
.isf-rh-govde .isf-not { font-size: 13.5px; color: var(--isf-soluk); }
.isf-rh-govde #ez-toc-container, .isf-rh-govde .ez-toc-container { display: none !important; }
.isf-rh-diger { margin-top: 36px; }
.isf-rh-diger h2 { font-size: 20px; margin: 0 0 12px; }
@media (max-width: 900px) {
    .isf-rh-duzen { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 18px; }
    .isf-rh-yan { position: static; max-height: none; overflow: visible; }
    .isf-rh-icindekiler-masa { display: none; }
    .isf-rh-icindekiler-mobil { display: block; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); padding: 10px 14px; }
    .isf-rh-icindekiler-mobil summary { cursor: pointer; font-weight: 600; font-size: 14.5px; }
    .isf-rh-icindekiler-mobil ol { margin-top: 10px; }
    .isf-rh-ozet { font-size: 17px; }
}

/* 1.4.8 · Karşılaştırma tablosu görünümleri (T1–T6) */
.isf-kt-baslik-skor { display: none; }
.isf-kt-yeni { --isf-kt-iyi-zemin: color-mix(in srgb, var(--isf-iyi) 12%, transparent); --isf-kt-cizgi: color-mix(in srgb, var(--isf-metin) 10%, transparent); }
.isf-kt-lejant { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 4px 0 0; font-size: 13px; color: var(--isf-soluk); }
.isf-kt-lejant > span { display: inline-flex; align-items: center; gap: 7px; }
.isf-kt-lejant-iyi i { width: 16px; height: 16px; border-radius: 50%; background: var(--isf-iyi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.isf-kt-lejant-fark i { width: 22px; height: 12px; border-radius: 6px; background: var(--isf-kt-iyi-zemin); border: 1px solid color-mix(in srgb, var(--isf-iyi) 35%, transparent); }
.isf-kt-hakkinda { margin-left: auto; }
.isf-kt-hakkinda summary { cursor: pointer; color: var(--isf-metin); text-decoration: underline; text-underline-offset: 3px; }
.isf-kt-hakkinda[open] { flex-basis: 100%; margin-left: 0; }
.isf-kt-hakkinda p { margin: 8px 0 0; max-width: 820px; line-height: 1.55; }
.isf-kt-yeni .isf-kt-rozet { display: inline-block; width: 16px; height: 16px; margin: 0 0 0 6px; padding: 0; border-radius: 50%; vertical-align: -3px; font-size: 0; line-height: 0; overflow: hidden; background: var(--isf-iyi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.isf-kt-yeni .isf-kt-iyi { font-weight: 700; }
.isf-kt-yeni .isf-kt-bu { background: transparent; color: var(--isf-vurgu); border: 1px solid currentColor; padding: 1px 8px; font-size: 11px; font-weight: 700; }
.isf-kt-yeni .isf-kt-baslik-skor { display: inline-flex; align-items: baseline; gap: 1px; margin-top: 6px; padding: 2px 8px; border-radius: 4px; background: color-mix(in srgb, var(--isf-metin) 6%, transparent); font-weight: 700; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--isf-metin); }
.isf-kt-yeni .isf-kt-baslik-skor small { font-size: 10.5px; font-weight: 500; color: var(--isf-soluk); }
.isf-kt-yeni .isf-kt-ozet { display: none; }
.isf-kt-yeni .isf-kt-yok { opacity: 1; color: color-mix(in srgb, var(--isf-metin) 32%, transparent); }
.isf-kt-yeni thead .isf-kt-kose { text-transform: none; letter-spacing: 0; font-size: 12.5px; font-weight: 600; }
.isf-kt-yeni .isf-kt tbody tr:not(.isf-kt-grup):nth-child(even) td, .isf-kt-yeni .isf-kt tbody tr:not(.isf-kt-grup):nth-child(even) th { background-image: none; }
.isf-kt-yeni .isf-kt-grup th span { font-size: 12.5px; letter-spacing: 0; color: var(--isf-metin); font-weight: 700; }
.isf-kt-yeni .isf-kt tbody tr:not(.isf-kt-grup):not(.isf-kt-cta):hover td, .isf-kt-yeni .isf-kt tbody tr:not(.isf-kt-grup):not(.isf-kt-cta):hover th { background-color: color-mix(in srgb, var(--isf-metin) 3.5%, var(--isf-kart)); }
.isf-kt-arac { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.isf-kt-arac button { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); font-size: 13px; font-weight: 600; color: var(--isf-metin); }
.isf-kt-arac button[aria-pressed=true] { border-color: var(--isf-vurgu); color: var(--isf-vurgu); background: var(--isf-vurgu-acik); }
.isf-kt-arac button:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-kt-sadece-fark tr[data-ayni="1"] { display: none; }
/* T1 · Kurumsal sade */
.isf-kt-s-sade .isf-kt th, .isf-kt-s-sade .isf-kt td { padding: 13px 16px; }
.isf-kt-s-sade .isf-kt thead th.isf-kt-vurgu { box-shadow: inset 0 3px 0 var(--isf-vurgu); }
.isf-kt-s-sade .isf-kt td.isf-kt-vurgu, .isf-kt-s-sade .isf-kt th.isf-kt-vurgu { background: color-mix(in srgb, var(--isf-vurgu) 4%, var(--isf-kart)); }
.isf-kt-s-sade .isf-kt-grup th { background: var(--isf-kart) !important; border-top: 1px solid var(--isf-kenar); padding-top: 16px !important; }
.isf-kt-s-sade .isf-kt-fark { color: var(--isf-soluk); font-weight: 500; }
/* T2 · Sütun kartları */
.isf-kt-s-sutun .isf-kt-kaydir { border: 0; background: transparent; }
.isf-kt-s-sutun .isf-kt { border-spacing: 10px 0; }
.isf-kt-s-sutun .isf-kt th, .isf-kt-s-sutun .isf-kt td { border-bottom: 0; }
.isf-kt-s-sutun .isf-kt thead th:not(.isf-kt-kose), .isf-kt-s-sutun .isf-kt tbody td { background: var(--isf-kart); border-left: 1px solid var(--isf-kenar); border-right: 1px solid var(--isf-kenar); }
.isf-kt-s-sutun .isf-kt thead th:not(.isf-kt-kose) { border-top: 1px solid var(--isf-kenar); border-radius: 6px 6px 0 0; padding-top: 16px; }
.isf-kt-s-sutun .isf-kt tbody tr:not(.isf-kt-grup) + tr:not(.isf-kt-grup) td { box-shadow: inset 0 1px 0 var(--isf-kt-cizgi); }
.isf-kt-s-sutun .isf-kt-cta td { border-bottom: 1px solid var(--isf-kenar) !important; border-radius: 0 0 6px 6px; padding-bottom: 16px; }
.isf-kt-s-sutun .isf-kt thead th.isf-kt-vurgu, .isf-kt-s-sutun .isf-kt td.isf-kt-vurgu { border-left: 2px solid var(--isf-vurgu); border-right: 2px solid var(--isf-vurgu); background: color-mix(in srgb, var(--isf-vurgu) 5%, var(--isf-kart)); }
.isf-kt-s-sutun .isf-kt thead th.isf-kt-vurgu { border-top: 2px solid var(--isf-vurgu); }
.isf-kt-s-sutun .isf-kt-cta td.isf-kt-vurgu { border-bottom: 2px solid var(--isf-vurgu) !important; }
.isf-kt-s-sutun .isf-kt-kose, .isf-kt-s-sutun .isf-kt tbody th { background: var(--isf-zemin); box-shadow: none; }
.isf-kt-s-sutun .isf-kt-grup th { background: transparent !important; border: 0 !important; padding: 14px 4px 6px !important; }
.isf-kt-s-sutun .isf-kt-grup + tr td { box-shadow: none !important; }
/* T3 · Isı haritası */
.isf-kt-s-isi .isf-kt td[style*="--n"] { background-color: color-mix(in srgb, var(--isf-iyi) calc(4% + var(--n) * 24%), var(--isf-kart)); }
.isf-kt-s-isi .isf-kt td.isf-kt-iyi { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--isf-iyi) 55%, transparent); }
.isf-kt-s-isi .isf-kt-yeni .isf-kt-rozet, .isf-kt-s-isi .isf-kt-rozet { display: none; }
.isf-kt-s-isi .isf-kt-lejant-iyi i { border-radius: 4px; background: linear-gradient(90deg, var(--isf-kart), color-mix(in srgb, var(--isf-iyi) 26%, var(--isf-kart))); border: 1px solid var(--isf-kenar); width: 42px; }
.isf-kt-s-isi .isf-kt-lejant-iyi { font-size: 0; } .isf-kt-s-isi .isf-kt-lejant-iyi::after { content: "Açıktan koyuya: satırdaki en iyi değere yakınlık"; font-size: 13px; }
/* T4 · Çubuklu hücreler */
.isf-kt-s-cubuk .isf-kt-cubuk { display: block !important; width: 84%; max-width: 140px; height: 6px; margin: 7px auto 0; border-radius: 4px; background: color-mix(in srgb, var(--isf-metin) 8%, transparent); }
.isf-kt-s-cubuk .isf-kt-cubuk i { background: color-mix(in srgb, var(--isf-metin) 38%, transparent); opacity: 1; border-radius: 4px; }
.isf-kt-s-cubuk .isf-kt-iyi .isf-kt-cubuk i { background: var(--isf-iyi); }
.isf-kt-s-cubuk .isf-kt-vurgu .isf-kt-cubuk i { background: var(--isf-vurgu); }
/* T5 · Farka odaklı */
.isf-kt-s-fark .isf-kt-fark { display: inline-block; margin-top: 6px; padding: 1px 8px; border-radius: 6px; font-size: 11.5px; font-weight: 700; opacity: 1; background: color-mix(in srgb, var(--isf-metin) 7%, transparent); color: var(--isf-soluk); }
.isf-kt-s-fark .isf-kt-fark-iyi { background: var(--isf-kt-iyi-zemin); color: var(--isf-iyi); }
.isf-kt-s-fark .isf-kt-fark-kotu { background: color-mix(in srgb, #c2410c 11%, transparent); color: #b4462f; }
.isf-kt-s-fark .isf-kt td.isf-kt-vurgu { font-weight: 700; }
.isf-kt-s-fark .isf-kt-lejant-fark i { background: linear-gradient(90deg, var(--isf-kt-iyi-zemin) 50%, color-mix(in srgb, #c2410c 12%, transparent) 50%); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt-s-fark .isf-kt-fark-kotu { color: #ff9b7a; }
/* T6 · Açılır gruplar */
.isf-kt-s-akordeon .isf-kt-gorsel { width: 64px; height: 64px; }
.isf-kt-s-akordeon .isf-kt-grup th { cursor: pointer; }
.isf-kt-grup-dugme { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 12.5px; color: var(--isf-metin); }
.isf-kt-grup-dugme::before { content: ""; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); transition: transform .15s; }
.isf-kt-grup-dugme[aria-expanded=false]::before { transform: rotate(-45deg); }
.isf-kt-grup-dugme small { font-weight: 500; color: var(--isf-soluk); }
.isf-kt-grup-dugme:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 3px; border-radius: 4px; }
.isf-kt tr.isf-kt-kapali { display: none; }
@media (prefers-reduced-motion: reduce) { .isf-kt-grup-dugme::before { transition: none; } }
@media (max-width: 700px) { .isf-kt-hakkinda { margin-left: 0; flex-basis: 100%; } .isf-kt-s-sutun .isf-kt { border-spacing: 6px 0; } }

/* 1.4.8 · Hatalı içerik bildirimi */
.isf-bildir { margin: 0; padding-top: 36px; }
.isf-bildir .isf-kap, .isf-son .isf-kap { box-sizing: border-box; max-width: var(--isf-genislik); margin: 0 auto; padding-left: var(--isf-yan); padding-right: var(--isf-yan); }
.isf-bildir-kutu { background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; font-family: var(--isf-font-govde); color: var(--isf-metin); }
.isf-bildir-ozet { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 10px; padding: 16px 18px; font-size: 15px; text-align: center; }
.isf-bildir-ozet::-webkit-details-marker { display: none; }
.isf-bildir-ikon { display: inline-flex; color: var(--isf-soluk); }
.isf-bildir-cta { color: var(--isf-vurgu); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.isf-bildir-ozet:hover .isf-bildir-cta { text-decoration-thickness: 2px; }
.isf-bildir-ozet:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: -2px; border-radius: 6px; }
.isf-bildir-kutu[open] .isf-bildir-ozet { border-bottom: 1px solid var(--isf-kenar); }
.isf-bildir-form { display: grid; gap: 14px; max-width: 760px; margin: 0 auto; padding: 18px 18px 20px; }
.isf-bildir-konular { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.isf-bildir-konular legend { width: 100%; margin: 0 0 8px; font-weight: 700; font-size: 14px; }
.isf-bildir-konular label { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--isf-kenar); border-radius: 6px; font-size: 13.5px; cursor: pointer; background: var(--isf-zemin); }
.isf-bildir-konular input { position: absolute; opacity: 0; pointer-events: none; }
.isf-bildir-konular label:has(input:checked) { border-color: var(--isf-vurgu); background: var(--isf-vurgu-acik); color: var(--isf-metin); font-weight: 600; }
.isf-bildir-konular label:has(input:focus-visible) { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-bildir-alan { display: grid; gap: 6px; font-weight: 700; font-size: 14px; }
.isf-bildir-alan span { font-weight: 400; color: var(--isf-soluk); font-size: 13px; }
.isf-bildir-alan textarea, .isf-bildir-alan input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); color: var(--isf-metin); font: inherit; font-weight: 400; font-size: 15px; }
.isf-bildir-alan textarea:focus, .isf-bildir-alan input:focus { outline: 2px solid var(--isf-vurgu); outline-offset: 1px; border-color: transparent; }
.isf-bildir-yasal { margin: 0; font-size: 12.5px; color: var(--isf-soluk); }
.isf-bildir-yasal a { color: inherit; text-decoration: underline; }
.isf-bildir-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.isf-bildir-durum { margin: 0; font-size: 13.5px; color: var(--isf-soluk); }
.isf-bildir-tesekkur { margin: 0 0 10px; padding: 14px 18px; border-radius: 6px; background: color-mix(in srgb, var(--isf-iyi) 10%, var(--isf-kart)); color: var(--isf-metin); text-align: center; font-weight: 600; }
.isf-bildir-tuzak { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* 1.4.8 · Son baktıklarınız (R1–R6) */
.isf-son { margin: 0; padding-top: 32px; font-family: var(--isf-font-govde); color: var(--isf-metin); }
.isf-son [hidden] { display: none !important; }
.isf-son[hidden] { display: none; }
.isf-son-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.isf-son-ust h2 { margin: 0; font-family: var(--isf-font-baslik); font-size: 20px; font-weight: 750; letter-spacing: -.01em; color: inherit; }
.isf-son-temizle { all: unset; cursor: pointer; font-size: 13px; color: var(--isf-soluk); text-decoration: underline; text-underline-offset: 3px; }
.isf-son-temizle:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-son-not { margin: 10px 0 0; font-size: 12px; color: var(--isf-soluk); }
.isf-son-gorsel { display: grid; place-items: center; overflow: hidden; background: #fff; border-radius: 6px; flex: 0 0 auto; }
.isf-son-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.isf-son-serit { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x proximity; padding: 2px 2px 10px; scrollbar-width: thin; }
.isf-son-kart { box-sizing: border-box; scroll-snap-align: start; flex: 0 0 172px; display: flex; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); color: var(--isf-metin) !important; text-decoration: none !important; }
.isf-son-kart:hover { border-color: var(--isf-vurgu); }
.isf-son-kart .isf-son-gorsel { width: 100%; height: 120px; }
.isf-son-metin { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.isf-son-tip { font-size: 11.5px; color: var(--isf-soluk); }
.isf-son-ad { font-size: 13.5px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.isf-son-skor { align-self: flex-start; margin-top: 2px; padding: 1px 7px; border-radius: 4px; background: color-mix(in srgb, var(--isf-metin) 6%, transparent); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.isf-son-skor small { color: var(--isf-soluk); font-size: 10.5px; }
/* R2 · Zaman çizgisi */
.isf-son-zaman { list-style: none; margin: 0; padding: 4px 2px 6px; display: flex; overflow-x: auto; gap: 0; scrollbar-width: thin; }
.isf-son-zaman li { flex: 0 0 156px; display: flex; flex-direction: column; align-items: center; }
.isf-son-zaman-urun { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 10px; text-align: center; color: var(--isf-metin) !important; text-decoration: none !important; }
.isf-son-zaman-urun .isf-son-ad { min-height: 2.6em; }
.isf-son-zaman-urun .isf-son-gorsel { width: 88px; height: 88px; border: 1px solid var(--isf-kenar); }
.isf-son-zaman-urun:hover .isf-son-gorsel { border-color: var(--isf-vurgu); }
.isf-son-zaman-isaret { position: relative; width: 100%; height: 34px; margin-top: 12px; }
.isf-son-zaman-isaret::before { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: var(--isf-kenar); }
.isf-son-zaman-isaret::after { content: ""; position: absolute; left: 50%; top: 2px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: color-mix(in srgb, var(--isf-metin) 28%, var(--isf-kart)); }
.isf-son-zaman li:first-child .isf-son-zaman-isaret::after { width: 14px; height: 14px; margin-left: -7px; top: 0; background: var(--isf-vurgu); box-shadow: 0 0 0 4px var(--isf-vurgu-acik); }
.isf-son-zaman li:first-child .isf-son-zaman-isaret::before { left: 50%; }
.isf-son-zaman li:last-child .isf-son-zaman-isaret::before { right: 50%; }
.isf-son-zaman-etiket { position: absolute; left: 50%; top: 18px; transform: translateX(-50%); font-size: 12px; color: var(--isf-soluk); white-space: nowrap; }
/* R3 · Kompakt çipler */
.isf-son-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.isf-son-cip { display: inline-flex; align-items: center; gap: 8px; max-width: 280px; padding: 4px 14px 4px 4px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); color: var(--isf-metin) !important; text-decoration: none !important; font-size: 13.5px; font-weight: 600; }
.isf-son-cip:hover { border-color: var(--isf-vurgu); }
.isf-son-cip .isf-son-gorsel { width: 32px; height: 32px; border-radius: 50%; }
.isf-son-cip > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* R4 · Karşılaştırmaya hazır */
.isf-son-kart-kap { flex: 0 0 172px; display: flex; flex-direction: column; gap: 6px; scroll-snap-align: start; }
.isf-son-kart-kap .isf-son-kart { flex: 1 1 auto; }
.isf-son-kart-kap.isf-son-secili .isf-son-kart { border-color: var(--isf-vurgu); box-shadow: 0 0 0 1px var(--isf-vurgu); }
.isf-son-sec { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--isf-soluk); }
.isf-son-sec input { width: 16px; height: 16px; accent-color: var(--isf-vurgu); }
.isf-son-secim { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 8px; font-size: 13.5px; color: var(--isf-soluk); min-height: 40px; }
/* R5 · Koyu bant */
.isf-son-s-koyu { margin-top: 36px !important; padding: 28px 0 26px; background: #12181c; color: #eef2f4; }
.isf-son-s-koyu .isf-son-kart { background: #1b2328; border-color: rgba(255,255,255,.08); color: #eef2f4 !important; }
.isf-son-s-koyu .isf-son-kart:hover { border-color: #f2a93b; }
.isf-son-s-koyu .isf-son-tip, .isf-son-s-koyu .isf-son-temizle, .isf-son-s-koyu .isf-son-not, .isf-son-s-koyu .isf-son-skor small { color: rgba(238,242,244,.62); }
.isf-son-s-koyu .isf-son-skor { background: rgba(255,255,255,.08); }
.isf-son-s-koyu + .isf-alt-bilgi { border-top: 0; }
/* R6 · Kaldığınız yerden devam */
.isf-son-devam { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.isf-son-buyuk { flex-direction: row; align-items: center; gap: 16px; padding: 14px; }
.isf-son-buyuk .isf-son-gorsel { width: 128px; height: 128px; }
.isf-son-buyuk .isf-son-ad { font-size: 17px; -webkit-line-clamp: 3; }
.isf-son-don { margin-top: 8px; font-size: 13.5px; font-weight: 700; color: var(--isf-vurgu); text-decoration: underline; text-underline-offset: 3px; }
.isf-son-diger { list-style: none; margin: 0; padding: 6px 14px; display: grid; grid-template-columns: 1fr; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-son-diger li + li { border-top: 1px solid var(--isf-kenar); }
.isf-son-diger a { display: flex; align-items: center; gap: 10px; padding: 7px 0; color: var(--isf-metin) !important; text-decoration: none !important; font-size: 13.5px; font-weight: 600; }
.isf-son-diger a:hover span:last-child { text-decoration: underline; }
.isf-son-diger .isf-son-gorsel { width: 44px; height: 44px; border-radius: 5px; border: 1px solid var(--isf-kenar); }
@media (max-width: 700px) {
    .isf-son-devam { grid-template-columns: 1fr; }
    .isf-son-buyuk .isf-son-gorsel { width: 96px; height: 96px; }
    .isf-son-kart, .isf-son-kart-kap { flex-basis: 148px; }
    .isf-son-kart .isf-son-gorsel { height: 100px; }
    .isf-bildir-ozet { font-size: 14px; }
}

/* 1.4.8 · "Bu ürünü karşılaştır" kutusu (C1–C6) */
.isf-kb2 [hidden] { display: none !important; }
.isf-kb2 h3 { margin: 0 0 10px; font-size: 1rem; }
.isf-kb2 .isf-ikili-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.isf-kb2 .isf-ikili-form > * { min-width: 0; }
.isf-kb2.isf-kb2-js .isf-kb2-yedek { display: none; }
.isf-kb2-ara-etiket { font-size: 13px; font-weight: 600; color: var(--isf-soluk); }
.isf-kb2-ara-kap { display: grid; gap: 5px; min-width: 0; }
.isf-kb2-ara { position: relative; min-width: 0; }
.isf-kb2 .isf-kb2-girdi { width: 100%; box-sizing: border-box; min-height: 46px; padding: 10px 12px !important; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); font: inherit; font-size: 15.5px; color: var(--isf-metin); }
.isf-kb2 .isf-kb2-girdi:focus { outline: 2px solid var(--isf-vurgu); outline-offset: 1px; border-color: transparent; }
.isf-kb2-oneriler { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; max-height: 330px; overflow: auto; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; box-shadow: 0 18px 40px rgba(0,0,0,.14); }
.isf-kb2-oneriler li { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 5px; cursor: pointer; }
.isf-kb2-oneriler li[aria-selected=true], .isf-kb2-oneriler li:hover { background: var(--isf-vurgu-acik); }
.isf-kb2-o-ad { font-weight: 600; font-size: 14px; color: var(--isf-metin); }
.isf-kb2-o-bilgi { font-size: 12px; color: var(--isf-soluk); }
.isf-kb2-bos { margin: 6px 0 0; font-size: 13px; color: var(--isf-soluk); }
.isf-kb2-rakip-baslik { margin: 2px 0 6px; font-size: 13px; font-weight: 600; color: var(--isf-soluk); }
.isf-kb2-mini { display: inline-grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 5px; background: #fff; border: 1px solid var(--isf-kenar); overflow: hidden; }
.isf-kb2-mini img { width: 100%; height: 100%; object-fit: contain; }
.isf-kb2-mini:empty::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: color-mix(in srgb, var(--isf-metin) 12%, transparent); }
.isf-kb2-metin-dugme { all: unset; cursor: pointer; justify-self: start; margin-top: 6px; font-size: 13.5px; font-weight: 600; color: var(--isf-vurgu); text-decoration: underline; text-underline-offset: 3px; }
.isf-kb2-metin-dugme:focus-visible, .isf-kb2-hap:focus-visible, .isf-kb2-satir:focus-visible, .isf-kb2-cip:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-kb2 .isf-kb2-gonder { min-height: 46px; background: var(--isf-buton-bg) !important; color: var(--isf-buton-metin) !important; border: 0 !important; border-radius: 6px !important; }
.isf-kb2 .isf-kb2-gonder:disabled { opacity: .45; cursor: not-allowed; }
/* C1 · Akıllı arama + sık karşılaştırılanlar */
.isf-kb2-s-oneri .isf-ikili-form, .isf-kb2-s-satir .isf-ikili-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.isf-kb2-s-oneri .isf-kb2-rakipler, .isf-kb2-s-satir .isf-kb2-yedek, .isf-kb2-s-oneri .isf-kb2-yedek { grid-column: 1 / -1; }
.isf-kb2-s-oneri .isf-kb2-rakipler { order: 3; }
.isf-kb2-rakip-liste { display: flex; flex-wrap: wrap; gap: 6px; }
.isf-kb2-hap { display: inline-flex; align-items: center; padding: 6px 11px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-zemin); font-size: 13px; font-weight: 600; color: var(--isf-metin) !important; text-decoration: none !important; }
.isf-kb2-hap::before { content: "⇄"; margin-right: 6px; color: var(--isf-vurgu); font-weight: 700; }
.isf-kb2-hap:hover { border-color: var(--isf-vurgu); }
/* C2 · Hazır rakip listesi */
.isf-kb2-s-rakip .isf-kb2-rakip-liste { display: grid; gap: 0; border: 1px solid var(--isf-kenar); border-radius: 6px; overflow: hidden; }
.isf-kb2-satir { display: flex; align-items: center; gap: 10px; padding: 9px 10px; background: var(--isf-kart); color: var(--isf-metin) !important; text-decoration: none !important; }
.isf-kb2-satir + .isf-kb2-satir { border-top: 1px solid var(--isf-kenar); }
.isf-kb2-satir:hover { background: var(--isf-vurgu-acik); }
.isf-kb2-satir-ad { flex: 1 1 auto; min-width: 0; font-size: 14px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.isf-kb2-satir-ad small { display: block; font-weight: 400; font-size: 12px; color: var(--isf-soluk); }
.isf-kb2-satir-dugme { flex: 0 0 auto; padding: 6px 10px; border: 1px solid var(--isf-vurgu); border-radius: 5px; color: var(--isf-vurgu); font-size: 12.5px; font-weight: 700; }
.isf-kb2-satir:hover .isf-kb2-satir-dugme { background: var(--isf-vurgu); color: var(--isf-vurgu-metin); }
/* C3 · VS */
.isf-kb2-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 8px; }
.isf-kb2-yuva { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-kb2-yuva-hedef:not(.isf-kb2-yuva-dolu) { border-style: dashed; background: transparent; }
.isf-kb2-yuva-gorsel { display: inline-grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 5px; background: #fff; border: 1px solid var(--isf-kenar); font-size: 22px; color: var(--isf-soluk); overflow: hidden; }
.isf-kb2-yuva-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.isf-kb2-yuva-ad { min-width: 0; font-size: 13.5px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.isf-kb2-yuva-ad small { display: block; font-size: 11.5px; font-weight: 500; color: var(--isf-soluk); }
.isf-kb2-vs-rozet { align-self: center; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--isf-metin); color: var(--isf-kart); font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.isf-kb2-s-vs .isf-ikili-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.isf-kb2-s-vs .isf-kb2-vs, .isf-kb2-s-vs .isf-kb2-yedek, .isf-kb2-s-vs .isf-kb2-bos { grid-column: 1 / -1; }
.isf-kb2-s-vs .isf-kb2-gonder { width: auto; min-height: 44px; padding: 0 20px !important; font-size: 14px; }
/* C4 · Tek satır */
.isf-kb2-s-satir h3 { margin-bottom: 6px; }
/* C5 · Sekmeli seçim */
.isf-kb2-sekme-ust { display: flex; gap: 4px; padding: 4px; border-radius: 6px; background: color-mix(in srgb, var(--isf-metin) 6%, transparent); }
.isf-kb2-sekme-ust button { all: unset; flex: 1 1 0; text-align: center; padding: 7px 8px; border-radius: 5px; font-size: 13px; font-weight: 600; color: var(--isf-soluk); cursor: pointer; }
.isf-kb2-sekme-ust button[aria-selected=true] { background: var(--isf-kart); color: var(--isf-metin); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.isf-kb2-sekme-ust button:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 1px; }
.isf-kb2-sekme { margin-top: 8px; border: 1px solid var(--isf-kenar); border-radius: 6px; overflow: hidden; }
.isf-kb2-skor { flex: 0 0 auto; padding: 1px 7px; border-radius: 4px; background: color-mix(in srgb, var(--isf-metin) 6%, transparent); font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.isf-kb2-ok { flex: 0 0 auto; width: 8px; height: 8px; border-right: 2px solid var(--isf-soluk); border-top: 2px solid var(--isf-soluk); transform: rotate(45deg); margin: 0 4px 0 2px; }
/* C6 · Rakip çipleri */
.isf-kb2-s-cip .isf-kb2-rakip-liste { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
.isf-kb2-cip { all: unset; box-sizing: border-box; cursor: pointer; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; max-width: 230px; padding: 5px 12px 5px 5px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); font-size: 13px; font-weight: 600; color: var(--isf-metin) !important; text-decoration: none !important; }
.isf-kb2-cip .isf-kb2-mini { width: 32px; height: 32px; border-radius: 50%; }
.isf-kb2-cip > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isf-kb2-cip:hover { border-color: var(--isf-vurgu); }
.isf-kb2-cip.isf-kb2-diger { padding: 10px 14px; color: var(--isf-vurgu) !important; border-style: dashed; }
@media (max-width: 420px) { .isf-kb2-s-oneri .isf-ikili-form, .isf-kb2-s-satir .isf-ikili-form, .isf-kb2-s-vs .isf-ikili-form { grid-template-columns: minmax(0, 1fr); } .isf-kb2-vs { grid-template-columns: minmax(0, 1fr); } .isf-kb2-vs-rozet { justify-self: center; } }

/* 1.4.8 · Temanın <button> stili eklenti düğmelerini maviye boyamasın */
button.isf-buton, .isf-sayfa button.isf-buton, .isf-bildir button.isf-buton { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px !important; border: 0 !important; border-radius: 6px !important; background: var(--isf-buton-bg) !important; color: var(--isf-buton-metin) !important; font-family: var(--isf-font-govde) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; cursor: pointer; box-shadow: none !important; }
button.isf-buton:hover { filter: brightness(1.06); }
button.isf-buton:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }

/* 1.4.8 · Hata bildirimi görünümleri (B1–B5) */
.isf-bildir-secili { margin: 0; padding: 9px 12px; border-radius: 6px; background: var(--isf-vurgu-acik); font-size: 14px; font-weight: 600; }
.isf-bd-ac:not([open]) > .isf-bildir-form { display: none; }
.isf-bd-ac > summary { list-style: none; } .isf-bd-ac > summary::-webkit-details-marker { display: none; }
.isf-bd-baslik { margin: 0; font-family: var(--isf-font-baslik); font-weight: 750; font-size: 16px; color: var(--isf-metin); }
.isf-bd-alt { margin: 3px 0 0; font-size: 13.5px; color: var(--isf-soluk); }
.isf-bd-dugme { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 6px; border: 1.5px solid var(--isf-vurgu); color: var(--isf-vurgu); font-weight: 700; font-size: 14.5px; white-space: nowrap; }
.isf-bd-dugme:hover { background: var(--isf-vurgu-acik); }
.isf-bd-dugme:focus-visible, .isf-bd-cip:focus-visible, .isf-bd-metin-dugme:focus-visible, .isf-duzelt:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-bd-dugme[aria-disabled=true], .isf-bd-cip[aria-disabled=true] { opacity: .5; pointer-events: none; }
.isf-bd-ac[open] > .isf-bildir-form { margin-top: 14px; padding: 18px; border-top: 1px solid var(--isf-kenar); max-width: none; }
/* B1 · Veri doğrulama şeridi */
.isf-bd-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 14px 16px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-bd-rozet { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 6px; background: color-mix(in srgb, var(--isf-iyi) 12%, var(--isf-kart)); color: var(--isf-iyi); }
.isf-bd-metin { flex: 1 1 320px; min-width: 0; }
.isf-bd-serit > .isf-bd-ac { flex: 0 0 auto; }
.isf-bd-serit > .isf-bd-ac[open] { flex-basis: 100%; }
/* B2 · Hangi bilgi hatalı? */
.isf-bd-alanlar { padding: 18px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-bd-alanlar .isf-bd-baslik { font-size: 18px; }
.isf-bd-cipler { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; margin-top: 14px; }
.isf-bd-cip { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-zemin); min-width: 0; }
.isf-bd-cip span { font-size: 12px; color: var(--isf-soluk); }
.isf-bd-cip b { font-size: 15px; font-variant-numeric: tabular-nums; color: var(--isf-metin); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isf-bd-cip:hover { border-color: var(--isf-vurgu); background: var(--isf-vurgu-acik); }
.isf-bd-cip-tur { justify-content: center; border-style: dashed; background: transparent; }
.isf-bd-cip-tur span { font-size: 14px; font-weight: 600; color: var(--isf-metin); }
/* B3 · Doğruluk notu kartı */
.isf-bd-kart { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 28px; padding: 20px 22px; border: 1px solid var(--isf-kenar); border-left: 4px solid var(--isf-vurgu); border-radius: 6px; background: var(--isf-kart); }
.isf-bd-kart .isf-bd-baslik { font-size: 20px; margin-bottom: 6px; }
.isf-bd-kart-metin p { margin: 0; max-width: 720px; font-size: 14.5px; line-height: 1.6; color: var(--isf-soluk); }
.isf-bd-kart-metin .isf-bd-baslik { color: var(--isf-metin); }
.isf-bd-sayac { margin-top: 8px !important; color: var(--isf-metin) !important; }
.isf-bd-sayac b { color: var(--isf-iyi); }
.isf-bd-kart .isf-bd-dugme { background: var(--isf-buton-bg); border-color: var(--isf-buton-bg); color: var(--isf-buton-metin); }
.isf-bd-kart > .isf-bd-ac[open] { grid-column: 1 / -1; }
/* B4 · Değerin yanında "Düzelt" */
.isf-bd-ince { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 10px; padding: 10px 14px; font-size: 14px; color: var(--isf-soluk); text-align: center; }
.isf-bd-ince p { margin: 0; }
.isf-bd-ince b { color: var(--isf-metin); }
.isf-bd-metin-dugme { cursor: pointer; font-weight: 700; color: var(--isf-vurgu); text-decoration: underline; text-underline-offset: 3px; }
.isf-duzelt { all: unset; cursor: pointer; margin-left: 10px; padding: 1px 8px; border-radius: 4px; border: 1px solid var(--isf-kenar); font-size: 11.5px; font-weight: 600; color: var(--isf-soluk); opacity: 0; transition: opacity .12s; }
.isf-tablo tr:hover .isf-duzelt, .isf-duzelt:focus-visible { opacity: 1; }
.isf-duzelt:hover { color: var(--isf-vurgu); border-color: var(--isf-vurgu); }
@media (hover: none) { .isf-duzelt { opacity: .9; } }
/* B5 · İki seçenekli bant */
.isf-bd-iki { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 24px; padding: 18px 20px; border-radius: 6px; background: color-mix(in srgb, var(--isf-vurgu) 8%, var(--isf-kart)); border: 1px solid color-mix(in srgb, var(--isf-vurgu) 22%, transparent); }
.isf-bd-iki .isf-bd-baslik { font-size: 18px; }
.isf-bd-iki-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.isf-bd-iki .isf-bd-dugme { background: var(--isf-buton-bg); border-color: var(--isf-buton-bg); color: var(--isf-buton-metin); }
.isf-bd-iki .isf-bd-dugme-ikincil { background: var(--isf-kart); color: var(--isf-metin); border-color: var(--isf-kenar); }
.isf-bd-iki > .isf-bd-ac { grid-column: 1 / -1; }
.isf-bd-iki > .isf-bd-ac[open] > .isf-bildir-form { background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: 6px; }
/* Bildirim penceresi */
.isf-bildir-modal { box-sizing: border-box; width: 640px; max-width: calc(100vw - 24px); max-height: 90dvh; padding: 0; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); color: var(--isf-metin); font-family: var(--isf-font-govde); box-shadow: 0 22px 70px rgba(0,0,0,.35); }
.isf-bildir-modal::backdrop { background: rgba(0,0,0,.6); }
.isf-bildir-modal-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--isf-kenar); }
.isf-bildir-modal-ust h2 { margin: 0; font-family: var(--isf-font-baslik); font-size: 19px; font-weight: 750; letter-spacing: -.01em; }
.isf-bildir-modal .isf-modal-kapat { all: unset; cursor: pointer; padding: 7px 12px; border: 1px solid var(--isf-kenar); border-radius: 6px; font-size: 14px; font-weight: 600; color: var(--isf-metin); }
.isf-bildir-modal .isf-modal-kapat:hover { border-color: var(--isf-vurgu); }
.isf-bildir-modal .isf-modal-kapat:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-bildir-modal .isf-bildir-form { padding: 18px; max-width: none; }
.isf-bildir-modal .isf-bildir-tesekkur { margin: 18px; }
@media (max-width: 700px) {
    .isf-bd-kart, .isf-bd-iki { grid-template-columns: minmax(0, 1fr); }
    .isf-bd-serit > .isf-bd-ac { flex-basis: 100%; }
    .isf-bd-serit .isf-bd-dugme, .isf-bd-kart .isf-bd-dugme { width: 100%; justify-content: center; }
    .isf-bd-cipler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 1.4.8 · Sade bildirim seçenekleri (S1–S5): tek satır, form pencerede açılır */
.isf-bildir { font-family: var(--isf-font-govde); }
.isf-bildir[class*="isf-bildir-s-sade_"] { padding-top: 24px; padding-bottom: 24px; }
.isf-bildir.isf-bildir-s-sade_footer { padding-bottom: 0; }
.isf-bildir[class*="isf-bildir-s-sade_"] .isf-bd-ac { display: inline; }
.isf-bildir[class*="isf-bildir-s-sade_"] .isf-bd-ac > summary { display: inline; }
.isf-bildir[class*="isf-bildir-s-sade_"] .isf-bd-ac[open] { display: block; flex-basis: 100%; }
.isf-bs-ikon { display: inline-flex; color: var(--isf-soluk); }
.isf-bs-ikon svg { width: 17px; height: 17px; }
/* S1 */
.isf-bs-metin { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; font-size: 13.5px; color: var(--isf-soluk); }
/* S2 */
.isf-bs-dugme { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 10px 0; border-top: 1px solid var(--isf-kenar); border-bottom: 1px solid var(--isf-kenar); }
.isf-bs-dugme p { margin: 0; font-size: 13px; color: var(--isf-soluk); }
.isf-bs-kucuk { cursor: pointer; display: inline-flex !important; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--isf-kenar); border-radius: 6px; font-size: 13px; font-weight: 600; color: var(--isf-metin); background: var(--isf-kart); }
.isf-bs-kucuk svg { width: 15px; height: 15px; color: var(--isf-soluk); }
.isf-bs-kucuk:hover { border-color: var(--isf-vurgu); color: var(--isf-vurgu); }
/* S3 */
.isf-bs-hap { display: flex; justify-content: center; }
.isf-bs-hap-dugme { cursor: pointer; display: inline-flex !important; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 6px; background: color-mix(in srgb, var(--isf-metin) 6%, transparent); font-size: 13.5px; font-weight: 600; color: var(--isf-metin); }
.isf-bs-hap-dugme svg { color: var(--isf-vurgu); }
.isf-bs-hap-dugme:hover { background: var(--isf-vurgu-acik); color: var(--isf-vurgu); }
/* S4 */
.isf-bildir-s-sade_footer { padding-top: 32px !important; }
.isf-bildir-s-sade_footer .isf-kap { max-width: none !important; padding: 0 !important; }
.isf-bs-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; padding: 11px var(--isf-yan); background: var(--isf-alt-bg, var(--isf-kart)); border-top: 1px solid var(--isf-kenar); font-size: 13px; color: var(--isf-soluk); }
.isf-bs-footer .isf-bd-metin-dugme { all: unset; cursor: pointer; font-weight: 600; color: var(--isf-metin); text-decoration: underline; text-underline-offset: 3px; }
.isf-bs-footer .isf-bd-metin-dugme:hover { color: var(--isf-vurgu); }
.isf-bildir-s-sade_footer + .isf-son, .isf-bildir-s-sade_footer + .isf-alt-bilgi { border-top: 0; }
/* S5 */
.isf-bs-kart { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 10px; width: fit-content; max-width: 100%; margin: 0 auto; padding: 8px 8px 8px 14px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); font-size: 13.5px; color: var(--isf-metin); }
.isf-bs-kart-dugme { cursor: pointer; display: inline-flex !important; padding: 5px 12px; border-radius: 5px; background: var(--isf-buton-bg); color: var(--isf-buton-metin); font-weight: 700; font-size: 13px; }
.isf-bs-kart-dugme:hover { filter: brightness(1.06); }
.isf-bs-kucuk:focus-visible, .isf-bs-hap-dugme:focus-visible, .isf-bs-kart-dugme:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }

/* 1.4.8 · Karşılaştırma yeni biçimleri (N1–N8) */
.isf-kn { --kn-cizgi: color-mix(in srgb, var(--isf-metin) 10%, transparent); --kn-bu: color-mix(in srgb, var(--isf-vurgu) 6%, var(--isf-kart)); --kn-iyi: var(--isf-iyi); }
.isf-kn-not { margin: 2px 0 14px; font-size: 13.5px; color: var(--isf-soluk); }
.isf-kn-not p { margin: 0; display: inline; }
.isf-kn-iyi-ornek { color: var(--kn-iyi); font-weight: 700; }
.isf-kn-detay { display: inline; margin-left: 6px; }
.isf-kn-detay summary { display: inline; cursor: pointer; color: var(--isf-metin); text-decoration: underline; text-underline-offset: 3px; }
.isf-kn-detay[open] { display: block; margin: 6px 0 0; max-width: 820px; }
.isf-kn-bos { color: color-mix(in srgb, var(--isf-metin) 35%, transparent); }
.isf-kn-var { color: var(--kn-iyi); font-weight: 600; } .isf-kn-yok-ozellik { color: var(--isf-soluk); }
.isf-kn-iyi, .isf-kn-iyi .isf-kn-cb-deger { color: var(--kn-iyi); font-weight: 700; }
.isf-kn-etiket { display: inline-block; margin-bottom: 4px; padding: 1px 8px; border-radius: 6px; background: var(--isf-vurgu); color: var(--isf-vurgu-metin); font-size: 11px; font-weight: 700; }
.isf-kn-gorsel { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 8px; border-radius: 6px; background: #fff; overflow: hidden; }
.isf-kn-gorsel img, .isf-kn-gorsel svg { width: 100%; height: 100%; object-fit: contain; }
.isf-kn-ad { display: block; color: var(--isf-metin) !important; font-weight: 700; font-size: 14px; line-height: 1.25; text-decoration: none !important; }
.isf-kn-ad small { display: block; font-size: 11.5px; font-weight: 500; color: var(--isf-soluk); }
.isf-kn-ad:hover { text-decoration: underline !important; }
.isf-kn-fark { display: block; margin-top: 3px; font-size: 11.5px; font-weight: 600; }
.isf-kn-f-iyi { color: var(--kn-iyi); } .isf-kn-f-kotu { color: #b4462f; } .isf-kn-f-ayni { color: var(--isf-soluk); font-weight: 500; }
.isf-kn-kaydir { overflow-x: auto; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-kn-tablo { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.isf-kn-tablo th, .isf-kn-tablo td { padding: 11px 14px; border-bottom: 1px solid var(--kn-cizgi); text-align: center; vertical-align: middle; }
.isf-kn-tablo tbody tr:last-child > * { border-bottom: 0; }
.isf-kn-tablo thead th { vertical-align: bottom; background: var(--isf-kart); min-width: 132px; }
.isf-kn-tablo tbody th { text-align: left; font-weight: 600; color: var(--isf-soluk); white-space: nowrap; position: sticky; left: 0; background: var(--isf-kart); z-index: 1; }
.isf-kn-tablo .isf-kn-kose { position: sticky; left: 0; z-index: 2; text-align: left; font-size: 12.5px; color: var(--isf-soluk); }
.isf-kn-tablo .isf-kn-bu { background: var(--kn-bu); }
.isf-kn-grup th { padding: 14px 14px 6px !important; text-align: left !important; font-size: 12.5px; font-weight: 700 !important; color: var(--isf-metin) !important; background: var(--isf-kart) !important; border-bottom: 1px solid var(--kn-cizgi); }
.isf-kn-magaza .isf-kt-magaza { margin: 0 auto; }
.isf-kn-sadece-fark tr[data-ayni="1"] { display: none; }
.isf-kn-arac { margin: 0 0 10px; }
.isf-kn-farklar { all: unset; cursor: pointer; padding: 6px 12px; border: 1px solid var(--isf-kenar); border-radius: 6px; font-size: 13px; font-weight: 600; background: var(--isf-kart); }
.isf-kn-farklar[aria-pressed=true] { border-color: var(--isf-vurgu); color: var(--isf-vurgu); background: var(--isf-vurgu-acik); }
/* N1 özet */
.isf-kn-ozet { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.isf-kn-ozet-kutu { padding: 14px 16px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-kn-ozet-iyi { border-top: 3px solid var(--kn-iyi); } .isf-kn-ozet-geri { border-top: 3px solid color-mix(in srgb, var(--isf-metin) 30%, transparent); }
.isf-kn-ozet-bas { margin: 0 0 6px; font-weight: 700; font-size: 14.5px; }
.isf-kn-ozet ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.6; }
/* N2 kazanan */
.isf-kn-kazanan { border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); overflow: hidden; }
.isf-kn-kz-bas, .isf-kn-kz-satir { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 1.5fr) minmax(0, 1.2fr); gap: 12px; align-items: center; padding: 11px 16px; }
.isf-kn-kz-bas { font-size: 12.5px; font-weight: 600; color: var(--isf-soluk); background: color-mix(in srgb, var(--isf-metin) 3%, var(--isf-kart)); border-bottom: 1px solid var(--kn-cizgi); }
.isf-kn-kz-satir + .isf-kn-kz-satir { border-top: 1px solid var(--kn-cizgi); }
.isf-kn-kz-ozellik { font-weight: 600; color: var(--isf-soluk); font-size: 14px; }
.isf-kn-kz-en { font-size: 14px; } .isf-kn-kz-en b { color: var(--kn-iyi); font-variant-numeric: tabular-nums; } .isf-kn-kz-en a { color: var(--isf-metin); }
.isf-kn-kz-en small { color: var(--isf-soluk); }
.isf-kn-kz-bu { font-size: 14px; font-variant-numeric: tabular-nums; background: var(--kn-bu); margin: -11px -16px -11px 0; padding: 11px 16px; align-self: stretch; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.isf-kn-kz-bu .isf-kn-fark { display: inline; margin: 0; }
.isf-kn-rozet { padding: 1px 7px; border-radius: 6px; background: color-mix(in srgb, var(--kn-iyi) 14%, transparent); font-size: 11px; }
/* N3 kartlar */
.isf-kn-kartlar { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.isf-kn-kart { display: flex; flex-direction: column; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); padding: 14px; }
.isf-kn-kart.isf-kn-bu { border: 2px solid var(--isf-vurgu); }
.isf-kn-kart-ust { display: flex; gap: 10px; align-items: center; color: var(--isf-metin) !important; text-decoration: none !important; }
.isf-kn-kart-ust .isf-kn-gorsel { margin: 0; flex: 0 0 auto; }
.isf-kn-kart-ust small { display: block; color: var(--isf-soluk); font-size: 11.5px; } .isf-kn-kart-ust b { font-size: 14.5px; line-height: 1.25; }
.isf-kn-kart-skor { margin: 10px 0 4px; font-size: 13px; color: var(--isf-soluk); } .isf-kn-kart-skor b { font-size: 18px; color: var(--isf-metin); }
.isf-kn-kart dl { margin: 6px 0 12px; display: grid; }
.isf-kn-kart dl > div { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--kn-cizgi); font-size: 13.5px; }
.isf-kn-kart dt { color: var(--isf-soluk); } .isf-kn-kart dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.isf-kn-kart dl > .isf-kn-iyi dd::after { content: " ✓"; }
.isf-kn-kart-alt { margin-top: auto; }
/* N4 ikili */
.isf-kn-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.isf-kn-sekmeler button { all: unset; cursor: pointer; padding: 7px 14px; border: 1px solid var(--isf-kenar); border-radius: 6px; font-size: 13.5px; font-weight: 600; background: var(--isf-kart); }
.isf-kn-sekmeler button[aria-selected=true] { background: var(--isf-metin); color: var(--isf-kart); border-color: var(--isf-metin); }
.isf-kn-sekmeler button:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-kn-ikili { table-layout: fixed; } .isf-kn-ikili thead th:first-child { width: 34%; }
.isf-kn-ikili [hidden] { display: none; }
.isf-kn-r-iyi { background: color-mix(in srgb, var(--kn-iyi) 7%, var(--isf-kart)); } .isf-kn-r-kotu { background: color-mix(in srgb, #c2410c 6%, var(--isf-kart)); }
.isf-kn-ikili-not { margin: 8px 0 0; font-size: 12.5px; color: var(--isf-soluk); }
/* N5 çubuklar */
.isf-kn-cubuklar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr)); gap: 12px; margin-bottom: 14px; }
.isf-kn-cb { padding: 14px 16px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-kn-cb-bas { margin: 0 0 8px; font-weight: 700; font-size: 14.5px; } .isf-kn-cb-bas small { font-weight: 500; color: var(--isf-soluk); font-size: 12px; margin-left: 6px; }
.isf-kn-cb-satir { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 3px 0; font-size: 13px; }
.isf-kn-cb-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isf-kn-cb-iz { height: 8px; border-radius: 5px; background: color-mix(in srgb, var(--isf-metin) 7%, transparent); overflow: hidden; }
.isf-kn-cb-iz i { display: block; height: 100%; border-radius: 5px; background: color-mix(in srgb, var(--isf-metin) 35%, transparent); }
.isf-kn-cb-satir.isf-kn-iyi .isf-kn-cb-iz i { background: var(--kn-iyi); }
.isf-kn-cb-satir.isf-kn-bu .isf-kn-cb-ad { font-weight: 700; color: var(--isf-vurgu); }
.isf-kn-cb-satir.isf-kn-bu .isf-kn-cb-iz i { box-shadow: inset 0 0 0 2px var(--isf-vurgu); }
.isf-kn-cb-deger { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 64px; text-align: right; }
/* N6 sıralamalar */
.isf-kn-siralar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 12px; margin-bottom: 14px; }
.isf-kn-sr { padding: 14px 16px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-kn-sr-bas { margin: 0 0 8px; font-weight: 700; font-size: 14.5px; }
.isf-kn-sr ol { list-style: none; margin: 0; padding: 0; }
.isf-kn-sr li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 5px 6px; border-radius: 5px; font-size: 13.5px; }
.isf-kn-sr li.isf-kn-bu { background: var(--isf-vurgu-acik); font-weight: 700; }
.isf-kn-sr-no { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: color-mix(in srgb, var(--isf-metin) 7%, transparent); font-size: 12px; font-weight: 700; }
.isf-kn-sr li:first-child .isf-kn-sr-no { background: var(--kn-iyi); color: #fff; }
.isf-kn-sr-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .isf-kn-sr-deger { font-variant-numeric: tabular-nums; }
.isf-kn-sr-yok { color: var(--isf-soluk); }
.isf-kn-alt-bas { caption-side: top; text-align: left; padding: 12px 14px 4px; font-weight: 700; color: var(--isf-metin); }
.isf-kn-ozellik-tablo th[scope=col] { font-size: 13px; }
/* N7 klasik */
.isf-kn-s-n_klasik .isf-kn-tablo tbody tr:hover > * { background: color-mix(in srgb, var(--isf-metin) 3%, var(--isf-kart)); }
.isf-kn-s-n_klasik .isf-kn-tablo tbody tr:hover > .isf-kn-bu { background: color-mix(in srgb, var(--isf-vurgu) 9%, var(--isf-kart)); }
.isf-kn-s-n_klasik .isf-kn-tablo thead th { border-bottom: 2px solid var(--isf-metin); }
.isf-kn-s-n_klasik .isf-kn-tablo thead th.isf-kn-bu { box-shadow: inset 0 3px 0 var(--isf-vurgu); }
/* N8 matris */
.isf-kn-s-n_matris .isf-kn-tablo { font-size: 13px; }
.isf-kn-s-n_matris .isf-kn-tablo th, .isf-kn-s-n_matris .isf-kn-tablo td { padding: 7px 10px; }
.isf-kn-s-n_matris .isf-kn-tablo thead th { min-width: 96px; font-size: 12.5px; }
.isf-kn-s-n_matris .isf-kn-tablo tbody tr:nth-child(even) > * { background-color: color-mix(in srgb, var(--isf-metin) 2.5%, var(--isf-kart)); }
.isf-kn-s-n_matris .isf-kn-tablo tbody tr:nth-child(even) > .isf-kn-bu { background: var(--kn-bu); }
.isf-kn-s-n_matris .isf-kn-var span, .isf-kn-s-n_matris .isf-kn-yok-ozellik span { font-size: 14px; }
@media (max-width: 700px) {
    .isf-kn-ozet { grid-template-columns: 1fr; }
    .isf-kn-kz-bas { display: none; }
    .isf-kn-kz-satir { grid-template-columns: 1fr 1fr; }
    .isf-kn-kz-ozellik { grid-column: 1 / -1; }
    .isf-kn-kz-bu { margin: 0; border-radius: 5px; padding: 6px 8px; }
    .isf-kn-cb-satir { grid-template-columns: minmax(0, 110px) minmax(0, 1fr) auto; }
    .isf-kn-tablo thead th { min-width: 112px; }
}

/* 1.4.8 · Gösterge tablosu yan paneli */
.isf-gg-duzen { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.isf-gg-duzen .isf-gg-kap { display: block; } .isf-gg-duzen .isf-gg { width: 100%; min-width: 0; }
.isf-gg-duzen > .isf-grafik-alan { flex: 0 1 auto; width: 520px; min-width: min(100%, 300px); max-width: 100%; }
.isf-gg-panel { flex: 1 1 280px; max-width: none; padding: 14px 16px; border: 1px solid var(--isf-gg-cizgi); border-radius: 6px; background: var(--isf-gg-zemin); font-size: 13.5px; }
.isf-gg-panel-bas { margin: 0 0 4px; font-weight: 700; font-size: 13.5px; color: var(--isf-metin); }
.isf-gg-ozet { margin: 0; line-height: 1.55; color: var(--isf-metin); }
.isf-gg-oncelik-bas { margin-top: 12px; }
.isf-gg-oncelik { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
.isf-gg-oncelik button { all: unset; cursor: pointer; padding: 5px 11px; border: 1px solid var(--isf-gg-cizgi); border-radius: 6px; background: var(--isf-kart); font-size: 13px; font-weight: 600; }
.isf-gg-oncelik button[aria-pressed=true] { border-color: var(--isf-vurgu); color: var(--isf-vurgu); background: var(--isf-vurgu-acik); }
.isf-gg-oncelik button:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-gg-sonuc { margin: 0; } .isf-gg-sonuc span { color: var(--isf-soluk); } .isf-gg-sonuc a { font-weight: 700; color: var(--isf-metin); } .isf-gg-sonuc small { display: block; color: var(--isf-soluk); margin-top: 2px; }
.isf-gg-uyari { margin: 8px 0 0; font-size: 11.5px; color: var(--isf-soluk); }
.isf-gg tr.isf-gg-secili td { background: var(--isf-vurgu-acik); }

/* Gece / gündüz düğmesi */
.isf-mod-dugme { all: unset; box-sizing: border-box; flex: 0 0 auto; display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 6px; border: 1px solid var(--isf-ust-cizgi, var(--isf-kenar)); color: var(--isf-ust-metin, var(--isf-metin)); cursor: pointer; }
.isf-mod-dugme:hover { border-color: var(--isf-vurgu); color: var(--isf-vurgu); }
.isf-mod-dugme:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-mod-dugme svg { width: 19px; height: 19px; }
.isf-mod-dugme .isf-mod-gunes { display: none; }
html:not([data-isf-mod="gunduz"]) .isf-mod-dugme .isf-mod-gunes { display: block; }
html:not([data-isf-mod="gunduz"]) .isf-mod-dugme .isf-mod-ay { display: none; }
html:not([data-isf-mod="gunduz"]) body.isf-t-karbon .isf-mod-dugme { border-color: rgba(255, 255, 255, .16); }
@media (max-width: 960px) { .isf-mod-dugme { margin-left: auto; } .isf-mod-dugme + .isf-mobil { margin-left: 0; } }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-bt-amazon { background: #26313d !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-bt-amazon:hover { background: #2f3c4a !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-cip-rehber { color: #14100a !important; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-cip-aktif { background: var(--isf-vurgu); color: #14100a !important; border-color: var(--isf-vurgu); }
@media (max-width: 420px) {
    .isf-ust-ic { gap: 8px; }
    .isf-logo-ad { font-size: 1.05rem; }
    .isf-mod-dugme { width: 38px; height: 38px; }
    .isf-mod-dugme ~ .isf-mobil summary > span:not(.isf-hamburger) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .isf-mod-dugme ~ .isf-mobil summary { padding: 10px 11px; min-height: 38px; box-sizing: border-box; }
}

/* Ana sayfa giriş düzenleri */
.isf-ah-cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 14px; }
.isf-buton-ikincil { background: transparent !important; color: var(--isf-metin) !important; box-shadow: inset 0 0 0 1.5px var(--isf-kenar); }
.isf-buton-ikincil:hover { box-shadow: inset 0 0 0 1.5px var(--isf-vurgu); color: var(--isf-vurgu) !important; filter: none; }
.isf-ah-ihtiyac { list-style: none; margin: 16px 0 12px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.isf-ah-ihtiyac a { display: flex; flex-direction: column; gap: 2px; padding: 11px 14px; border-radius: var(--isf-radius); border: 1px solid var(--isf-kenar); color: var(--isf-metin) !important; text-decoration: none !important; }
.isf-ah-ihtiyac a:hover { border-color: var(--isf-vurgu); }
.isf-ah-ihtiyac strong { font-size: 15px; }
.isf-ah-ihtiyac span { font-size: 13px; color: var(--isf-soluk); }
.isf-ah-rakam { display: flex; flex-wrap: wrap; gap: 14px 34px; margin: 20px 0 8px; }
.isf-ah-rakam div { display: flex; flex-direction: column-reverse; }
.isf-ah-rakam dd { margin: 0; font-family: var(--isf-font-baslik); font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; line-height: 1; color: var(--isf-vurgu); font-variant-numeric: tabular-nums; }
.isf-ah-rakam dt { margin-top: 6px; font-size: 13.5px; color: var(--isf-soluk); max-width: 150px; line-height: 1.3; }
.isf-ah-liste { align-self: stretch; }
.isf-ah-liste-baslik { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--isf-soluk); }
.isf-ah-liste ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.isf-ah-liste a { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px 10px; border-radius: var(--isf-radius); background: var(--isf-zemin); color: var(--isf-metin) !important; text-decoration: none !important; border: 1px solid transparent; }
.isf-ah-liste a:hover { border-color: var(--isf-vurgu); }
.isf-ah-liste-gorsel { width: 52px; height: 52px; border-radius: 5px; background: #f4f6f7; overflow: hidden; display: grid; place-items: center; }
.isf-ah-liste-gorsel img, .isf-ah-liste-gorsel svg { width: 100%; height: 100%; object-fit: contain; }
.isf-ah-liste-ad { display: flex; flex-direction: column; font-weight: 700; font-size: 14.5px; line-height: 1.25; min-width: 0; }
.isf-ah-liste-ad small { font-weight: 500; font-size: 12px; color: var(--isf-soluk); }
.isf-ah-liste-skor { min-width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-size: 14px; box-shadow: inset 0 0 0 2.5px var(--isf-vurgu); }
.isf-ah-alt-bolum { grid-column: 1 / -1; }
.isf-ah-alt-bolum .isf-kategori-seridi { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.isf-ah-tek { grid-template-columns: minmax(0, 1fr); text-align: center; }
.isf-ah-tek .isf-ah-metin { max-width: 720px; margin: 0 auto; }
.isf-ah-tek .isf-ah-sayilar { justify-content: center; }
@media (max-width: 720px) {
    .isf-ah-ihtiyac { grid-template-columns: minmax(0, 1fr); }
    .isf-ah-alt-bolum .isf-kategori-seridi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .isf-ah-rakam { gap: 12px 22px; }
}

/* Header: menü logodan ayrık dursun */
@media (min-width: 961px) {
    .isf-ust-ic > .isf-menu { margin-left: clamp(20px, 3vw, 44px); }
    .isf-ust-ic { gap: 20px; }
}

/* Geniş vitrin: başlık ve açıklama dengeli satırlarla tam ortada */
.isf-ah-tek .isf-ah-metin { display: flex; flex-direction: column; align-items: center; max-width: 760px; }
.isf-ah-tek .isf-ah-baslik { text-wrap: balance; margin-left: auto; margin-right: auto; }
.isf-ah-tek .isf-ah-alt { text-wrap: balance; max-width: 560px; margin-left: auto; margin-right: auto; }

/* Karşılaştırma tablosu: sade okuma — çubuklar yok, zebra satırlar, sakin farklar */
.isf-kt-cubuk { display: none !important; }
.isf-kt { font-size: 14.5px; }
.isf-kt th, .isf-kt td { padding: 12px 14px; border-bottom-color: rgba(127, 127, 127, .14); }
.isf-kt tbody tr:not(.isf-kt-grup):nth-child(even) td, .isf-kt tbody tr:not(.isf-kt-grup):nth-child(even) th { background-image: linear-gradient(rgba(127,127,127,.045), rgba(127,127,127,.045)); }
.isf-kt-rozet { display: inline-block; margin: 4px 0 0; padding: 1px 7px; border-radius: 6px; background: rgba(26, 127, 82, .12); font-size: 10.5px; letter-spacing: .02em; }
.isf-kt-fark { font-weight: 500; font-size: 11.5px; opacity: .85; }
.isf-kt-fark-kotu { color: var(--isf-soluk); }
.isf-kt-grup th { padding: 9px 14px !important; }
.isf-kt-grup th span { font-size: 12px; letter-spacing: .03em; color: var(--isf-soluk); }
.isf-kt-yok { opacity: .55; }
.isf-kt-ozellik td { font-size: 15px; }
.isf-kt-ipucu { margin: 6px 0 0; font-size: 13px; color: var(--isf-soluk); }
.isf-kt-ipucu b { color: var(--isf-iyi); font-weight: 700; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-kt-rozet { background: rgba(79, 209, 165, .14); }

/* Teknik puan kartı ve özellikler: masaüstünde iki sütun, ortak bilgi alanı. */
.isf-teknik-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.isf-teknik-ikili > section { min-width: 0; }
.isf-teknik-ikili h2 { overflow-wrap: anywhere; }
.isf-teknik-ikili .isf-kriterler li { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; }
.isf-teknik-ikili .isf-kriter-cubuk { grid-column: 1; grid-row: 2; }
.isf-teknik-ikili .isf-kriter-puan { grid-column: 2; grid-row: 2; }
.isf-teknik-ikili .isf-kriter-konum { grid-column: 1 / -1; }
.isf-teknik-notlar { margin-top: 16px; padding: 14px 16px; background: var(--isf-kart); border: 1px solid var(--isf-kenar); border-radius: var(--isf-radius); }
.isf-teknik-notlar .isf-not { margin: 0; }
.isf-teknik-notlar .isf-not + .isf-not { margin-top: 8px; }
.isf-teknik-ikili .isf-tablo td { overflow-wrap: anywhere; }
.isf-gorsel-kendi img { max-height: 600px; object-fit: contain; }
@media (max-width: 900px) {
    .isf-teknik-ikili { grid-template-columns: minmax(0, 1fr); gap: 0; }
}

.isf-kg-kaynak img { padding: 5%; object-fit: contain; }
.isf-gorsel-kaynak img { object-fit: contain; padding: 3%; margin: 0 auto; max-height: 600px; }

.isf-kg-kaynak { display: grid; place-items: center; }

/* 1.4.1: decision support and accessible two-product comparison. */
.isf-ikili-form label { display: grid; gap: 8px; font-weight: 600; min-width: 0; }
.isf-ikili-secimler { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; gap: 14px; margin-top: 14px; }
.isf-ikili-form select, .isf-ikili-form input { min-width: 0; width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; min-height: 46px; padding: 10px; border: 1px solid var(--isf-kenar); border-radius: 5px; background: var(--isf-kart); color: var(--isf-metin); }
.isf-ikili-form button { min-height: 46px; }
.isf-ikili-ara { max-width: 440px; }
.isf-urun-ara[hidden] { display: none; }
.isf-kanit { display: block; margin-top: 7px; font-size: 12px; color: var(--isf-soluk); }
.isf-rehberlik td, .isf-karar-rehberi td, .isf-kt-rehber td { overflow-wrap: anywhere; white-space: normal; line-height: 1.55; }
.isf-karar-rehberi .isf-tablo { min-width: 620px; }
.isf-kt-rehber td { text-align: left; font-size: 13px; font-weight: 400; }
.isf-kt-ikili { min-width: 580px; table-layout: fixed; }
.isf-kt-ikili th, .isf-kt-ikili td { min-width: 0; overflow-wrap: anywhere; }
.isf-kt-ikili thead th:first-child { width: 24%; }
.isf-ikili-hata { padding: 12px; border: 1px solid currentColor; border-radius: 5px; }
.isf-hero-gorsel img.isf-gorsel-kaynak, .isf-hero-gorsel img.isf-gorsel-hb { width: 100%; height: auto; aspect-ratio: var(--isf-foto-oran, 1); object-fit: contain; }
.isf-liste-kaynaklar summary { cursor: pointer; min-height: 32px; }
.isf-ikili :focus-visible, .isf-kt-kaydir:focus-visible { outline: 3px solid var(--isf-vurgu); outline-offset: 4px; }
@media (max-width: 680px) {
    .isf-ikili-secimler { grid-template-columns: minmax(0, 1fr); }
    .isf-ikili-secimler button { width: 100%; }
    .isf-ikili-form select { max-width: 100%; }
    .isf-rehberlik th { width: 34%; }
}
@media (prefers-reduced-motion: reduce) {
    .isf-govde *, .isf-govde *::before, .isf-govde *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
}

/* 1.4.2: compact score card and comparison next to the product decision. */
.isf-teknik-ikili .isf-puan-karti .isf-bolum-ustu { align-items: center; gap: 10px; margin-bottom: 8px; }
.isf-teknik-ikili .isf-puan-karti h2 { font-size: 1.25rem; line-height: 1.25; }
.isf-teknik-ikili .isf-puan-karti .isf-halka-buyuk { width: 58px; height: 58px; }
.isf-teknik-ikili .isf-puan-karti .isf-halka-buyuk::before { inset: 4px; }
.isf-teknik-ikili .isf-puan-karti .isf-halka-buyuk b { font-size: 20px; }
.isf-teknik-ikili .isf-kriterler { gap: 6px; }
.isf-teknik-ikili .isf-kriterler li { padding: 8px 10px; gap: 4px 8px; border-radius: 5px; line-height: 1.25; }
.isf-teknik-ikili .isf-kriter-ad { font-size: 14px; }
.isf-teknik-ikili .isf-kriter-deger, .isf-teknik-ikili .isf-kriter-puan { font-size: 13px; }
.isf-teknik-ikili .isf-kriter-cubuk { height: 6px; }
.isf-teknik-ikili .isf-kriter-konum { margin: 0; font-size: 11.5px; line-height: 1.25; }
.isf-ilgili-listeler > summary { cursor: pointer; padding: 10px 0; font-weight: 700; }
.isf-ilgili-listeler .isf-ilgili-cipler { margin: 8px 0 0; }
.isf-ikili-panel { min-width: 0; }
.isf-ikili-hizli { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--isf-kenar); }
.isf-ikili-hizli h3 { margin: 0 0 6px; font-size: 1rem; }
.isf-ikili-referans { margin: 0 0 10px; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.isf-ikili-referans span { color: var(--isf-soluk); }
.isf-ikili-hizli .isf-ikili-secimler { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin-top: 10px; }
.isf-ikili-hizli .isf-ikili-form label { gap: 5px; font-size: 13px; }
.isf-ikili-hizli .isf-ikili-ara { max-width: none; }
.isf-ikili-hizli .isf-buton { padding-left: 14px; padding-right: 14px; }
.isf-ikili-panel :focus-visible, .isf-ikili-modal :focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 3px; }
body.isf-modal-acik { overflow: hidden; }
.isf-ikili-modal { box-sizing: border-box; width: 1320px; max-width: calc(100vw - 24px); max-height: 90vh; max-height: 90dvh; margin: auto; padding: 0; border: 1px solid var(--isf-kenar, #666); border-radius: 6px; background: var(--isf-zemin, #fff); color: var(--isf-metin, #14212a); font-family: var(--isf-font-govde, system-ui, sans-serif); box-shadow: 0 22px 70px rgba(0,0,0,.4); }
.isf-ikili-modal[open] { display: flex; flex-direction: column; }
.isf-ikili-modal::backdrop { background: rgba(0,0,0,.7); }
.isf-modal-ust { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--isf-kenar, #ccc); background: var(--isf-kart, #fff); }
.isf-modal-ust h2 { margin: 0; font-size: 18px; line-height: 1.3; font-family: var(--isf-font-baslik, system-ui, sans-serif); }
.isf-modal-kapat { flex: 0 0 auto; min-height: 44px; padding: 8px 14px; border: 1px solid var(--isf-kenar, #ccc); border-radius: 5px; background: var(--isf-kart, #fff); color: var(--isf-metin, #14212a); font: inherit; cursor: pointer; }
/* 1.7.0: Karşılaştırma paylaşımı */
.isf-modal-paylas { display: flex; align-items: center; gap: 8px; margin-left: auto; position: relative; }
.isf-modal-paylas[hidden] { display: none; }
.isf-modal-paylas a, .isf-modal-paylas button { box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; height: 44px; margin: 0; padding: 0 12px; border-radius: 5px; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; }
.isf-paylas-wa { background: #1f7a4d; border: 1px solid #1f7a4d; color: #fff !important; }
.isf-paylas-wa:hover { background: #17633e; }
.isf-paylas-kopyala { background: var(--isf-kart, #fff); border: 1px solid var(--isf-kenar, #ccc); color: var(--isf-metin, #14212a); }
.isf-paylas-kopyala:hover { border-color: var(--isf-vurgu); }
.isf-paylas-kopyala.isf-paylas-tamam { border-color: #1f7a4d; color: #1f7a4d; }
.isf-modal-paylas a:focus-visible, .isf-modal-paylas button:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-paylas-durum { position: absolute; top: 100%; right: 0; margin-top: 4px; padding: 4px 8px; border-radius: 4px; background: var(--isf-metin, #14212a); color: var(--isf-kart, #fff); font-size: 12.5px; white-space: nowrap; pointer-events: none; z-index: 2; }
.isf-paylas-durum:empty { display: none; }
.isf-modal-icerik { min-height: 0; min-width: 0; overflow: auto; padding: 16px; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.isf-modal-icerik .isf-bolum { margin: 0; }
.isf-modal-icerik h2 { overflow-wrap: anywhere; font-size: 1.3rem; line-height: 1.3; }
.isf-modal-icerik .isf-not, .isf-modal-icerik .isf-kt-ipucu { font-size: 13px; line-height: 1.5; }
@media (max-width: 600px) {
    .isf-ikili-hizli .isf-ikili-secimler { grid-template-columns: minmax(0, 1fr); }
    .isf-ikili-modal { max-width: calc(100vw - 12px); max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); border-radius: 6px; }
    .isf-modal-ust { padding: 8px 10px; }
    .isf-modal-ust h2 { font-size: 16px; }
    .isf-modal-ust { flex-wrap: wrap; row-gap: 6px; }
    .isf-modal-ust h2 { flex: 1 1 auto; }
    .isf-modal-paylas { order: 3; flex: 1 1 100%; margin-left: 0; }
    .isf-modal-paylas a, .isf-modal-paylas button { flex: 1 1 0; justify-content: center; height: 40px; padding: 0 8px; font-size: 13.5px; }
    .isf-modal-icerik { padding: 12px; }
}
@media (max-width: 600px) {
    .isf-modal-icerik .isf-kt-ikili { min-width: 0; width: 100%; }
    .isf-modal-icerik .isf-kt-ikili th, .isf-modal-icerik .isf-kt-ikili td { padding: 7px 5px; font-size: 12px; }
    .isf-modal-icerik .isf-kt-ikili .isf-kt-gorsel { width: 64px; height: 64px; max-width: 100%; }
    .isf-modal-icerik .isf-kt-ikili .isf-kt-ad { font-size: 12px; line-height: 1.3; }
    .isf-modal-icerik .isf-kt-ikili .isf-kt-bu { padding: 2px 4px; font-size: 10px; }
}
@media (max-width: 600px) {
    .isf-modal-icerik .isf-kt-ikili th, .isf-modal-icerik .isf-kt-ikili td { min-width: 0; max-width: none; white-space: normal; }
    .isf-modal-icerik .isf-kt-ikili tbody th { position: static; }
}
@media (max-width: 600px) {
    .isf-modal-icerik .isf-kt-ikili .isf-kt-magaza { min-width: 0; max-width: 100%; }
    .isf-modal-icerik .isf-kt-ikili .isf-bt-kucuk { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding: 6px 4px !important; font-size: 11px !important; }
}

/* Ürün fotoğrafı tuvali: orijinal oran korunur, dış çerçeve payı 5 px. */
.isf-kart-gorsel img, .isf-hero-gorsel img, .isf-kt-gorsel img,
.isf-en-gorsel img, .isf-ah-liste-gorsel img {
    box-sizing: border-box; padding: 5px; object-fit: contain;
    transform: none; mix-blend-mode: normal;
}
.isf-hero-gorsel > img, .isf-hero-gorsel > a { aspect-ratio: var(--isf-foto-oran, 1); width: 100%; height: auto; max-width: 100% !important; }
.isf-hero-gorsel > a > img { aspect-ratio: auto; width: 100%; height: 100%; max-width: 100% !important; }
.isf-rehber-ozet { margin: 16px 0; padding: 14px 18px; border: 1px solid var(--isf-kenar,#ddd); border-radius: 6px; }
.isf-rehber-ozet p:last-child { margin-bottom: 0; }

/* 1.4.9 · C3 VS: model seçimi pencerede */
.isf-kb2-vs-modal .isf-kb2-ara-kap { display: none; }
button.isf-kb2-yuva { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px; border: 1px dashed var(--isf-kenar); border-radius: 6px; background: transparent; cursor: pointer; text-align: left; color: var(--isf-metin); font: inherit; }
button.isf-kb2-yuva.isf-kb2-yuva-dolu { border-style: solid; background: var(--isf-kart); }
button.isf-kb2-yuva:hover { border-color: var(--isf-vurgu); }
button.isf-kb2-yuva:hover .isf-kb2-yuva-gorsel { color: var(--isf-vurgu); border-color: var(--isf-vurgu); }
button.isf-kb2-yuva:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-kb2-secilen { display: block; }
.isf-kb2-secici { width: min(520px, calc(100vw - 24px)); max-height: min(640px, calc(100vh - 40px)); padding: 0; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); color: var(--isf-metin); box-shadow: 0 24px 60px rgba(0,0,0,.22); overflow: hidden; }
.isf-kb2-secici[open] { display: flex; flex-direction: column; }
.isf-kb2-secici::backdrop { background: rgba(15, 20, 24, .45); }
.isf-kb2-secici-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px 10px; }
.isf-kb2-secici-baslik { margin: 0; font-weight: 700; font-size: 16px; }
.isf-kb2-secici .isf-kb2-ara { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; padding: 0 16px 14px; }
.isf-kb2-secici .isf-kb2-girdi { flex: 0 0 auto; }
.isf-kb2-secici .isf-kb2-oneriler { position: static; flex: 1 1 auto; margin-top: 8px; padding: 0; max-height: none; overflow: auto; border: 0; border-radius: 0; box-shadow: none; }
.isf-kb2-secici .isf-kb2-oneriler[hidden] { display: none; }
.isf-kb2-oneriler li.isf-kb2-o-gorselli { flex-direction: row; align-items: center; gap: 10px; border-bottom: 1px solid var(--isf-kenar); border-radius: 0; }
.isf-kb2-o-metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.isf-kb2-secici .isf-kb2-girdi { background: var(--isf-zemin, #fff) !important; color: var(--isf-metin) !important; border: 1px solid var(--isf-kenar) !important; }
.isf-kb2-yuva-hedef:not(.isf-kb2-yuva-dolu) .isf-kb2-yuva-gorsel { background: transparent; color: var(--isf-metin); }

/* 1.5.0 · Gruplu kart karşılaştırma tablosu */
.isf-kg-bolum { --kg-blok: color-mix(in srgb, var(--isf-metin) 3.5%, var(--isf-kart)); --kg-cizgi: color-mix(in srgb, var(--isf-metin) 11%, transparent); --kg-ince: color-mix(in srgb, var(--isf-metin) 7%, transparent); --kg-v: var(--isf-vurgu); --kg-v-zemin: color-mix(in srgb, var(--isf-vurgu) 9%, var(--isf-kart)); --kg-ikon: color-mix(in srgb, #1f6b70 85%, var(--isf-metin)); --kg-r: 5px; --kg-ic: 3px; }
.kg-kaydir { overflow-x: auto; margin: 14px 0 8px; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
.kg-kaydir:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.kg { width: 100%; min-width: calc(250px + var(--kg-n) * 136px); border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 15px; color: var(--isf-metin); margin: 0; }
.kg col.kg-c-grup { width: 116px; }
.kg col.kg-c-etiket { width: 150px; }
.kg th, .kg td { margin: 0; border: 0; background: none; font-weight: inherit; }
/* Başlık kartları */
.kg thead th { height: 1px; padding: 0 var(--kg-ic); vertical-align: top; text-align: center; }
.kg thead th.kg-kose { padding-left: 0; text-align: left; }
.kg-kart { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; height: 100%; min-height: 220px; padding: 14px 10px 12px; background: var(--isf-kart); border: 1px solid var(--kg-cizgi); border-radius: var(--kg-r); box-sizing: border-box; }
.kg-kose .kg-kart { align-items: flex-start; justify-content: center; padding-left: 18px; }
.kg-kose span { font-family: var(--isf-font-baslik); font-size: 17px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.kg-urun.kg-v .kg-kart { background: var(--kg-v-zemin); border: 1.5px solid var(--kg-v); border-bottom: 0; border-radius: var(--kg-r) var(--kg-r) 0 0; }
.kg-bu { display: inline-block; margin: -2px 0 2px; padding: 3px 12px; border-radius: 4px; background: var(--kg-v); color: var(--isf-vurgu-metin, #fff); font-size: 12.5px; font-weight: 700; }
.kg-gorsel { display: grid; place-items: center; width: 100%; height: 150px; padding: 6px; background: #fff; border-radius: 4px; box-sizing: border-box; }
.kg-gorsel img, .kg-gorsel svg { max-width: 100%; max-height: 138px; width: auto; height: auto; object-fit: contain; }
.kg-ad { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-weight: 700; font-size: 14px; line-height: 1.3; color: var(--isf-metin) !important; text-decoration: none !important; text-wrap: balance; }
.kg-ad:hover { color: var(--isf-vurgu) !important; }
/* Grup blokları */
.kg tbody.kg-ara td { height: 10px; padding: 0; }
.kg tbody.kg-ara td.kg-v { background: linear-gradient(to right, transparent var(--kg-ic), var(--kg-v) var(--kg-ic), var(--kg-v) calc(var(--kg-ic) + 1.5px), var(--kg-v-zemin) calc(var(--kg-ic) + 1.5px), var(--kg-v-zemin) calc(100% - var(--kg-ic) - 1.5px), var(--kg-v) calc(100% - var(--kg-ic) - 1.5px), var(--kg-v) calc(100% - var(--kg-ic)), transparent calc(100% - var(--kg-ic))); }
.kg-grup th, .kg-grup td { background: var(--kg-blok); border-top: 1px solid var(--kg-ince); padding: 11px 12px; vertical-align: middle; }
.kg-grup tr.kg-ilk > * { border-top: 1px solid var(--kg-cizgi); }
.kg-grup tr.kg-son > *, .kg-grup .kg-gad { border-bottom: 1px solid var(--kg-cizgi); }
.kg-grup tr > :last-child { border-right: 1px solid var(--kg-cizgi); }
.kg-grup tr.kg-ilk > :last-child { border-top-right-radius: var(--kg-r); }
.kg-grup tr.kg-son > :last-child { border-bottom-right-radius: var(--kg-r); }
.kg-gad { border-left: 1px solid var(--kg-cizgi); border-right: 1px solid var(--kg-ince); border-radius: var(--kg-r) 0 0 var(--kg-r); text-align: center; }
.kg-gad .kg-ikon, .kg-mbas .kg-ikon { display: block; margin: 0 auto 6px; color: var(--kg-ikon); }
.kg-gad span { display: block; font-weight: 800; font-size: 14.5px; line-height: 1.25; }
.kg-et { text-align: left; font-weight: 500; color: var(--isf-metin); border-right: 1px solid var(--kg-ince); }
.kg-grup td { text-align: center; font-weight: 800; font-size: 16px; font-variant-numeric: tabular-nums; border-left: 1px solid var(--kg-ince); }
.kg-grup td:not(.kg-magaza) a { color: inherit !important; text-decoration: none !important; }
.kg-grup td:not(.kg-magaza) a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.kg-grup td.kg-yok { font-weight: 400; font-size: 15px; color: var(--isf-soluk); }
.kg-grup td.kg-iyi, .kg-iyi-lejant { color: color-mix(in srgb, #1a7f52 88%, var(--isf-metin)); }
.kg-iyi-lejant { font-weight: 700; }
/* Vurgulu sütun: içten çizgiler, krem zemin (başlık kartıyla aynı hizada) */
.kg-grup td.kg-v { background: linear-gradient(to right, var(--kg-blok) var(--kg-ic), var(--kg-v) var(--kg-ic), var(--kg-v) calc(var(--kg-ic) + 1.5px), var(--kg-v-zemin) calc(var(--kg-ic) + 1.5px), var(--kg-v-zemin) calc(100% - var(--kg-ic) - 1.5px), var(--kg-v) calc(100% - var(--kg-ic) - 1.5px), var(--kg-v) calc(100% - var(--kg-ic)), var(--kg-blok) calc(100% - var(--kg-ic))); }
.kg tbody.kg-grup:last-of-type tr:last-child td.kg-v { background: linear-gradient(var(--kg-v), var(--kg-v)) no-repeat center bottom / calc(100% - 2 * var(--kg-ic)) 1.5px, linear-gradient(to right, var(--kg-blok) var(--kg-ic), var(--kg-v) var(--kg-ic), var(--kg-v) calc(var(--kg-ic) + 1.5px), var(--kg-v-zemin) calc(var(--kg-ic) + 1.5px), var(--kg-v-zemin) calc(100% - var(--kg-ic) - 1.5px), var(--kg-v) calc(100% - var(--kg-ic) - 1.5px), var(--kg-v) calc(100% - var(--kg-ic)), var(--kg-blok) calc(100% - var(--kg-ic))); }
.kg-magaza { font-weight: 400 !important; font-size: 14px !important; }
.kg-magaza .isf-bt, .kg-magaza a { white-space: normal; }
.kg-mbas { display: none; }
.kg-not { margin-top: 6px; }
/* 1.5.4: Mobil tablo görünümleri. Masaüstü değişmez; tüm seçenekler aynı <table> işaretlemesini kullanır. */
.kg-liste, .kg-no, .kg-sayac { display: none; }
.kg-no { place-items: center; flex: none; width: 20px; height: 20px; border-radius: 50%; background: color-mix(in srgb, var(--isf-metin) 80%, transparent); color: var(--isf-kart); font-size: 11.5px; font-weight: 800; line-height: 1; font-style: normal; font-variant-numeric: tabular-nums; }
.kg-v .kg-no { background: var(--kg-v); color: var(--isf-vurgu-metin, #fff); }
@media (max-width: 760px) {
    .isf-kg-bolum .kg-kose span { font-size: 13px; }
    .kg-mbas { display: table-row; }
    .kg-mbas th { padding: 12px 0 6px !important; text-align: left; background: transparent !important; border: 0 !important; }
    .kg-mb { position: sticky; left: 0; display: inline-flex; align-items: center; gap: 6px; }
    .kg-mbas th .kg-ikon { display: inline-block; margin: 0; width: 22px; height: 22px; }
    .kg-mbas th span { font-weight: 800; }
    .kg-mbas + tr > * { border-top: 1px solid var(--kg-cizgi); }
    .kg-grup td.kg-yok { font-size: 12.5px; }
    .isf-kg-bolum .kg-magaza .isf-kt-magaza { min-width: 0; max-width: 100%; }
    .isf-kg-bolum .kg-magaza .isf-bt { white-space: normal; overflow-wrap: normal; padding: 6px 2px !important; font-size: 11px !important; letter-spacing: -.01em; }
    /* Ürün listesi (M2, M4) */
    .kg-liste { gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
    .kg-liste li { display: grid; grid-template-columns: 20px 36px 1fr; align-items: center; column-gap: 8px; margin: 0; font-size: 13.5px; line-height: 1.3; }
    .kg-liste .kg-no { display: grid; }
    .kg-lg { display: grid; place-items: center; width: 36px; height: 36px; padding: 2px; background: #fff; border: 1px solid var(--kg-ince); border-radius: 4px; box-sizing: border-box; overflow: hidden; }
    .kg-lg img, .kg-lg svg { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
    .kg-liste a { color: var(--isf-metin) !important; text-decoration: none !important; font-weight: 600; }
    .kg-liste em { grid-column: 3; font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--kg-v); }
    .kg-sayac { align-items: center; justify-content: center; gap: 6px; margin: 2px 0 4px; font-size: 12.5px; color: var(--isf-soluk); }
    .kg-sayac i { width: 7px; height: 7px; border-radius: 50%; background: var(--kg-cizgi); }
    .kg-sayac i.on { background: var(--isf-metin); }
    .kg-sayac b { margin-right: 4px; font-weight: 600; }
    /* Ortak: grup sütunu dar ekranda kapalı */
    .kg-m-kaydir .kg col.kg-c-grup, .kg-m-izgara .kg col.kg-c-grup, .kg-m-ikili .kg col.kg-c-grup { width: 0; }
    .kg-m-kaydir .kg-gad, .kg-m-izgara .kg-gad, .kg-m-ikili .kg-gad { padding: 0 !important; border: 0 !important; font-size: 0; }
    .kg-m-kaydir .kg-gad > *, .kg-m-izgara .kg-gad > *, .kg-m-ikili .kg-gad > * { display: none !important; }
    .kg-m-kaydir .kg-grup tr > .kg-et, .kg-m-izgara .kg-grup tr > .kg-et, .kg-m-ikili .kg-grup tr > .kg-et { border-left: 1px solid var(--kg-cizgi); }

    /* M1 · Kompakt kaydırmalı: etiket sabit, 3 ürün görünür, sayaç */
    .kg-m-kaydir .kg { font-size: 14px; min-width: calc(96px + var(--kg-n) * 88px); }
    .kg-m-kaydir .kg col.kg-c-etiket { width: 96px; }
    .kg-m-kaydir .kg-et { position: sticky; left: 0; z-index: 1; padding: 9px 7px !important; font-size: 13px; line-height: 1.25; hyphens: auto; }
    .kg-m-kaydir .kg-ara td:first-child { position: sticky; left: 0; z-index: 1; background: var(--isf-zemin, var(--isf-kart)); }
    .kg-m-kaydir .kg thead .kg-kose { position: sticky; left: 0; z-index: 2; background: var(--isf-zemin, var(--isf-kart)); }
    .kg-m-kaydir .kg-kart { min-height: 0; padding: 8px 4px; gap: 5px; }
    .kg-m-kaydir .kg-kose .kg-kart { padding-left: 10px; }
    .kg-m-kaydir .kg-gorsel { height: 64px; padding: 3px; }
    .kg-m-kaydir .kg-gorsel img, .kg-m-kaydir .kg-gorsel svg { max-height: 58px; }
    .kg-m-kaydir .kg-ad { font-size: 12.5px; line-height: 1.25; }
    .kg-m-kaydir .kg-bu { font-size: 11px; padding: 2px 6px; }
    .kg-m-kaydir .kg-grup td { font-size: 14px; padding: 9px 4px; }
    .kg-m-kaydir .kg-kaydir.kg-sag { -webkit-mask-image: linear-gradient(to left, transparent, #000 26px); mask-image: linear-gradient(to left, transparent, #000 26px); }
    .kg-m-kaydir .kg-sayac, .kg-m-kart .kg-sayac { display: flex; }

    /* M2 · Tek ekranda 5 ürün: numaralı ızgara, yatay kaydırma yok */
    .kg-m-izgara .kg-liste { display: grid; }
    .kg-m-izgara .kg-kaydir { overflow: visible; margin-top: 10px; }
    .kg-m-izgara .kg { min-width: 0; width: 100%; font-size: 12.5px; }
    .kg-m-izgara .kg col.kg-c-etiket { width: 27%; }
    .kg-m-izgara .kg thead th { padding: 0 1px; }
    .kg-m-izgara .kg-kose .kg-kart { visibility: hidden; }
    .kg-m-izgara .kg-kart { min-height: 0; padding: 5px 2px 6px; gap: 4px; justify-content: flex-start; }
    .kg-m-izgara .kg-kart .kg-no { display: grid; }
    .kg-m-izgara .kg-gorsel { height: 40px; padding: 2px; }
    .kg-m-izgara .kg-gorsel img, .kg-m-izgara .kg-gorsel svg { max-height: 36px; }
    .kg-m-izgara .kg-ad, .kg-m-izgara .kg-bu { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .kg-m-izgara .kg-grup th, .kg-m-izgara .kg-grup td { padding: 8px 2px; }
    .kg-m-izgara .kg-et { padding: 8px 6px !important; font-size: 12.5px; line-height: 1.25; hyphens: auto; overflow-wrap: anywhere; }
    .kg-m-izgara .kg-grup td { font-size: 12.5px; font-weight: 700; line-height: 1.2; hyphens: auto; overflow-wrap: anywhere; }
    .kg-m-izgara .kg-grup td.kg-yok { font-size: 0; }
    .kg-m-izgara .kg-grup td.kg-yok::after { content: "–"; font-size: 14px; }
    .kg-m-izgara .kg-magaza .isf-kt-magaza { display: grid; gap: 4px; }
    .kg-m-izgara .kg-magaza .isf-bt { min-height: 0; padding: 5px 1px !important; line-height: 1.1 !important; }
    .kg-m-izgara .kg-magaza .isf-bt span { font-size: 0; }
    .kg-m-izgara .kg-magaza .isf-bt-hb span::after { content: "Hepsi\A burada"; white-space: pre; font-size: 10.5px; }
    .kg-m-izgara .kg-magaza .isf-bt-amazon span::after { content: "Amazon"; font-size: 10.5px; }

    /* M3 · Özellik kartları: her satır bir kart, ürünler alt alta, sayısal değerde çubuk */
    .kg-m-satir .kg-kaydir { overflow: visible; }
    .kg-m-satir .kg, .kg-m-satir .kg thead, .kg-m-satir .kg tbody, .kg-m-satir .kg tr { display: block; width: 100%; min-width: 0; }
    .kg-m-satir .kg colgroup, .kg-m-satir .kg .kg-ara, .kg-m-satir .kg .kg-gad, .kg-m-satir .kg thead .kg-kose { display: none; }
    .kg-m-satir .kg thead tr { display: grid; grid-template-columns: repeat(var(--kg-n), minmax(0, 1fr)); gap: 5px; }
    .kg-m-satir .kg thead th { display: block; height: auto; padding: 0; }
    .kg-m-satir .kg-kart { min-height: 0; padding: 6px 3px; gap: 4px; justify-content: flex-start; }
    .kg-m-satir .kg-urun.kg-v .kg-kart { border-bottom: 1.5px solid var(--kg-v); border-radius: var(--kg-r); }
    .kg-m-satir .kg-gorsel { height: 46px; padding: 2px; }
    .kg-m-satir .kg-gorsel img, .kg-m-satir .kg-gorsel svg { max-height: 42px; }
    .kg-m-satir .kg-ad { font-size: 11px; line-height: 1.2; -webkit-line-clamp: 3; }
    .kg-m-satir .kg-bu { font-size: 10px; padding: 1px 5px; margin: 0; }
    .kg-m-satir .kg-mbas { display: block; }
    .kg-m-satir .kg-mbas th { display: block; padding: 18px 0 8px !important; }
    .kg-m-satir .kg-grup tr:not(.kg-mbas) { margin: 0 0 8px; background: var(--isf-kart); border: 1px solid var(--kg-cizgi); border-radius: var(--kg-r); overflow: hidden; }
    .kg-m-satir .kg-grup .kg-et { display: block; padding: 8px 10px 5px !important; background: var(--kg-blok) !important; border: 0 !important; font-size: 13.5px; font-weight: 700; }
    .kg-m-satir .kg-grup td { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 6px 10px 8px !important; border: 0 !important; border-top: 1px solid var(--kg-ince) !important; border-radius: 0 !important; text-align: right; font-size: 14px; background: linear-gradient(color-mix(in srgb, var(--isf-metin) 22%, transparent), color-mix(in srgb, var(--isf-metin) 22%, transparent)) no-repeat left 10px bottom 3px / calc((100% - 20px) * var(--o, 0)) 3px, var(--isf-kart) !important; }
    .kg-m-satir .kg-grup td.kg-iyi { background: linear-gradient(color-mix(in srgb, #1a7f52 70%, transparent), color-mix(in srgb, #1a7f52 70%, transparent)) no-repeat left 10px bottom 3px / calc((100% - 20px) * var(--o, 0)) 3px, var(--isf-kart) !important; }
    .kg-m-satir .kg-grup td.kg-v { background-color: var(--kg-v-zemin) !important; }
    .kg-m-satir .kg-grup td::before { content: attr(data-urun); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: 13px; font-weight: 500; color: var(--isf-soluk); }
    .kg-m-satir .kg-grup td.kg-v::before { color: var(--isf-metin); font-weight: 700; }
    .kg-m-satir .kg-magaza .isf-kt-magaza { display: flex; gap: 6px; }

    /* M4 · Seçmeli karşılaştırma: üstte ürün çipleri, tabloda seçilen en fazla 3 ürün */
    .kg-m-ikili .kg-liste { display: grid; grid-template-columns: repeat(var(--kg-n, 5), minmax(0, 1fr)); gap: 5px; }
    .kg-m-ikili .kg-liste li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 3px 5px; border: 1px solid var(--kg-cizgi); border-radius: var(--kg-r); background: var(--isf-kart); font-size: 11px; line-height: 1.2; text-align: center; cursor: pointer; opacity: .55; }
    .kg-m-ikili .kg-liste li[aria-pressed=true] { opacity: 1; border: 1.5px solid var(--isf-metin); }
    .kg-m-ikili .kg-liste li.kg-v[aria-pressed=true] { border-color: var(--kg-v); }
    .kg-m-ikili .kg-liste li:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
    .kg-m-ikili .kg-liste .kg-no { position: absolute; top: 3px; left: 3px; width: 17px; height: 17px; font-size: 10px; }
    .kg-m-ikili .kg-liste .kg-lg { width: 44px; height: 44px; }
    .kg-m-ikili .kg-liste a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; pointer-events: none; }
    .kg-m-ikili .kg-liste em { font-size: 10px; }
    .kg-ikili-not { display: none; }
    .kg-m-ikili .kg-ikili-not { display: block; margin: 10px 0 0; font-size: 12.5px; color: var(--isf-soluk); }
    .kg-m-ikili .kg { min-width: 0; width: 100%; font-size: 14px; }
    .kg-m-ikili .kg col.kg-c-etiket { width: 96px; }
    .kg-m-ikili .kg-et { padding: 9px 7px !important; font-size: 13px; line-height: 1.25; hyphens: auto; }
    .kg-m-ikili .kg-kart { min-height: 0; padding: 8px 4px; gap: 5px; }
    .kg-m-ikili .kg-gorsel { height: 64px; padding: 3px; }
    .kg-m-ikili .kg-gorsel img, .kg-m-ikili .kg-gorsel svg { max-height: 58px; }
    .kg-m-ikili .kg-ad { font-size: 12.5px; line-height: 1.25; }
    .kg-m-ikili .kg-bu { font-size: 11px; padding: 2px 6px; }
    .kg-m-ikili .kg-grup td { font-size: 14px; padding: 9px 4px; }
    .kg-m-ikili .kg.kg-g1 .kg-s1, .kg-m-ikili .kg.kg-g2 .kg-s2, .kg-m-ikili .kg.kg-g3 .kg-s3, .kg-m-ikili .kg.kg-g4 .kg-s4, .kg-m-ikili .kg.kg-g5 .kg-s5, .kg-m-ikili .kg.kg-g6 .kg-s6 { display: none; }
    .kg-m-ikili .kg.kg-g1 col.kg-s1, .kg-m-ikili .kg.kg-g2 col.kg-s2, .kg-m-ikili .kg.kg-g3 col.kg-s3, .kg-m-ikili .kg.kg-g4 col.kg-s4, .kg-m-ikili .kg.kg-g5 col.kg-s5, .kg-m-ikili .kg.kg-g6 col.kg-s6 { display: table-column; width: 0; }

    /* M5 · Devrik tablo: ürünler satırda (5'i birden görünür), özellikler yana kayar */
    .kg-m-devrik .kg { display: grid; grid-auto-flow: column; grid-template-rows: repeat(var(--kg-n1), auto); grid-template-columns: 128px; grid-auto-columns: minmax(82px, max-content); width: max-content; min-width: 0; font-size: 13.5px; }
    .kg-m-devrik .kg colgroup, .kg-m-devrik .kg .kg-ara, .kg-m-devrik .kg .kg-gad { display: none; }
    .kg-m-devrik .kg thead, .kg-m-devrik .kg tbody, .kg-m-devrik .kg tr { display: contents; }
    .kg-m-devrik .kg thead th { position: sticky; left: 0; z-index: 2; height: auto; padding: 0 6px 0 0; background: var(--isf-zemin, var(--isf-kart)); }
    .kg-m-devrik .kg thead .kg-kose { z-index: 3; }
    .kg-m-devrik .kg-kose .kg-kart { min-height: 0; height: 100%; padding: 6px 8px; border: 0; background: none; justify-content: flex-end; }
    .kg-m-devrik .kg-urun .kg-kart { flex-direction: row; justify-content: flex-start; align-items: center; gap: 6px; min-height: 0; height: 100%; padding: 5px; border-radius: var(--kg-r) 0 0 var(--kg-r); border-right: 0; }
    .kg-m-devrik .kg-urun.kg-v .kg-kart { border: 1.5px solid var(--kg-v); border-right: 0; border-radius: var(--kg-r) 0 0 var(--kg-r); }
    .kg-m-devrik .kg-gorsel { flex: none; width: 40px; height: 40px; padding: 2px; }
    .kg-m-devrik .kg-gorsel img, .kg-m-devrik .kg-gorsel svg { max-height: 36px; }
    .kg-m-devrik .kg-ad { font-size: 11.5px; line-height: 1.2; text-align: left; }
    .kg-m-devrik .kg-bu { display: none; }
    .kg-m-devrik .kg-mbas th { grid-row: 1 / -1; display: flex; align-items: center; justify-content: flex-end; padding: 10px 4px !important; margin: 0 0 0 6px; writing-mode: vertical-rl; transform: rotate(180deg); background: var(--kg-blok) !important; border-radius: var(--kg-r) !important; }
    .kg-m-devrik .kg-mb { position: static; }
    .kg-m-devrik .kg-mbas th .kg-ikon { transform: rotate(90deg); width: 18px; height: 18px; }
    .kg-m-devrik .kg-mbas + tr > * { border-top: 0; }
    .kg-m-devrik .kg-grup .kg-et { display: flex; align-items: flex-end; padding: 6px 8px !important; border: 0 !important; background: none !important; font-size: 12px; font-weight: 700; line-height: 1.2; color: var(--isf-soluk); max-width: 120px; }
    .kg-m-devrik .kg-grup td { display: flex; align-items: center; justify-content: center; padding: 6px 8px !important; border: 0 !important; border-top: 1px solid var(--kg-ince) !important; border-radius: 0 !important; background: var(--kg-blok) !important; font-size: 13.5px; white-space: nowrap; }
    .kg-m-devrik .kg-grup td.kg-v { background: var(--kg-v-zemin) !important; }
    .kg-m-devrik .kg-grup td.kg-yok { font-size: 0; }
    .kg-m-devrik .kg-grup td.kg-yok::after { content: "–"; font-size: 14px; }
    .kg-m-devrik .kg-magaza { white-space: normal !important; }
    .kg-m-devrik .kg-magaza .isf-kt-magaza { display: flex; flex-direction: column; gap: 3px; }
    .kg-m-devrik .kg-magaza .isf-bt { min-height: 0; padding: 4px 8px; font-size: 11.5px; }

    /* M6 · Ürün kartları: her ürün bir kart, yana kaydırılır */
    .kg-m-kart .kg-kaydir { scroll-snap-type: x mandatory; scroll-padding: 0 2px; }
    .kg-m-kart .kg { display: grid; grid-template-columns: repeat(var(--kg-n), 80%); column-gap: 10px; width: 100%; min-width: 0; font-size: 14.5px; }
    .kg-m-kart .kg colgroup, .kg-m-kart .kg .kg-ara, .kg-m-kart .kg .kg-gad, .kg-m-kart .kg .kg-et, .kg-m-kart .kg .kg-mbas, .kg-m-kart .kg thead .kg-kose { display: none; }
    .kg-m-kart .kg thead, .kg-m-kart .kg tbody, .kg-m-kart .kg tr { display: contents; }
    .kg-m-kart .kg .kg-s1 { grid-column: 1; } .kg-m-kart .kg .kg-s2 { grid-column: 2; } .kg-m-kart .kg .kg-s3 { grid-column: 3; } .kg-m-kart .kg .kg-s4 { grid-column: 4; } .kg-m-kart .kg .kg-s5 { grid-column: 5; } .kg-m-kart .kg .kg-s6 { grid-column: 6; }
    .kg-m-kart .kg thead th { height: auto; padding: 0; scroll-snap-align: start; }
    .kg-m-kart .kg-kart { min-height: 0; padding: 12px 10px 10px; border-bottom: 0; border-radius: var(--kg-r) var(--kg-r) 0 0; }
    .kg-m-kart .kg-gorsel { height: 104px; }
    .kg-m-kart .kg-gorsel img, .kg-m-kart .kg-gorsel svg { max-height: 96px; }
    .kg-m-kart .kg-grup td { position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 8px 12px !important; border: 0 !important; border-left: 1px solid var(--kg-cizgi) !important; border-right: 1px solid var(--kg-cizgi) !important; border-top: 1px solid var(--kg-ince) !important; border-radius: 0 !important; background: var(--isf-kart) !important; text-align: right; font-size: 14.5px; }
    .kg-m-kart .kg-grup td.kg-v { background: var(--kg-v-zemin) !important; border-left-color: var(--kg-v) !important; border-right-color: var(--kg-v) !important; }
    .kg-m-kart .kg-grup td::before { content: attr(data-et); text-align: left; font-size: 13px; font-weight: 500; color: var(--isf-soluk); }
    .kg-m-kart .kg-grup td[data-grup] { padding-top: 36px !important; }
    .kg-m-kart .kg-grup td[data-grup]::after { content: attr(data-grup); position: absolute; top: 12px; left: 12px; font-size: 13px; font-weight: 800; color: var(--isf-metin); }
    .kg-m-kart .kg tbody.kg-grup:last-of-type tr:last-child td { border-bottom: 1px solid var(--kg-cizgi) !important; border-radius: 0 0 var(--kg-r) var(--kg-r) !important; }
    .kg-m-kart .kg tbody.kg-grup:last-of-type tr:last-child td.kg-v { border-bottom-color: var(--kg-v) !important; }
    .kg-m-kart .kg-magaza .isf-kt-magaza { display: flex; gap: 6px; }
}
html:not([data-isf-mod=gunduz]) body.isf-koyu-tema .kg-grup td.kg-iyi, html:not([data-isf-mod=gunduz]) body.isf-koyu-tema .kg-iyi-lejant { color: #62d29d; }

/* ---------- 1.5.7 · "En iyi" rehberleri: B düzeni ---------- */
.isf-rb-sayfa .isf-rh-ust { margin-bottom: 14px; }
.isf-rb-bant { margin: 0 0 12px; padding: 9px 14px; border: 1px solid rgba(26, 127, 82, .32); border-left: 4px solid var(--isf-iyi); border-radius: 6px; background: rgba(26, 127, 82, .08); font-size: 14px; line-height: 1.5; color: var(--isf-metin); }
.isf-rb-bant a { color: var(--isf-metin); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.isf-rb-oc { max-width: 860px; margin: 0 0 22px; }
.isf-rb-oc h2 { margin: 0 0 8px; font-size: 18px; }
.isf-rb-oc-liste { list-style: none; margin: 0; padding: 0; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); }
.isf-rb-oc-liste li { display: grid; grid-template-columns: minmax(150px, 230px) minmax(0, 1fr) auto; gap: 4px 14px; align-items: baseline; padding: 9px 14px; border-top: 1px solid var(--isf-kenar); }
.isf-rb-oc-liste li:first-child { border-top: 0; }
.isf-rb-oc-ihtiyac { font-size: 13px; color: var(--isf-soluk); }
.isf-rb-oc-model { font-weight: 700; color: var(--isf-metin) !important; text-decoration: none; min-width: 0; }
.isf-rb-oc-model:hover, .isf-rb-oc-model:focus-visible { text-decoration: underline; text-underline-offset: 2px; }
.isf-rb-oc-deger { font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--isf-metin); }
.isf-rb-bolum { margin: 0 0 34px; scroll-margin-top: 90px; }
.isf-rb-bolum > h2 { margin: 0 0 12px; font-size: clamp(21px, 2.4vw, 26px); }
.isf-rb-tablo { margin-top: 6px; }

/* 10 modelin tablosu: model sütunu sabit, mobilde yana kaydırılır */
.isf-rt-kap { overflow-x: auto; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); -webkit-overflow-scrolling: touch; }
.isf-rt-kap:focus-visible { outline: 2px solid var(--isf-vurgu); outline-offset: 2px; }
.isf-rt { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.isf-rt th, .isf-rt td { padding: 9px 12px; border-bottom: 1px solid var(--isf-kenar); text-align: left; vertical-align: middle; font-variant-numeric: tabular-nums; }
.isf-rt thead th { font-size: 12.5px; font-weight: 700; color: var(--isf-soluk); background: var(--isf-kart); white-space: nowrap; }
.isf-rt tbody tr:last-child > * { border-bottom: 0; }
.isf-rt .isf-rt-model { position: sticky; left: 0; z-index: 1; background: var(--isf-kart); min-width: 210px; max-width: 280px; box-shadow: 1px 0 0 var(--isf-kenar); }
.isf-rt-m { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.isf-rt td { white-space: nowrap; }
.isf-rt-model a { color: var(--isf-metin) !important; text-decoration: none; line-height: 1.3; }
.isf-rt-model a:hover, .isf-rt-model a:focus-visible { text-decoration: underline; }
.isf-rt-no { flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 12px; font-weight: 700; background: var(--isf-zemin); color: var(--isf-metin); }
.isf-rt-gorsel { flex: 0 0 36px; width: 36px; height: 36px; display: grid; place-items: center; overflow: hidden; border-radius: 4px; background: #fff; }
.isf-rt-gorsel img, .isf-rt-gorsel svg { max-width: 36px; max-height: 36px; width: auto; height: auto; object-fit: contain; }
.isf-rt-skor strong { font-size: 15px; }
.isf-rt td.isf-rt-en { background: rgba(26, 127, 82, .1); font-weight: 700; }
.isf-rt-var { display: inline-flex; align-items: center; gap: 4px; color: var(--isf-iyi); font-weight: 600; }
.isf-rt-yok, .isf-rt-bilinmiyor { color: var(--isf-soluk); }
.isf-rt-magaza .isf-kt-magaza { margin: 0; min-width: 104px; }
.isf-rt-not { margin: 8px 0 0; font-size: 12.5px; color: var(--isf-soluk); max-width: 860px; }

/* Model blokları */
.isf-rb { margin: 0 0 16px; padding: 16px 18px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); scroll-margin-top: 90px; }
.isf-rb-ust { display: grid; grid-template-columns: auto 84px minmax(0, 1fr) auto; gap: 14px; align-items: start; }
.isf-rb-sira { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 15px; background: var(--isf-metin); color: var(--isf-kart); }
.isf-rb-gorsel { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 6px; background: #fff; overflow: hidden; border: 1px solid var(--isf-kenar); }
.isf-rb-gorsel img, .isf-rb-gorsel svg { max-width: 80px; max-height: 80px; width: auto; height: auto; object-fit: contain; }
.isf-rb-etiket { margin: 0 0 3px; font-size: 12.5px; font-weight: 700; color: var(--isf-vurgu); }
.isf-rb-baslik h3 { margin: 0 0 4px; font-size: 20px; line-height: 1.25; }
.isf-rb-baslik h3 a { color: var(--isf-metin) !important; text-decoration: none; }
.isf-rb-baslik h3 a:hover, .isf-rb-baslik h3 a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.isf-rb-ust { align-items: center; }
.isf-rb .isf-rb-kime { margin: 10px 0 0 142px; font-size: 14.5px; line-height: 1.55; color: var(--isf-metin); }
.isf-rb-kime strong { font-weight: 700; }
.isf-rb-skor { display: grid; justify-items: center; gap: 2px; font-size: 11.5px; color: var(--isf-soluk); }
.isf-rb-govde { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 22px; margin-top: 14px; }
.isf-rb-govde h4 { margin: 0 0 6px; font-size: 14px; }
.isf-rb-govde ul { margin: 0; padding-left: 18px; font-size: 14.5px; line-height: 1.55; }
.isf-rb-govde li { margin: 0 0 3px; }
.isf-rb-govde p { margin: 0; font-size: 14px; color: var(--isf-soluk); }
.isf-rb-arti h4 { color: var(--isf-iyi); }
.isf-rb-degerler { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 2px 0 0; }
.isf-rb-degerler div { padding: 8px 10px; border-radius: 6px; background: var(--isf-zemin); }
.isf-rb-degerler dt { font-size: 12px; color: var(--isf-soluk); }
.isf-rb-degerler dd { margin: 2px 0 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.isf-rb-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--isf-kenar); }
.isf-rb-incele { font-weight: 600; color: var(--isf-metin) !important; text-decoration: underline; text-underline-offset: 3px; }
.isf-rb-alt .isf-magazalar { display: flex; flex-wrap: wrap; gap: 8px; }
.isf-rb-alt .isf-magazalar .isf-bt { width: auto; min-height: 42px; }

.isf-rb-degisiklik { margin: 0; padding-left: 18px; }
.isf-rb-degisiklik li { margin: 0 0 6px; line-height: 1.55; }
.isf-rb-degisiklik time, .isf-rb-degisiklik .isf-rb-gun { font-weight: 700; margin-right: 4px; }
.isf-kriter-listesi { padding-left: 18px; }
.isf-kriter-listesi li { margin: 0 0 6px; line-height: 1.55; }
.isf-kriter-pay { display: inline-block; padding: 0 6px; border-radius: 999px; background: var(--isf-zemin); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.isf-kriter-agirlik { font-weight: 600; color: var(--isf-soluk); font-size: 11.5px; }
.isf-kriter-not { margin: 0 0 10px; font-size: 13.5px; }

@media (max-width: 760px) {
    .isf-rb-bant { font-size: 13px; padding: 8px 12px; }
    .isf-rb-oc-liste li { grid-template-columns: minmax(0, 1fr) auto; padding: 8px 12px; }
    .isf-rb-oc-ihtiyac { grid-column: 1 / -1; font-size: 12px; }
    .isf-rt { font-size: 13.5px; min-width: 640px; }
    .isf-rt .isf-rt-model { min-width: 150px; max-width: 170px; }
    .isf-rt-gorsel { display: none; }
    .isf-rt th, .isf-rt td { padding: 8px 9px; }
    .isf-rb { padding: 14px; }
    .isf-rb-ust { grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-areas: "gorsel baslik skor"; gap: 10px; }
    .isf-rb-sira { display: none; }
    .isf-rb-gorsel { grid-area: gorsel; width: 64px; height: 64px; }
    .isf-rb-gorsel img, .isf-rb-gorsel svg { max-width: 60px; max-height: 60px; }
    .isf-rb-baslik { grid-area: baslik; }
    .isf-rb-skor { grid-area: skor; }
    .isf-rb-baslik h3 { font-size: 17.5px; }
    .isf-rb .isf-rb-kime { font-size: 14px; margin-left: 0; }
    .isf-rb-govde { grid-template-columns: minmax(0, 1fr); }
    .isf-rb-degerler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .isf-rb-alt { flex-direction: column; align-items: stretch; }
    .isf-rb-alt .isf-magazalar { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
    .isf-rb-alt .isf-magazalar .isf-bt { width: 100%; }
}
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-rt-gorsel, html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-rb-gorsel { background: #fff; }
html:not([data-isf-mod=gunduz]) body.isf-t-karbon .isf-rb-sira { background: var(--isf-vurgu); color: #14100a; }

/* 1.5.7 · Rehberlerde tıklanabilir metinler açıkça belli olsun: vurgu rengi + kalıcı alt çizgi */
.isf-rb-sayfa .isf-icerik a:not(.isf-bt):not(.isf-cip),
.isf-rb-sayfa .isf-prose a:not(.isf-bt):not(.isf-cip),
.isf-rb-sayfa .isf-rh-ust a, .isf-rb-sayfa .isf-gezinme a, .isf-rb-sayfa .isf-rb-bant a, .isf-rb-sayfa .isf-eniyilerden a,
.isf-rb-sayfa .isf-sss a, .isf-rb-sayfa .isf-rb-degisiklik a, .isf-rb-sayfa a.isf-baglanti {
    color: var(--isf-vurgu) !important; text-decoration: underline !important; text-decoration-thickness: 1.5px; text-underline-offset: 3px; font-weight: 600;
}
.isf-rb-sayfa a.isf-baglanti:hover, .isf-rb-sayfa a.isf-baglanti:focus-visible,
.isf-rb-sayfa .isf-rh-ust a:hover, .isf-rb-sayfa .isf-gezinme a:hover { text-decoration-thickness: 2.5px; }
.isf-rb-sayfa .isf-rh-icindekiler a { color: var(--isf-vurgu); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.isf-rb-sayfa .isf-rh-icindekiler a:hover, .isf-rb-sayfa .isf-rh-icindekiler a:focus-visible { color: var(--isf-metin); }
.isf-rb-sayfa .isf-rb-baslik h3 a.isf-baglanti { font-weight: 750; }
/* Ürün sayfasına giden bağlantı buton gibi görünür */
.isf-rb-sayfa .isf-rb-incele { display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 8px 14px; border: 1.5px solid var(--isf-vurgu); border-radius: 6px; color: var(--isf-vurgu) !important; text-decoration: none !important; font-weight: 700; font-size: 14px; line-height: 1.3; }
.isf-rb-sayfa .isf-rb-incele:hover, .isf-rb-sayfa .isf-rb-incele:focus-visible { background: var(--isf-vurgu); color: var(--isf-vurgu-metin) !important; }
.isf-rb-sayfa .isf-rb-oc-ihtiyac, .isf-rb-sayfa .isf-rb-oc-deger { text-decoration: none; }
.isf-rt thead small { font-weight: 600; }
@media (max-width: 760px) { .isf-rb-sayfa .isf-rb-incele { justify-content: center; } }

/* 1.5.8 · Kaydırma ipucu tablonun üstünde (M1 karşılaştırma tablosu ve rehber tablosu) */
@media (max-width: 760px) {
    .kg-m-kaydir .kg-sayac, .kg-m-kart .kg-sayac { margin: 0 0 8px; justify-content: flex-start; padding: 7px 10px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); color: var(--isf-metin); }
    .kg-sayac b { font-weight: 700; margin-right: auto !important; }
}
.isf-rt-sayac { display: none; }
@media (max-width: 760px) {
    .isf-rt-sayac { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 8px; padding: 7px 10px; border: 1px solid var(--isf-kenar); border-radius: 6px; background: var(--isf-kart); font-size: 12.5px; line-height: 1.35; color: var(--isf-metin); }
    .isf-rt-sayac b { font-weight: 700; }
    .isf-rt-noktalar { display: inline-flex; gap: 5px; flex: 0 0 auto; }
    .isf-rt-noktalar i { width: 7px; height: 7px; border-radius: 50%; background: var(--isf-kenar); }
    .isf-rt-noktalar i.on { background: var(--isf-metin); }
    /* Kompakt: sabit model sütunu dar, 3–4 değer sütunu aynı anda görünür */
    .isf-rt { min-width: 0; width: max-content; font-size: 13px; }
    .isf-rt th, .isf-rt td { padding: 8px 7px; }
    .isf-rt thead th { white-space: normal; font-size: 11.5px; line-height: 1.25; min-width: 56px; vertical-align: bottom; }
    .isf-rt thead th small { display: block; font-weight: 500; }
    .isf-rt .isf-rt-model { min-width: 118px; max-width: 118px; width: 118px; }
    .isf-rt-m { gap: 5px; font-size: 12.5px; }
    .isf-rt-m a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .isf-rt-no { flex-basis: 18px; width: 18px; height: 18px; font-size: 10.5px; }
    .isf-rt-kap.isf-rt-sag { -webkit-mask-image: linear-gradient(to left, transparent, #000 26px); mask-image: linear-gradient(to left, transparent, #000 26px); }
    .isf-rt-magaza .isf-kt-magaza { min-width: 96px; }
}

/* 1.7.0: Kategori seçim rehberi metni */
.isf-kat-metin { max-width: 860px; }
.isf-kat-metin h2 { margin: 0 0 10px; font-size: clamp(1.25rem, 2.2vw, 1.5rem); line-height: 1.3; }
.isf-kat-metin h3 { margin: 22px 0 6px; font-size: 1.05rem; line-height: 1.35; }
.isf-kat-metin p, .isf-kat-metin li { font-size: 16px; line-height: 1.65; color: var(--isf-metin); }
.isf-kat-metin p { margin: 0 0 10px; }
.isf-kat-metin ul { margin: 6px 0 12px; padding-left: 1.2em; }
.isf-kat-metin li { margin-bottom: 6px; }
.isf-kat-metin a { color: var(--isf-vurgu); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; font-weight: 600; }
.isf-kat-metin a:hover { text-decoration-thickness: 2px; }