/* Vitrin: sayfa/blog blokları (Sayfalar ve Blog modülü). Tema değişkenlerini kullanır; koyu temalarda da okunur kalır. */
.ib-sayfa{--ib-gen:760px;margin:0 auto;max-width:var(--ib-gen);overflow-x:clip;color:var(--yazi,inherit)}
.ib-sayfa.ib-sg-genis{--ib-gen:1120px}
.ib-sayfa.ib-sg-tam{--ib-gen:none}
.ib-sayfa-baslik{margin:0 0 .6em;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2}
.ib-kapak{margin:0 0 1.4rem}
.ib-kapak img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:var(--kose,12px)}
.ib-onizleme-bar{margin:0 0 1rem;padding:.6rem .9rem;border-radius:10px;background:#fef3c7;color:#78350f;border:1px solid #f59e0b;font-size:.9rem}
.ib-bloklar{display:block}

/* ---- blok kabuğu ---- */
.ib-blok{position:relative;box-sizing:border-box;margin:0;color:var(--yazi,inherit)}
.ib-blok>.ib-ic{box-sizing:border-box;margin-inline:auto;max-width:100%}
.ib-h-sol{text-align:left}.ib-h-orta{text-align:center}.ib-h-sag{text-align:right}
.ib-ic-yok{padding-block:.25rem}.ib-ic-kucuk{padding-block:.75rem}.ib-ic-orta{padding-block:1.25rem}.ib-ic-buyuk{padding-block:2.5rem}
.ib-a-gri,.ib-a-krem,.ib-a-nane,.ib-a-gok,.ib-a-koyu,.ib-a-vurgu,.ib-a-sicak,.ib-a-serin,.ib-a-gunbatimi,.ib-a-gece,.ib-a-renk{padding-inline:clamp(14px,3vw,28px);border-radius:var(--kose,12px)}
.ib-a-gri{background:color-mix(in srgb,var(--yazi,#111) 6%,var(--zemin,#fff))}
.ib-a-krem{background:color-mix(in srgb,#f59e0b 14%,var(--zemin,#fff))}
.ib-a-nane{background:color-mix(in srgb,#10b981 14%,var(--zemin,#fff))}
.ib-a-gok{background:color-mix(in srgb,#3b82f6 14%,var(--zemin,#fff))}
.ib-a-koyu{background:#111827;color:#f9fafb}
.ib-a-vurgu{background:var(--ana,#4d7c0f);color:#fff}
.ib-a-sicak{background:linear-gradient(135deg,#f97316,#db2777);color:#fff}
.ib-a-serin{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.ib-a-gunbatimi{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}
.ib-a-gece{background:linear-gradient(160deg,#0f172a,#334155);color:#f8fafc}
.ib-a-renk{background:var(--ib-renk,#f4f4f5);color:var(--ib-yazi,#111827)}
.ib-a-koyu a:not(.ib-buton),.ib-a-vurgu a:not(.ib-buton),.ib-a-sicak a:not(.ib-buton),.ib-a-serin a:not(.ib-buton),.ib-a-gunbatimi a:not(.ib-buton),.ib-a-gece a:not(.ib-buton){color:inherit;text-decoration:underline}
.ib-a-koyu .ib-baslik,.ib-a-vurgu .ib-baslik,.ib-a-sicak .ib-baslik,.ib-a-serin .ib-baslik,.ib-a-gunbatimi .ib-baslik,.ib-a-gece .ib-baslik{color:inherit}
/* genişlik: dar sütun / normal (sayfa genişliği) / geniş (1120'ye taşar) / tam (kenardan kenara) */
.ib-g-dar>.ib-ic{max-width:640px}
.ib-g-normal>.ib-ic{max-width:none}
.ib-g-genis{margin-inline:calc(50% - min(560px,50vw))}
.ib-g-genis>.ib-ic{max-width:1120px}
.ib-g-tam{margin-inline:calc(50% - 50vw);border-radius:0}
.ib-g-tam>.ib-ic{max-width:1120px}
.ib-g-tam.ib-a-yok{padding-inline:clamp(14px,3vw,28px)}
.ib-g-genis.ib-a-yok{padding-inline:clamp(0px,2vw,0px)}

/* ---- tipografi ---- */
.ib-baslik{margin:0 0 .5em;line-height:1.25;color:var(--yazi,inherit)}
h2.ib-baslik{font-size:clamp(1.35rem,3vw,1.75rem)}h3.ib-baslik{font-size:clamp(1.15rem,2.4vw,1.4rem)}h4.ib-baslik{font-size:1.1rem}
.ib-metin{line-height:1.75;overflow-wrap:anywhere}
.ib-metin>*:first-child{margin-top:0}.ib-metin>*:last-child{margin-bottom:0}
.ib-metin h2{font-size:1.5rem;margin:1.4em 0 .5em;line-height:1.25}.ib-metin h3{font-size:1.25rem;margin:1.3em 0 .45em}.ib-metin h4{font-size:1.1rem;margin:1.2em 0 .4em}
.ib-metin p{margin:0 0 1em}.ib-metin ul,.ib-metin ol{margin:0 0 1em;padding-left:1.4em}.ib-metin li{margin:.2em 0}
.ib-metin blockquote{margin:1.2em 0;padding:.4em 1.1em;border-left:4px solid var(--ana,#4d7c0f);background:color-mix(in srgb,var(--ana,#4d7c0f) 8%,transparent);border-radius:0 8px 8px 0}
.ib-metin a{color:var(--ana,#2563eb);text-decoration:underline;text-underline-offset:2px}
.ib-metin img{max-width:100%;height:auto;border-radius:8px}
.ib-metin pre{overflow:auto;padding:.9em 1em;border-radius:8px;background:color-mix(in srgb,var(--yazi,#111) 8%,var(--zemin,#fff));font-size:.9rem}
.ib-metin code{font-size:.92em;padding:.1em .35em;border-radius:4px;background:color-mix(in srgb,var(--yazi,#111) 8%,transparent)}.ib-metin pre code{padding:0;background:none}
.ib-metin table{width:100%;border-collapse:collapse;margin:0 0 1em;display:block;overflow-x:auto}
.ib-metin th,.ib-metin td{border:1px solid var(--kenar,#d4d4d8);padding:.5em .7em;text-align:left}.ib-metin th{background:color-mix(in srgb,var(--yazi,#111) 6%,transparent)}
.ib-metin hr{border:0;border-top:1px solid var(--kenar,#d4d4d8);margin:1.5em 0}
.ib-metin .ib-ta-orta{text-align:center}.ib-metin .ib-ta-sag{text-align:right}

/* ---- hero ---- */
.ib-t-hero{overflow:hidden}
.ib-t-hero>.ib-ic{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;padding-block:clamp(28px,6vw,64px)}
.ib-hy-yuksek>.ib-ic{min-height:420px}
.ib-t-hero.ib-h-sol>.ib-ic{justify-content:flex-start}.ib-t-hero.ib-h-sag>.ib-ic{justify-content:flex-end}
.ib-hero-ic{position:relative;z-index:2;max-width:720px}
.ib-hero-baslik{margin:0 0 .4em;font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.15;color:inherit}
.ib-hero-metin{margin:0 0 1.2em;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6;opacity:.95}
.ib-hero-eylem{display:flex;gap:.6rem;flex-wrap:wrap}.ib-h-orta .ib-hero-eylem{justify-content:center}.ib-h-sag .ib-hero-eylem{justify-content:flex-end}
.ib-hero-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ib-gorselli{color:#fff}.ib-gorselli.ib-a-yok,.ib-gorselli.ib-a-gri,.ib-gorselli.ib-a-krem,.ib-gorselli.ib-a-nane,.ib-gorselli.ib-a-gok{background:#111827;color:#fff}
.ib-gorselli>.ib-ic::before{content:"";position:absolute;inset:0;z-index:1;background:#000;opacity:0}
.ib-perde-hafif>.ib-ic::before{opacity:.25}.ib-perde-orta>.ib-ic::before{opacity:.45}.ib-perde-koyu>.ib-ic::before{opacity:.65}
.ib-perde-yok>.ib-ic::before{opacity:0}
.ib-t-hero.ib-g-normal,.ib-t-hero.ib-g-dar{border-radius:var(--kose,12px)}
.ib-t-hero.ib-g-dar>.ib-ic{max-width:none}

/* ---- buton ---- */
.ib-buton{display:inline-block;padding:.7em 1.4em;border-radius:var(--kose,10px);font-weight:600;text-decoration:none!important;line-height:1.2;cursor:pointer;border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.ib-buton:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.ib-buton:focus-visible{outline:3px solid var(--ana,#2563eb);outline-offset:3px}
.ib-b-dolu{background:var(--ana,#4d7c0f);color:var(--ana-ustu,#fff)!important;border-color:var(--ana,#4d7c0f)}
.ib-b-cerceve{background:transparent;color:var(--ana,#4d7c0f)!important;border-color:var(--ana,#4d7c0f)}
.ib-b-metin{background:transparent;color:var(--ana,#4d7c0f)!important;padding-inline:.4em;text-decoration:underline!important}
.ib-b-acik{background:#fff;color:#111827!important;border-color:#fff}
.ib-bb-buyuk{font-size:1.15rem;padding:.85em 1.8em}

/* ---- görsel ---- */
.ib-gorsel{margin:0;display:block}
.ib-gorsel img{display:block;max-width:100%;height:auto;border-radius:var(--kose,10px);margin-inline:auto}
.ib-h-sol .ib-gorsel img{margin-inline:0 auto}.ib-h-sag .ib-gorsel img{margin-inline:auto 0}
.ib-gs-kucuk img{max-width:min(240px,100%)}.ib-gs-orta img{max-width:min(480px,100%)}.ib-gs-buyuk img{max-width:min(760px,100%)}.ib-gs-tam img{max-width:100%;width:100%}
.ib-gorsel figcaption{margin-top:.5rem;font-size:.9rem;color:var(--yazi-2,#6b7280)}
.ib-gorsel a{display:block}
.ib-gm{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,36px);align-items:center}
.ib-gm-ucte{grid-template-columns:1fr 2fr}.ib-gm-ters{direction:rtl}.ib-gm-ters>*{direction:ltr}
.ib-gm-gorsel{margin:0}.ib-gm-gorsel img{display:block;width:100%;height:auto;border-radius:var(--kose,10px)}
.ib-sutunlar{display:grid;gap:clamp(14px,3vw,32px)}.ib-s-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ib-s-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ib-sutun{min-width:0}.ib-sutun .ib-gorsel img{width:100%}

/* ---- ayırıcı, alıntı, bilgi ---- */
.ib-ayirici{border:0;border-top:1px solid var(--kenar,#d4d4d8);margin:0}.ib-ayirici.ib-y-kucuk{margin-block:.5rem}.ib-ayirici.ib-y-orta{margin-block:1.2rem}.ib-ayirici.ib-y-buyuk{margin-block:2.4rem}
.ib-bosluk.ib-y-kucuk{height:16px}.ib-bosluk.ib-y-orta{height:40px}.ib-bosluk.ib-y-buyuk{height:88px}
.ib-t-ayirici-kap{padding-block:0!important}
.ib-alinti{margin:0;padding:1.2em 1.4em;border-left:5px solid var(--ana,#4d7c0f);background:color-mix(in srgb,var(--ana,#4d7c0f) 8%,transparent);border-radius:0 var(--kose,10px) var(--kose,10px) 0}
.ib-alinti blockquote{margin:0;font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.5;font-style:italic}.ib-alinti blockquote p{margin:0}
.ib-alinti figcaption{margin-top:.6em;font-size:.92rem;color:var(--yazi-2,#6b7280)}.ib-alinti figcaption::before{content:"- "}
.ib-bilgi{padding:1em 1.2em;border-radius:var(--kose,10px);border:1px solid;border-left-width:5px;text-align:left}
.ib-bilgi-baslik{display:block;margin-bottom:.35em}
.ib-bilgi-bilgi{background:color-mix(in srgb,#3b82f6 12%,var(--zemin,#fff));border-color:#3b82f6}
.ib-bilgi-ipucu{background:color-mix(in srgb,#8b5cf6 12%,var(--zemin,#fff));border-color:#8b5cf6}
.ib-bilgi-uyari{background:color-mix(in srgb,#f59e0b 16%,var(--zemin,#fff));border-color:#f59e0b}
.ib-bilgi-basari{background:color-mix(in srgb,#10b981 14%,var(--zemin,#fff));border-color:#10b981}

/* ---- SSS ---- */
.ib-sss{display:grid;gap:.6rem;text-align:left}
.ib-sss-oge{border:1px solid var(--kenar,#d4d4d8);border-radius:var(--kose,10px);background:var(--zemin,#fff);overflow:hidden}
.ib-sss-oge summary{cursor:pointer;padding:.9em 1.1em;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1em;align-items:center}
.ib-sss-oge summary::-webkit-details-marker{display:none}
.ib-sss-oge summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--ana,#4d7c0f);flex:none}
.ib-sss-oge[open] summary::after{content:"\2212"}
.ib-sss-oge summary:focus-visible{outline:3px solid var(--ana,#2563eb);outline-offset:-3px}
.ib-sss-cevap{padding:0 1.1em 1em;line-height:1.7}.ib-sss-cevap p{margin:0 0 .6em}

/* ---- ürünler, video, iletişim, rozetler ---- */
.ib-urun-izgara{margin-top:.25rem}
.ib-video{position:relative;aspect-ratio:16/9;border-radius:var(--kose,10px);overflow:hidden;background:#000}
.ib-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ib-iletisim{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:0;text-align:left}
.ib-iletisim>div{padding:1em 1.1em;border:1px solid var(--kenar,#d4d4d8);border-radius:var(--kose,10px);background:var(--zemin,#fff);color:var(--yazi,inherit)}
.ib-iletisim dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--yazi-2,#6b7280);margin-bottom:.25em}
.ib-iletisim dd{margin:0;font-weight:600;overflow-wrap:anywhere}.ib-iletisim a{color:var(--ana,#2563eb)}
.ib-rozetler{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:inherit}
.ib-rozetler li{padding:.45em 1em;border-radius:999px;border:1px solid var(--kenar,#d4d4d8);background:var(--zemin,#fff);color:var(--yazi,inherit);font-weight:600;font-size:.92rem}
.ib-r-kutu li{border-radius:var(--kose,10px);padding:.8em 1.2em;flex:1 1 160px;text-align:center}
.ib-h-orta .ib-rozetler{justify-content:center}.ib-h-sag .ib-rozetler{justify-content:flex-end}

@media(max-width:700px){
  .ib-s-2,.ib-s-3,.ib-gm,.ib-gm-ucte{grid-template-columns:1fr}
  .ib-gm-ters{direction:ltr}
  .ib-t-hero>.ib-ic{min-height:200px}.ib-hy-yuksek>.ib-ic{min-height:300px}
  .ib-ic-buyuk{padding-block:1.6rem}
  .ib-gs-kucuk img,.ib-gs-orta img{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.ib-buton{transition:none}.ib-buton:hover{transform:none}}