/* =====================================================================
   Aile kabukları — brif bölüm 6 (blok, çerçeve) ve bölüm 7 (13 stil).
   Yalnızca değişkenleri ve birkaç seçiciyi ezer; bileşenler değişkenleri kullanır.
   ===================================================================== */

/* ---------- 6b) Blok (domain.com esinli) ---------- */
.duzen-blok { --r: 12px; --r-lg: 12px; --btn-r: 6px; --golge: none; --golge-lg: none; }
.duzen-blok .th-kart, .duzen-blok .th-kategori-kart { box-shadow: none; }
.duzen-blok .th-kategori-kart:hover { transform: none; box-shadow: none; }
.duzen-blok .th-bolum { padding: 44px 0 48px; }
.duzen-blok .th-bolum + .th-bolum { padding-top: 44px; }
.duzen-blok .th-btn-ana { background: var(--ana-koyu); color: #fff; }
.duzen-blok .th-cta { background: var(--kart); color: var(--metin); border: 1px solid var(--cizgi); }
.duzen-blok .bant-vurgu2 .th-cta, .duzen-blok .bant-koyu .th-cta { background: var(--kart); color: var(--metin); padding: 30px 32px; border-radius: 12px; }
.duzen-blok .bant-koyu { color: var(--bant-metin); }
.duzen-blok .bant-koyu .th-kart { color: var(--metin); }
.duzen-blok .th-hero-kompakt { background: var(--vurgu2); border-top: 1.5px solid var(--ana-koyu); }
.duzen-blok .th-footer { background: var(--zemin); }

/* ---------- 6c) Çerçeve (hosted.com esinli) ---------- */
.duzen-cerceve { --r: 20px; --r-lg: 20px; --btn-r: 999px; --golge: none; --golge-lg: none; --kart-cerceve: 3px solid var(--cizgi); }
.duzen-cerceve .th-kart, .duzen-cerceve .th-kategori-kart, .duzen-cerceve .th-hero-kart { box-shadow: none; }
.duzen-cerceve .th-kategori-kart:hover { transform: none; }
.duzen-cerceve .th-btn-ana { background: var(--vurgu); color: var(--vurgu-metin); }
.duzen-cerceve .th-btn-vurgu { background: var(--vurgu); }
.duzen-cerceve .th-avatar { background: var(--ana) !important; }
.duzen-cerceve .th-cta { background: var(--ana-acik); color: var(--metin); border: 3px solid var(--cizgi); }
.duzen-cerceve .th-bolum { padding: 44px 0; }
.duzen-cerceve .th-bolum + .th-bolum { padding-top: 44px; }
.duzen-cerceve .th-arama { border: 3px solid var(--cizgi); box-shadow: none; border-radius: 999px; }
.duzen-cerceve .th-arama .th-btn { border-radius: 999px; }
.duzen-cerceve .th-kategori-ikon { border-radius: 999px; }

/* ---------- 7.1) Parıltı (dynadot) ---------- */
.stil-parilti { --r: 20px; --r-lg: 24px; --btn-r: 999px; --kart-cerceve: 0 solid transparent; --golge: 6px 10px 20px rgba(187,214,255,.28); --golge-lg: 6px 14px 30px rgba(187,214,255,.38); }
.stil-parilti .th-kart, .stil-parilti .th-kategori-kart { border: 0; }
.stil-parilti .th-kart:hover, .stil-parilti .th-kategori-kart:hover { transform: translateY(-2px); }
.stil-parilti .th-kategori-ikon { width: 52px; height: 52px; border-radius: 999px; }
.stil-parilti .th-arama { border-radius: 999px; box-shadow: 0 0 0 6px rgba(140,200,255,.28), 0 14px 34px rgba(0,20,80,.35); padding-left: 18px; }
.stil-parilti .th-arama .th-btn { border-radius: 999px; }
.stil-parilti .th-hero { text-align: center; padding: 48px 0 64px; }
.stil-parilti .th-hero h1 { max-width: 20em; margin-left: auto; margin-right: auto; font-size: clamp(30px, 4.4vw, 46px); }
.stil-parilti .th-hero-alt, .stil-parilti .th-arama { margin-left: auto; margin-right: auto; }
.stil-parilti .th-cipler { justify-content: center; }
.stil-parilti .th-bolum-baslik { flex-direction: column; align-items: center; text-align: center; }
.stil-parilti .th-bolum-baslik h2 { font-size: 28px; }
.stil-parilti .th-cta { border-radius: 24px; background: var(--ana-koyu); }
.stil-parilti .th-footer { background: var(--zemin); border-top: 1px solid var(--cizgi); }

/* ---------- 7.2) Zikzak (arc.net) ---------- */
.stil-zikzak { --r: 16px; --r-lg: 16px; --btn-r: 10px; --kart-cerceve: 0 solid transparent; --golge: 0 2px 2px rgba(0,0,0,.1); --golge-lg: 0 4px 4px rgba(0,0,0,.12); }
.stil-zikzak .th-kart, .stil-zikzak .th-kategori-kart { border: 0; }
.stil-zikzak .th-btn { box-shadow: 0 5px 5px rgba(0,0,0,.12); }
.stil-zikzak .th-header { background: var(--ana); color: #fff; padding-bottom: 14px; }
.stil-zikzak .th-header::after, .stil-zikzak .bant-vurgu2::after { content: ""; position: absolute; left: 0; right: 0; bottom: -14px; height: 14px; z-index: 1;
	background: linear-gradient(-45deg, transparent 33.333%, var(--ana) 33.333%, var(--ana) 66.667%, transparent 66.667%), linear-gradient(45deg, transparent 33.333%, var(--ana) 33.333%, var(--ana) 66.667%, transparent 66.667%);
	background-size: 28px 28px; background-position: 0 -14px; }
.stil-zikzak .bant-vurgu2 { position: relative; background: var(--vurgu2); color: #fff; margin-bottom: 14px; }
.stil-zikzak .bant-vurgu2::after { background-image: linear-gradient(-45deg, transparent 33.333%, var(--vurgu2) 33.333%, var(--vurgu2) 66.667%, transparent 66.667%), linear-gradient(45deg, transparent 33.333%, var(--vurgu2) 33.333%, var(--vurgu2) 66.667%, transparent 66.667%); }
.stil-zikzak .bant-vurgu2 .th-kart { color: var(--metin); }
.stil-zikzak .th-bolum-baslik { flex-direction: column; align-items: center; text-align: center; }
.stil-zikzak .th-bolum-baslik h2 { color: var(--ana); }
.stil-zikzak .bant-vurgu2 .th-bolum-baslik h2 { color: #fff; }
.stil-zikzak .th-footer { background: var(--zemin); border-top: 2px dashed var(--ana); }

/* ---------- 7.3) Çizgili (heyjay.studio) ---------- */
.stil-cizgili { --r: 24px; --r-lg: 24px; --btn-r: 999px; --kart-cerceve: 1px solid #111; --golge: none; --golge-lg: none; }
.stil-cizgili .th-kart, .stil-cizgili .th-kategori-kart { background: #fff; box-shadow: none; }
.stil-cizgili .th-kategori-kart:hover { transform: none; }
.stil-cizgili .th-header-ust { border-bottom: 0; }
.stil-cizgili .th-header::after { content: ""; display: block; height: 16px; background: repeating-conic-gradient(#111 0 25%, #fff 0 50%) 0 0 / 16px 16px; position: relative; z-index: 1; }
.stil-cizgili .th-btn { border: 1px solid #111; box-shadow: 3px 3px 0 #111; color: #111; }
.stil-cizgili .th-btn:hover { transform: translate(1px, 1px); box-shadow: 2px 2px 0 #111; }
.stil-cizgili .th-btn-ana { background: var(--vurgu); }
.stil-cizgili .th-btn-whatsapp { color: #fff; }
.stil-cizgili .th-kategori-1 .th-kategori-ikon { background: #ffcf33; color: #111; }
.stil-cizgili .th-kategori-2 .th-kategori-ikon { background: #3f8cff; color: #fff; }
.stil-cizgili .th-kategori-3 .th-kategori-ikon { background: #35a853; color: #fff; }
.stil-cizgili .th-kategori-4 .th-kategori-ikon { background: #ff8fb8; color: #111; }
.stil-cizgili .th-kategori-0 .th-kategori-ikon { background: #ff5a2d; color: #fff; }
.stil-cizgili .th-hero { text-align: center; }
.stil-cizgili .th-hero h1 { font-weight: 600; font-size: clamp(32px, 5vw, 54px); max-width: 18em; margin-left: auto; margin-right: auto; }
.stil-cizgili .th-hero-alt, .stil-cizgili .th-arama { margin-left: auto; margin-right: auto; }
.stil-cizgili .th-cipler { justify-content: center; }
.stil-cizgili .th-arama { border: 1px solid #111; box-shadow: 3px 3px 0 #111; }
.stil-cizgili .th-cta { background: #fff; color: #111; border: 1px solid #111; box-shadow: 4px 4px 0 #111; }
.stil-cizgili .bant-vurgu .th-cta, .stil-cizgili .bant-vurgu2 .th-cta { background: #fff; color: #111; padding: 30px 32px; border-radius: 24px; }
.stil-cizgili .th-footer { background: #fff; border-top: 1px solid #111; }

/* ---------- 7.4) Komik (conceptcapers) ---------- */
.stil-komik { --r: 14px; --r-lg: 14px; --btn-r: 999px; --kart-cerceve: 4px solid var(--ana); --golge: 6px 6px 0 var(--ana); --golge-lg: 8px 8px 0 var(--ana); }
.stil-komik h1, .stil-komik h2, .stil-komik h3 { text-transform: uppercase; }
.stil-komik .th-hero { border-top: 4px solid var(--ana); border-bottom: 4px solid var(--ana); }
.stil-komik .th-kategori-kart:hover { transform: rotate(0) translateY(-2px); }
.stil-komik .th-kategori-kart:nth-child(odd) { transform: rotate(-1.5deg); }
.stil-komik .th-kategori-kart:nth-child(even) { transform: rotate(1.5deg); }
.stil-komik .th-kategori-0 .th-kategori-ikon { background: #ffe08a; color: var(--ana); }
.stil-komik .th-kategori-1 .th-kategori-ikon { background: #b6e3a5; color: var(--ana); }
.stil-komik .th-kategori-2 .th-kategori-ikon { background: #f7b6d0; color: var(--ana); }
.stil-komik .th-kategori-3 .th-kategori-ikon { background: #c9b3e6; color: var(--ana); }
.stil-komik .th-kategori-4 .th-kategori-ikon { background: #a8d8f0; color: var(--ana); }
.stil-komik .th-btn { border: 3px solid var(--ana); font-weight: 800; text-transform: uppercase; letter-spacing: .02em; }
.stil-komik .th-btn-vurgu { background: var(--vurgu); color: var(--ana); }
.stil-komik .th-btn-ana { background: var(--ana); color: #fff; }
.stil-komik .th-arama { border: 4px solid var(--ana); box-shadow: 6px 6px 0 var(--ana); border-radius: 14px; }
.stil-komik .th-cta { background: var(--vurgu2); color: var(--ana); border: 4px solid var(--ana); box-shadow: 6px 6px 0 var(--ana); }
.stil-komik .bant-koyu { background: var(--ana); }
.stil-komik .bant-koyu .th-kart { color: var(--metin); }
.stil-komik .th-footer { background: var(--ana); color: #fff; border: 0; }
.stil-komik .th-footer .th-footer-marka p, .stil-komik .th-footer-alt { color: rgba(255,255,255,.8); }

/* ---------- 7.5) Tablo (inkrediblenotary) ---------- */
.stil-tablo { --r: 0; --r-lg: 0; --btn-r: 0; --kart-cerceve: 2px solid #111; --golge: none; --golge-lg: none; }
.stil-tablo .th-kart, .stil-tablo .th-kategori-kart { box-shadow: none; }
.stil-tablo .th-kategori-kart:hover { transform: none; }
.stil-tablo .th-kategoriler-satir, .stil-tablo .th-kategoriler { gap: 0; }
.stil-tablo .th-kategoriler > * + *, .stil-tablo .th-kategori-tumu { margin-left: -2px; }
.stil-tablo .th-kategori-ikon, .stil-tablo .th-avatar, .stil-tablo .th-tekil-kapak, .stil-tablo .th-govde img { border-radius: 0; }
.stil-tablo .th-nav ul li + li { border-left: 2px solid #111; padding-left: 18px; }
.stil-tablo .th-hero h1 { font-size: clamp(40px, 7vw, 84px); line-height: .95; text-transform: uppercase; max-width: none; }
.stil-tablo .th-hero-alt { text-transform: uppercase; font-size: 14px; letter-spacing: .06em; }
.stil-tablo .th-btn { border: 2px solid #111; text-transform: uppercase; font-size: 12.5px; letter-spacing: .04em; }
.stil-tablo .th-btn-ana { background: #111; color: #fff; }
.stil-tablo .th-btn-vurgu { background: var(--vurgu); color: #fff; }
.stil-tablo .th-bolum-baslik h2 { font-size: 30px; border-bottom: 2px solid #111; padding-bottom: 8px; }
.stil-tablo .th-bolum-baslik { border-bottom: 0; }
.stil-tablo .th-arama { border: 2px solid #111; box-shadow: none; border-radius: 0; }
.stil-tablo .th-cta { background: #111; color: #fff; border-radius: 0; }
.stil-tablo .th-footer { background: #111; color: #fff; border: 0; }
.stil-tablo .th-footer .th-footer-marka p, .stil-tablo .th-footer-alt { color: rgba(255,255,255,.75); }
.stil-tablo .th-rozet { border-radius: 0; }

/* ---------- 7.6) Retro (supclub) ---------- */
.stil-retro { --r: 4px; --r-lg: 4px; --btn-r: 0; --kart-cerceve: 1px solid var(--cizgi); --golge: none; --golge-lg: 0 6px 16px rgba(0,49,32,.15); }
.stil-retro .th-header { border-top: 8px solid var(--ana); }
.stil-retro .th-header::after { content: ""; display: block; height: 14px; background: repeating-conic-gradient(var(--ana) 0 25%, var(--zemin) 0 50%) 0 0 / 14px 14px; position: relative; z-index: 1; }
.stil-retro .th-nav a:not(.th-btn) { text-transform: uppercase; font-size: 12.5px; letter-spacing: .06em; }
.stil-retro .th-btn { border: 3px solid var(--ana); text-transform: uppercase; font-size: 12.5px; letter-spacing: .04em; }
.stil-retro .th-btn-ana { background: var(--ana); color: #fff; }
.stil-retro .th-btn-vurgu { background: var(--vurgu); color: #fff; }
.stil-retro .th-kart-gorsel { border: 5px solid #fff; transform: rotate(-1.2deg); margin: 8px; box-shadow: 0 2px 6px rgba(0,0,0,.12); }
.stil-retro .th-kart-yatay .th-kart-gorsel, .stil-retro .th-kart-slider .th-kart-gorsel { transform: rotate(0); margin: 6px; }
.stil-retro .bant-koyu { background: var(--ana); }
.stil-retro .bant-koyu .th-kart { color: var(--metin); }
.stil-retro .th-cta { background: var(--vurgu); color: #fff; border-radius: 4px; }
.stil-retro .th-footer { background: var(--ana); color: #fff; border: 0; }
.stil-retro .th-footer .th-footer-marka p, .stil-retro .th-footer-alt { color: rgba(255,255,255,.8); }

/* ---------- 7.7) Yaprak (scriptrunner) ---------- */
.stil-yaprak { --r: 24px; --r-lg: 24px; --btn-r: 999px; --kart-cerceve: 0 solid transparent; --golge: none; --golge-lg: none; }
.stil-yaprak { background: var(--zemin); padding: 8px; }
.stil-yaprak .th-header { border-radius: 24px; margin-bottom: 8px; background: var(--ana-koyu); }
.stil-yaprak .th-header-ust .th-ust-satir { background: rgba(255,255,255,.14); backdrop-filter: blur(8px); border-radius: 999px; margin-top: 12px; padding: 4px 8px 4px 12px; min-height: 60px; }
.stil-yaprak .th-header-cta { background: #111; color: #fff; }
.stil-yaprak .th-ana { background: #fff; border-radius: 24px; }
.stil-yaprak .th-kart, .stil-yaprak .th-kategori-kart { background: var(--ana-acik); border: 0; box-shadow: none; }
.stil-yaprak .th-hero { text-align: center; padding: 64px 0 80px; }
.stil-yaprak .th-hero h1 { max-width: 20em; margin-left: auto; margin-right: auto; }
.stil-yaprak .th-hero-alt, .stil-yaprak .th-arama { margin-left: auto; margin-right: auto; }
.stil-yaprak .th-cipler { justify-content: center; }
.stil-yaprak .th-arama { border-radius: 999px; padding-left: 18px; }
.stil-yaprak .th-arama .th-btn { border-radius: 999px; }
.stil-yaprak .th-btn-ana { background: var(--ana); color: #fff; }
.stil-yaprak .th-cta { background: #111; color: #fff; }
.stil-yaprak .th-footer { background: #fff; border-radius: 24px; margin-top: 8px; border: 0; }
@media (max-width: 720px) { .stil-yaprak { padding: 6px; } .stil-yaprak .th-hero { padding: 40px 0 52px; } }

/* ---------- 7.8) Yumuşak (jamm.co) ---------- */
.stil-yumusak { --r: 24px; --r-lg: 24px; --btn-r: 999px; --kart-cerceve: 0 solid transparent; --golge: none; --golge-lg: none; }
.stil-yumusak .th-header-ust .th-ust-satir { min-height: 78px; }
.stil-yumusak .th-header-ust { border-bottom: 0; }
.stil-yumusak .th-kart, .stil-yumusak .th-kategori-kart { background: var(--ana-acik); border: 0; box-shadow: none; }
.stil-yumusak .th-btn { padding: 12px 22px; text-transform: uppercase; font-weight: 700; letter-spacing: .04em; font-size: 13px; }
.stil-yumusak .th-btn-vurgu, .stil-yumusak .th-btn-ana { background: var(--vurgu); color: #fff; }
.stil-yumusak .th-nav a:not(.th-btn) { text-transform: uppercase; font-size: 13px; letter-spacing: .04em; }
.stil-yumusak h1, .stil-yumusak h2 { font-weight: 700; }
.stil-yumusak .th-hero h1 { font-size: clamp(30px, 4.6vw, 46px); }
.stil-yumusak .th-arama { border-radius: 999px; padding-left: 18px; }
.stil-yumusak .th-arama .th-btn { border-radius: 999px; }
.stil-yumusak .th-cta { background: var(--ana); color: #fff; }
.stil-yumusak .th-footer { background: #353148; color: #fff; border: 0; }
.stil-yumusak .th-footer .th-footer-marka p, .stil-yumusak .th-footer-alt { color: rgba(255,255,255,.8); }

/* ---------- 7.9) Defter (daisy-ai) ---------- */
.stil-defter { --r: 20px; --r-lg: 30px; --btn-r: 10px; --kart-cerceve: 3px solid var(--ana); --golge: none; --golge-lg: none; }
.stil-defter { background-color: var(--zemin); background-image: linear-gradient(rgba(0,0,0,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,.07) 1px, transparent 1px); background-size: 24px 24px; }
.stil-defter .th-kart, .stil-defter .th-kategori-kart { background: #fff; box-shadow: none; }
.stil-defter .th-kategori-kart:hover { transform: none; }
.stil-defter .th-btn { border: 3px solid var(--ana); box-shadow: 5px 5px 0 #d8aeff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.stil-defter .th-btn:hover { transform: translate(1px, 1px); box-shadow: 4px 4px 0 #d8aeff; }
.stil-defter .th-btn-ana, .stil-defter .th-btn-vurgu { background: var(--vurgu); color: var(--ana); }
.stil-defter .th-btn-whatsapp { color: #fff; }
.stil-defter .bant { border-radius: 30px; }
.stil-defter .bant-acik { background: var(--ana-acik); }
.stil-defter .bant-vurgu2 { background: var(--vurgu2); }
.stil-defter .th-arama { border: 3px solid var(--ana); box-shadow: 5px 5px 0 #d8aeff; }
.stil-defter .th-cta { background: #fff; color: var(--ana); border: 3px solid var(--ana); }
.stil-defter .th-footer { background: #fff; border-top: 3px solid var(--ana); }
.stil-defter .th-header-ust { border-bottom: 3px solid var(--ana); }

/* ---------- 7.10) Limon (harbour) ---------- */
.stil-limon { --r: 20px; --r-lg: 20px; --btn-r: 8px; --kart-cerceve: 0 solid transparent; --golge: none; --golge-lg: none; }
.stil-limon .th-header-ust { border-bottom: 0; padding-top: 12px; }
.stil-limon .th-header-ust .th-ust-satir { background: var(--vurgu); border: 1px solid #111; border-radius: 12px; padding: 4px 8px 4px 12px; min-height: 60px; }
.stil-limon .th-header-ust .th-logo tspan { fill: var(--ana); } /* sarı bant üstünde sarı vurgu görünmez */
.stil-yumusak .th-header-ust .th-logo tspan, .stil-cizgili .th-header-ust .th-logo tspan { fill: var(--vurgu); }
.stil-limon .th-kart, .stil-limon .th-kategori-kart { background: var(--ana-acik); border: 0; box-shadow: none; }
.stil-limon .th-kart-gorsel { background: #fff; }
.stil-limon .th-btn-ana, .stil-limon .th-btn-vurgu, .stil-limon .th-header-cta { background: var(--ana); color: #fff; }
.stil-limon .bant-vurgu2 { background: var(--vurgu2); color: #fff; }
.stil-limon .bant-vurgu2 .th-kart { color: var(--metin); }
.stil-limon .bant-vurgu2 .th-bolum-baslik h2 { color: #fff; }
.stil-limon h1, .stil-limon h2 { font-weight: 700; }
.stil-limon .th-hero h1 { font-size: clamp(30px, 4.6vw, 46px); }
.stil-limon .th-cta { background: var(--ana); color: #fff; }
.stil-limon .bant-vurgu .th-cta { background: transparent; color: var(--ana); }
.stil-limon .th-footer { background: var(--ana-acik); border: 0; }

/* ---------- 7.11) Sakin (movetobemore) ---------- */
.stil-sakin { --r: 10px; --r-lg: 10px; --btn-r: 4px; --kart-cerceve: 1px solid var(--cizgi); --golge: none; --golge-lg: none; }
.stil-sakin .th-kart, .stil-sakin .th-kategori-kart { box-shadow: none; }
.stil-sakin .th-kategori-kart { background: var(--vurgu2); color: #fff; border: 0; }
.stil-sakin .th-kategori-ikon { background: rgba(255,255,255,.18); color: #fff; }
.stil-sakin .binme .th-kategori-kart { box-shadow: 0 10px 24px rgba(0,0,0,.15); }
.stil-sakin .th-btn { border: 1px solid currentColor; text-transform: uppercase; font-size: 12px; letter-spacing: .12em; font-weight: 500; background: transparent; color: currentColor; }
.stil-sakin .th-btn-ana { background: var(--ana); color: #fff; border-color: var(--ana); }
.stil-sakin .th-btn-vurgu { background: var(--vurgu); color: #fff; border-color: var(--vurgu); }
.stil-sakin .th-btn-whatsapp { border-color: var(--whatsapp); }
.stil-sakin .th-nav a:not(.th-btn) { text-transform: uppercase; letter-spacing: .1em; font-size: 12.5px; }
.stil-sakin .th-cta { background: var(--vurgu); color: #fff; }
.stil-sakin .th-footer { background: var(--vurgu2); color: #fff; border: 0; }
.stil-sakin .th-footer .th-footer-marka p, .stil-sakin .th-footer-alt { color: rgba(255,255,255,.85); }
.stil-sakin .th-footer .th-footer-alt { border-color: rgba(255,255,255,.25); }

/* ---------- 7.12) Pencere (uselessfund — retro masaüstü) ---------- */
.stil-pencere { --r: 0; --r-lg: 0; --btn-r: 0; --kart-cerceve: 2px solid; --golge: 5px 5px 0 #000; --golge-lg: 5px 5px 0 #000; }
.stil-pencere .th-kart, .stil-pencere .th-kategori-kart, .stil-pencere .th-cta, .stil-pencere .th-arama, .stil-pencere .th-btn, .stil-pencere .th-hero-kart, .stil-pencere .th-slider-btn { background: #c0c0c0; color: #000; border: 2px solid; border-color: #fff #404040 #404040 #fff; box-shadow: 5px 5px 0 #000; border-radius: 0; }
.stil-pencere .th-kategori-kart:hover { transform: none; box-shadow: 5px 5px 0 #000; }
.stil-pencere .th-btn { font-size: 13px; font-weight: 700; padding: 8px 14px; box-shadow: 3px 3px 0 #000; }
.stil-pencere .th-btn:active { border-color: #404040 #fff #fff #404040; }
.stil-pencere .th-btn-whatsapp { background: var(--whatsapp); color: #fff; }
.stil-pencere .th-header { background: var(--ana-koyu); color: #fff; }
.stil-pencere .th-header::before { display: none; }
.stil-pencere .th-header-ust .th-ust-satir { background: #c0c0c0; color: #000; border: 2px solid; border-color: #fff #404040 #404040 #fff; margin-top: 12px; min-height: 56px; padding: 4px 8px; }
.stil-pencere .th-nav a:not(.th-btn):hover { background: var(--ana); color: #fff; text-decoration: none; padding: 4px 8px; }
.stil-pencere .th-bolum-baslik h2, .stil-pencere .th-alt-baslik { background: linear-gradient(90deg, var(--ana), #1084d0); color: #fff; padding: 4px 10px; font-size: 15px; display: inline-block; margin: 0; }
.stil-pencere .th-bolum-baslik p { color: #fff; }
.stil-pencere .th-ana { color: #fff; }
.stil-pencere .th-kart-ozet, .stil-pencere .th-kart-kat { color: #404040; }
.stil-pencere .th-kategori-ikon { background: #fff; color: var(--ana); border-radius: 0; }
.stil-pencere .th-arama input { background: #fff; border: 2px solid; border-color: #404040 #fff #fff #404040; }
.stil-pencere .th-cip { background: #c0c0c0; color: #000; border: 2px solid; border-color: #fff #404040 #404040 #fff; border-radius: 0; }
.stil-pencere .th-rozet { border-radius: 0; }
.stil-pencere .th-footer { background: #c0c0c0; color: #000; border-top: 2px solid #fff; }
.stil-pencere .th-footer-alt { border-color: #808080; }
.stil-pencere .th-link-sutun a { opacity: 1; }
.stil-pencere .th-kart-gorsel, .stil-pencere .th-avatar, .stil-pencere .th-tekil-kapak, .stil-pencere .th-govde img { border-radius: 0; }

/* ---------- 7.13) Neo (depobudget) ---------- */
.stil-neo { --r: 12px; --r-lg: 12px; --btn-r: 12px; --kart-cerceve: 3px solid #000; --golge: 4px 4px 0 #000; --golge-lg: 5px 5px 0 #000; }
.stil-neo .th-header { background: var(--ana); color: #fff; border-bottom: 4px solid #000; }
.stil-neo .th-header::before { background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 60px 60px; }
.stil-neo .th-kart:hover, .stil-neo .th-kategori-kart:hover, .stil-neo .th-btn:hover { transform: translate(1px, 1px); box-shadow: 5px 5px 0 #000; }
.stil-neo .th-btn { border: 3px solid #000; box-shadow: 4px 4px 0 #000; color: #000; }
.stil-neo .th-btn-ana { background: var(--ana); color: #fff; }
.stil-neo .th-btn-vurgu { background: var(--vurgu); color: #fff; }
.stil-neo .th-btn-whatsapp { color: #fff; }
.stil-neo .th-arama { border: 3px solid #000; box-shadow: 4px 4px 0 #000; }
.stil-neo .th-bolum.bant { border-top: 4px solid #000; }
.stil-neo .bant-acik { background: #b9a7ff; }
.stil-neo .bant-vurgu2 { background: var(--vurgu2); }
.stil-neo .bant-koyu { background: var(--ana); color: #fff; }
.stil-neo .bant-koyu .th-kart, .stil-neo .bant-vurgu .th-kart { color: var(--metin); }
.stil-neo .bant-vurgu { background: var(--vurgu); color: #fff; }
.stil-neo .th-kart-kat { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: none; }
.stil-neo .th-cta { background: var(--vurgu); color: #fff; border: 3px solid #000; box-shadow: 4px 4px 0 #000; }
.stil-neo .th-footer { background: var(--zemin); border-top: 4px solid #000; }
.stil-neo .th-rozet { border: 2px solid #000; }