/* Basımhanem — Anasayfa V5 (2026-09-24, kullanıcının son onaylı tam sayfa görseli)
 * tema-v3.css'ten SONRA yalnızca index.html'de yüklenir (<body class="v3 v3-home v5">).
 * Renkler: krem zemin, koyu yeşil-siyah butonlar, altın/bakır vurgu.
 * Başlıklar DM Serif Display, metin Poppins.
 * Görseller: assets/images/anasayfa-v5/ (aynı adla yüksek çözünürlüklüsü konabilir,
 * bkz. GORSEL-LISTESI.md).
 */
.v5 {
  --c-bg: #fbf8f3; --c-card: #fffdf9; --c-koyu: #1d2b24; --c-koyu-2: #273830;
  --c-altin: #b8894d; --c-altin-2: #d9b17c; --c-altin-acik: #f1dfc3;
  --c-cizgi: #ece3d6; --c-ink: #1c1b19; --c-soluk: #77716a;
  --c-golge: 0 1px 2px rgba(40,30,15,.04), 0 10px 28px rgba(60,45,25,.08);
  background: var(--c-bg);
}
.v5 h1, .v5 h2 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; letter-spacing: -.01em; color: var(--c-ink); }
.h5-wrap { max-width: 1364px; margin: 0 auto; padding: 0 26px; }

/* Header dokunuşları (anasayfa) */
.v5 #bhHeader { background: rgba(251,248,243,.94); border-bottom: 0; }

/* Kategori menüsü (.h5-nav): 2026-09-25'ten beri tüm sayfalarda site.js üretir,
   stili tema-v3.css'te. */

/* Hero */
.h5-hero { position: relative; overflow: hidden; min-height: 360px; background: #f6f0e7; }
.h5-hero::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 62%; background: url("images/anasayfa-v5/hero.webp?v=20261002-hq1") right center / cover no-repeat; }
.h5-hero::before { background-image: image-set(url("images/anasayfa-v5/hero-1536.webp?v=20261002-hq1") 1x, url("images/anasayfa-v5/hero.webp?v=20261002-hq1") 2x); }
.h5-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #f6f0e7 0%, #f6f0e7 36%, rgba(246,240,231,.7) 44%, rgba(246,240,231,0) 56%), linear-gradient(0deg, #fbf8f3 0%, rgba(251,248,243,0) 16%); }
.h5-hero .h5-wrap { position: relative; z-index: 1; padding-top: 40px; padding-bottom: 46px; }
.h5-kicker { font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: var(--c-altin); }
.h5-hero h1 { font-size: clamp(40px, 5vw, 70px); line-height: 1.02; margin: 12px 0 18px; }
.h5-hero p { max-width: 450px; font-size: 15px; line-height: 1.65; color: #4f4a44; margin: 0 0 24px; }
.h5-ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.h5-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 26px; border-radius: 999px; font: 500 14px 'Poppins', sans-serif; border: 1px solid transparent; cursor: pointer; transition: background .2s, transform .2s, border-color .2s; }
.h5-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.h5-btn-koyu { background: var(--c-koyu); color: #fff; }
.h5-btn-koyu:hover { background: #0f1814; transform: translateY(-1px); }
.h5-btn-cizgi { background: rgba(255,255,255,.55); border-color: #d6c9b5; color: var(--c-ink); }
.h5-btn-cizgi:hover { border-color: var(--c-ink); }
.h5-btn-altin { background: linear-gradient(135deg, #f3dcb8, #dcb582); color: var(--c-ink); }
.h5-btn-altin:hover { filter: brightness(1.05); }
.h5-tam { width: 100%; }

/* Güven satırı */
.h5-guven { display: grid; grid-template-columns: repeat(6, 1fr); padding: 20px 0 22px; }
.h5-guven > div { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 2px 12px; }
.h5-guven > div + div { border-left: 1px solid var(--c-cizgi); }
.h5-guven svg { width: 40px; height: 40px; flex-shrink: 0; fill: none; stroke: var(--c-altin); stroke-width: 1.3; stroke-linejoin: round; stroke-linecap: round; }
.h5-guven span { font-size: 11.5px; color: var(--c-soluk); line-height: 1.35; }
.h5-guven b { display: block; font-size: 13px; font-weight: 500; color: var(--c-ink); }

/* Stüdyo */
.h5-studyo { display: grid; grid-template-columns: 384px 1fr 352px; gap: 14px; }
.h5-studyo > * { min-width: 0; }
.h5-panel { background: var(--c-card); border-radius: 16px; box-shadow: var(--c-golge); padding: 18px; }
.h5-panel-baslik { display: flex; align-items: center; gap: 10px; margin: 0; font: 600 14px 'Poppins', sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase; color: var(--c-ink); }
.h5-panel-baslik svg { width: 22px; height: 22px; fill: none; stroke: var(--c-altin); stroke-width: 1.5; }
.h5-panel-alt { margin: 8px 0 14px; font-size: 13px; line-height: 1.55; color: var(--c-soluk); }
.h5-istek { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--c-cizgi); border-radius: 10px; padding: 10px 12px; background: #fff; margin-bottom: 12px; }
.h5-istek textarea { flex: 1; border: 0; outline: 0; resize: none; font: 400 13px/1.5 'Poppins', sans-serif; color: var(--c-ink); background: transparent; }
.h5-istek svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 10px; fill: none; stroke: var(--c-soluk); stroke-width: 1.6; }
.h5-istek:focus-within { border-color: var(--c-koyu); }
.h5-stil-bas { display: flex; justify-content: space-between; align-items: center; margin: 16px 0 8px; font-size: 12.5px; color: var(--c-ink); }
.h5-stil-bas a { font-size: 11px; color: var(--c-soluk); }
.h5-stil-bas a:hover { color: var(--c-ink); }
.h5-stiller { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
.h5-stiller button { padding: 0; border: 0; background: none; cursor: pointer; text-align: left; font: 400 11.5px 'Poppins', sans-serif; color: var(--c-ink); }
.h5-stiller img { display: block; width: 100%; aspect-ratio: 1.95; object-fit: cover; border-radius: 8px; border: 2px solid transparent; background: #efe6d9; transition: transform .2s; }
.h5-stiller button:hover img { transform: translateY(-2px); }
.h5-stiller button[aria-pressed="true"] img { border-color: var(--c-altin-2); }
.h5-stiller span { display: block; margin-top: 4px; }

/* 3D sahne (anasayfa-v5.js) */
.h5-sahne-panel { padding: 8px; }
.h5-sahne { position: relative; height: 100%; min-height: 440px; border-radius: 12px; overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none;
  background: radial-gradient(60% 55% at 62% 36%, #fffdf9 0%, #f3ece2 55%, #e7dccd 100%); }
.h5-sahne.surukle { cursor: grabbing; }
.h5-sahne::before { content: ""; position: absolute; left: 6%; bottom: 10%; width: 36%; height: 20%; border-radius: 50%; background: radial-gradient(ellipse at 40% 40%, #fbf6ef 0%, #efe3d2 45%, #e1d0b9 100%); box-shadow: 0 18px 30px rgba(60,45,25,.12), inset 0 -6px 12px rgba(120,90,50,.08); }
.h5-sahne::after { content: ""; position: absolute; left: 30%; bottom: 24%; width: 22%; height: 13%; border-radius: 50%; background: radial-gradient(ellipse at 40% 40%, #fbf6ef 0%, #eadcc8 55%, #ddcab0 100%); box-shadow: 0 12px 22px rgba(60,45,25,.10); }
.h5-sahne:fullscreen { border-radius: 0; }
.h4-3d { position: absolute; inset: 0; perspective: 1200px; perspective-origin: 50% 40%; z-index: 1; }
.h4-kart { position: absolute; left: 52%; top: 46%; transform-style: preserve-3d; }
.h4-kartcik { position: absolute; left: 0; top: 0; transform-style: preserve-3d; }
.h4-yuz { position: absolute; width: 340px; height: 206px; left: -170px; top: -103px; border-radius: var(--kose, 3px); backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; box-sizing: border-box; font-family: 'Poppins', sans-serif; box-shadow: 0 18px 36px rgba(40,30,15,.2); }
.h4-kenar { position: absolute; background: #c9a46a; }
.h4-parlak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.22) 45%, rgba(255,255,255,0) 60%); pointer-events: none; }
.h4-yuz .mono { width: 46px; height: 46px; border-radius: 50%; border: 1.3px solid var(--foil); display: grid; place-items: center; font: 400 21px 'DM Serif Display', serif; color: var(--foil); }
.h4-yuz .ad { font-size: 16px; letter-spacing: .55em; margin-right: -.55em; color: var(--foil); }
.h4-yuz .alt { font-size: 7.5px; letter-spacing: .4em; margin-right: -.4em; color: var(--foil); opacity: .9; }
.h4-on { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.h4-arka { display: flex; align-items: center; padding: 0 26px; gap: 18px; font-size: 9.5px; }
.h4-arka .kim { flex: 1; color: var(--foil); }
.h4-arka .kim b { display: block; font: 400 15px 'DM Serif Display', serif; margin-bottom: 2px; }
.h4-arka ul { list-style: none; margin: 0; padding: 0 0 0 16px; border-left: 1px solid var(--foil); display: grid; gap: 6px; color: var(--yazi, #e8e0d2); }
.h4-arka li::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--foil); margin-right: 8px; vertical-align: middle; }
.stil-1 { background: #1a1917; --yazi: #e9e1d3; }
.stil-2 { background: #f7f1e8; --yazi: #3b3631; }
.stil-2.h4-on { background: #f7f1e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M30 95C30 60 30 30 34 5' fill='none' stroke='%23c9a46a' stroke-width='1'/%3E%3Cg fill='none' stroke='%23c9a46a' stroke-width='.8'%3E%3Cpath d='M31 70c-8-2-12-8-12-14 7 2 11 7 12 14zM31 55c8-2 12-8 12-14-7 2-11 7-12 14zM32 40c-7-2-11-7-11-13 6 2 10 7 11 13zM33 26c6-2 10-7 10-12-6 2-9 6-10 12z'/%3E%3C/g%3E%3C/svg%3E") right 18px center / 44px no-repeat; }
.stil-3 { background: #171614 repeating-linear-gradient(115deg, transparent 0 22px, rgba(201,164,106,.22) 22px 23px); --yazi: #e9e1d3; }
.stil-4 { background: linear-gradient(125deg, #faf6ef 0%, #efe6d8 35%, #faf6ef 55%, #e8ddcc 100%); --yazi: #3b3631; }
.stil-4.h4-on::before { content: ""; position: absolute; inset: 0; background: linear-gradient(140deg, transparent 40%, rgba(201,164,106,.45) 42%, transparent 44%, transparent 60%, rgba(201,164,106,.3) 61%, transparent 63%); }
.stil-5 { background: #b99468; --yazi: #2c241b; }
.stil-5 .mono, .stil-5 .ad, .stil-5 .alt, .stil-5 .kim { color: #2c241b !important; border-color: #2c241b !important; }

.h5-gorunumler { position: absolute; top: 12px; left: 12px; z-index: 3; display: grid; gap: 7px; padding: 5px; background: rgba(255,255,255,.75); border-radius: 10px; }
.h5-gorunumler button { width: 46px; height: 46px; border-radius: 7px; border: 2px solid transparent; padding: 0; cursor: pointer; display: grid; place-items: center; background: #2a2723; }
.h5-gorunumler button[aria-pressed="true"] { border-color: var(--c-altin-2); }
.h5-gorunumler i { display: block; width: 28px; height: 17px; border-radius: 2px; background: #1a1917; border: 1px solid rgba(201,164,106,.8); }
.h5-gorunumler .aci i { transform: perspective(60px) rotateY(-30deg) rotateX(20deg); }
.h5-gorunumler .arka i { background: #34302b; border-style: dashed; }
.h5-gorunumler .oynat svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 1.6; }
.h5-oynat { position: absolute; left: 18px; top: 50%; z-index: 3; width: 48px; height: 48px; border-radius: 50%; border: 0; background: rgba(255,255,255,.85); box-shadow: 0 6px 16px rgba(40,30,15,.15); display: grid; place-items: center; cursor: pointer; transform: translateY(50%); }
.h5-oynat svg { width: 18px; height: 18px; fill: var(--c-ink); margin-left: 3px; }
.h5-surukle { position: absolute; top: 12px; right: 12px; z-index: 3; display: flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; background: rgba(255,255,255,.9); font-size: 11.5px; color: var(--c-ink); box-shadow: 0 4px 12px rgba(28,27,25,.08); pointer-events: none; }
.h5-surukle svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.h5-kontrol { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 3; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.h5-seg, .h5-araclar { display: flex; gap: 2px; padding: 4px; background: rgba(255,255,255,.92); border-radius: 999px; box-shadow: 0 4px 14px rgba(28,27,25,.08); }
.h5-seg button, .h5-araclar button { border: 0; background: transparent; border-radius: 999px; padding: 8px 18px; font: 500 12px 'Poppins', sans-serif; color: var(--c-ink); cursor: pointer; display: flex; align-items: center; gap: 6px; }
.h5-araclar button { padding: 8px 11px; }
.h5-seg button[aria-pressed="true"] { background: var(--c-koyu); color: #fff; }
.h5-araclar button[aria-pressed="true"] { color: var(--c-altin); }
.h5-araclar svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }

/* Özellikler paneli */
.h5-sekmeler { display: flex; gap: 2px; padding: 3px; background: #f4eee5; border-radius: 10px; margin-bottom: 12px; }
.h5-sekmeler button { flex: 1; border: 0; background: transparent; border-radius: 8px; padding: 7px 4px; font: 500 11.5px 'Poppins', sans-serif; color: var(--c-soluk); cursor: pointer; }
.h5-sekmeler button[aria-selected="true"] { background: #fff; color: var(--c-ink); box-shadow: 0 1px 3px rgba(28,27,25,.08); }
.h5-sekme[hidden] { display: none; }
.h5-sekme { min-height: 262px; }
.h4-alan { margin-bottom: 9px; }
.h4-alan > label, .h4-alan > .etiket, .h4-adet .etiket { display: block; font-size: 11.5px; color: var(--c-soluk); margin-bottom: 5px; }
.h5-sec { width: 100%; padding: 8px 10px; border: 1px solid var(--c-cizgi); border-radius: 8px; font: 400 13px 'Poppins', sans-serif; background: #fff; color: var(--c-ink); }
.h4-hap { display: flex; gap: 6px; }
.h4-hap button { flex: 1 1 auto; white-space: nowrap; border: 1px solid var(--c-cizgi); background: #fff; border-radius: 999px; padding: 7px 10px; font: 500 11px 'Poppins', sans-serif; color: var(--c-ink); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.h4-hap button[aria-pressed="true"] { background: var(--c-koyu); color: #fff; border-color: var(--c-koyu); }
.h4-hap .kose { width: 12px; height: 12px; border: 1.3px solid currentColor; border-radius: 1px; }
.h4-hap .kose.oval { border-radius: 4px; }
.h4-hap .kose.ozel { border-radius: 2px 7px 2px 7px; }
.h4-renk { display: flex; align-items: center; gap: 10px; }
.h4-renk button { width: 28px; height: 28px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--c-cizgi); cursor: pointer; padding: 0; }
.h4-renk button[aria-pressed="true"] { box-shadow: 0 0 0 1.5px var(--c-ink); }
.h4-renk small { margin-left: auto; font-size: 11.5px; color: var(--c-soluk); }
.h4-adet { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin: 6px 0 10px; }
.h4-adet > div:first-child { flex: 1; max-width: 190px; }
.h4-birim { text-align: right; font-size: 11px; color: var(--c-soluk); }
.h4-birim strong { display: block; font: 600 18px 'Poppins', sans-serif; color: var(--c-ink); }
.h5-sepet { width: 100%; padding: 13px; font-size: 14.5px; }
.h5-teslim { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px 0 0; font-size: 12px; color: var(--c-ink); }
.h5-teslim svg { width: 18px; height: 18px; fill: none; stroke: var(--c-altin); stroke-width: 1.6; }
.h4-not { display: none; margin: 8px 0 0; font-size: 11px; color: var(--c-soluk); text-align: center; }
.h4-not.goster { display: block; }
.h5-kademe-bas { font-size: 11.5px; color: var(--c-soluk); margin-bottom: 8px; }
.h5-kademeler { display: grid; gap: 6px; margin-bottom: 12px; }
.h5-kademeler button { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; border: 1px solid var(--c-cizgi); border-radius: 8px; font: inherit; font-size: 12.5px; color: var(--c-ink); background: #fff; text-align: left; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
.h5-kademeler button:hover { border-color: var(--c-ink); }
.h5-kademeler button[aria-pressed="true"] { border-color: var(--c-ink); box-shadow: 0 0 0 1px var(--c-ink); background: #fbf8f2; }
.h5-kademeler button.onerilen { border-color: var(--c-altin); }
.h5-kademeler button.onerilen[aria-pressed="true"] { border-color: var(--c-ink); }
.h5-kademeler .k-sol { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.h5-kademeler .k-adet { display: flex; align-items: center; gap: 6px; font-weight: 500; }
.h5-kademeler em { font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: .02em; padding: 2px 7px; border-radius: 999px; background: var(--c-ink); color: #fff; }
.h5-kademeler small { font-size: 11px; color: var(--c-soluk); }
.h5-kademeler b { font-weight: 600; white-space: nowrap; }
.h5-bilgi { font-size: 12px; line-height: 1.55; color: #4f4a44; margin-bottom: 8px; }
.h5-kontrol-liste { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; font-size: 12px; color: #4f4a44; }
.h5-kontrol-liste li { padding-left: 22px; position: relative; line-height: 1.45; }
.h5-kontrol-liste li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--c-altin); font-weight: 700; }
.h5-link { font-size: 12.5px; color: var(--c-ink); border-bottom: 1px solid var(--c-altin); }

/* Marka bandı */
.h5-marka { margin-top: 18px; display: grid; grid-template-columns: 330px 150px 1fr; gap: 22px; align-items: center; background: linear-gradient(100deg, #f3ece1 0%, #f6f0e7 60%, #efe6d8 100%); border-radius: 16px; padding: 22px 26px; box-shadow: var(--c-golge); }
.h5-marka > * { min-width: 0; }
.h5-marka h2 { font-size: 30px; line-height: 1.12; margin: 0 0 10px; }
.h5-marka p { margin: 0 0 16px; font-size: 13.5px; line-height: 1.55; color: #4f4a44; }
.h5-logo-yukle { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 16px 10px; border: 1.5px dashed #d6c6ae; border-radius: 12px; background: rgba(255,255,255,.7); text-align: center; color: var(--c-ink); }
.h5-logo-yukle:hover { border-color: var(--c-altin); }
.h5-logo-yukle > svg { width: 22px; height: 22px; fill: none; stroke: var(--c-ink); stroke-width: 1.6; margin-bottom: 4px; }
.h5-logo-yukle b { font-size: 13px; font-weight: 600; }
.h5-logo-yukle > small { font-size: 10.5px; color: var(--c-soluk); }
.h5-logo-yukle .ornek { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--c-cizgi); width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11px; letter-spacing: .25em; }
.h5-logo-yukle .ornek i { font-style: normal; width: 22px; height: 22px; border: 1px solid var(--c-altin); border-radius: 50%; display: grid; place-items: center; font-family: 'DM Serif Display', serif; color: var(--c-altin); letter-spacing: 0; }
.h5-logo-yukle .ornek small { display: none; }
.h5-marka-urunler { position: relative; }
.h5-marka-urunler img { display: block; width: 100%; height: 150px; object-fit: cover; object-position: center; border-radius: 10px; }
.h5-marka-urunler .etiketler { display: grid; grid-template-columns: repeat(7, 1fr); margin-top: 6px; text-align: center; font-size: 11.5px; color: var(--c-ink); }
.h5-tumu { position: absolute; top: -8px; right: 0; transform: translateY(-100%); font-size: 12px; color: var(--c-ink); }

/* Bölüm başlıkları */
.h5-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin: 30px 0 14px; }
.h5-bas h2 { font-size: 28px; margin: 0; }
.h5-bas p { margin: 3px 0 0; font-size: 13px; color: var(--c-soluk); }
.h5-bas > a { font-size: 12.5px; color: var(--c-ink); white-space: nowrap; }

/* Sektörler */
.h5-sektorler { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.h5-sektorler a { position: relative; display: block; background: var(--c-card); border-radius: 12px; overflow: hidden; box-shadow: var(--c-golge); transition: transform .25s, box-shadow .25s; }
.h5-sektorler a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(60,45,25,.14); }
.h5-sektorler img { display: block; width: 100%; height: auto; aspect-ratio: 2.05; object-fit: cover; background: #ece2d4; }
.h5-sektorler span { display: block; padding: 10px 40px 12px 14px; }
.h5-sektorler b { display: block; font-size: 13.5px; font-weight: 600; color: var(--c-ink); }
.h5-sektorler small { font-size: 11px; color: var(--c-soluk); }
.h5-sektorler em { position: absolute; right: 14px; bottom: 18px; font-style: normal; font-size: 15px; color: var(--c-ink); }

/* Neden Basımhanem */
.h5-neden { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.h5-neden > div { display: flex; align-items: center; gap: 12px; }
.h5-neden i { width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; border: 1.3px solid var(--c-altin-2); display: grid; place-items: center; }
.h5-neden svg { width: 24px; height: 24px; fill: none; stroke: var(--c-altin); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.h5-neden span { font-size: 11px; line-height: 1.4; color: var(--c-soluk); }
.h5-neden b { display: block; font-size: 13px; font-weight: 500; color: var(--c-ink); }

/* Yorumlar (site-yorumlari-widget.js çıktısı) */
.h5-yorumlar[hidden] { display: none; }
.v5 .h5-yorumlar .bh-sy-head { display: none; }
.v5 .h5-yorumlar .bh-sy-track { gap: 14px; scrollbar-width: none; }
.v5 .h5-yorumlar .bh-sy-track::-webkit-scrollbar { display: none; }
.v5 .h5-yorumlar .bh-sy-card { flex: 0 0 calc((100% - 42px) / 4); background: var(--c-card); border: 0; border-radius: 12px; padding: 16px 18px; box-shadow: var(--c-golge); gap: 10px; }
.v5 .h5-yorumlar .bh-sy-stars { color: #e3a33a; }
.v5 .h5-yorumlar .bh-sy-card-top, .v5 .h5-yorumlar .bh-sy-card-product { display: none; }
.v5 .h5-yorumlar .bh-sy-card-comment { font-size: 12.5px; color: #3b3631; }
.h4-yk-ust { display: flex; align-items: center; gap: 12px; }
.h4-yk-avatar { width: 40px; height: 40px; border-radius: 50%; background: #efe6d8; display: grid; place-items: center; font: 600 13px 'Poppins', sans-serif; color: var(--c-altin); flex-shrink: 0; }
.h4-yk-kim { flex: 1; min-width: 0; font-size: 13px; color: var(--c-ink); font-weight: 600; }
.h4-yk-kim small { display: block; font-weight: 400; font-size: 11px; color: var(--c-soluk); }

/* Süreç bandı */
.h5-surec { margin-top: 34px; background: radial-gradient(80% 140% at 70% 50%, #2e3d34 0%, #1b2620 55%, #131b17 100%); color: #f1ece3; }
.h5-surec-ic { display: grid; grid-template-columns: 360px 1fr 262px; gap: 26px; align-items: center; padding-top: 26px; padding-bottom: 26px; }
.h5-surec h2 { color: #fff; font-size: 30px; margin: 0 0 6px; }
.h5-surec p { margin: 0 0 16px; font-size: 13.5px; color: #d9d2c6; }
.h5-adimlar { list-style: none; margin: 0; padding: 18px 22px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(217,177,124,.35); border-radius: 14px; background: rgba(255,255,255,.04); }
.h5-adimlar li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font-size: 12.5px; line-height: 1.35; color: #f1ece3; padding: 0 10px; }
.h5-adimlar li + li::before { content: "›"; position: absolute; left: -6px; top: 6px; font-size: 26px; color: #a79c8b; }
.h5-adimlar b { width: 34px; height: 34px; border-radius: 50%; background: #fff; color: var(--c-ink); display: grid; place-items: center; font-weight: 600; font-size: 14px; }
.h5-video { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border: 1px solid rgba(217,177,124,.55); border-radius: 14px; background: rgba(255,255,255,.04); color: #f1ece3; font-size: 14px; line-height: 1.3; }
.h5-video i { width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; background: linear-gradient(135deg, #f3dcb8, #dcb582); display: grid; place-items: center; }
.h5-video svg { width: 20px; height: 20px; fill: var(--c-koyu); margin-left: 3px; }
.h5-video em { font-style: normal; color: var(--c-altin-2); }
.h5-video:hover { border-color: var(--c-altin-2); }

.v5 img.v3-img-yok { visibility: hidden; }

/* Duyarlı */
@media (max-width: 1200px) {
  .h5-studyo { grid-template-columns: 1fr 1fr; }
  .h5-sahne-panel { grid-column: 1 / -1; order: -1; }
  .h5-guven { grid-template-columns: repeat(3, 1fr); row-gap: 14px; }
  .h5-guven > div:nth-child(4) { border-left: 0; }
  .h5-marka { grid-template-columns: 1fr 160px; }
  .h5-marka-urunler { grid-column: 1 / -1; margin-top: 24px; }
  .h5-sektorler, .h5-neden { grid-template-columns: repeat(3, 1fr); }
  .v5 .h5-yorumlar .bh-sy-card { flex-basis: calc((100% - 14px) / 2); }
  .h5-surec-ic { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .h5-wrap { padding: 0 14px; }
  .h5-hero::before { width: 100%; top: auto; height: 200px; background-position: center; }
  .h5-hero::after { background: linear-gradient(180deg, #f6f0e7 0%, #f6f0e7 60%, rgba(246,240,231,0) 76%, rgba(251,248,243,0) 94%, #fbf8f3 100%); }
  .h5-hero .h5-wrap { padding-top: 26px; padding-bottom: 220px; }
  .h5-hero p { font-size: 14px; }
  .h5-guven { grid-template-columns: 1fr 1fr; }
  .h5-guven > div { justify-content: flex-start; border-left: 0 !important; padding: 4px; }
  .h5-guven svg { width: 32px; height: 32px; }
  .h5-studyo { grid-template-columns: 1fr; }
  .h5-sahne { min-height: 330px; }
  .h5-gorunumler, .h5-oynat { display: none; }
  .h4-hap { flex-wrap: wrap; }
  .h5-marka { grid-template-columns: 1fr; padding: 20px; }
  .h5-marka h2 { font-size: 25px; }
  .h5-marka-urunler .etiketler { font-size: 9.5px; }
  .h5-sektorler { grid-template-columns: 1fr 1fr; gap: 10px; }
  .h5-neden { grid-template-columns: 1fr; }
  .v5 .h5-yorumlar .bh-sy-card { flex-basis: 85%; }
  .h5-bas { flex-direction: column; align-items: flex-start; }
  .h5-adimlar { grid-template-columns: 1fr 1fr; row-gap: 16px; }
  .h5-adimlar li + li::before { display: none; }
}
/* 2. tur ölçü düzeltmeleri */
.h5-hero { min-height: 0; }
.h5-hero .h5-wrap { padding-top: 30px; padding-bottom: 34px; }
.h5-hero h1 { font-size: clamp(40px, 4.6vw, 64px); margin: 10px 0 16px; }
.h5-hero p { margin-bottom: 20px; }
.h5-guven { padding: 14px 0 18px; }
.h5-sahne { min-height: 380px; }
.h5-sekme { min-height: 0; }
.h5-panel-alt { margin: 6px 0 12px; font-size: 12.5px; }
.h5-stiller img { aspect-ratio: 2.05; }
/* 3. tur */
.h5-wrap { max-width: 1400px; padding: 0 22px; }
.h5-marka-urunler img { height: 138px; }
.h5-neden { gap: 10px; }
.h5-neden > div { gap: 10px; }
.h5-neden i { width: 42px; height: 42px; }
.h5-neden svg { width: 20px; height: 20px; }
.h5-neden b { font-size: 12.5px; white-space: nowrap; }
.h5-neden span { font-size: 10.5px; }
.h5-surec-ic { grid-template-columns: 430px 1fr 250px; }
.h5-surec h2 { font-size: 28px; white-space: nowrap; }
@media (max-width: 1200px) { .h5-surec h2 { white-space: normal; } .h5-neden b { white-space: normal; } }
.h5-surec-ic { padding-top: 34px; padding-bottom: 34px; }
.h5-surec p { margin-bottom: 18px; }
/* Duyarlı kurallar (sonradan eklenen masaüstü ölçülerinin ardından tekrar) */
@media (max-width: 1200px) {
  .h5-surec-ic { grid-template-columns: 1fr; }
  .h5-surec h2 { white-space: normal; }
}
@media (max-width: 760px) {
  .h5-wrap { padding: 0 14px; }
  .h5-hero .h5-wrap { padding-top: 24px; padding-bottom: 225px; }
  .h5-hero h1 { font-size: 40px; }
  .h5-surec h2 { font-size: 26px; }
  .h5-video { justify-content: flex-start; }
}
/* Kategori şeridi: 2026-09-25'te son ölçüleriyle tema-v3.css'e taşındı (tüm sayfalar). */

/* Mobil düzeltmeleri (2026-09-25) */
@media (max-width: 760px) {
  .v5 h2 { line-height: 1.15; }
  .h5-nav { position: relative; }
  .h5-nav::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 36px; background: linear-gradient(90deg, rgba(248,243,235,0), #f8f3eb); pointer-events: none; }
  .h5-nav-ic { padding: 4px 14px 0; }
  .h5-kicker { font-size: 9px; letter-spacing: .18em; line-height: 1.7; }
  .h5-hero h1 { font-size: 38px; margin: 10px 0 14px; }
  .h5-hero p { font-size: 14px; margin-bottom: 18px; }
  .h5-ctas { flex-direction: column; gap: 10px; }
  .h5-ctas .h5-btn { width: 100%; }
  .h5-hero .h5-wrap { padding-bottom: 215px; }
  .h5-guven { gap: 14px 10px; padding: 18px 0; }
  .h5-guven > div { gap: 10px; align-items: flex-start; }
  .h5-guven b { font-size: 12.5px; }
  .h5-guven span { font-size: 11px; }
  .h5-guven svg { width: 28px; height: 28px; }
  .h5-panel { padding: 16px; border-radius: 14px; }
  .h5-panel-baslik { font-size: 12.5px !important; }
  .h5-sahne-panel { padding: 6px; }
  .h5-sahne { min-height: 340px; }
  .h5-surukle { font-size: 10.5px; padding: 6px 10px; top: 10px; right: 10px; }
  .h5-kontrol { bottom: 10px; gap: 6px; flex-wrap: nowrap; padding: 0 8px; }
  .h5-seg button { padding: 7px 11px; font-size: 11px; }
  .h5-araclar button { padding: 7px 7px; font-size: 11px; }
  .h5-araclar svg { width: 15px; height: 15px; }
  .h4-kart { top: 42%; }
  .h4-hap button { padding: 7px 8px; font-size: 10.5px; }
  .h5-sekmeler button { font-size: 10.5px; }
  .h5-marka { gap: 16px; padding: 20px 16px; }
  .h5-marka h2 { font-size: 24px; }
  .h5-marka .h5-btn { width: 100%; }
  .h5-marka-urunler { margin-top: 8px; }
  .h5-marka-urunler img { height: 110px; }
  .h5-marka-urunler .etiketler { display: none; }
  .h5-tumu { position: static; transform: none; display: block; text-align: right; margin-bottom: 8px; }
  .h5-bas { margin: 28px 0 12px; }
  .h5-bas h2 { font-size: 24px; }
  .h5-sektorler span { padding: 9px 30px 10px 11px; }
  .h5-sektorler b { font-size: 12.5px; }
  .h5-sektorler small { display: block; font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .h5-sektorler em { right: 10px; bottom: 12px; font-size: 13px; }
  .h5-neden { gap: 12px; }
  .h5-neden b { white-space: normal; }
  .h5-surec-ic { padding-top: 28px; padding-bottom: 28px; gap: 18px; }
  .h5-surec h2 { font-size: 24px; }
  .h5-surec .h5-btn { width: 100%; }
  .h5-adimlar { padding: 16px 12px; }
  .h5-adimlar li { font-size: 12px; }
}
.h5-kicker .kisa { display: none; }
@media (max-width: 760px) { .h5-kicker .uzun { display: none; } .h5-kicker .kisa { display: inline; } .h5-kicker { font-size: 10px; letter-spacing: .2em; } }

/* ================= Anasayfa stüdyosu (2026-09-25, 1. aşama) ================= */
.h5-studyo-ust { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 28px 0 12px; flex-wrap: wrap; }
.h5-urun-sekme { display: flex; gap: 4px; padding: 4px; background: #f1e9dd; border-radius: 12px; }
.h5-urun-sekme button { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; border-radius: 9px; padding: 9px 18px; font: 500 13px 'Poppins', sans-serif; color: #4f4a44; cursor: pointer; }
.h5-urun-sekme button svg { width: 19px; height: 19px; fill: none; stroke: #b07a45; stroke-width: 1.6; }
.h5-urun-sekme button[aria-selected="true"] { background: var(--c-koyu); color: #fff; }
.h5-urun-sekme button[aria-selected="true"] svg { stroke: #e8c592; }
.h5-alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 6px; }
.h5-alan { display: block; border: 1px solid var(--c-cizgi); border-radius: 9px; padding: 5px 10px 6px; background: #fff; }
.h5-alan.genis { grid-column: 1 / -1; }
.h5-alan:focus-within { border-color: var(--c-koyu); }
.h5-alan span { display: block; font-size: 9.5px; color: #9b948a; }
.h5-alan input { width: 100%; border: 0; outline: 0; padding: 1px 0 0; font: 400 13px 'Poppins', sans-serif; color: var(--c-ink); background: transparent; }
.h5-daha-alan { border: 0; background: none; padding: 2px 0 10px; font: 500 11.5px 'Poppins', sans-serif; color: var(--c-altin); cursor: pointer; }
.h5-hak { margin: 7px 0 0; text-align: center; font-size: 10.5px; color: #9b948a; }
.h5-hata { margin: 6px 0 0; font-size: 12px; color: #b3261e; min-height: 0; }
.h5-hata:empty { display: none; }
.h5-hata a { color: var(--c-koyu); font-weight: 600; text-decoration: underline; }
.h5-stiller .h5-onz { display: grid; place-items: center; aspect-ratio: 1.95; border-radius: 8px; border: 2px solid transparent; background: #efe6d9; overflow: hidden; transition: transform .2s; }
.h5-stiller .h5-onz img { width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; aspect-ratio: auto; }
.h5-stiller button[aria-pressed="true"] .h5-onz { border-color: var(--c-altin-2); }
.h5-stiller button:hover .h5-onz { transform: translateY(-2px); }
.h5-stiller.taslak { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.h5-stiller.taslak .h5-onz { aspect-ratio: 1; padding: 6px; background: #f3ece2; }
.h5-stiller.taslak .h5-onz img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; box-shadow: 0 4px 10px rgba(0,0,0,.15); }
.h5-stiller.bekliyor { opacity: .45; pointer-events: none; }
.h5-yukleniyor { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: h5don .8s linear infinite; vertical-align: -2px; }
@keyframes h5don { to { transform: rotate(360deg); } }
.h4-gorsel { background: #fff; }
.h4-gorsel img { display: block; width: 100%; height: 100%; object-fit: fill; }
.h5-btn:disabled { opacity: .6; cursor: default; transform: none; }
@media (max-width: 760px) {
  .h5-studyo-ust { margin-top: 22px; }
  .h5-urun-sekme { width: 100%; }
  .h5-urun-sekme button { flex: 1; justify-content: center; }
  .h5-studyo-ust .h5-link { font-size: 12px; }
}
.h5-ozellik .h4-hap { flex-wrap: wrap; }
.h5-ozellik .h4-hap button { flex: 0 1 auto; }
.h5-stiller.dikey .h5-onz { aspect-ratio: 1.3; padding: 6px; background: #f3ece2; }
.h5-stiller.dikey .h5-onz img { width: auto; height: 100%; object-fit: contain; box-shadow: 0 4px 10px rgba(0,0,0,.15); }
/* 2026-09-30: stüdyo "Temizle" düğmesi (yazılanları ve taslakları siler) */
.h5-temizle { margin-left: 16px; color: #8a8175; }
.h5-temizle:hover { color: #b3261e; }

/* 2026-10-02: Marka vitrini tüm ürünleri kırpmadan gösterir. */
.h5-marka-urunler img { object-fit: contain; background: #efe7dc; }

/* 2026-10-13: Ürün keşfi ve sayfayla bütünleşen üretim ortağı daveti. */
.h5-kesfet { margin-top: 36px; }
.h5-kesfet .h5-bas { margin: 0 0 18px; }
.h5-kesfet-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.h5-kesfet-kart { display: block; min-width: 0; overflow: hidden; border-radius: 12px; background: var(--c-card); color: var(--c-ink); box-shadow: 0 3px 12px rgba(40,30,15,.04); text-decoration: none; }
.h5-kesfet-kart img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.h5-kesfet-kart span { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px; font-size: 14px; font-weight: 500; }
.h5-kesfet-kart svg { flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.h5-kesfet-kart:hover { background: #f1e9dd; }
.h5-kesfet-kart:focus-visible, .h5-usta .h5-btn:focus-visible { outline: 3px solid #91642f; outline-offset: 4px; }
.h5-usta { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.5fr) auto; gap: 34px; align-items: center; margin-top: 48px; margin-bottom: 28px; padding: 24px 0; border-top: 1px solid #dacbb6; border-bottom: 1px solid #dacbb6; }
.h5-usta-foto { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 8px; }
.h5-usta-kick { display: block; margin-bottom: 10px; color: #896333; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; }
.h5-usta h2 { margin: 0 0 10px; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.15; text-wrap: balance; }
.h5-usta p { margin: 0; color: #4f4a44; font-size: 13.5px; line-height: 1.8; }
.h5-usta-davet { display: grid; gap: 9px; justify-items: center; }
.h5-usta-davet .h5-btn { white-space: nowrap; padding: 13px 22px; }
.h5-usta-davet small { color: #77716a; font-size: 11px; }
@media (max-width: 1000px) {
  .h5-kesfet-kartlar { gap: 12px; }
  .h5-kesfet-kart span { padding: 12px; font-size: 12px; }
  .h5-usta { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px 24px; }
  .h5-usta-foto { grid-row: span 2; }
  .h5-usta-davet { grid-column: 2; justify-items: start; }
}
@media (max-width: 600px) {
  .h5-kesfet { margin-top: 30px; }
  .h5-kesfet-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h5-kesfet-kart span { align-items: flex-start; min-height: 58px; gap: 8px; font-size: 12px; line-height: 1.45; }
  .h5-kesfet-kart svg { flex-basis: 14px; width: 14px; height: 14px; margin-top: 2px; }
  .h5-usta { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 34px; margin-bottom: 20px; padding: 24px 0; }
  .h5-usta-foto { grid-row: auto; }
  .h5-usta h2 { font-size: 29px; }
  .h5-usta p { font-size: 13px; }
  .h5-usta p br { display: none; }
  .h5-usta-davet { grid-column: auto; justify-items: center; }
  .h5-usta-davet .h5-btn { width: 100%; }
}