/*
 * Anatolia Kurumsal — Site Teması (20 tasarım)
 * Tasarım & Yazılım: Süleyman Yılmaz
 *
 * Renkler :root üzerinde --sari / --siyah olarak panelden gelir.
 * Her tasarım body.tema-* sınıfıyla aşağıdaki değişkenleri ve bileşenleri değiştirir.
 */
:root{--sari:#f2b705;--sari-koyu:#c99600;--sari-acik:#fdf3d0;--sari-ust:#111;--siyah:#0d0d0d;--vurgu:#f2b705;
  --font-baslik:"Archivo";--font-metin:"Archivo";--font-etiket:"Archivo";
  --zemin:#fff;--zemin2:#f5f5f2;--yuzey:#fff;--yazi:#2a2a2a;--baslik-renk:var(--siyah);--soluk:#6b6b6b;--kenar:#e6e4dd;
  --link:#8a6400;--r:4px;--r-k:2px;--r-btn:2px;--golge:0 1px 2px rgba(0,0,0,.04),0 12px 30px rgba(0,0,0,.06);--golge-b:0 24px 60px rgba(0,0,0,.16);
  --bas-zemin:#fff;--bas-yazi:var(--siyah);--bas-kenar:var(--kenar);--ust-bar:var(--siyah);--bas-y:82px;--baslik-donusum:none;--baslik-agirlik:800;--baslik-aralik:-.02em}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-metin),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--yazi);background:var(--zemin);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-baslik),var(--font-metin),sans-serif;line-height:1.12;letter-spacing:var(--baslik-aralik);color:var(--baslik-renk);margin:0 0 .5em;font-weight:var(--baslik-agirlik);text-transform:var(--baslik-donusum)}
p{margin:0 0 1em}
.ik{flex-shrink:0}
.kap{width:100%;max-width:1260px;margin:0 auto;padding:0 24px}
.ortala{text-align:center}.soluk{color:var(--soluk)}
.atla{position:absolute;left:-9999px;top:0;background:var(--siyah);color:#fff;padding:10px 16px;z-index:999}.atla:focus{left:10px}
.bal{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.goster-m{display:none}
.onizleme-serit{position:sticky;top:0;z-index:100;background:var(--sari);color:var(--sari-ust);text-align:center;padding:8px 16px;font-size:14px;font-weight:600}
.onizleme-serit a{color:var(--sari-ust);text-decoration:underline;font-weight:800}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:var(--r-btn);font-weight:700;font-size:15px;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s;font-family:var(--font-baslik),sans-serif;line-height:1.2;text-align:center;letter-spacing:.01em}
.btn:hover{transform:translateY(-2px)}
.btn-ana,.btn-vurgu{background:var(--sari);color:var(--sari-ust);border-color:var(--sari)}
.btn-ana:hover,.btn-vurgu:hover{background:var(--sari-koyu);border-color:var(--sari-koyu)}
.btn-cizgi{border-color:currentColor;color:var(--baslik-renk);background:transparent}
.btn-cizgi:hover{background:var(--siyah);border-color:var(--siyah);color:#fff}
.btn-saydam{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-saydam:hover{background:#fff;color:var(--siyah);border-color:#fff}
.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1eb957}
.btn-koyu{background:var(--siyah);color:#fff;border-color:var(--siyah)}
.btn-buyuk{padding:16px 30px;font-size:16px}
.btn-blok{width:100%;margin-top:10px}

/* ---------- Üst bar ---------- */
.ust-bar{background:var(--ust-bar);color:rgba(255,255,255,.72);font-size:13.5px}
.ust-bar .kap{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:16px}
.ust-bar-sol{display:flex;gap:24px;flex-wrap:wrap}
.ust-bar a,.ust-bar span{color:inherit;display:inline-flex;align-items:center;gap:7px}
.ust-bar a:hover{color:var(--sari)}
.ust-bar .ik{color:var(--sari)}
.sosyal{display:flex;gap:6px}
.sosyal a{width:32px;height:32px;border-radius:var(--r-k);display:grid;place-items:center;color:inherit;transition:.2s}
.sosyal a:hover{background:var(--sari);color:var(--sari-ust)}

/* ---------- Başlık / menü ---------- */
.baslik{position:sticky;top:0;z-index:60;background:var(--bas-zemin);color:var(--bas-yazi);border-bottom:1px solid var(--bas-kenar);transition:box-shadow .25s,background .25s}
.baslik.kaydi{box-shadow:0 10px 30px rgba(0,0,0,.12)}
.baslik-ic{display:flex;align-items:center;gap:24px;min-height:82px}
.logo{display:flex;align-items:center;flex-shrink:0;color:inherit}
.logo img{max-height:54px;width:auto}
.logo-yazi{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-baslik),sans-serif;font-size:21px;font-weight:800;color:inherit;letter-spacing:-.02em;text-transform:var(--baslik-donusum)}
.logo-kare{width:26px;height:26px;background:var(--sari);display:inline-block;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 100%,40% 100%,40% 40%,0 40%)}
.menu{flex:1;display:flex;justify-content:center}
.menu>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.menu li{position:relative}
.menu>ul>li>a{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:10px 14px;font-weight:600;color:inherit;font-size:15px;transition:.15s;position:relative;font-family:var(--font-baslik),sans-serif}
.menu>ul>li>a:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--sari);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.menu>ul>li>a:hover:after,.menu>ul>li.aktif>a:after{transform:scaleX(1)}
.menu>ul>li.vurgulu>a{background:var(--sari);color:var(--sari-ust);border-radius:var(--r-btn);margin-left:6px}
.menu>ul>li.vurgulu>a:after{display:none}
.alt-ac{display:none}
.alt-menu{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 10px);left:0;min-width:240px;background:var(--yuzey);border-radius:var(--r);box-shadow:var(--golge-b);border:1px solid var(--kenar);border-top:3px solid var(--sari);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.alt-menu:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.alt-var:hover>.alt-menu,.alt-var:focus-within>.alt-menu{opacity:1;visibility:visible;transform:none}
.alt-menu a{display:block;padding:9px 12px;border-radius:var(--r-k);color:var(--yazi);font-size:14.5px;font-weight:500}
.alt-menu a:hover{background:var(--sari-acik);color:var(--siyah)}
.baslik-sag{display:flex;align-items:center;gap:10px}
.ikon-dugme{width:44px;height:44px;border-radius:var(--r-btn);display:grid;place-items:center;color:inherit;border:1px solid var(--bas-kenar)}
.ikon-dugme:hover{background:var(--sari);color:var(--sari-ust);border-color:var(--sari)}
.hamburger{display:none;width:46px;height:46px;border-radius:var(--r-btn);border:1px solid var(--bas-kenar);background:transparent;color:inherit;cursor:pointer;padding:0 12px;flex-direction:column;justify-content:center;gap:5px}
.hamburger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:.25s}
.menu-acik .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-acik .hamburger span:nth-child(2){opacity:0}
.menu-acik .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-mobil-alt{display:none}

/* Başlık varyantları */
.bas-koyu{--bas-zemin:var(--siyah);--bas-yazi:#fff;--bas-kenar:rgba(255,255,255,.12)}
.bas-sari{--bas-zemin:var(--sari);--bas-yazi:var(--sari-ust);--bas-kenar:rgba(0,0,0,.15)}
.bas-sari .menu>ul>li>a:after{background:var(--siyah)}
.bas-sari .logo-kare{background:var(--siyah)}
.bas-sari .btn-ana{background:var(--siyah);border-color:var(--siyah);color:#fff}
.bas-sari .menu>ul>li.vurgulu>a{background:var(--siyah);color:#fff}
.bas-seffaf{--bas-zemin:transparent;--bas-yazi:#fff;--bas-kenar:rgba(255,255,255,.25)}
.bas-seffaf .baslik{position:fixed;left:0;right:0;border-bottom-color:transparent}
.bas-seffaf .baslik.kaydi{--bas-zemin:var(--siyah);background:var(--siyah)}
.bas-seffaf .ust-bar{display:none}
.bas-seffaf main{padding-top:0}
.bas-seffaf .sayfa-baslik{padding-top:calc(clamp(48px,7vw,84px) + var(--bas-y))}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--siyah)}
.hero-slaytlar{position:relative;min-height:clamp(560px,82vh,800px)}
.hero-slayt{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.hero-slayt.aktif{opacity:1;visibility:visible}
.hero-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.hero-slayt.aktif .hero-gorsel{transform:scale(1)}
.hero-slayt:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,color-mix(in srgb,var(--siyah) 94%,transparent) 0%,color-mix(in srgb,var(--siyah) 70%,transparent) 48%,color-mix(in srgb,var(--siyah) 20%,transparent) 100%)}
.hero-degrade{background:linear-gradient(115deg,var(--siyah) 55%,color-mix(in srgb,var(--sari) 22%,var(--siyah)) 100%)}
.hero-degrade:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 20%,#000 70%)}
.hero-degrade:after{content:"";position:absolute;right:8%;top:18%;width:min(34vw,440px);aspect-ratio:1;border:2px solid var(--sari);opacity:.85;box-shadow:40px 40px 0 -2px color-mix(in srgb,var(--sari) 25%,transparent)}
.hero-icerik{position:relative;z-index:2;color:#fff;padding-top:70px;padding-bottom:100px}
.hero-icerik>*{max-width:740px}
.hero-rozet{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-left:3px solid var(--sari);background:rgba(255,255,255,.08);font-size:13.5px;font-weight:700;margin-bottom:24px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-etiket),sans-serif}
.hero-rozet .ik{color:var(--sari)}
.hero-baslik{color:#fff;font-size:clamp(38px,6vw,76px);line-height:1.02;margin-bottom:22px}
.hero-icerik p{font-size:clamp(16px,2vw,20px);opacity:.85;margin-bottom:34px;max-width:600px}
.hero-slayt.aktif .hero-icerik>*{animation:yuksel .8s both}
.hero-slayt.aktif .hero-icerik>*:nth-child(2){animation-delay:.1s}.hero-slayt.aktif .hero-icerik>*:nth-child(3){animation-delay:.2s}.hero-slayt.aktif .hero-icerik>*:nth-child(4){animation-delay:.3s}
@keyframes yuksel{from{opacity:0;transform:translateY(24px)}}
.hero-butonlar{display:flex;gap:12px;flex-wrap:wrap}
.hero-butonlar.merkez{justify-content:center}
.hero-noktalar{position:absolute;z-index:3;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-noktalar button{width:28px;height:4px;border:0;background:rgba(255,255,255,.35);cursor:pointer;transition:.3s;padding:0}
.hero-noktalar button.aktif{width:56px;background:var(--sari)}

/* Hero: bölünmüş (sarı panel + görsel) */
.hero-bolunmus .hero{background:var(--sari)}
.hero-bolunmus .hero-slayt{background:var(--sari)}
.hero-bolunmus .hero-slayt:after{display:none}
.hero-bolunmus .hero-gorsel{left:50%;width:50%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.hero-bolunmus .hero-degrade{background:var(--siyah)}
.hero-bolunmus .hero-degrade:after{right:14%;top:24%;width:46%}
.hero-bolunmus .hero-icerik{color:var(--sari-ust);padding-top:150px}
.hero-bolunmus .hero-icerik>*{max-width:560px}
.hero-bolunmus .hero-baslik{color:var(--sari-ust)}
.hero-bolunmus .hero-rozet{background:rgba(0,0,0,.08);border-left-color:var(--siyah)}
.hero-bolunmus .hero-rozet .ik{color:var(--siyah)}
.hero-bolunmus .hero .btn-vurgu{background:var(--siyah);border-color:var(--siyah);color:#fff}
.hero-bolunmus .hero .btn-saydam{color:var(--sari-ust);border-color:var(--sari-ust)}
.hero-bolunmus .hero .btn-saydam:hover{background:var(--sari-ust);color:var(--sari)}
.hero-bolunmus .hero-noktalar{left:24px;transform:none}
.hero-bolunmus .hero-noktalar button{background:rgba(0,0,0,.25)}
.hero-bolunmus .hero-noktalar button.aktif{background:var(--siyah)}

/* Hero: çerçeve (plan) */
.hero-cerceve .hero{background:transparent;padding:28px 0 0}
.hero-cerceve .hero-slaytlar{max-width:1212px;margin:0 auto;border:1.5px solid var(--siyah);min-height:clamp(520px,74vh,720px)}
.hero-cerceve .hero-noktalar{bottom:24px}

/* ---------- Bölümler ---------- */
.bolum{padding:clamp(70px,9vw,120px) 0;position:relative}
.bolum-acik{background:var(--zemin2)}
.bolum-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.bolum-ust .bolum-bas{margin-bottom:0;text-align:left;margin-left:0}
.bolum-bas{max-width:760px;margin:0 auto 50px;text-align:center}
.bolum-bas.sola{text-align:left;margin:0 0 22px}
.bolum-bas h1,.bolum-bas h2{font-size:clamp(30px,4vw,48px);margin-bottom:14px}
.bolum-bas p{color:var(--soluk);font-size:17px;margin:0}
.ust-yazi{display:inline-flex;align-items:center;gap:10px;color:var(--baslik-renk);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px;font-family:var(--font-etiket),sans-serif}
.ust-yazi:before{content:"";width:28px;height:3px;background:var(--sari)}
.bos-mesaj{text-align:center;color:var(--soluk);padding:40px 0}

/* ---------- Kart ızgarası ---------- */
.kart-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.kart-oge{background:var(--yuzey);border-radius:var(--r);overflow:hidden;border:1px solid var(--kenar);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}
.kart-oge:hover{transform:translateY(-6px);box-shadow:var(--golge-b);border-color:transparent}
.kart-oge:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--sari);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.kart-oge:hover:after{transform:scaleX(1)}
.kart-gorsel{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--zemin2);display:block}
.kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.kart-oge:hover .kart-gorsel img{transform:scale(1.06)}
.yer-tutucu{width:100%;height:100%;min-height:100%;display:grid;place-items:center;color:var(--sari);background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(0,0,0,.035) 14px 15px),var(--zemin2)}
.kart-gorsel .yer-tutucu{position:absolute;inset:0}
.etiket{display:inline-block;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-k);background:var(--sari);color:var(--sari-ust);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-etiket),sans-serif}
.etiket-ust{position:absolute;top:14px;left:14px}
.etiket-vurgu{position:absolute;top:14px;right:14px;background:var(--siyah);color:#fff}
.kart-metin{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.kart-metin h3{font-size:20px;margin-bottom:8px}
.kart-metin h3 a{color:inherit}
.kart-metin h3 a:hover{color:var(--link)}
.kart-metin p{color:var(--soluk);font-size:15px;margin-bottom:18px}
.mini-bilgi{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px;color:var(--soluk)}
.mini-bilgi strong{color:var(--baslik-renk)}
.oge-alt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.devam{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--baslik-renk);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-etiket),sans-serif}
.devam .ik{background:var(--sari);color:var(--sari-ust);border-radius:var(--r-k);padding:4px;width:26px;height:26px;transition:transform .2s}
.devam:hover .ik{transform:translateX(4px)}
.fiyat{font-weight:800;color:var(--baslik-renk);font-size:18px;font-family:var(--font-baslik),sans-serif}

/* Liste görünümü */
.liste-gorunum{display:grid;gap:22px}
.liste-oge{display:grid;grid-template-columns:320px 1fr;gap:30px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden;transition:.3s}
.liste-oge:hover{box-shadow:var(--golge);border-left:4px solid var(--sari)}
.liste-gorsel{position:relative;min-height:210px;background:var(--zemin2);display:block}
.liste-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.liste-gorsel .yer-tutucu{position:absolute;inset:0}
.liste-metin{padding:28px 28px 28px 0;display:flex;flex-direction:column;align-items:flex-start}
.liste-metin h3{font-size:22px;margin:10px 0 8px}.liste-metin h3 a{color:inherit}
.liste-metin p{color:var(--soluk)}
.liste-metin .oge-alt{width:100%}

/* Galeri */
.galeri-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.galeri-oge{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;display:block;background:var(--zemin2)}
.galeri-oge:nth-child(6n+1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.galeri-oge img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.galeri-oge:hover img{transform:scale(1.08)}
.galeri-yazi{position:absolute;inset:auto 0 0 0;padding:44px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;display:flex;flex-direction:column}
.galeri-yazi strong{font-family:var(--font-baslik),sans-serif}
.galeri-yazi small{opacity:.8}
.galeri-oge:after{content:"";position:absolute;inset:12px;border:2px solid var(--sari);opacity:0;transition:.3s}
.galeri-oge:hover:after{opacity:1;inset:16px}
.foto-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.foto-izgara.genis{grid-template-columns:repeat(4,1fr)}
.foto-izgara a{aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;display:block}
.foto-izgara img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.foto-izgara a:hover img{transform:scale(1.07)}

/* Video */
.video-oge{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:var(--baslik-renk)}
.video-oge strong{display:block;margin-top:14px;font-size:18px;font-family:var(--font-baslik),sans-serif}
.video-gorsel{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--siyah)}
.video-gorsel img{width:100%;height:100%;object-fit:cover;transition:.5s}
.video-oge:hover .video-gorsel img{transform:scale(1.05);opacity:.8}
.oynat{position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:var(--sari);color:var(--sari-ust);display:grid;place-items:center;box-shadow:0 0 0 10px color-mix(in srgb,var(--sari) 30%,transparent);transition:.25s}
.video-oge:hover .oynat{transform:scale(1.1)}
.video-kutu{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;margin-bottom:28px}
.video-kutu iframe,.video-kutu video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Akordeon */
.akordeon{max-width:880px;margin:0 auto;display:grid;gap:12px}
.akordeon-oge{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);transition:.2s}
.akordeon-oge[open]{box-shadow:var(--golge);border-left:4px solid var(--sari)}
.akordeon-oge summary{list-style:none;cursor:pointer;padding:22px 24px;font-weight:700;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--baslik-renk);font-family:var(--font-baslik),sans-serif}
.akordeon-oge summary::-webkit-details-marker{display:none}
.akordeon-ikon{width:34px;height:34px;border-radius:var(--r-k);background:var(--zemin2);color:var(--baslik-renk);display:grid;place-items:center;flex-shrink:0;transition:.25s}
.akordeon-oge[open] .akordeon-ikon{transform:rotate(45deg);background:var(--sari);color:var(--sari-ust)}
.akordeon-icerik{padding:0 24px 22px;color:var(--soluk)}

/* Logo */
.logo-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0;border-top:1px solid var(--kenar);border-left:1px solid var(--kenar)}
.logo-oge{height:120px;border-right:1px solid var(--kenar);border-bottom:1px solid var(--kenar);display:grid;place-items:center;padding:22px;background:var(--yuzey);transition:.3s;color:var(--baslik-renk);font-weight:700;text-align:center;font-family:var(--font-baslik),sans-serif}
.logo-oge img{max-height:62px;width:auto;filter:grayscale(1);opacity:.7;transition:.3s}
.logo-oge:hover{background:var(--sari);color:var(--sari-ust)}
.logo-oge:hover img{filter:none;opacity:1}

/* Ekip */
.ekip-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ekip-oge{text-align:left}
.ekip-foto{aspect-ratio:4/5;margin:0 0 18px;overflow:hidden;background:var(--zemin2);border-radius:var(--r);position:relative}
.ekip-foto:after{content:"";position:absolute;left:0;bottom:0;width:40%;height:5px;background:var(--sari)}
.ekip-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3);transition:.4s}
.ekip-oge:hover .ekip-foto img{filter:none;transform:scale(1.04)}
.ekip-foto span{width:100%;height:100%;display:grid;place-items:center;font-size:64px;font-weight:800;color:var(--sari);font-family:var(--font-baslik),sans-serif}
.ekip-oge h3{font-size:20px;margin-bottom:2px}
.ekip-unvan{color:var(--soluk);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.ekip-oge p{color:var(--soluk);font-size:14.5px;margin-top:8px}

/* Yorum */
.yorum-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.yorum-oge{margin:0;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;position:relative}
.yorum-oge:before{content:"”";position:absolute;top:0;right:22px;font-size:110px;line-height:1;color:var(--sari);font-family:Georgia,serif;opacity:.9}
.yildizlar{display:flex;gap:2px;color:#d0d0d0;margin-bottom:16px}
.yildizlar .dolu{color:var(--sari)}
.yildizlar .dolu svg{fill:currentColor}
.yorum-oge blockquote{margin:0 0 24px;font-size:16px;color:var(--yazi);flex:1}
.yorum-oge figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--kenar)}
.yorum-oge figcaption strong{color:var(--baslik-renk)}
.yorum-oge figcaption small{display:block;color:var(--soluk)}
.yorum-avatar{width:46px;height:46px;border-radius:var(--r-k);background:var(--siyah);color:var(--sari);display:grid;place-items:center;font-weight:800;overflow:hidden;flex-shrink:0}
.yorum-avatar img{width:100%;height:100%;object-fit:cover}

/* Bölge */
.bolge-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.bolge-oge{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--yuzey);border:1px solid var(--kenar);color:var(--baslik-renk);transition:.25s}
a.bolge-oge:hover{background:var(--siyah);color:#fff;border-color:var(--siyah);transform:translateY(-3px)}
a.bolge-oge:hover small{color:rgba(255,255,255,.7)}
.bolge-oge strong{display:block;font-family:var(--font-baslik),sans-serif}.bolge-oge small{display:block;color:var(--soluk);font-size:13px;line-height:1.4}
.bolge-ikon{width:46px;height:46px;border-radius:var(--r-k);background:var(--sari);color:var(--sari-ust);display:grid;place-items:center;flex-shrink:0}
.bolge-oge .ok{margin-left:auto;color:var(--soluk)}
a.bolge-oge:hover .ok{color:var(--sari)}

/* Hakkımızda */
.hakkimizda-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.hakkimizda-gorsel{position:relative;padding:0 26px 26px 0}
.hakkimizda-gorsel:before{content:"";position:absolute;right:0;bottom:0;width:70%;height:70%;background:var(--sari);z-index:0}
.hakkimizda-gorsel img,.hakkimizda-desen{position:relative;z-index:1;border-radius:var(--r);width:100%;aspect-ratio:5/4;object-fit:cover}
.hakkimizda-desen{display:grid;place-items:center;color:var(--sari);background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 40px),var(--siyah)}
.tecrube-rozet{position:absolute;z-index:2;left:-20px;bottom:50px;background:var(--siyah);color:#fff;border-radius:var(--r);padding:22px 28px;box-shadow:var(--golge-b);display:flex;flex-direction:column;border-left:5px solid var(--sari)}
.tecrube-rozet strong{font-size:44px;line-height:1;color:var(--sari);font-family:var(--font-baslik),sans-serif}
.tecrube-rozet span{font-weight:600;font-size:14px}
.metin{color:var(--soluk);font-size:16.5px}
.metin h2,.metin h3,.metin h4{margin-top:1.4em}
.metin img{border-radius:var(--r);margin:1em 0}
.metin a{text-decoration:underline;color:var(--link)}
.metin ul,.metin ol{padding-left:1.3em}
.metin blockquote{border-left:4px solid var(--sari);margin:1.2em 0;padding:4px 18px;background:var(--zemin2)}
.tik-liste{list-style:none;padding:0;margin:24px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tik-liste li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--baslik-renk)}
.tik-liste .ik{color:var(--sari-ust);background:var(--sari);border-radius:var(--r-k);padding:4px;width:26px;height:26px}

/* Sayaç */
.sayac-bolum{background:var(--siyah);color:#fff;padding:64px 0;position:relative;overflow:hidden}
.sayac-bolum:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px}
.sayac-izgara{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.sayac-oge{padding:10px 26px;border-left:1px solid rgba(255,255,255,.15)}
.sayac-oge:first-child{border-left:0}
.sayac-oge strong{display:block;font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--sari);font-family:var(--font-baslik),sans-serif}
.sayac-oge strong:after{content:"+";color:#fff}
.sayac-oge span{opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:13.5px;font-family:var(--font-etiket),sans-serif}

/* CTA */
.cta{background:var(--sari);color:var(--sari-ust);padding:70px 0;position:relative;overflow:hidden}
.cta:after{content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;border:40px solid rgba(0,0,0,.07);transform:rotate(20deg)}
.cta-ic{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{color:var(--sari-ust);font-size:clamp(26px,3.2vw,40px);margin-bottom:8px}
.cta p{opacity:.8;margin:0}
.cta .btn-vurgu{background:var(--siyah);border-color:var(--siyah);color:#fff}
.cta .btn-vurgu:hover{background:#000}
.cta .btn-saydam{color:var(--sari-ust);border-color:var(--sari-ust)}
.cta .btn-saydam:hover{background:var(--sari-ust);color:var(--sari)}
.cta-ince{padding:52px 0}

/* Sayfa başlığı */
.sayfa-baslik{background:var(--siyah);color:#fff;padding:clamp(56px,8vw,96px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}
.sayfa-baslik:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.sayfa-baslik:after{content:"";position:absolute;left:0;bottom:0;width:120px;height:6px;background:var(--sari)}
.sayfa-baslik .kap{position:relative}
.sayfa-baslik h1{color:#fff;font-size:clamp(32px,5vw,58px);margin-bottom:12px;max-width:900px}
.sayfa-baslik p{opacity:.75;max-width:720px;font-size:17px;margin:0}
.kirinti{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;margin-bottom:16px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.kirinti a{color:var(--sari)}.kirinti a:hover{color:#fff}

/* Filtre / sayfalama */
.filtre-cipler{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}
.filtre-cipler a{padding:10px 18px;border:1px solid var(--kenar);color:var(--baslik-renk);font-weight:600;font-size:14.5px;transition:.2s;border-radius:var(--r-btn);background:var(--yuzey)}
.filtre-cipler a small{color:var(--soluk);margin-left:4px}
.filtre-cipler a:hover{border-color:var(--siyah)}
.filtre-cipler a.aktif{background:var(--sari);color:var(--sari-ust);border-color:var(--sari)}
.filtre-cipler a.aktif small{color:var(--sari-ust)}
.sayfalama{display:flex;justify-content:center;gap:6px;margin-top:52px}
.sayfalama a,.sayfalama span{min-width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r-btn);border:1px solid var(--kenar);font-weight:700;color:var(--baslik-renk);padding:0 10px}
.sayfalama .aktif{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.sayfalama a:hover{border-color:var(--siyah)}

/* Detay */
.detay-izgara{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:48px;align-items:start}
.detay-kapak{display:block;border-radius:var(--r);overflow:hidden;margin-bottom:32px}
.detay-kapak img{width:100%;max-height:580px;object-fit:cover}
.ara-baslik{display:flex;align-items:center;gap:10px;font-size:24px;margin:40px 0 18px}
.ara-baslik .ik{color:var(--sari-ust);background:var(--sari);padding:5px;width:34px;height:34px;border-radius:var(--r-k)}
.ozellik-tablo{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;margin:0 0 30px;border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden}
.ozellik-tablo div{padding:16px 18px;border-right:1px solid var(--kenar);background:var(--yuzey)}
.ozellik-tablo dt{font-size:12px;color:var(--soluk);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.ozellik-tablo dd{margin:4px 0 0;font-weight:700;color:var(--baslik-renk);word-break:break-word}
.dosya-indir{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r);border:2px dashed var(--sari);background:var(--sari-acik);color:var(--siyah);margin:24px 0}
.dosya-indir small{display:block;color:#555}
.dosya-indir>.ik:last-child{margin-left:auto}
.dosya-ikon{width:52px;height:52px;border-radius:var(--r-k);background:var(--siyah);color:var(--sari);display:grid;place-items:center}
.paylas{display:flex;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--kenar);color:var(--soluk);font-weight:600}
.paylas a{width:40px;height:40px;border-radius:var(--r-k);display:grid;place-items:center;border:1px solid var(--kenar);color:var(--baslik-renk)}
.paylas a:hover{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.detay-yan{position:sticky;top:110px;display:grid;gap:20px}
.yan-kutu{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);padding:28px}
.yan-kutu h3{font-size:20px}
.yan-kutu p{color:var(--soluk);font-size:15px}
.teklif-kutu{background:var(--siyah);border:0;color:#fff;border-top:5px solid var(--sari)}
.teklif-kutu h3{color:#fff}.teklif-kutu p{color:rgba(255,255,255,.7)}
.teklif-kutu .btn-cizgi{color:#fff;border-color:rgba(255,255,255,.35)}
.teklif-kutu .btn-cizgi:hover{background:#fff;color:var(--siyah)}
.buyuk-fiyat{font-size:32px;font-weight:800;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.15);color:var(--sari);font-family:var(--font-baslik),sans-serif}
.buyuk-fiyat small{display:block;font-size:12px;font-weight:700;opacity:.7;color:#fff;text-transform:uppercase;letter-spacing:.1em}
.yan-liste{list-style:none;padding:0;margin:0}
.yan-liste a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--kenar);color:var(--yazi);font-weight:600;font-size:15px}
.yan-liste li:last-child a{border:0}
.yan-liste a:hover{color:var(--baslik-renk);padding-left:6px}
.yan-liste .ik{color:var(--sari-koyu)}
.yan-kutu.koyu{background:var(--siyah);border:0;color:#fff}.yan-kutu.koyu h3{color:#fff}
.yan-kutu.koyu .tik-liste{grid-template-columns:1fr;margin:12px 0 0}.yan-kutu.koyu .tik-liste li{color:#fff}

/* İletişim & form */
.iletisim-izgara{display:grid;grid-template-columns:400px 1fr;gap:40px;align-items:start}
.iletisim-kartlar{display:grid;gap:14px}
.iletisim-kart{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid var(--kenar);border-radius:var(--r);color:var(--baslik-renk);transition:.25s;background:var(--yuzey)}
a.iletisim-kart:hover{border-color:var(--siyah);box-shadow:var(--golge)}
.iletisim-kart small{display:block;color:var(--soluk);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.iletisim-kart strong{display:block;font-size:16px;line-height:1.45}
.ik-kutu{width:54px;height:54px;border-radius:var(--r-k);background:var(--sari);color:var(--sari-ust);display:grid;place-items:center;flex-shrink:0}
.ik-kutu.wa{background:#25d366;color:#fff}
.form-kart{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);padding:clamp(26px,4vw,44px);box-shadow:var(--golge);border-top:5px solid var(--sari)}
.form-kart h2{font-size:28px}
.form-kart label{display:block;margin-bottom:16px}
.form-kart label span{display:block;font-weight:700;font-size:13px;margin-bottom:7px;color:var(--baslik-renk);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-etiket),sans-serif}
.form-kart input,.form-kart select,.form-kart textarea{width:100%;padding:14px 16px;border:1.5px solid var(--kenar);border-radius:var(--r-k);font:inherit;color:var(--yazi);background:var(--zemin);transition:.2s}
.form-kart input:focus,.form-kart select:focus,.form-kart textarea:focus{outline:0;border-color:var(--siyah);box-shadow:4px 4px 0 var(--sari)}
.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.form-bildirim{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:var(--r-k);margin-bottom:18px;font-weight:600}
.form-basari{background:#e8f8ee;color:#137a3a}
.form-hata{background:#fdecec;color:#b42318}
.teklif-izgara{display:grid;grid-template-columns:1fr 370px;gap:40px;align-items:start}
.teklif-yan{display:grid;gap:20px}
.harita iframe{width:100%!important;height:460px!important;border:0;display:block;filter:grayscale(1) contrast(1.05)}

/* Arama / 404 */
.arama-form{display:flex;gap:10px;max-width:660px;margin-top:22px}
.arama-form input{flex:1;padding:16px 18px;border-radius:var(--r-k);border:0;font:inherit;font-size:16px}
.arama-sonuc{display:grid;gap:12px;margin-top:16px}
.arama-oge{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;border:1px solid var(--kenar);border-radius:var(--r);color:var(--baslik-renk);background:var(--yuzey)}
.arama-oge:hover{border-color:var(--siyah);box-shadow:var(--golge)}
.arama-oge strong{font-size:18px}.arama-oge small{color:var(--soluk)}
.hata-kod{display:block;font-size:clamp(100px,18vw,190px);font-weight:800;line-height:1;color:var(--sari);-webkit-text-stroke:3px var(--siyah);font-family:var(--font-baslik),sans-serif}

/* Footer */
.alt-bilgi{background:var(--siyah);color:rgba(255,255,255,.66);padding-top:80px;font-size:15px;position:relative}
.alt-bilgi:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--sari)}
.alt-izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:44px;padding-bottom:52px}
.alt-bilgi h3{color:#fff;font-size:15px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-etiket),sans-serif}
.alt-bilgi h3:after{content:"";display:block;width:28px;height:3px;background:var(--sari);margin-top:10px}
.logo-beyaz{color:#fff}
.logo-beyaz img{max-height:54px}
.alt-marka p{margin:20px 0 22px;max-width:340px}
.alt-marka .sosyal a{background:rgba(255,255,255,.08)}
.alt-linkler{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.alt-linkler a,.alt-iletisim a{color:rgba(255,255,255,.72);transition:.2s}
.alt-linkler a:hover,.alt-iletisim a:hover{color:var(--sari);padding-left:4px}
.alt-iletisim{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.alt-iletisim li{display:flex;gap:12px;align-items:flex-start}
.alt-iletisim .ik{color:var(--sari);margin-top:3px}
.alt-son{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:24px;padding-bottom:28px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px}
.imza strong{color:var(--sari)}

/* Sabit butonlar */
.sabit-butonlar{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;gap:12px}
.sabit-wa,.sabit-ara{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .2s}
.sabit-wa{background:#25d366;animation:nabiz 2.4s infinite}
.sabit-ara{background:var(--sari);color:var(--sari-ust);display:none}
.sabit-wa:hover,.sabit-ara:hover{transform:scale(1.08)}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* Işık kutusu */
.isik-kutu{position:fixed;inset:0;z-index:200;background:rgba(5,5,5,.95);display:flex;align-items:center;justify-content:center;padding:60px 70px}
.isik-kutu[hidden]{display:none}
.isik-kutu figure{margin:0;max-width:1200px;width:100%;text-align:center}
.isik-kutu img{max-height:80vh;margin:0 auto;width:auto}
.isik-kutu .video-kutu{margin:0 auto;max-width:1100px}
.isik-kutu figcaption{color:#fff;opacity:.8;margin-top:14px}
.isik-kutu button{position:absolute;background:rgba(255,255,255,.1);border:0;color:#fff;width:52px;height:52px;cursor:pointer;display:grid;place-items:center}
.isik-kutu button:hover{background:var(--sari);color:var(--sari-ust)}
.ik-kapat{top:18px;right:18px}.ik-onceki{left:14px;top:50%;transform:translateY(-50%)}.ik-sonraki{right:14px;top:50%;transform:translateY(-50%)}
.isik-kutu.tek .ik-onceki,.isik-kutu.tek .ik-sonraki{display:none}

/* Görünürlük animasyonu */
.belir{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}
.belir.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.belir{opacity:1;transform:none}html{scroll-behavior:auto}}


/* =====================================================================
   TASARIM 1 — BETON: siyah başlık, keskin köşeler, numaralı bölümler
   ===================================================================== */
.tema-beton{--zemin:#fff;--zemin2:#f4f4f1;--r:0px;--r-k:0px;--r-btn:0px;--baslik-agirlik:800;--baslik-aralik:-.03em}
.tema-beton main{counter-reset:bolum}
.tema-beton .bolum .bolum-bas{counter-increment:bolum}
.tema-beton .bolum .bolum-bas .ust-yazi:before{content:counter(bolum,decimal-leading-zero) " /";width:auto;height:auto;background:none;color:var(--sari-koyu);font-size:13px;letter-spacing:.06em}
.tema-beton .hero-baslik{text-transform:uppercase;letter-spacing:-.035em}
.tema-beton .bolum-bas h2{text-transform:uppercase}
.tema-beton .kart-oge{border-color:var(--kenar)}

/* =====================================================================
   TASARIM 2 — MİMARİ PLAN: kâğıt zemin, ızgara, ince çizgiler, mono etiket
   ===================================================================== */
.tema-plan{--zemin:#f3f1ea;--zemin2:#ebe8de;--yuzey:#f8f7f2;--kenar:#cfcab9;--yazi:#2b2b2b;--r:0px;--r-k:0px;--r-btn:0px;--golge:none;--golge-b:8px 8px 0 var(--siyah);--baslik-agirlik:700;--ust-bar:var(--siyah);--bas-zemin:#f3f1ea;--bas-kenar:var(--siyah)}
.tema-plan body,.tema-plan{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:32px 32px}
.tema-plan .baslik{border-bottom:1.5px solid var(--siyah)}
.tema-plan .bolum-acik{background:rgba(0,0,0,.03)}
.tema-plan .kart-oge,.tema-plan .yorum-oge,.tema-plan .akordeon-oge,.tema-plan .bolge-oge,.tema-plan .liste-oge,.tema-plan .yan-kutu,.tema-plan .form-kart,.tema-plan .iletisim-kart,.tema-plan .arama-oge{border:1.5px solid var(--siyah);background:var(--yuzey)}
.tema-plan .kart-oge:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--sari)}
.tema-plan .kart-gorsel{border-bottom:1.5px solid var(--siyah)}
.tema-plan .ust-yazi{font-size:12px;letter-spacing:.12em}
.tema-plan .ust-yazi:before{content:"[";width:auto;height:auto;background:none}
.tema-plan .ust-yazi:after{content:"]"}
.tema-plan .bolum-bas h2{position:relative;display:inline-block;padding:0 0 14px}
.tema-plan .bolum-bas h2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;border-left:1.5px solid var(--siyah);border-right:1.5px solid var(--siyah);background:linear-gradient(var(--siyah),var(--siyah)) center/100% 1.5px no-repeat}
.tema-plan .hero-slayt:after{background:linear-gradient(95deg,color-mix(in srgb,var(--siyah) 88%,transparent),color-mix(in srgb,var(--siyah) 30%,transparent))}
.tema-plan .hero-baslik{font-weight:700}
.tema-plan .hero-baslik:after{content:"";display:block;width:90px;height:8px;background:var(--sari);margin-top:22px}
.tema-plan .sayfa-baslik{background:var(--zemin);color:var(--siyah);border-bottom:1.5px solid var(--siyah)}
.tema-plan .sayfa-baslik:before{background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:16px 16px}
.tema-plan .sayfa-baslik h1{color:var(--siyah)}
.tema-plan .sayfa-baslik h1 span,.tema-plan .sayfa-baslik p{opacity:.75}
.tema-plan .kirinti{color:#666}.tema-plan .kirinti a{color:var(--siyah);text-decoration:underline;text-decoration-color:var(--sari);text-decoration-thickness:3px}
.tema-plan .logo-izgara,.tema-plan .logo-oge{border-color:var(--siyah)}
.tema-plan .sayac-bolum{background:var(--zemin);color:var(--siyah);border-top:1.5px solid var(--siyah);border-bottom:1.5px solid var(--siyah)}
.tema-plan .sayac-bolum:before{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}
.tema-plan .sayac-oge{border-left-color:var(--siyah)}
.tema-plan .sayac-oge strong{color:var(--siyah);-webkit-text-stroke:0}
.tema-plan .sayac-oge strong:after{color:var(--sari-koyu)}
.tema-plan .hakkimizda-gorsel:before{background:none;border:1.5px dashed var(--siyah)}
.tema-plan .menu>ul>li>a:after{height:6px;bottom:6px;opacity:.85;z-index:-1}
.tema-plan .form-kart input,.tema-plan .form-kart select,.tema-plan .form-kart textarea{border-color:var(--siyah);background:#fff}

/* =====================================================================
   TASARIM 3 — GECE: tamamen koyu, sarı ışık vurguları
   ===================================================================== */
.tema-gece{--zemin:#0b0b0b;--zemin2:#111;--yuzey:#161616;--kenar:#262626;--yazi:#cfcfcf;--baslik-renk:#fff;--soluk:#8d8d8d;--link:var(--sari);--r:16px;--r-k:10px;--r-btn:10px;--golge:0 0 0 1px #222;--golge-b:0 20px 60px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--sari) 35%,transparent);--ust-bar:#050505}
.tema-gece .baslik{background:rgba(11,11,11,.86);backdrop-filter:blur(12px)}
.tema-gece .btn-ana,.tema-gece .btn-vurgu{box-shadow:0 0 30px color-mix(in srgb,var(--sari) 45%,transparent)}
.tema-gece .btn-cizgi{color:#fff}
.tema-gece .btn-cizgi:hover{background:var(--sari);color:var(--sari-ust);border-color:var(--sari)}
.tema-gece .kart-oge:hover,.tema-gece .yorum-oge:hover{border-color:color-mix(in srgb,var(--sari) 50%,transparent)}
.tema-gece .bolum-bas h2 {background:linear-gradient(180deg,#fff 40%,#999);-webkit-background-clip:text;background-clip:text;color:transparent}
.tema-gece .hero-degrade{background:radial-gradient(circle at 75% 35%,color-mix(in srgb,var(--sari) 30%,transparent),transparent 45%),#070707}
.tema-gece .hero-degrade:after{border-radius:50%;border-width:1px;box-shadow:0 0 120px color-mix(in srgb,var(--sari) 40%,transparent)}
.tema-gece .sayfa-baslik{background:#070707}
.tema-gece .sayfa-baslik:after{box-shadow:0 0 30px var(--sari)}
.tema-gece .sayac-bolum{background:#070707}
.tema-gece .sayac-oge strong{text-shadow:0 0 30px color-mix(in srgb,var(--sari) 60%,transparent)}
.tema-gece .cta{background:linear-gradient(120deg,#111,#000);color:#fff;border-top:1px solid #222;border-bottom:1px solid #222}
.tema-gece .cta h2{color:#fff}
.tema-gece .cta .btn-vurgu{background:var(--sari);color:var(--sari-ust);border-color:var(--sari)}
.tema-gece .cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.4)}
.tema-gece .cta:after{border-color:color-mix(in srgb,var(--sari) 15%,transparent)}
.tema-gece .alt-bilgi{background:#050505}
.tema-gece .logo-oge{background:var(--yuzey)}
.tema-gece .logo-oge img{filter:grayscale(1) invert(1);opacity:.6}
.tema-gece .form-kart input,.tema-gece .form-kart select,.tema-gece .form-kart textarea{background:#0e0e0e;color:#fff}
.tema-gece .form-kart input:focus,.tema-gece .form-kart textarea:focus{border-color:var(--sari);box-shadow:0 0 0 4px color-mix(in srgb,var(--sari) 20%,transparent)}
.tema-gece .alt-menu{background:#161616}
.tema-gece .alt-menu a:hover{background:#222;color:var(--sari)}
.tema-gece .dosya-indir{background:#161616;color:#fff}
.tema-gece .yorum-avatar{background:var(--sari);color:var(--sari-ust)}
.tema-gece .metin blockquote{background:#161616}
.tema-gece .hakkimizda-gorsel:before{background:radial-gradient(circle,color-mix(in srgb,var(--sari) 60%,transparent),transparent 70%)}
.tema-gece .devam{color:var(--sari)}
.tema-gece .filtre-cipler a:hover{border-color:var(--sari)}
.tema-gece.mobil-menu .menu,body.tema-gece.mobil-menu .menu{background:#111;color:#fff}

/* =====================================================================
   TASARIM 4 — MİNİMAL: ferah, ince sarı detaylar
   ===================================================================== */
.tema-minimal{--zemin:#fff;--zemin2:#f7f7f5;--kenar:#ececec;--r:10px;--r-k:6px;--r-btn:999px;--baslik-agirlik:700;--golge:0 2px 10px rgba(0,0,0,.04);--golge-b:0 20px 50px rgba(0,0,0,.08);--ust-bar:#fff}
.tema-minimal .ust-bar{color:#666;border-bottom:1px solid var(--kenar)}
.tema-minimal .ust-bar .ik{color:var(--sari-koyu)}
.tema-minimal .ust-bar a:hover{color:var(--siyah)}
.tema-minimal .sosyal a:hover{background:var(--siyah);color:#fff}
.tema-minimal .baslik{border-bottom:0}
.tema-minimal .baslik.kaydi{box-shadow:0 1px 0 var(--kenar)}
.tema-minimal .bolum{padding:clamp(80px,10vw,140px) 0}
.tema-minimal .bolum-acik{background:#fff;border-top:1px solid var(--kenar)}
.tema-minimal .kart-oge{border:0;background:transparent}
.tema-minimal .kart-oge:hover{box-shadow:none;transform:none}
.tema-minimal .kart-oge:after{display:none}
.tema-minimal .kart-gorsel{border-radius:var(--r)}
.tema-minimal .kart-metin{padding:20px 0 0}
.tema-minimal .kart-metin h3 a{background:linear-gradient(var(--sari),var(--sari)) 0 92%/0 35% no-repeat;transition:background-size .3s}
.tema-minimal .kart-oge:hover .kart-metin h3 a{background-size:100% 35%}
.tema-minimal .devam .ik{background:transparent;color:var(--siyah);border:1px solid var(--kenar);border-radius:50%}
.tema-minimal .ust-yazi{color:var(--soluk);letter-spacing:.2em}
.tema-minimal .ust-yazi:before{width:8px;height:8px;border-radius:50%}
.tema-minimal .hero-slayt:after{background:linear-gradient(95deg,rgba(0,0,0,.72),rgba(0,0,0,.15))}
.tema-minimal .hero-degrade{background:#111}
.tema-minimal .hero-degrade:after{border-radius:50%;border-width:1px;box-shadow:none;background:radial-gradient(circle,color-mix(in srgb,var(--sari) 30%,transparent),transparent 65%)}
.tema-minimal .hero-baslik{font-weight:700}
.tema-minimal .sayfa-baslik{background:var(--zemin2);color:var(--siyah)}
.tema-minimal .sayfa-baslik:before{display:none}
.tema-minimal .sayfa-baslik h1{color:var(--siyah)}
.tema-minimal .kirinti{color:#888}.tema-minimal .kirinti a{color:var(--siyah)}
.tema-minimal .sayac-bolum{background:#fff;color:var(--siyah);border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.tema-minimal .sayac-bolum:before{display:none}
.tema-minimal .sayac-oge{border-left-color:var(--kenar)}
.tema-minimal .sayac-oge strong{color:var(--siyah)}
.tema-minimal .sayac-oge strong:after{color:var(--sari)}
.tema-minimal .cta{background:var(--zemin2);color:var(--siyah)}
.tema-minimal .cta h2{color:var(--siyah)}
.tema-minimal .cta:after{border-color:color-mix(in srgb,var(--sari) 35%,transparent);border-radius:50%}
.tema-minimal .cta .btn-vurgu{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-minimal .hakkimizda-gorsel{padding:0}
.tema-minimal .hakkimizda-gorsel:before{display:none}
.tema-minimal .tecrube-rozet{background:#fff;color:var(--siyah);border-left:0;border-radius:var(--r);left:20px;bottom:20px}
.tema-minimal .tecrube-rozet strong{color:var(--siyah)}
.tema-minimal .tik-liste .ik{border-radius:50%}
.tema-minimal .alt-bilgi:before{height:1px;background:#222}
.tema-minimal .form-kart{border-top:1px solid var(--kenar);box-shadow:var(--golge-b)}
.tema-minimal .form-kart input:focus,.tema-minimal .form-kart textarea:focus,.tema-minimal .form-kart select:focus{box-shadow:0 0 0 4px var(--sari-acik)}

/* =====================================================================
   TASARIM 5 — ENDÜSTRİ: sarı başlık, ikaz şeritleri, dar kalın yazı
   ===================================================================== */
.tema-endustri{--zemin:#fff;--zemin2:#f2f2f2;--r:0px;--r-k:0px;--r-btn:0px;--baslik-donusum:uppercase;--baslik-agirlik:700;--baslik-aralik:0;--kenar:#ddd}
.tema-endustri h1,.tema-endustri h2,.tema-endustri h3{line-height:1.02}
.tema-endustri .hero-baslik{font-size:clamp(46px,8vw,100px)}
.tema-endustri .bolum-bas h2{font-size:clamp(36px,5vw,62px)}
.tema-endustri .baslik:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:repeating-linear-gradient(-45deg,var(--siyah) 0 14px,var(--sari) 14px 28px)}
.tema-endustri .menu>ul>li>a{text-transform:uppercase;letter-spacing:.06em;font-size:15.5px;font-weight:700}
.tema-endustri .btn{text-transform:uppercase;letter-spacing:.08em}
.tema-endustri .sayac-bolum{border-top:14px solid transparent;border-image:repeating-linear-gradient(-45deg,var(--siyah) 0 14px,var(--sari) 14px 28px) 14}
.tema-endustri .alt-bilgi:before{height:14px;background:repeating-linear-gradient(-45deg,var(--siyah) 0 14px,var(--sari) 14px 28px)}
.tema-endustri .kart-oge{border:2px solid var(--siyah)}
.tema-endustri .kart-oge:hover{box-shadow:10px 10px 0 var(--sari);transform:translate(-5px,-5px)}
.tema-endustri .kart-oge:after{display:none}
.tema-endustri .kart-gorsel{border-bottom:2px solid var(--siyah)}
.tema-endustri .etiket{font-size:13px}
.tema-endustri .ust-yazi{background:var(--siyah);color:var(--sari);padding:6px 12px;font-size:14px}
.tema-endustri .ust-yazi:before{display:none}
.tema-endustri .cta{background:var(--siyah);color:#fff}
.tema-endustri .cta h2{color:var(--sari)}
.tema-endustri .cta .btn-vurgu{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-endustri .cta .btn-saydam{color:#fff;border-color:#fff}
.tema-endustri .cta:after{width:100%;height:14px;right:0;top:0;border:0;transform:none;background:repeating-linear-gradient(-45deg,var(--siyah) 0 14px,var(--sari) 14px 28px)}
.tema-endustri .sayfa-baslik{background:var(--sari);color:var(--sari-ust)}
.tema-endustri .sayfa-baslik:before{background:repeating-linear-gradient(-45deg,transparent 0 40px,rgba(0,0,0,.05) 40px 80px);mask-image:none}
.tema-endustri .sayfa-baslik:after{width:100%;height:12px;background:repeating-linear-gradient(-45deg,var(--siyah) 0 14px,var(--sari) 14px 28px)}
.tema-endustri .sayfa-baslik h1{color:var(--sari-ust)}
.tema-endustri .kirinti{color:rgba(0,0,0,.6)}.tema-endustri .kirinti a{color:var(--siyah);font-weight:700}
.tema-endustri .hakkimizda-gorsel:before{background:repeating-linear-gradient(-45deg,var(--siyah) 0 14px,var(--sari) 14px 28px)}
.tema-endustri .yorum-oge{border:2px solid var(--siyah)}
.tema-endustri .akordeon-oge{border:2px solid var(--siyah)}
.tema-endustri .form-kart{border:2px solid var(--siyah)}
.tema-endustri .form-kart input,.tema-endustri .form-kart select,.tema-endustri .form-kart textarea{border:2px solid var(--siyah)}
.tema-endustri .hero-rozet{background:var(--sari);color:var(--sari-ust);border:0}
.tema-endustri .hero-rozet .ik{color:var(--sari-ust)}
.tema-endustri.mobil-menu .menu{background:var(--sari)}

/* =====================================================================
   TASARIM 6 — ASİMETRİK: bölünmüş hero, kaydırılmış gölgeler
   ===================================================================== */
.tema-asimetrik{--zemin:#fff;--zemin2:#f1f1ee;--r:22px;--r-k:12px;--r-btn:12px;--baslik-agirlik:700;--golge:0 10px 30px rgba(0,0,0,.06)}
.tema-asimetrik .kart-izgara>*:nth-child(3n+2){transform:translateY(40px)}
.tema-asimetrik .kart-izgara>*:nth-child(3n+2):hover{transform:translateY(34px)}
.tema-asimetrik .kart-izgara{padding-bottom:40px}
.tema-asimetrik .kart-oge{box-shadow:12px 12px 0 var(--zemin2);border:0}
.tema-asimetrik .kart-oge:hover{box-shadow:14px 14px 0 var(--sari)}
.tema-asimetrik .kart-oge:after{display:none}
.tema-asimetrik .bolum-bas{text-align:left;margin-left:0}
.tema-asimetrik .bolum-bas h2{font-size:clamp(34px,5vw,60px);letter-spacing:-.04em}
.tema-asimetrik .bolum-acik{background:linear-gradient(90deg,var(--zemin2) 70%,var(--sari) 70%)}
.tema-asimetrik .bolum-acik .kap{position:relative}
.tema-asimetrik .ust-yazi:before{width:40px;height:40px;border-radius:50%;background:var(--sari)}
.tema-asimetrik .ust-yazi{gap:14px}
.tema-asimetrik .sayfa-baslik{background:var(--sari);color:var(--sari-ust);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);padding-bottom:clamp(80px,9vw,120px)}
.tema-asimetrik .sayfa-baslik:before{display:none}
.tema-asimetrik .sayfa-baslik:after{display:none}
.tema-asimetrik .sayfa-baslik h1{color:var(--sari-ust)}
.tema-asimetrik .kirinti{color:rgba(0,0,0,.55)}.tema-asimetrik .kirinti a{color:var(--siyah);font-weight:700}
.tema-asimetrik .sayac-bolum{background:var(--siyah);border-radius:0 0 0 120px}
.tema-asimetrik .cta{border-radius:120px 0 0 0;margin-top:-1px}
.tema-asimetrik .hakkimizda-gorsel:before{border-radius:var(--r);transform:rotate(-4deg)}
.tema-asimetrik .alt-bilgi:before{display:none}
.tema-asimetrik .alt-bilgi{border-radius:60px 60px 0 0}
.tema-asimetrik .form-kart{border-top:0;box-shadow:16px 16px 0 var(--sari)}
.tema-asimetrik .tik-liste .ik{border-radius:50%}
.tema-asimetrik .hero-baslik{letter-spacing:-.045em}

/* ---------- Mobil menü (app.js / layout "mobil-menu" sınıfı ekler) ---------- */
body.mobil-menu .hamburger{display:flex}
body.mobil-menu .baslik{backdrop-filter:none;-webkit-backdrop-filter:none}
body.mobil-menu .menu{position:fixed;top:0;right:0;bottom:0;width:min(370px,88vw);background:var(--yuzey);color:var(--baslik-renk);z-index:80;flex-direction:column;justify-content:flex-start;padding:96px 18px 24px;overflow-y:auto;visibility:hidden;clip-path:inset(0 0 0 100%);-webkit-clip-path:inset(0 0 0 100%);transition:clip-path .3s ease,-webkit-clip-path .3s ease,visibility .3s;box-shadow:-20px 0 60px rgba(0,0,0,.2);border-left:5px solid var(--sari)}
body.mobil-menu.menu-acik .menu{visibility:visible;clip-path:inset(0 0 0 -80px);-webkit-clip-path:inset(0 0 0 -80px)}
body.mobil-menu .baslik-sag{margin-left:auto}
body.mobil-menu.menu-acik:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70}
body.mobil-menu.menu-acik .baslik{z-index:90}
body.mobil-menu .menu>ul{flex-direction:column;gap:2px}
body.mobil-menu .menu>ul>li>a{padding:14px 14px;font-size:17px}
body.mobil-menu .menu>ul>li>a:after{display:none}
body.mobil-menu .menu>ul>li.aktif>a{background:var(--sari);color:var(--sari-ust)}
body.mobil-menu .menu>ul>li.vurgulu>a{margin:6px 0 0}
body.mobil-menu .menu .ok-asagi{display:none}
body.mobil-menu .alt-ac{display:grid;place-items:center;position:absolute;right:4px;top:5px;width:44px;height:44px;border:0;background:var(--zemin2);cursor:pointer;color:var(--baslik-renk);border-radius:var(--r-k)}
body.mobil-menu .alt-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px 14px;display:none;min-width:0;background:transparent}
body.mobil-menu .alt-var.acik>.alt-menu{display:block}
body.mobil-menu .alt-var.acik .alt-ac svg{transform:rotate(180deg)}
body.mobil-menu .menu-mobil-alt{display:grid;gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid var(--kenar)}
body.mobil-menu .menu-mobil-alt .sosyal a{color:var(--baslik-renk);background:var(--zemin2)}
body.mobil-menu .menu-mobil-alt .btn-cizgi{color:var(--baslik-renk)}
body.mobil-menu .hamburger{position:relative;z-index:95}
body.mobil-menu.menu-acik .hamburger{color:var(--baslik-renk);background:var(--yuzey)}

/* ---------- Duyarlı ---------- */
@media (max-width:1240px){.menu>ul>li>a{padding:9px 10px;font-size:14.5px}}
@media (max-width:1100px){.alt-izgara{grid-template-columns:1fr 1fr}.ekip-izgara{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){
  .kart-izgara,.yorum-izgara{grid-template-columns:repeat(2,1fr)}
  .tema-asimetrik .kart-izgara>*:nth-child(3n+2){transform:none}
  .galeri-izgara{grid-template-columns:repeat(3,1fr)}
  .hakkimizda-izgara,.detay-izgara,.iletisim-izgara,.teklif-izgara{grid-template-columns:1fr}
  .detay-yan{position:static}
  .sayac-izgara{grid-template-columns:repeat(2,1fr);gap:26px 0}
  .sayac-oge:nth-child(3){border-left:0}
  .cta-ic{flex-direction:column;align-items:flex-start}
  .liste-oge{grid-template-columns:220px 1fr;gap:20px}
  .hero-bolunmus .hero-slaytlar{min-height:auto}
  .hero-bolunmus .hero-slayt{position:relative;display:none;flex-direction:column;align-items:stretch}
  .hero-bolunmus .hero-slayt.aktif{display:flex}
  .hero-bolunmus .hero-gorsel{position:relative;left:0;width:100%;height:42vh;clip-path:none;order:2}
  .hero-bolunmus .hero-degrade{position:relative;height:30vh}
  .hero-bolunmus .hero-degrade:after{width:40%;right:10%;top:20%}
  .hero-bolunmus .hero-icerik{padding-top:120px;padding-bottom:60px}
  .hero-bolunmus .hero-noktalar{bottom:auto;top:calc(100% - 42vh - 40px)}
  .tema-asimetrik .bolum-acik{background:var(--zemin2)}
}
@media (max-width:640px){
  body{font-size:15.5px}
  .kap{padding:0 16px}
  .ust-bar{display:none}
  .baslik-ic{min-height:70px;gap:12px}
  .logo img{max-height:44px}
  .logo-yazi{font-size:18px}
  .gizle-k,.gizle-m{display:none!important}
  .goster-m{display:block;margin-top:28px}
  .kart-izgara,.yorum-izgara,.ekip-izgara{grid-template-columns:1fr}
  .galeri-izgara{grid-template-columns:repeat(2,1fr);gap:10px}
  .galeri-oge:nth-child(6n+1){grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  .foto-izgara,.foto-izgara.genis{grid-template-columns:repeat(2,1fr);gap:8px}
  .liste-oge{grid-template-columns:1fr;gap:0}
  .liste-gorsel{min-height:200px}
  .liste-metin{padding:20px}
  .hero-slaytlar{min-height:620px}
  .hero-icerik{padding-bottom:90px}
  .hero-butonlar .btn{flex:1 1 auto}
  .bolum-ust{margin-bottom:30px}
  .tik-liste{grid-template-columns:1fr}
  .hakkimizda-gorsel{padding:0 14px 14px 0}
  .tecrube-rozet{left:12px;bottom:-20px;padding:14px 18px}.tecrube-rozet strong{font-size:32px}
  .form-izgara{grid-template-columns:1fr}
  .alt-izgara{grid-template-columns:1fr;gap:34px}
  .sabit-ara{display:grid}
  .sabit-wa,.sabit-ara{width:54px;height:54px}
  .isik-kutu{padding:60px 10px}
  .ik-onceki,.ik-sonraki{top:auto!important;bottom:14px;transform:none!important}
  .arama-form{flex-direction:column}
  .sayac-oge{padding:6px 14px}
  .hero-cerceve .hero{padding:12px 12px 0}
  .tema-asimetrik .sayac-bolum{border-radius:0 0 0 50px}.tema-asimetrik .cta{border-radius:50px 0 0 0}.tema-asimetrik .alt-bilgi{border-radius:30px 30px 0 0}
}
/* Asimetrik: şeffaf başlık sarı zemin üzerinde koyu yazılı, kaydırınca siyah */
.tema-asimetrik.bas-seffaf{--bas-yazi:var(--sari-ust);--bas-kenar:rgba(0,0,0,.2)}
.tema-asimetrik .logo-kare{background:var(--siyah)}
.tema-asimetrik .menu>ul>li>a:after{background:var(--siyah)}
.tema-asimetrik .baslik .ikon-dugme{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-asimetrik .baslik .btn-ana{background:var(--siyah);border-color:var(--siyah);color:#fff}
.tema-asimetrik .baslik.kaydi{--bas-yazi:#fff;color:#fff}
.tema-asimetrik .baslik.kaydi .logo-kare{background:var(--sari)}
.tema-asimetrik .baslik.kaydi .menu>ul>li>a:after{background:var(--sari)}
.tema-asimetrik .baslik.kaydi .btn-ana{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-asimetrik .hamburger{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
/* Minimal: görselsiz slaytta açık hero */
.tema-minimal .hero{background:var(--zemin2)}
.tema-minimal .hero-slayt:has(.hero-degrade):after{display:none}
.tema-minimal .hero-degrade{background:var(--zemin2)}
.tema-minimal .hero-degrade:before{display:none}
.tema-minimal .hero-degrade:after{border:0;width:min(40vw,520px);right:4%;top:10%;background:radial-gradient(circle at 50% 50%,var(--sari) 0 38%,transparent 38.5%),radial-gradient(circle,transparent 55%,color-mix(in srgb,var(--sari) 25%,transparent) 55.5% 56.5%,transparent 57%)}
.tema-minimal .hero-slayt:has(.hero-degrade) .hero-icerik{color:var(--siyah)}
.tema-minimal .hero-slayt:has(.hero-degrade) .hero-baslik{color:var(--siyah)}
.tema-minimal .hero-slayt:has(.hero-degrade) .hero-rozet{background:#fff;color:var(--siyah)}
.tema-minimal .hero-slayt:has(.hero-degrade) .btn-saydam{color:var(--siyah);border-color:var(--siyah)}
.tema-minimal .hero-slayt:has(.hero-degrade) .btn-saydam:hover{background:var(--siyah);color:#fff}
.tema-minimal .hero-noktalar button{background:rgba(0,0,0,.2)}
.tema-minimal .hero-noktalar button.aktif{background:var(--siyah)}
@media (max-width:640px){
  .hero-degrade:after{opacity:.25;width:70vw;right:-20vw;top:auto;bottom:6%}
  .hero-bolunmus .hero-noktalar{display:none}
  .tema-minimal .hero-degrade:after{opacity:.5}
}

/* Güvenlik doğrulaması */
.captcha-kutu{margin:4px 0 18px;min-height:65px}
.captcha-matematik input{max-width:200px}
.captcha-not{display:block;color:var(--soluk);font-size:12px;margin:-6px 0 14px}

/* ---- v1.2.0: yatay kayma (sağa kayma) önlemleri ---- */
@supports (overflow:clip){html,body{overflow-x:clip}}
iframe,video,embed,object{max-width:100%}
.metin{overflow-wrap:anywhere;word-break:normal}
.metin *{max-width:100%;box-sizing:border-box}
.metin img{height:auto!important}
.metin iframe{width:100%}
.metin table{display:block;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:1.2em 0}
.metin th,.metin td{border:1px solid rgba(0,0,0,.12);padding:8px 12px;text-align:left;vertical-align:top;min-width:110px}
.metin thead th{background:rgba(0,0,0,.04)}
.metin pre{overflow-x:auto;white-space:pre-wrap}
[class*="izgara"]>*,.detay-ana,.yan,aside{min-width:0}
@media (max-width:860px){.logo{flex-shrink:1;min-width:0;max-width:calc(100% - 120px)}.logo img{max-width:100%;max-height:44px;object-fit:contain;object-position:left center}.logo-yazi{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baslik-sag{flex-shrink:0}}

/* =====================================================================
   ANATOLIA KURUMSAL — Düzen varyantları, yeni bölümler ve yeni tasarımlar
   ===================================================================== */

/* --- Sabit menü kapalı --- */
.sabit-0 .baslik{position:relative}
.sabit-0.bas-seffaf .baslik{position:absolute}

/* --- Menü slaytın altında (ana sayfa) --- */
.hero-ustte .ust-bar{display:none}
.hero-ustte .hero-slaytlar{min-height:clamp(520px,calc(100vh - var(--bas-y)),860px)}
.hero-ustte .baslik{box-shadow:0 -1px 0 var(--bas-kenar)}

/* --- Dikey menü (geniş ekranlarda solda) --- */
@media (min-width:1180px){
  body.menu-dikey:not(.mobil-menu){padding-left:272px}
  body.menu-dikey:not(.mobil-menu) .ust-bar{display:none}
  body.menu-dikey:not(.mobil-menu) .baslik{position:fixed;top:0;left:0;bottom:0;width:272px;border-bottom:0;border-right:1px solid var(--bas-kenar);overflow-y:auto;z-index:70}
  body.menu-dikey:not(.mobil-menu) .baslik-ic{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:100%;padding:36px 30px 28px;gap:34px;max-width:none}
  body.menu-dikey:not(.mobil-menu) .logo img{max-height:64px}
  body.menu-dikey:not(.mobil-menu) .menu{flex:1;display:flex;flex-direction:column;justify-content:flex-start}
  body.menu-dikey:not(.mobil-menu) .menu>ul{flex-direction:column;gap:0}
  body.menu-dikey:not(.mobil-menu) .menu>ul>li>a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--bas-kenar)}
  body.menu-dikey:not(.mobil-menu) .menu>ul>li>a:after{left:0;right:auto;width:28px;bottom:-1px}
  body.menu-dikey:not(.mobil-menu) .menu>ul>li.vurgulu>a{margin:14px 0 0;padding:12px 16px;justify-content:center;border-bottom:0}
  body.menu-dikey:not(.mobil-menu) .alt-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px 12px;min-width:0;background:transparent;display:none}
  body.menu-dikey:not(.mobil-menu) .alt-menu:before{display:none}
  body.menu-dikey:not(.mobil-menu) .alt-var:hover>.alt-menu,body.menu-dikey:not(.mobil-menu) .alt-var:focus-within>.alt-menu,body.menu-dikey:not(.mobil-menu) .alt-var.aktif>.alt-menu{display:block}
  body.menu-dikey:not(.mobil-menu) .alt-menu a{color:inherit;opacity:.8;padding:6px 0;font-size:15px}
  body.menu-dikey:not(.mobil-menu) .alt-menu a:hover{background:none;opacity:1;color:var(--sari)}
  body.menu-dikey:not(.mobil-menu) .menu-mobil-alt{display:grid;gap:14px;margin-top:auto;padding-top:28px}
  body.menu-dikey:not(.mobil-menu) .menu-mobil-alt .btn{width:100%;justify-content:center}
  body.menu-dikey:not(.mobil-menu) .baslik-sag{justify-content:flex-start}
  body.menu-dikey:not(.mobil-menu) .baslik-sag .btn{flex:1;justify-content:center}
  body.menu-dikey:not(.mobil-menu) .hamburger{display:none}
  body.menu-dikey:not(.mobil-menu) .hero-slaytlar{min-height:100vh}
  body.menu-dikey:not(.mobil-menu) .kap{max-width:1180px}
}

/* --- İç sayfa kenar çubuğu konumu --- */
@media (min-width:1101px){
  .kenar-sol .detay-izgara{grid-template-columns:370px minmax(0,1fr)}
  .kenar-sol .detay-yan{order:-1}
}
.kenar-yok .detay-izgara{grid-template-columns:minmax(0,1fr);max-width:960px;margin:0 auto}
.kenar-yok .detay-yan{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* --- Sayfa başlığı: görselli / desenli --- */
.sayfa-baslik.bb-var{background:linear-gradient(180deg,color-mix(in srgb,var(--siyah) 55%,transparent),color-mix(in srgb,var(--siyah) 82%,transparent)),var(--bb) center/cover no-repeat;padding:clamp(80px,12vw,150px) 0 clamp(60px,8vw,100px);color:#fff}
.sayfa-baslik.bb-var:before{display:none}
.sayfa-baslik.bb-var h1,.sayfa-baslik.bb-var .kirinti,.sayfa-baslik.bb-var .kirinti a{color:#fff}
.sayfa-baslik.bb-var p{opacity:.9}
@media (max-width:700px){.sayfa-baslik.bb-var{background-image:linear-gradient(180deg,color-mix(in srgb,var(--siyah) 55%,transparent),color-mix(in srgb,var(--siyah) 82%,transparent)),var(--bb-m)}}
.bas-seffaf .sayfa-baslik.bb-var{padding-top:calc(clamp(80px,12vw,150px) + var(--bas-y))}
.bolge-rozet{display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:7px 14px;border-radius:var(--r-btn);background:color-mix(in srgb,var(--sari) 22%,transparent);color:inherit;font-size:14px;font-weight:600}
.bolge-rozet:hover{background:var(--sari);color:var(--sari-ust)}

/* --- Sade giriş (hero yok) --- */
.hero-sade{padding:clamp(70px,10vw,140px) 0 clamp(50px,7vw,90px);background:var(--zemin2);border-bottom:1px solid var(--kenar);position:relative;overflow:hidden}
.hero-sade:after{content:"";position:absolute;right:-6%;bottom:-40%;width:min(48vw,560px);aspect-ratio:1;border:2px solid var(--sari);opacity:.5}
.hero-sade .kap{position:relative;z-index:1}
.hero-sade .hero-baslik{color:var(--baslik-renk);max-width:880px}
.hero-sade p{font-size:clamp(16px,2vw,20px);max-width:640px;color:var(--soluk);margin-bottom:30px}
.hero-sade .hero-rozet{color:var(--baslik-renk);background:color-mix(in srgb,var(--sari) 16%,transparent)}
.bas-seffaf .hero-sade{padding-top:calc(clamp(70px,10vw,140px) + var(--bas-y));background:var(--siyah)}
.bas-seffaf .hero-sade .hero-baslik,.bas-seffaf .hero-sade .hero-rozet{color:#fff}

/* --- Arka plan videosu --- */
.hero-video-kap{overflow:hidden;pointer-events:none}
.hero-video-yt{position:absolute;top:50%;left:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%);border:0}
video.hero-gorsel{object-fit:cover}
@media (prefers-reduced-motion:reduce){.hero-video-kap,video.hero-gorsel{display:none}}

/* --- Önce / Sonra --- */
.once-sonra{position:relative;overflow:hidden;border-radius:var(--r);margin:0 0 30px;--os:50%;user-select:none;touch-action:pan-y;background:var(--zemin2)}
.once-sonra img{display:block;width:100%;height:auto}
.once-sonra .os-once{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--os)) 0 0)}
.once-sonra .os-once img{width:100%;height:100%;object-fit:cover}
.once-sonra input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}
.once-sonra:before{content:"";position:absolute;top:0;bottom:0;left:var(--os);width:3px;margin-left:-1.5px;background:#fff;z-index:2;box-shadow:0 0 12px rgba(0,0,0,.35)}
.os-tutamac{position:absolute;top:50%;left:var(--os);width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#fff;color:var(--siyah);display:grid;place-items:center;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.3);pointer-events:none}
.os-etiket{position:absolute;top:16px;z-index:2;padding:6px 12px;background:rgba(0,0,0,.65);color:#fff;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-k);pointer-events:none}
.os-etiket-once{left:16px}.os-etiket-sonra{right:16px}

/* --- Bölge filtresi --- */
.bolge-cipler{margin-top:-14px}
.filtre-etiket{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--soluk);font-size:14px;margin-right:4px}

/* --- Maliyet hesaplayıcı --- */
.hesap-izgara{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
.hesap-kart{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);padding:clamp(22px,4vw,40px);display:grid;gap:26px;box-shadow:var(--golge)}
.hesap-alan{display:grid;gap:10px;border:0;padding:0;margin:0;min-width:0}
.hesap-alan>span,.hesap-alan legend{font-family:var(--font-baslik),sans-serif;font-weight:700;font-size:17px;color:var(--baslik-renk);padding:0;margin-bottom:10px}
.hesap-kart select,.hesap-kart input[type=number]{width:100%;padding:14px 16px;border:1.5px solid var(--kenar);border-radius:var(--r-k);font:inherit;font-size:16px;background:var(--zemin);color:var(--yazi)}
.hesap-m2{display:grid;grid-template-columns:1fr 120px auto;gap:14px;align-items:center}
.hesap-m2 input[type=range]{width:100%;accent-color:var(--sari);height:28px}
.hesap-m2 b{font-weight:700}
.hesap-seviye{display:flex;flex-wrap:wrap;gap:10px}
.hesap-seviye label{cursor:pointer}
.hesap-seviye input{position:absolute;opacity:0;pointer-events:none}
.hesap-seviye span{display:block;padding:12px 20px;border:1.5px solid var(--kenar);border-radius:var(--r-btn);font-weight:600;transition:.15s}
.hesap-seviye input:checked+span{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.hesap-seviye input:focus-visible+span{outline:2px solid var(--siyah);outline-offset:2px}
.hesap-sonuc{position:sticky;top:110px;background:var(--siyah);color:#fff;border-radius:var(--r);padding:clamp(24px,4vw,36px);display:grid;gap:12px}
.hesap-sonuc small{text-transform:uppercase;letter-spacing:.12em;font-weight:700;opacity:.7;font-size:12.5px}
.hesap-sonuc strong{font-family:var(--font-baslik),sans-serif;font-size:clamp(28px,4vw,38px);line-height:1.1;color:var(--sari)}
.hesap-sonuc .soluk{color:rgba(255,255,255,.75)}
.hesap-not{font-size:13.5px;opacity:.7;margin:4px 0 8px}
@media (max-width:1000px){.hesap-izgara{grid-template-columns:1fr}.hesap-sonuc{position:static}}
@media (max-width:520px){.hesap-m2{grid-template-columns:1fr 90px auto}}

/* --- Teklif formu: fotoğraf --- */
.foto-yukle input[type=file]{padding:14px;border:1.5px dashed var(--kenar);border-radius:var(--r-k);width:100%;background:var(--zemin2)}
.dosya-uyari{margin-top:8px;padding:10px 12px;border-radius:var(--r-k);background:#fdecec;color:#b42318;font-size:14px;font-weight:600}

/* =================== TASARIM: AHŞAP (sıcak, iç mekân) =================== */
.tema-ahsap{--zemin:#f6f1e9;--zemin2:#efe6d8;--yuzey:#fffdf9;--yazi:#3d332b;--baslik-renk:var(--siyah);--soluk:#7a6c60;--kenar:#e3d7c5;--link:var(--sari-koyu);
  --r:18px;--r-k:10px;--r-btn:999px;--baslik-agirlik:400;--baslik-aralik:-.01em;--ust-bar:var(--siyah);
  --golge:0 1px 2px rgba(60,40,20,.05),0 14px 34px rgba(60,40,20,.08);--golge-b:0 26px 60px rgba(60,40,20,.16)}
.tema-ahsap .baslik{--bas-zemin:#fffdf9}
.tema-ahsap .logo-kare{border-radius:50%;clip-path:none}
.tema-ahsap .btn{border-radius:var(--r-btn)}
.tema-ahsap .btn-ana,.tema-ahsap .btn-vurgu{color:var(--sari-ust)}
.tema-ahsap .bolum-acik{background:var(--zemin2)}
.tema-ahsap .ust-yazi{color:var(--sari-koyu);letter-spacing:.14em}
.tema-ahsap .ust-yazi:before{border-radius:50%;width:8px;height:8px}
.tema-ahsap .kart-oge{background:var(--yuzey);border:0;border-radius:var(--r);overflow:hidden}
.tema-ahsap .kart-oge:after{display:none}
.tema-ahsap .kart-gorsel img{transition:transform .6s}
.tema-ahsap .kart-oge:hover .kart-gorsel img{transform:scale(1.05)}
.tema-ahsap h1,.tema-ahsap h2,.tema-ahsap .hero-baslik{font-weight:400}
.tema-ahsap .hero-bolunmus .hero,.tema-ahsap.hero-bolunmus .hero,.tema-ahsap.hero-bolunmus .hero-slayt{background:var(--zemin2)}
.tema-ahsap.hero-bolunmus .hero-icerik,.tema-ahsap.hero-bolunmus .hero-baslik{color:var(--siyah)}
.tema-ahsap.hero-bolunmus .hero-gorsel{clip-path:none;left:52%;width:44%;top:9%;height:82%;border-radius:220px 220px 24px 24px}
.tema-ahsap.hero-bolunmus .hero-degrade{background:linear-gradient(160deg,var(--sari),var(--sari-koyu))}
.tema-ahsap.hero-bolunmus .hero-degrade:before,.tema-ahsap.hero-bolunmus .hero-degrade:after{display:none}
.tema-ahsap.hero-bolunmus .hero-rozet{background:var(--yuzey);border-left:0;border-radius:var(--r-btn);color:var(--siyah)}
.tema-ahsap.hero-bolunmus .hero-rozet .ik{color:var(--sari)}
.tema-ahsap.hero-bolunmus .hero .btn-vurgu{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-ahsap.hero-bolunmus .hero .btn-saydam{color:var(--siyah);border-color:var(--siyah)}
.tema-ahsap.hero-bolunmus .hero-noktalar button{background:color-mix(in srgb,var(--siyah) 25%,transparent)}
.tema-ahsap.hero-bolunmus .hero-noktalar button.aktif{background:var(--sari)}
.tema-ahsap .sayfa-baslik:not(.bb-var){background:var(--zemin2);color:var(--siyah)}
.tema-ahsap .sayfa-baslik:not(.bb-var):before{display:none}
.tema-ahsap .sayfa-baslik:not(.bb-var) h1,.tema-ahsap .sayfa-baslik:not(.bb-var) .kirinti a{color:var(--siyah)}
.tema-ahsap .sayfa-baslik.bb-var{text-align:center}
.tema-ahsap .sayfa-baslik.bb-var h1,.tema-ahsap .sayfa-baslik.bb-var p{margin-left:auto;margin-right:auto}
.tema-ahsap .sayfa-baslik.bb-var .kirinti{justify-content:center}
.tema-ahsap .sayfa-baslik:after{left:50%;transform:translateX(-50%);border-radius:6px 6px 0 0}
.tema-ahsap .sayac-bolum{background:var(--siyah)}
.tema-ahsap .cta{background:var(--sari);color:var(--sari-ust)}
.tema-ahsap .cta h2{color:var(--sari-ust)}
.tema-ahsap .cta .btn-vurgu{background:var(--siyah);border-color:var(--siyah);color:#fff}
.tema-ahsap .alt-bilgi{background:var(--siyah)}
.tema-ahsap .form-kart,.tema-ahsap .yan-kutu{border-radius:var(--r)}
.tema-ahsap .hesap-sonuc{background:var(--siyah)}
@media (max-width:900px){.tema-ahsap.hero-bolunmus .hero-gorsel{left:0;width:100%;top:auto;bottom:0;height:42%;border-radius:0}.tema-ahsap.hero-bolunmus .hero-icerik{padding-bottom:46vh}}

/* =================== TASARIM: KURUMSAL (lacivert, klasik) =================== */
.tema-kurumsal{--zemin:#fff;--zemin2:#f3f6fa;--yuzey:#fff;--yazi:#2b3445;--baslik-renk:var(--siyah);--soluk:#5f6b7d;--kenar:#e3e8ef;--link:#1d4f91;
  --r:8px;--r-k:6px;--r-btn:6px;--baslik-agirlik:700;--baslik-aralik:-.02em;--ust-bar:var(--siyah)}
.tema-kurumsal .ust-bar{font-size:13px}
.tema-kurumsal .baslik{box-shadow:0 1px 0 var(--kenar)}
.tema-kurumsal .baslik-ic{min-height:88px}
.baslik .btn{white-space:nowrap}
.tema-kurumsal .menu>ul>li>a{text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.tema-kurumsal .menu>ul>li>a:after{bottom:-3px;height:3px}
.tema-kurumsal .hero-slayt:after{background:linear-gradient(90deg,color-mix(in srgb,var(--siyah) 92%,transparent) 0%,color-mix(in srgb,var(--siyah) 60%,transparent) 55%,transparent 100%)}
.tema-kurumsal .hero-rozet{border-left:0;border-radius:var(--r-btn);background:var(--sari);color:var(--sari-ust)}
.tema-kurumsal .hero-rozet .ik{color:var(--sari-ust)}
.tema-kurumsal .bolum-acik{background:var(--zemin2)}
.tema-kurumsal .ust-yazi{color:var(--link)}
.tema-kurumsal .kart-oge{border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden;background:#fff}
.tema-kurumsal .kart-oge:hover{box-shadow:var(--golge-b);transform:translateY(-4px)}
.tema-kurumsal .kart-oge:after{display:none}
.tema-kurumsal .sayfa-baslik:not(.bb-var){background:linear-gradient(120deg,var(--siyah),color-mix(in srgb,var(--siyah) 70%,#1d4f91))}
.tema-kurumsal .sayac-bolum{background:var(--siyah)}
.tema-kurumsal .cta{background:linear-gradient(120deg,var(--siyah),color-mix(in srgb,var(--siyah) 65%,#1d4f91))}
.tema-kurumsal .alt-bilgi{background:#0a1a30}
.tema-kurumsal .yan-kutu{border-radius:var(--r);border-top:4px solid var(--sari)}
.tema-kurumsal .detay-yan .yan-kutu:first-child{background:var(--zemin2)}


/* =====================================================================
   ANATOLIA KURUMSAL 3.0 — Yapısal düzen seçenekleri
   ust-*   : başlık (logo + menü) yerleşimi
   hero-*  : giriş (slayt) görünümü
   kart-*  : kart stili
   alt-*   : alt bilgi (footer) stili
   ===================================================================== */
.baslik-bilgi{display:none}
.menu>ul>li:last-child>.alt-menu{left:auto;right:0}
.bb-oge{display:flex;align-items:center;gap:12px;color:inherit;min-width:0}
.bb-oge small{display:block;font-size:12px;opacity:.65;text-transform:uppercase;letter-spacing:.08em;line-height:1.3;font-family:var(--font-etiket),sans-serif}
.bb-oge strong{display:block;font-size:15px;line-height:1.3;white-space:nowrap;font-family:var(--font-baslik),sans-serif}
.bb-ikon{width:42px;height:42px;border-radius:var(--r-btn);display:grid;place-items:center;background:color-mix(in srgb,var(--sari) 16%,transparent);color:var(--sari-koyu);flex-shrink:0}
.bas-koyu .bb-ikon,.bas-seffaf .bb-ikon{color:var(--sari)}
a.bb-oge:hover strong{color:var(--sari-koyu)}
.bas-koyu a.bb-oge:hover strong,.bas-seffaf a.bb-oge:hover strong{color:var(--sari)}

/* --- Başlık: ORTALI (logo ortada, menü altında) --- */
body.ust-ortali{--bas-y:152px}
body.ust-ortali:not(.mobil-menu) .baslik-ic{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"bilgi logo sag" "menu menu menu";column-gap:24px;row-gap:0;min-height:0;padding-top:16px}
body.ust-ortali:not(.mobil-menu) .logo{grid-area:logo;justify-self:center}
body.ust-ortali:not(.mobil-menu) .logo img{max-height:64px}
body.ust-ortali:not(.mobil-menu) .logo-yazi{font-size:26px}
body.ust-ortali:not(.mobil-menu) .baslik-bilgi{grid-area:bilgi;display:flex;justify-self:start;min-width:0}
body.ust-ortali:not(.mobil-menu) .baslik-bilgi .bb-oge:not(:first-child){display:none}
body.ust-ortali:not(.mobil-menu) .baslik-sag{grid-area:sag;justify-self:end}
body.ust-ortali:not(.mobil-menu) .menu{grid-area:menu;margin-top:14px;border-top:1px solid var(--bas-kenar);justify-content:center}
body.ust-ortali:not(.mobil-menu) .menu>ul>li>a{padding:15px 16px}
body.ust-ortali:not(.mobil-menu) .menu>ul>li>a:after{bottom:8px}
body.ust-ortali:not(.mobil-menu) .baslik.kaydi .logo img{max-height:46px}
body.ust-ortali:not(.mobil-menu) .baslik.kaydi .baslik-ic{padding-top:8px}
body.ust-ortali:not(.mobil-menu) .baslik.kaydi .menu{margin-top:8px}

/* --- Başlık: İKİLİ (üstte iletişim bilgileri, altta tam genişlik menü şeridi) --- */
body.ust-ikili{--bas-y:158px}
body.ust-ikili .ust-bar{display:none}
body.ust-ikili:not(.mobil-menu) .baslik{overflow-x:clip}
body.ust-ikili:not(.mobil-menu) .baslik-ic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo bilgi sag" "menu menu menu";column-gap:34px;row-gap:0;min-height:0;padding-top:18px}
body.ust-ikili:not(.mobil-menu) .logo{grid-area:logo}
body.ust-ikili:not(.mobil-menu) .logo img{max-height:60px}
body.ust-ikili:not(.mobil-menu) .baslik-bilgi{grid-area:bilgi;display:flex;justify-content:flex-end;gap:30px;min-width:0;overflow:hidden}
body.ust-ikili:not(.mobil-menu) .baslik-sag{grid-area:sag}
body.ust-ikili:not(.mobil-menu) .menu{grid-area:menu;position:relative;margin-top:18px;justify-content:space-between;color:#fff;z-index:0}
body.ust-ikili:not(.mobil-menu) .menu:before{content:"";position:absolute;top:0;bottom:0;left:-100vmax;right:-100vmax;background:var(--siyah);z-index:-1}
body.ust-ikili:not(.mobil-menu) .menu>ul{flex:1}
body.ust-ikili:not(.mobil-menu) .menu>ul>li>a{padding:17px 18px;color:#fff}
body.ust-ikili:not(.mobil-menu) .menu>ul>li:first-child>a{padding-left:0}
body.ust-ikili:not(.mobil-menu) .menu>ul>li>a:after{left:18px;right:18px;bottom:0;height:3px}
body.ust-ikili:not(.mobil-menu) .menu>ul>li:first-child>a:after{left:0}
body.ust-ikili:not(.mobil-menu) .menu>ul>li.vurgulu{margin-left:auto}
body.ust-ikili:not(.mobil-menu) .menu>ul>li.vurgulu>a{border-radius:0;padding:17px 22px;margin:0}
body.ust-ikili:not(.mobil-menu) .baslik.kaydi .baslik-bilgi{display:none}
body.ust-ikili:not(.mobil-menu) .baslik.kaydi .baslik-ic{grid-template-areas:"logo . sag" "menu menu menu";padding-top:10px}
body.ust-ikili:not(.mobil-menu) .baslik.kaydi .logo img{max-height:44px}
body.ust-ikili:not(.mobil-menu) .baslik.kaydi .menu{margin-top:10px}
body.ust-ikili.bas-koyu:not(.mobil-menu) .menu:before{background:color-mix(in srgb,#fff 7%,var(--siyah))}
@media (max-width:1240px){body.ust-ikili:not(.mobil-menu) .baslik-bilgi .bb-oge:nth-child(3){display:none}}
@media (max-width:1100px){body.ust-ikili:not(.mobil-menu) .baslik-bilgi .bb-oge:nth-child(2){display:none}}

/* --- Başlık: KAPSÜL (yüzen yuvarlak menü çubuğu) --- */
body.ust-kapsul{--bas-y:96px}
body.ust-kapsul .baslik{top:12px;width:calc(100% - 24px);max-width:1236px;margin:12px auto 0;border:1px solid var(--bas-kenar);border-radius:999px;box-shadow:0 10px 34px rgba(0,0,0,.08)}
body.ust-kapsul .baslik-ic{min-height:70px;padding-left:26px;padding-right:12px}
body.ust-kapsul .baslik .btn,body.ust-kapsul .ikon-dugme,body.ust-kapsul .hamburger{border-radius:999px}
body.ust-kapsul .menu>ul>li.vurgulu>a{border-radius:999px}
body.ust-kapsul .menu>ul>li>a:after{left:50%;right:auto;width:6px;height:6px;border-radius:50%;transform:translateX(-50%) scale(0);bottom:2px}
body.ust-kapsul .menu>ul>li>a:hover:after,body.ust-kapsul .menu>ul>li.aktif>a:after{transform:translateX(-50%) scale(1)}
body.ust-kapsul.bas-seffaf .baslik{position:fixed;left:0;right:0;top:14px;margin:0 auto;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.ust-kapsul.bas-seffaf .baslik.kaydi{background:color-mix(in srgb,var(--siyah) 88%,transparent)}
body.ust-kapsul.bas-seffaf.sabit-0 .baslik{position:absolute}
body.ust-kapsul.mobil-menu .baslik{-webkit-backdrop-filter:none;backdrop-filter:none}
body.ust-kapsul.mobil-menu.bas-seffaf .baslik{background:color-mix(in srgb,var(--siyah) 70%,transparent)}
@media (max-width:640px){body.ust-kapsul .baslik{top:8px;width:calc(100% - 16px);margin-top:8px}body.ust-kapsul .baslik-ic{min-height:62px;padding-left:18px;padding-right:8px}body.ust-kapsul.bas-seffaf .baslik{top:8px}}
.bas-seffaf .hero-icerik{padding-top:calc(var(--bas-y) + 24px)}

/* --- Giriş: ORTALI --- */
.hero-ortali .hero-slayt{justify-content:center}
.hero-ortali .hero-icerik{text-align:center}
.hero-ortali .hero-icerik>*{margin-left:auto;margin-right:auto;max-width:880px}
.hero-ortali .hero-icerik p{max-width:640px;margin-left:auto;margin-right:auto}
.hero-ortali .hero-butonlar{justify-content:center}
.hero-ortali .hero-slayt:after{background:linear-gradient(180deg,color-mix(in srgb,var(--siyah) 55%,transparent),color-mix(in srgb,var(--siyah) 75%,transparent))}
.hero-ortali .hero-rozet{border-left:0;border-radius:var(--r-btn)}
.hero-ortali .hero-degrade:after{right:50%;top:50%;transform:translate(50%,-50%);width:min(70vw,720px);opacity:.28}
.hero-ortali .hero-degrade:before{mask-image:radial-gradient(circle at 50% 50%,#000,transparent 70%)}

/* --- Giriş: KART (görsel üstünde yazı kartı) --- */
.hero-kart .hero-slayt{align-items:flex-end}
.hero-kart .hero-slayt:after{background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--siyah) 50%,transparent))}
.hero-kart .hero-icerik{width:auto;max-width:min(660px,calc(100% - 32px));margin:0 0 70px max(16px,calc((100% - 1212px)/2));padding:clamp(26px,4vw,48px);background:color-mix(in srgb,var(--siyah) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:4px solid var(--sari);border-radius:var(--r)}
.hero-kart .hero-icerik>*{max-width:none}
.hero-kart .hero-baslik{font-size:clamp(32px,4.4vw,58px)}
.hero-kart .hero-icerik p{margin-bottom:26px}
.hero-kart .hero-noktalar{left:auto;right:max(24px,calc((100% - 1212px)/2));transform:none}
.hero-kart .hero-degrade:after{top:14%}
.bas-seffaf.hero-kart .hero-icerik{padding-top:clamp(26px,4vw,48px)}
.bas-seffaf.hero-kart .hero-slaytlar{min-height:clamp(600px,88vh,860px)}

/* --- Giriş: EĞİK (eğik kesimli alt kenar) --- */
.hero-egik .hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 6vw),0 100%)}
.hero-egik .hero:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:calc(6vw + 12px);background:var(--sari);clip-path:polygon(0 calc(100% - 12px),100% 0,100% 12px,0 100%);pointer-events:none}
.hero-egik .hero-icerik{padding-bottom:calc(100px + 5vw)}
.hero-egik .hero-noktalar{bottom:calc(30px + 6vw);left:max(24px,calc((100% - 1212px)/2));transform:none}

/* --- Giriş: KOLAJ (açık zemin, yuvarlatılmış görsel) --- */
.hero-kolaj .hero,.hero-kolaj .hero-slayt{background:var(--zemin2)}
.hero-kolaj .hero-slayt:after{display:none}
.hero-kolaj .hero-slayt:before{content:"";position:absolute;right:max(0px,calc((100% - 1212px)/2 - 26px));bottom:14px;width:min(24%,300px);aspect-ratio:1;background:var(--sari);border-radius:calc(var(--r) * 2);z-index:0}
.hero-kolaj .hero-gorsel{left:auto;right:max(16px,calc((100% - 1212px)/2));top:40px;bottom:40px;width:min(46%,600px);height:auto;border-radius:calc(var(--r) * 2 + 10px);box-shadow:var(--golge-b);z-index:1}
.hero-kolaj .hero-degrade:after{right:14%;top:22%;width:58%}
.hero-kolaj .hero-icerik{color:var(--yazi)}
.hero-kolaj .hero-icerik>*{max-width:min(560px,50%)}
.hero-kolaj .hero-baslik{color:var(--baslik-renk)}
.hero-kolaj .hero-icerik p{color:var(--soluk);opacity:1}
.hero-kolaj .hero-rozet{background:color-mix(in srgb,var(--sari) 16%,transparent);color:var(--baslik-renk)}
.hero-kolaj .hero .btn-saydam{color:var(--baslik-renk);border-color:currentColor}
.hero-kolaj .hero .btn-saydam:hover{background:var(--siyah);border-color:var(--siyah);color:#fff}
.hero-kolaj .hero-noktalar{left:max(24px,calc((100% - 1212px)/2));transform:none}
.hero-kolaj .hero-noktalar button{background:color-mix(in srgb,var(--siyah) 22%,transparent)}
.hero-kolaj .hero-noktalar button.aktif{background:var(--sari)}
@media (max-width:980px){
  .hero-kolaj .hero-slaytlar{min-height:auto}
  .hero-kolaj .hero-slayt{position:relative;display:none;flex-direction:column;align-items:stretch}
  .hero-kolaj .hero-slayt.aktif{display:flex}
  .hero-kolaj .hero-slayt:before{display:none}
  .hero-kolaj .hero-gorsel{position:relative;inset:auto;width:auto;height:52vw;max-height:420px;margin:0 16px 28px;order:2}
  .hero-kolaj .hero-icerik{padding-top:56px;padding-bottom:28px}
  .hero-kolaj .hero-icerik>*{max-width:none}
  .hero-kolaj .hero-noktalar{display:none}
}

/* --- Kart: BİNDİRME (yazı görselin üstünde) --- */
body.kart-bindirme .kart-izgara>.kart-oge{min-height:420px;justify-content:flex-end;border:0;background:var(--siyah);color:#fff;isolation:isolate}
body.kart-bindirme .kart-oge .kart-gorsel{position:absolute;inset:0;aspect-ratio:auto;z-index:0;background:var(--siyah);border-radius:0}
body.kart-bindirme .kart-oge .kart-gorsel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,color-mix(in srgb,var(--siyah) 55%,transparent) 55%,color-mix(in srgb,var(--siyah) 94%,transparent) 100%);pointer-events:none}
body.kart-bindirme .kart-oge .yer-tutucu{opacity:.35}
body.kart-bindirme .kart-oge .kart-metin{position:relative;z-index:1;flex:0 0 auto;padding:26px 26px 28px;pointer-events:none}
body.kart-bindirme .kart-oge .kart-metin a{pointer-events:auto}
body.kart-bindirme .kart-oge .kart-metin h3,body.kart-bindirme .kart-oge .kart-metin h3 a{color:#fff}
body.kart-bindirme .kart-oge .kart-metin p{color:rgba(255,255,255,.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.kart-bindirme .kart-oge .mini-bilgi{color:rgba(255,255,255,.72)}
body.kart-bindirme .kart-oge .mini-bilgi strong,body.kart-bindirme .kart-oge .fiyat,body.kart-bindirme .kart-oge .devam{color:#fff}
@media (max-width:640px){body.kart-bindirme .kart-izgara>.kart-oge{min-height:340px}}

/* --- Kart: YATAY (görsel solda) --- */
body.kart-yatay .kart-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
body.kart-yatay .kart-izgara>.kart-oge{flex-direction:row}
body.kart-yatay .kart-oge .kart-gorsel{flex:0 0 44%;aspect-ratio:auto;min-height:240px}
body.kart-yatay .kart-oge .kart-gorsel img{position:absolute;inset:0}
body.kart-yatay .kart-oge .kart-metin{padding:26px 28px}
body.kart-yatay .kart-oge:after{left:44%;width:56%}
@media (max-width:1100px){body.kart-yatay .kart-izgara{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){body.kart-yatay .kart-izgara>.kart-oge{flex-direction:column}body.kart-yatay .kart-oge .kart-gorsel{flex:none;aspect-ratio:4/3;min-height:0}body.kart-yatay .kart-oge:after{left:0;width:100%}}

/* --- Kart: KUTU (çerçeveli, ortalanmış) --- */
body.kart-kutu .kart-izgara>.kart-oge{padding:12px;text-align:center;border:1px solid var(--kenar);background:var(--yuzey)}
body.kart-kutu .kart-oge .kart-gorsel{border-radius:max(0px,calc(var(--r) - 4px))}
body.kart-kutu .kart-oge .kart-metin{padding:22px 12px 12px;align-items:center}
body.kart-kutu .kart-oge .mini-bilgi{justify-content:center}
body.kart-kutu .kart-oge .oge-alt{justify-content:center;flex-direction:column;gap:12px;width:100%}
body.kart-kutu .kart-oge .devam{padding:10px 18px;border:1.5px solid var(--kenar);border-radius:var(--r-btn);width:100%;justify-content:center}
body.kart-kutu .kart-oge:hover .devam{border-color:var(--sari);background:var(--sari);color:var(--sari-ust)}
body.kart-kutu .kart-oge:hover .devam .ik{background:transparent}
body.kart-kutu .kart-oge:after{display:none}

/* --- Alt bilgi: ORTALI --- */
body.alt-ortali .alt-bilgi{padding-top:64px;text-align:center}
body.alt-ortali .alt-izgara{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:36px}
body.alt-ortali .alt-marka{display:flex;flex-direction:column;align-items:center}
body.alt-ortali .alt-marka p{margin:18px auto 20px}
body.alt-ortali .alt-bilgi h3,body.alt-ortali .alt-sutun-modul{display:none}
body.alt-ortali .alt-linkler{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;font-weight:600}
body.alt-ortali .alt-linkler a:hover{padding-left:0}
body.alt-ortali .alt-iletisim{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
body.alt-ortali .alt-iletisim li{align-items:center}
body.alt-ortali .alt-iletisim .ik{margin-top:0}
body.alt-ortali .alt-son{justify-content:center}

/* --- Alt bilgi: BÜYÜK (üstte arama / teklif şeridi) --- */
body.alt-buyuk .alt-bilgi{margin-top:110px;padding-top:0}
body.alt-buyuk .alt-bilgi:before{display:none}
body.alt-buyuk .alt-cta{position:relative;top:-64px;margin-bottom:-14px}
.alt-cta-ic{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--sari);color:var(--sari-ust);border-radius:var(--r);padding:clamp(26px,4vw,44px) clamp(24px,4vw,52px);box-shadow:var(--golge-b);position:relative;overflow:hidden}
.alt-cta-ic:after{content:"";position:absolute;right:-50px;top:-70px;width:220px;height:220px;border:34px solid rgba(0,0,0,.06);border-radius:50%;pointer-events:none}
.alt-cta-metin strong{display:block;font-family:var(--font-baslik),sans-serif;font-size:clamp(22px,2.8vw,34px);line-height:1.15;letter-spacing:var(--baslik-aralik);font-weight:var(--baslik-agirlik);text-transform:var(--baslik-donusum)}
.alt-cta-metin span{display:block;margin-top:6px;opacity:.8}
.alt-cta-sag{display:flex;align-items:center;gap:22px;flex-shrink:0;position:relative;z-index:1}
.alt-cta-tel{display:flex;align-items:center;gap:12px;color:inherit}
.alt-cta-tel .bb-ikon{width:52px;height:52px;border-radius:50%;background:var(--sari-ust);color:var(--sari)}
.alt-cta-tel small{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;opacity:.75;font-weight:700}
.alt-cta-tel b{display:block;font-size:clamp(20px,2.2vw,26px);font-family:var(--font-baslik),sans-serif;white-space:nowrap}
.alt-cta .btn-koyu:hover{background:#000;border-color:#000}
@media (max-width:900px){.alt-cta-ic{flex-direction:column;align-items:flex-start}.alt-cta-sag{flex-wrap:wrap}}
@media (max-width:640px){body.alt-buyuk .alt-bilgi{margin-top:90px}.alt-cta-sag{width:100%}.alt-cta-sag .btn{width:100%}}


/* ---------- Koyu tonlu tasarımlar için ortak düzeltmeler (Gece, Tabela, Teknik Çizim) ---------- */
.ton-koyu .btn-cizgi{color:#fff}
.ton-koyu .btn-cizgi:hover{background:var(--sari);color:var(--sari-ust);border-color:var(--sari)}
.ton-koyu .alt-menu{background:var(--yuzey)}
.ton-koyu .alt-menu a{color:var(--yazi)}
.ton-koyu .alt-menu a:hover{background:rgba(255,255,255,.07);color:var(--sari)}
.ton-koyu .form-kart input,.ton-koyu .form-kart select,.ton-koyu .form-kart textarea,.ton-koyu .hesap-kart select,.ton-koyu .hesap-kart input[type=number],.ton-koyu .arama-form input{background:rgba(0,0,0,.28);color:#fff;border-color:var(--kenar)}
.ton-koyu .form-kart input:focus,.ton-koyu .form-kart textarea:focus,.ton-koyu .form-kart select:focus{border-color:var(--sari);box-shadow:0 0 0 4px color-mix(in srgb,var(--sari) 20%,transparent)}
.ton-koyu .metin blockquote{background:var(--yuzey)}
.ton-koyu .metin th,.ton-koyu .metin td{border-color:rgba(255,255,255,.14)}
.ton-koyu .metin thead th{background:rgba(255,255,255,.05)}
.ton-koyu .logo-oge{background:var(--yuzey)}
.ton-koyu .logo-oge img{filter:grayscale(1) invert(1);opacity:.6}
.ton-koyu .dosya-indir{background:var(--yuzey);color:#fff}
.ton-koyu .devam{color:var(--sari)}
.ton-koyu .yorum-avatar{background:var(--sari);color:var(--sari-ust)}
.ton-koyu .hakkimizda-desen{background-color:var(--yuzey)}
.ton-koyu.mobil-menu .menu{background:var(--yuzey);color:#fff}
.ton-koyu.mobil-menu .alt-ac{background:rgba(255,255,255,.08);color:#fff}
.ton-koyu .hesap-seviye span{border-color:var(--kenar)}
.ton-koyu .filtre-cipler a{color:var(--yazi)}

/* =================== TASARIM: MERMER (fildişi, serif, altın çizgiler) =================== */
.tema-mermer{--zemin:#f7f3ec;--zemin2:#efe8dc;--yuzey:#fffdf8;--yazi:#3a3631;--baslik-renk:var(--siyah);--soluk:#7d756b;--kenar:#e2d9c9;--link:var(--sari-koyu);
  --r:2px;--r-k:2px;--r-btn:0px;--baslik-agirlik:600;--baslik-aralik:0;--golge:none;--golge-b:0 24px 60px rgba(40,30,15,.12);--ust-bar:var(--siyah)}
.tema-mermer h1,.tema-mermer h2,.tema-mermer h3{line-height:1.08}
.tema-mermer .hero-baslik{font-size:clamp(46px,7.4vw,96px);font-weight:500;letter-spacing:-.01em}
.tema-mermer .bolum-bas h2{font-size:clamp(36px,5vw,62px);font-weight:500}
.tema-mermer .bolum-bas h2:after{content:"";display:block;width:9px;height:9px;background:var(--sari);transform:rotate(45deg);margin:20px auto 0}
.tema-mermer .bolum-bas.sola h2:after,.tema-mermer .bolum-ust .bolum-bas h2:after{margin-left:2px}
.tema-mermer .ust-yazi{letter-spacing:.32em;font-size:12px;font-weight:600;color:var(--sari-koyu)}
.tema-mermer .ust-yazi:before{width:36px;height:1px}
.tema-mermer .btn{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-family:var(--font-etiket),sans-serif;padding:15px 28px}
.tema-mermer .btn-buyuk{padding:18px 34px}
.tema-mermer .menu>ul>li>a{text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;font-weight:500;font-family:var(--font-etiket),sans-serif}
.tema-mermer .menu>ul>li>a:after{height:1px}
.tema-mermer .hero-rozet{background:none;border:0;border-top:1px solid color-mix(in srgb,var(--sari) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sari) 70%,transparent);padding:8px 2px;letter-spacing:.3em;font-size:12px}
.tema-mermer .hero-slayt:after{background:linear-gradient(180deg,color-mix(in srgb,var(--siyah) 50%,transparent),color-mix(in srgb,var(--siyah) 72%,transparent))}
.tema-mermer .hero-degrade{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--sari) 26%,var(--siyah)),var(--siyah) 70%)}
.tema-mermer .hero-degrade:before{display:none}
.tema-mermer .hero-degrade:after{border-width:1px;box-shadow:none;border-radius:50%;aspect-ratio:1}
.tema-mermer .kart-oge{border-color:var(--kenar);background:var(--yuzey)}
.tema-mermer .kart-gorsel:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.7);z-index:2;opacity:0;transition:opacity .4s;pointer-events:none}
.tema-mermer .kart-oge:hover .kart-gorsel:before{opacity:1}
.tema-mermer .kart-metin h3{font-size:24px;font-weight:600}
.tema-mermer .kart-oge:after{height:2px}
.tema-mermer .devam{letter-spacing:.16em;font-size:12px}
.tema-mermer .devam .ik{background:none;color:var(--sari-koyu);border:1px solid var(--kenar);border-radius:50%}
.tema-mermer .bolum-acik{background:var(--zemin2)}
.tema-mermer .sayfa-baslik{text-align:center}
.tema-mermer .sayfa-baslik .kirinti{justify-content:center}
.tema-mermer .sayfa-baslik h1,.tema-mermer .sayfa-baslik p{margin-left:auto;margin-right:auto}
.tema-mermer .sayfa-baslik h1{font-weight:500;font-size:clamp(38px,6vw,72px)}
.tema-mermer .sayfa-baslik:after{left:50%;width:80px;height:1px;transform:translateX(-50%);bottom:28px}
.tema-mermer .sayfa-baslik:not(.bb-var):before{background-image:none}
.tema-mermer .sayac-bolum{background:var(--zemin2);color:var(--siyah);border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.tema-mermer .sayac-bolum:before{display:none}
.tema-mermer .sayac-oge{border-left-color:var(--kenar);text-align:center}
.tema-mermer .sayac-oge strong{color:var(--siyah);font-weight:500;font-size:clamp(46px,5.4vw,70px)}
.tema-mermer .sayac-oge strong:after{color:var(--sari)}
.tema-mermer .cta{background:var(--siyah);color:#fff;text-align:center}
.tema-mermer .cta:after{inset:16px;width:auto;height:auto;border:1px solid color-mix(in srgb,var(--sari) 55%,transparent);transform:none;top:16px;right:16px}
.tema-mermer .cta-ic{flex-direction:column;justify-content:center}
.tema-mermer .cta h2{color:#fff;font-weight:500}
.tema-mermer .cta .btn-vurgu{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-mermer .cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.5)}
.tema-mermer .hakkimizda-gorsel:before{background:none;border:1px solid var(--sari)}
.tema-mermer .tecrube-rozet{background:var(--yuzey);color:var(--siyah);border-left:0;border-top:2px solid var(--sari)}
.tema-mermer .tecrube-rozet strong{color:var(--siyah);font-family:var(--font-baslik),serif;font-weight:600}
.tema-mermer .tik-liste .ik{background:none;color:var(--sari-koyu);border:1px solid var(--sari)}
.tema-mermer .alt-bilgi:before{height:1px;background:color-mix(in srgb,var(--sari) 60%,transparent)}
.tema-mermer .alt-bilgi h3:after{height:1px}
.tema-mermer .form-kart,.tema-mermer .yan-kutu{border-top:2px solid var(--sari)}

/* =================== TASARIM: CAM (buzlu cam, yüzen kapsül) =================== */
.tema-cam{--zemin:#eef3fb;--zemin2:#e3ebf7;--yuzey:rgba(255,255,255,.74);--yazi:#334155;--baslik-renk:var(--siyah);--soluk:#64748b;--kenar:rgba(15,23,42,.09);--link:color-mix(in srgb,var(--sari) 80%,#000);
  --r:22px;--r-k:12px;--r-btn:999px;--baslik-agirlik:800;--baslik-aralik:-.035em;--golge:0 8px 30px rgba(15,23,42,.06);--golge-b:0 30px 70px rgba(15,23,42,.14);--ust-bar:var(--siyah)}
body.tema-cam{background:radial-gradient(900px 600px at 100% 0,color-mix(in srgb,var(--sari) 18%,transparent),transparent 70%),radial-gradient(800px 700px at 0 45%,color-mix(in srgb,var(--sari) 12%,transparent),transparent 70%),radial-gradient(700px 500px at 100% 85%,color-mix(in srgb,var(--siyah) 8%,transparent),transparent 70%),var(--zemin)}
.tema-cam .bolum-acik{background:rgba(255,255,255,.42)}
.tema-cam .ust-yazi{background:color-mix(in srgb,var(--sari) 14%,transparent);color:color-mix(in srgb,var(--sari) 70%,var(--siyah));padding:7px 14px;border-radius:999px;letter-spacing:.12em;font-size:12px}
.tema-cam .ust-yazi:before{width:7px;height:7px;border-radius:50%}
.tema-cam .btn{border-radius:999px}
.tema-cam .btn-ana,.tema-cam .btn-vurgu{box-shadow:0 10px 26px color-mix(in srgb,var(--sari) 40%,transparent)}
.tema-cam .hero-kart .hero-icerik,.tema-cam.hero-kart .hero-icerik{background:rgba(15,23,42,.38);border:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);border-radius:28px;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.tema-cam .hero-rozet{border-left:0;border-radius:999px;background:rgba(255,255,255,.14)}
.tema-cam .hero-degrade{background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--sari) 60%,transparent),transparent 42%),radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--sari) 35%,transparent),transparent 40%),var(--siyah)}
.tema-cam .hero-degrade:before{display:none}
.tema-cam .hero-degrade:after{border:1px solid rgba(255,255,255,.3);border-radius:40px;background:rgba(255,255,255,.06);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:rotate(-8deg)}
.tema-cam .kart-oge,.tema-cam .yorum-oge,.tema-cam .akordeon-oge,.tema-cam .yan-kutu,.tema-cam .form-kart,.tema-cam .iletisim-kart,.tema-cam .hesap-kart{border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.tema-cam .kart-izgara>.kart-oge{border-radius:var(--r);overflow:hidden}
.tema-cam .kart-oge:after{display:none}
.tema-cam .sayfa-baslik:not(.bb-var){background:linear-gradient(125deg,var(--siyah) 30%,color-mix(in srgb,var(--sari) 55%,var(--siyah)))}
.tema-cam .sayfa-baslik:not(.bb-var):before{display:none}
.tema-cam .sayfa-baslik:after{display:none}
.tema-cam .sayac-bolum{background:transparent;color:var(--siyah);padding:30px 0}
.tema-cam .sayac-bolum:before{display:none}
.tema-cam .sayac-izgara{gap:18px}
.tema-cam .sayac-oge{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);border-radius:var(--r);padding:26px 28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--golge)}
.tema-cam .sayac-oge strong{color:var(--siyah)}
.tema-cam .sayac-oge strong:after{color:var(--sari)}
.tema-cam .cta{background:linear-gradient(120deg,var(--sari),color-mix(in srgb,var(--sari) 55%,var(--siyah)));color:#fff;border-radius:32px;margin:0 16px 40px;max-width:1260px}
@media (min-width:1292px){.tema-cam .cta{margin:0 auto 40px}}
.tema-cam .cta h2{color:#fff}
.tema-cam .cta:after{border-radius:50%;border-color:rgba(255,255,255,.14)}
.tema-cam .cta .btn-vurgu{background:#fff;border-color:#fff;color:var(--siyah)}
.tema-cam .cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.6)}
.tema-cam .alt-bilgi{border-radius:36px 36px 0 0}
.tema-cam .alt-bilgi:before{display:none}
.tema-cam .hakkimizda-gorsel:before{border-radius:var(--r);background:linear-gradient(135deg,var(--sari),color-mix(in srgb,var(--sari) 40%,#fff))}
.tema-cam .tecrube-rozet{border-left:0;border-radius:18px;background:rgba(15,23,42,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.tema-cam .tik-liste .ik{border-radius:50%}
@media (max-width:640px){.tema-cam .sayac-izgara{gap:12px}.tema-cam .sayac-oge{padding:18px;border-left:1px solid rgba(255,255,255,.8)}.tema-cam .cta{border-radius:24px}}

/* =================== TASARIM: ÇELİK (sanayi, kesik köşeler) =================== */
.tema-celik{--zemin:#fff;--zemin2:#eef1f4;--yuzey:#fff;--yazi:#2c3742;--baslik-renk:var(--siyah);--soluk:#5c6976;--kenar:#d9dee4;--link:var(--sari-koyu);
  --r:0px;--r-k:0px;--r-btn:0px;--baslik-donusum:uppercase;--baslik-agirlik:700;--baslik-aralik:.005em;--ust-bar:var(--siyah)}
.tema-celik h1,.tema-celik h2,.tema-celik h3{line-height:1.04}
.tema-celik .hero-baslik{font-size:clamp(46px,7.4vw,96px)}
.tema-celik .bolum-bas{text-align:left;margin-left:0}
.tema-celik .bolum-bas h2{font-size:clamp(36px,5vw,60px);padding-left:22px;border-left:6px solid var(--sari)}
.tema-celik .bolum-bas.sola h2{padding-left:0;border-left:0}
.tema-celik .ust-yazi{letter-spacing:.22em;font-size:13.5px;color:var(--sari-koyu)}
.tema-celik .ust-yazi:before{width:12px;height:12px;background:var(--sari)}
.tema-celik .btn{text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.tema-celik .menu>ul>li>a{text-transform:uppercase;letter-spacing:.08em;font-size:15.5px;font-weight:700}
.tema-celik .hero-rozet{border-left-width:5px}
.tema-celik .hero-slayt:after{background:linear-gradient(100deg,color-mix(in srgb,var(--siyah) 95%,transparent) 0%,color-mix(in srgb,var(--siyah) 72%,transparent) 50%,color-mix(in srgb,var(--siyah) 25%,transparent) 100%)}
.tema-celik .hero-degrade{background:repeating-linear-gradient(90deg,transparent 0 110px,rgba(255,255,255,.035) 110px 111px),linear-gradient(115deg,var(--siyah) 50%,color-mix(in srgb,var(--siyah) 82%,#fff) 100%)}
.tema-celik .hero-degrade:after{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--sari) 85%,transparent),color-mix(in srgb,var(--sari) 30%,transparent));box-shadow:none;opacity:.9}
body.tema-celik .kart-izgara>.kart-oge{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);border:1px solid var(--kenar)}
.tema-celik .kart-gorsel{border-bottom:4px solid var(--sari)}
.tema-celik .kart-oge:after{display:none}
.tema-celik .kart-oge:hover{box-shadow:var(--golge-b)}
.tema-celik .etiket{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);padding-right:16px}
.tema-celik .sayfa-baslik:not(.bb-var){background:repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,255,255,.04) 90px 91px),var(--siyah)}
.tema-celik .sayfa-baslik:not(.bb-var):before{display:none}
.tema-celik .sayfa-baslik{clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),0 100%);padding-bottom:clamp(80px,9vw,120px)}
.tema-celik .sayfa-baslik:after{width:220px;height:8px}
.tema-celik .sayac-bolum{background:repeating-linear-gradient(-45deg,transparent 0 16px,rgba(255,255,255,.03) 16px 32px),var(--siyah)}
.tema-celik .sayac-bolum:before{display:none}
.tema-celik .sayac-oge{border-left:4px solid var(--sari);margin-left:10px}
.tema-celik .sayac-oge:first-child{border-left:4px solid var(--sari)}
.tema-celik .hakkimizda-gorsel:before{background:repeating-linear-gradient(-45deg,var(--sari) 0 10px,transparent 10px 20px)}
.tema-celik .tecrube-rozet{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.tema-celik .alt-bilgi{background:color-mix(in srgb,var(--siyah) 88%,#000)}
.tema-celik .alt-cta-ic{clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)}
.tema-celik .form-kart,.tema-celik .yan-kutu{border-top:4px solid var(--sari)}
.tema-celik .bb-ikon{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}

/* =================== TASARIM: ANADOLU (kilim şeritleri, kiremit + çini) =================== */
.tema-anadolu{--zemin:#fbf6ee;--zemin2:#f3e9da;--yuzey:#fffaf3;--yazi:#3b3128;--baslik-renk:var(--siyah);--soluk:#7a6a5a;--kenar:#e6d6bf;--link:var(--sari-koyu);
  --r:6px;--r-k:4px;--r-btn:4px;--baslik-agirlik:600;--baslik-aralik:-.01em;--ust-bar:var(--siyah);
  --kilim:linear-gradient(135deg,var(--sari) 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(225deg,var(--sari) 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(315deg,var(--sari) 25%,transparent 25%) 0 0/20px 20px,linear-gradient(45deg,var(--sari) 25%,transparent 25%) 0 0/20px 20px,var(--siyah)}
.tema-anadolu .baslik{border-bottom:0}
.tema-anadolu .baslik:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:var(--kilim);pointer-events:none}
.tema-anadolu.mobil-menu .baslik:after{bottom:-8px;height:8px}
.tema-anadolu .ust-yazi{color:var(--sari-koyu);letter-spacing:.18em;gap:12px}
.tema-anadolu .ust-yazi:before,.tema-anadolu .ust-yazi:after{content:"";width:9px;height:9px;background:var(--sari);transform:rotate(45deg);flex-shrink:0}
.tema-anadolu .bolum-bas.sola .ust-yazi:after,.tema-anadolu .bolum-ust .ust-yazi:after{display:none}
.tema-anadolu .bolum-bas h2{font-size:clamp(34px,4.6vw,56px)}
.tema-anadolu .hero{border-bottom:0}
.tema-anadolu .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:var(--kilim);z-index:4}
.tema-anadolu.hero-bolunmus .hero-gorsel{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.tema-anadolu.hero-bolunmus .hero-rozet{background:rgba(255,255,255,.14);border-left-color:currentColor}
.tema-anadolu.hero-bolunmus .hero-degrade{background:radial-gradient(circle at 50% 50%,transparent 0 30%,rgba(255,255,255,.04) 30%),var(--siyah)}
.tema-anadolu.hero-bolunmus .hero-degrade:after{border:0;background:conic-gradient(from 45deg,var(--sari) 0 25%,transparent 0 50%,var(--sari) 0 75%,transparent 0) 0 0/50% 50%;opacity:.5;transform:rotate(45deg);width:34%}
body.tema-anadolu .kart-izgara>.kart-oge{box-shadow:inset 0 0 0 5px var(--yuzey),inset 0 0 0 6px var(--kenar);border:1px solid var(--kenar)}
.tema-anadolu .kart-metin h3{font-size:22px}
.tema-anadolu .bolum-acik{background:var(--zemin2)}
.tema-anadolu .sayfa-baslik:not(.bb-var){background:var(--siyah)}
.tema-anadolu .sayfa-baslik:not(.bb-var):before{background-image:radial-gradient(circle,rgba(255,255,255,.08) 1.5px,transparent 2px);background-size:22px 22px;mask-image:none}
.tema-anadolu .sayfa-baslik:after{width:100%;height:12px;background:var(--kilim)}
.tema-anadolu .sayac-bolum{background:var(--siyah);padding-bottom:78px}
.tema-anadolu .sayac-bolum:before{inset:auto 0 0 0;height:14px;background:var(--kilim)}
.tema-anadolu .sayac-oge strong{font-weight:600}
.tema-anadolu .hakkimizda-gorsel:before{background:var(--kilim);opacity:.9}
.tema-anadolu .tecrube-rozet{border-left-color:var(--sari)}
.tema-anadolu .alt-cta-ic{padding-top:calc(clamp(26px,4vw,44px) + 10px)}
.tema-anadolu .alt-cta-ic:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:var(--kilim)}
.tema-anadolu .alt-bilgi:before{height:12px;background:var(--kilim)}
.tema-anadolu.alt-buyuk .alt-bilgi:before{display:none}
.tema-anadolu .form-kart,.tema-anadolu .yan-kutu{border-radius:var(--r)}
.tema-anadolu .tik-liste .ik{transform:rotate(45deg);border-radius:3px}
.tema-anadolu .tik-liste .ik path,.tema-anadolu .tik-liste .ik polyline{transform:rotate(-45deg);transform-origin:center}

/* =================== TASARIM: TABELA (dev puntolar, neon) =================== */
.tema-tabela{--zemin:#0e0e0e;--zemin2:#151515;--yuzey:#1b1b1b;--yazi:#d4d4d4;--baslik-renk:#fff;--soluk:#9a9a9a;--kenar:#2b2b2b;--link:var(--sari);
  --r:0px;--r-k:0px;--r-btn:0px;--baslik-donusum:uppercase;--baslik-agirlik:400;--baslik-aralik:.01em;--golge:none;--golge-b:0 0 0 2px var(--sari);--ust-bar:#000;--bas-y:82px}
.tema-tabela h1,.tema-tabela h2,.tema-tabela h3{line-height:.98}
.tema-tabela .hero-baslik{font-size:clamp(52px,8.6vw,132px);line-height:.92;text-shadow:0 0 60px color-mix(in srgb,var(--sari) 35%,transparent)}
.tema-tabela .hero-icerik>*{max-width:1100px}
.tema-tabela .hero-slayt:after{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.82))}
.tema-tabela .hero-degrade{background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--sari) 45%,transparent),transparent 55%),#070707}
.tema-tabela .hero-degrade:before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px}
.tema-tabela .hero-degrade:after{border:2px solid var(--sari);box-shadow:0 0 40px var(--sari),inset 0 0 40px color-mix(in srgb,var(--sari) 45%,transparent);border-radius:0}
.tema-tabela .hero-rozet{background:var(--sari);color:var(--sari-ust);border:0}
.tema-tabela .hero-rozet .ik{color:var(--sari-ust)}
.tema-tabela .bolum-bas h2{font-size:clamp(46px,7.5vw,104px)}
.tema-tabela .bolum-ust .bolum-bas h2{font-size:clamp(40px,6vw,84px)}
.tema-tabela .bolum-bas h2 {color:#fff}
.tema-tabela .ust-yazi{color:var(--sari);letter-spacing:.24em}
.tema-tabela .ust-yazi:before{width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px var(--sari)}
.tema-tabela .btn{text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.tema-tabela .btn-ana,.tema-tabela .btn-vurgu{box-shadow:0 0 0 0 transparent,0 0 34px color-mix(in srgb,var(--sari) 55%,transparent)}
.tema-tabela .menu>ul>li>a{text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:14.5px}
.tema-tabela .baslik{background:#0a0a0a}
.tema-tabela .kart-metin h3{font-size:30px;letter-spacing:.02em}
body.tema-tabela .kart-izgara>.kart-oge{border:2px solid transparent;transition:border-color .2s,transform .3s}
body.tema-tabela .kart-izgara>.kart-oge:hover{border-color:var(--sari);box-shadow:0 0 40px color-mix(in srgb,var(--sari) 35%,transparent)}
.tema-tabela .kart-oge:after{display:none}
.tema-tabela .bolum-acik{background:#121212}
.tema-tabela .sayfa-baslik{background:#070707}
.tema-tabela .sayfa-baslik h1{font-size:clamp(46px,8vw,110px);line-height:.95}
.tema-tabela .sayfa-baslik:after{width:100%;height:6px;box-shadow:0 0 30px var(--sari)}
.tema-tabela .sayac-bolum{background:#070707;border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.tema-tabela .sayac-oge strong{color:transparent;-webkit-text-stroke:2px var(--sari);font-size:clamp(54px,7vw,96px);font-family:var(--font-baslik),sans-serif;font-weight:400}
.tema-tabela .sayac-oge strong:after{-webkit-text-stroke:0;color:#fff}
.tema-tabela .hakkimizda-gorsel:before{background:none;border:2px solid var(--sari);box-shadow:0 0 30px color-mix(in srgb,var(--sari) 50%,transparent)}
.tema-tabela .tecrube-rozet{background:var(--sari);color:var(--sari-ust);border-left:0}
.tema-tabela .tecrube-rozet strong{color:var(--sari-ust)}
.tema-tabela .alt-bilgi{background:#000}
.tema-tabela .alt-cta-metin strong{font-size:clamp(28px,4vw,52px);line-height:1}
.tema-tabela .alt-cta .btn-koyu{background:#000;border-color:#000;color:#fff}
.tema-tabela .hero-sade{background:#070707;border-color:var(--kenar)}
.tema-tabela .hero-sade .hero-baslik{color:#fff}
.tema-tabela .filtre-cipler a{background:var(--yuzey)}

/* =================== TASARIM: DERGİ (gazete düzeni, serif) =================== */
.tema-dergi{--zemin:#fff;--zemin2:#f4f1ec;--yuzey:#fff;--yazi:#2a2a2a;--baslik-renk:var(--siyah);--soluk:#6b6b6b;--kenar:#e5e1da;--link:var(--sari);
  --r:0px;--r-k:0px;--r-btn:0px;--baslik-agirlik:700;--baslik-aralik:-.015em;--golge:none;--golge-b:0 18px 40px rgba(0,0,0,.08);--ust-bar:#fff}
.tema-dergi .ust-bar{color:#555;border-bottom:1px solid var(--kenar)}
.tema-dergi .ust-bar .ik{color:var(--sari)}
.tema-dergi .ust-bar a:hover{color:var(--siyah)}
.tema-dergi .sosyal a:hover{background:var(--siyah);color:#fff}
.tema-dergi .baslik{border-bottom:4px double var(--siyah)}
.tema-dergi.ust-ortali:not(.mobil-menu) .menu{border-top:1px solid var(--siyah)}
.tema-dergi .menu>ul>li>a{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-family:var(--font-etiket),sans-serif;font-weight:700}
.tema-dergi .menu>ul>li>a:after{height:3px}
.tema-dergi .logo-yazi{font-family:var(--font-baslik),serif;font-weight:800;letter-spacing:-.02em}
.tema-dergi .bolum-bas{text-align:left;margin-left:0;border-top:3px solid var(--siyah);padding-top:18px;max-width:none}
.tema-dergi .bolum-ust{border-top:3px solid var(--siyah);padding-top:18px}
.tema-dergi .bolum-ust .bolum-bas{border-top:0;padding-top:0}
.tema-dergi .bolum-bas.sola{border-top:0;padding-top:0}
.tema-dergi .bolum-bas h2{font-size:clamp(34px,4.6vw,58px)}
.tema-dergi .ust-yazi{color:var(--sari);letter-spacing:.14em;font-size:12.5px}
.tema-dergi .ust-yazi:before{display:none}
.tema-dergi .hero-baslik{font-size:clamp(42px,6.4vw,84px);line-height:1.02}
.tema-dergi.hero-kolaj .hero,.tema-dergi.hero-kolaj .hero-slayt{background:var(--zemin)}
.tema-dergi.hero-kolaj .hero-gorsel{border-radius:0;box-shadow:none;top:48px;bottom:48px}
.tema-dergi.hero-kolaj .hero-slayt:before{border-radius:0;background:none;border:1px solid var(--siyah);right:max(0px,calc((100% - 1212px)/2 - 18px));bottom:30px;width:min(46%,600px);height:auto;top:66px;aspect-ratio:auto}
.tema-dergi .hero-rozet{border-left:0;padding-left:0;background:none;color:var(--sari)}
.tema-dergi .hero-rozet .ik{color:var(--sari)}
body.tema-dergi .kart-izgara>.kart-oge{border:0;border-top:1px solid var(--siyah);padding-top:18px;background:transparent}
body.tema-dergi.kart-yatay .kart-oge .kart-metin{padding:0 0 0 24px}
.tema-dergi .kart-oge:after{display:none}
.tema-dergi .kart-oge:hover{transform:none;box-shadow:none}
.tema-dergi .kart-metin h3{font-size:25px;line-height:1.15}
.tema-dergi .kart-metin h3 a:hover{color:var(--sari)}
.tema-dergi .devam{color:var(--sari)}
.tema-dergi .devam .ik{background:none;color:var(--sari);padding:0}
.tema-dergi .metin>p:first-of-type:first-letter{float:left;font-family:var(--font-baslik),serif;font-size:4.4em;line-height:.82;margin:6px 12px 0 0;color:var(--sari);font-weight:700}
.tema-dergi .sayfa-baslik:not(.bb-var){background:var(--zemin);color:var(--siyah);border-bottom:4px double var(--siyah)}
.tema-dergi .sayfa-baslik:not(.bb-var):before{display:none}
.tema-dergi .sayfa-baslik:not(.bb-var) h1{color:var(--siyah)}
.tema-dergi .sayfa-baslik:not(.bb-var) .kirinti{color:#888}
.tema-dergi .sayfa-baslik:not(.bb-var) .kirinti a{color:var(--sari)}
.tema-dergi .sayfa-baslik:after{display:none}
.tema-dergi .sayac-bolum{background:var(--zemin);color:var(--siyah);border-top:1px solid var(--siyah);border-bottom:1px solid var(--siyah);padding:46px 0}
.tema-dergi .sayac-bolum:before{display:none}
.tema-dergi .sayac-oge{border-left-color:var(--kenar)}
.tema-dergi .sayac-oge strong{color:var(--siyah);font-weight:700}
.tema-dergi .sayac-oge strong:after{color:var(--sari)}
.tema-dergi .cta{background:var(--zemin2);color:var(--siyah)}
.tema-dergi .cta h2{color:var(--siyah)}
.tema-dergi .cta:after{display:none}
.tema-dergi .cta .btn-vurgu{background:var(--siyah);border-color:var(--siyah);color:#fff}
.tema-dergi .cta .btn-saydam{color:var(--siyah);border-color:var(--siyah)}
.tema-dergi .hakkimizda-gorsel:before{background:none;border:1px solid var(--siyah)}
.tema-dergi .tecrube-rozet{border-left:0;border-top:4px solid var(--sari)}
.tema-dergi .tik-liste .ik{background:none;color:var(--sari);padding:0}
.tema-dergi .alt-bilgi:before{height:4px;background:var(--sari)}
.tema-dergi .form-kart,.tema-dergi .yan-kutu{border-top:3px solid var(--siyah)}

/* =================== TASARIM: DOĞA (organik, yeşil) =================== */
.tema-doga{--zemin:#f3f8f4;--zemin2:#e6f1e9;--yuzey:#fff;--yazi:#2f4038;--baslik-renk:var(--siyah);--soluk:#5d7368;--kenar:#d5e6da;--link:color-mix(in srgb,var(--sari) 70%,#000);
  --r:28px;--r-k:16px;--r-btn:999px;--baslik-agirlik:800;--baslik-aralik:-.02em;--golge:0 10px 30px rgba(20,61,46,.07);--golge-b:0 28px 60px rgba(20,61,46,.14);--ust-bar:var(--siyah)}
.tema-doga .btn{border-radius:999px}
.tema-doga .ust-yazi{color:color-mix(in srgb,var(--sari) 75%,#000);letter-spacing:.14em}
.tema-doga .ust-yazi:before{width:12px;height:20px;border-radius:0 100% 0 100%;transform:rotate(35deg)}
.tema-doga.hero-kolaj .hero,.tema-doga.hero-kolaj .hero-slayt{background:var(--zemin2)}
.tema-doga.hero-kolaj .hero-gorsel{border-radius:58% 42% 40% 60% / 48% 42% 58% 52%;box-shadow:none}
.tema-doga.hero-kolaj .hero-slayt:before{border-radius:50% 60% 40% 70% / 60% 40% 70% 50%;opacity:.85;width:min(28%,340px)}
.tema-doga.hero-kolaj .hero-degrade{background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--sari) 55%,var(--siyah)),var(--siyah) 72%)}
.tema-doga.hero-kolaj .hero-degrade:before{display:none}
.tema-doga.hero-kolaj .hero-degrade:after{border:0;border-radius:50% 40% 60% 50%;background:color-mix(in srgb,var(--sari) 45%,transparent);box-shadow:none;width:40%}
.tema-doga .hero-rozet{border-left:0;border-radius:999px}
.tema-doga .bolum-acik{background:var(--zemin2);border-radius:56px;margin:0 12px}
body.tema-doga .kart-izgara>.kart-oge{border:0;box-shadow:var(--golge);padding:14px}
body.tema-doga .kart-oge .kart-gorsel{border-radius:20px}
.tema-doga .kart-oge:hover{box-shadow:var(--golge-b)}
.tema-doga .devam .ik{border-radius:50%}
.tema-doga .etiket{border-radius:999px;padding:5px 12px}
.tema-doga .sayfa-baslik:not(.bb-var){background:var(--siyah);border-radius:0 0 56px 56px}
.tema-doga .sayfa-baslik.bb-var{border-radius:0 0 56px 56px}
.tema-doga .sayfa-baslik:not(.bb-var):before{background-image:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--sari) 40%,transparent),transparent 40%);background-size:auto;mask-image:none}
.tema-doga .sayfa-baslik:after{display:none}
.tema-doga .sayac-bolum{background:var(--siyah);border-radius:48px;margin:0 12px}
.tema-doga .sayac-bolum:before{background-image:radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--sari) 30%,transparent),transparent 35%);background-size:auto}
.tema-doga .sayac-oge{border-left-color:rgba(255,255,255,.12)}
.tema-doga .hakkimizda-gorsel:before{border-radius:50% 40% 60% 50% / 50% 60% 40% 50%}
.tema-doga .hakkimizda-gorsel img,.tema-doga .hakkimizda-desen{border-radius:40px}
.tema-doga .tecrube-rozet{border-left:0;border-radius:50%;width:150px;height:150px;justify-content:center;align-items:center;text-align:center;padding:16px;background:var(--sari);color:var(--sari-ust)}
.tema-doga .tecrube-rozet strong{color:var(--sari-ust)}
.tema-doga .tik-liste .ik{border-radius:50%}
.tema-doga .alt-bilgi{border-radius:56px 56px 0 0}
.tema-doga .alt-cta-ic{border-radius:40px}
.tema-doga .form-kart,.tema-doga .yan-kutu,.tema-doga .hesap-kart,.tema-doga .hesap-sonuc{border-radius:28px}
@media (max-width:640px){.tema-doga .bolum-acik{border-radius:32px;margin:0 6px}.tema-doga .sayac-bolum{border-radius:32px;margin:0 6px}.tema-doga .tecrube-rozet{width:116px;height:116px}}

/* =================== TASARIM: KUZEY (İskandinav sadeliği) =================== */
.tema-kuzey{--zemin:#f4f5f6;--zemin2:#eceef0;--yuzey:#fff;--yazi:#3c4650;--baslik-renk:var(--siyah);--soluk:#6c7782;--kenar:#dfe3e7;--link:var(--sari);
  --r:4px;--r-k:3px;--r-btn:3px;--baslik-agirlik:500;--baslik-aralik:-.025em;--golge:none;--golge-b:0 16px 40px rgba(31,41,51,.08);--ust-bar:#fff;--bas-zemin:#fff}
.tema-kuzey .ust-bar{color:#6c7782;border-bottom:1px solid var(--kenar)}
.tema-kuzey .ust-bar .ik{color:var(--sari)}
.tema-kuzey .ust-bar a:hover{color:var(--siyah)}
.tema-kuzey .sosyal a:hover{background:var(--siyah);color:#fff}
.tema-kuzey .menu>ul>li>a{font-weight:500}
.tema-kuzey .menu>ul>li>a:after{height:1px;bottom:6px}
.tema-kuzey .bolum{padding:clamp(80px,11vw,150px) 0}
.tema-kuzey .bolum-bas{text-align:left;margin-left:0}
.tema-kuzey .bolum-bas h2{font-size:clamp(34px,4.8vw,60px)}
.tema-kuzey .ust-yazi{color:var(--soluk);letter-spacing:.16em;font-weight:500}
.tema-kuzey .ust-yazi:before{width:18px;height:1px;background:var(--siyah)}
.tema-kuzey .btn{font-weight:500}
.tema-kuzey .hero-baslik{font-weight:500}
.tema-kuzey .hero-cerceve .hero,.tema-kuzey.hero-cerceve .hero{padding:24px 24px 0}
.tema-kuzey.hero-cerceve .hero-slaytlar{border:0;border-radius:var(--r);overflow:hidden;max-width:1236px}
.tema-kuzey .hero-slayt:after{background:linear-gradient(95deg,color-mix(in srgb,var(--siyah) 72%,transparent),color-mix(in srgb,var(--siyah) 12%,transparent))}
.tema-kuzey .hero-degrade{background:linear-gradient(120deg,var(--siyah),color-mix(in srgb,var(--siyah) 70%,var(--sari)))}
.tema-kuzey .hero-degrade:before{display:none}
.tema-kuzey .hero-degrade:after{border:1px solid rgba(255,255,255,.35);box-shadow:none;border-radius:var(--r)}
.tema-kuzey .hero-rozet{background:none;border-left:0;padding-left:0;letter-spacing:.2em;font-weight:500}
body.tema-kuzey .kart-izgara>.kart-oge{border:0;background:var(--yuzey)}
.tema-kuzey .kart-oge:after{height:2px}
.tema-kuzey .kart-oge:hover{transform:none;box-shadow:var(--golge-b)}
.tema-kuzey .kart-metin h3{font-weight:500;font-size:22px}
.tema-kuzey .devam{font-weight:500;letter-spacing:.1em}
.tema-kuzey .devam .ik{background:none;color:var(--siyah);border:1px solid var(--kenar);border-radius:50%}
.tema-kuzey .bolum-acik{background:var(--yuzey)}
.tema-kuzey .sayfa-baslik:not(.bb-var){background:var(--yuzey);color:var(--siyah);border-bottom:1px solid var(--kenar)}
.tema-kuzey .sayfa-baslik:not(.bb-var):before{display:none}
.tema-kuzey .sayfa-baslik:not(.bb-var) h1{color:var(--siyah);font-weight:500}
.tema-kuzey .sayfa-baslik:not(.bb-var) .kirinti{color:#8a939c}
.tema-kuzey .sayfa-baslik:not(.bb-var) .kirinti a{color:var(--siyah)}
.tema-kuzey .sayfa-baslik:after{height:2px;width:60px}
.tema-kuzey .sayac-bolum{background:var(--yuzey);color:var(--siyah);border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.tema-kuzey .sayac-bolum:before{display:none}
.tema-kuzey .sayac-oge{border-left-color:var(--kenar)}
.tema-kuzey .sayac-oge strong{color:var(--siyah);font-weight:400}
.tema-kuzey .sayac-oge strong:after{color:var(--sari)}
.tema-kuzey .cta{background:var(--siyah)}
.tema-kuzey .cta:after{display:none}
.tema-kuzey .cta h2{color:#fff;font-weight:500}
.tema-kuzey .cta .btn-vurgu{background:#fff;border-color:#fff;color:var(--siyah)}
.tema-kuzey .cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.5)}
.tema-kuzey .cta{color:#fff}
.tema-kuzey .hakkimizda-gorsel{padding:0}
.tema-kuzey .hakkimizda-gorsel:before{display:none}
.tema-kuzey .tecrube-rozet{background:#fff;color:var(--siyah);border-left:0;left:24px;bottom:24px;box-shadow:var(--golge-b)}
.tema-kuzey .tecrube-rozet strong{color:var(--siyah);font-weight:500}
.tema-kuzey .tik-liste .ik{background:none;color:var(--sari);border:1px solid var(--kenar);border-radius:50%}
.tema-kuzey .alt-bilgi:before{display:none}
.tema-kuzey .form-kart{border-top:1px solid var(--kenar)}

/* =================== TASARIM: VİTRİN (koyu dikey menü, görsel ağırlıklı) =================== */
.tema-vitrin{--zemin:#f2f4f8;--zemin2:#e8ecf3;--yuzey:#fff;--yazi:#39424f;--baslik-renk:var(--siyah);--soluk:#687384;--kenar:#dde2ea;--link:var(--siyah);
  --r:14px;--r-k:10px;--r-btn:10px;--baslik-agirlik:700;--baslik-aralik:-.035em;--golge:0 6px 20px rgba(20,33,61,.06);--golge-b:0 26px 60px rgba(20,33,61,.16);--ust-bar:var(--siyah)}
@media (min-width:1180px){
  body.tema-vitrin.menu-dikey:not(.mobil-menu) .baslik{background:var(--siyah)}
  body.tema-vitrin.menu-dikey:not(.mobil-menu) .menu>ul>li>a{border-bottom:0;padding:11px 14px;border-radius:var(--r-k);margin-bottom:2px;font-weight:600}
  body.tema-vitrin.menu-dikey:not(.mobil-menu) .menu>ul>li>a:after{display:none}
  body.tema-vitrin.menu-dikey:not(.mobil-menu) .menu>ul>li>a:hover{background:rgba(255,255,255,.07)}
  body.tema-vitrin.menu-dikey:not(.mobil-menu) .menu>ul>li.aktif>a{background:var(--sari);color:var(--sari-ust)}
  body.tema-vitrin.menu-dikey:not(.mobil-menu) .alt-menu{padding-left:26px}
}
.tema-vitrin .hero-baslik{font-size:clamp(42px,6.6vw,92px);letter-spacing:-.045em}
.tema-vitrin .hero-rozet{border-left:0;border-radius:999px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tema-vitrin .hero-slayt:after{background:linear-gradient(0deg,color-mix(in srgb,var(--siyah) 80%,transparent) 0%,color-mix(in srgb,var(--siyah) 30%,transparent) 55%,transparent 100%)}
.tema-vitrin .hero-slayt{align-items:flex-end}
.tema-vitrin .hero-degrade{background:conic-gradient(from 200deg at 70% 40%,var(--siyah),color-mix(in srgb,var(--sari) 40%,var(--siyah)),var(--siyah))}
.tema-vitrin .hero-degrade:after{border-radius:var(--r);border-width:0;background:color-mix(in srgb,var(--sari) 85%,transparent);box-shadow:none;transform:rotate(12deg);width:min(26vw,340px);top:14%}
.tema-vitrin .bolum-bas{text-align:left;margin-left:0}
.tema-vitrin .bolum-bas h2{font-size:clamp(34px,5vw,64px)}
.tema-vitrin .ust-yazi{color:var(--soluk)}
.tema-vitrin .ust-yazi:before{width:22px;height:22px;border-radius:6px}
.tema-vitrin .kart-izgara{gap:18px}
body.tema-vitrin .kart-izgara>.kart-oge{border-radius:var(--r)}
.tema-vitrin .kart-oge:after{display:none}
.tema-vitrin .bolum-acik{background:var(--yuzey)}
.tema-vitrin .sayfa-baslik:not(.bb-var){background:linear-gradient(120deg,var(--siyah),color-mix(in srgb,var(--siyah) 80%,var(--sari)))}
.tema-vitrin .sayfa-baslik:after{display:none}
.tema-vitrin .sayac-bolum{background:var(--sari);color:var(--sari-ust)}
.tema-vitrin .sayac-bolum:before{display:none}
.tema-vitrin .sayac-oge{border-left-color:color-mix(in srgb,var(--sari-ust) 20%,transparent)}
.tema-vitrin .sayac-oge strong,.tema-vitrin .sayac-oge strong:after{color:var(--sari-ust)}
.tema-vitrin .cta{background:var(--siyah);color:#fff}
.tema-vitrin .cta h2{color:#fff}
.tema-vitrin .cta .btn-vurgu{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-vitrin .cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.5)}
.tema-vitrin .hakkimizda-gorsel:before{border-radius:var(--r)}
.tema-vitrin .tecrube-rozet{border-left:0;border-radius:var(--r)}
.tema-vitrin .alt-bilgi:before{display:none}

/* =================== TASARIM: PRESTİJ (lacivert + altın, serif) =================== */
.tema-prestij{--zemin:#fff;--zemin2:#f5f3ee;--yuzey:#fff;--yazi:#2d3340;--baslik-renk:var(--siyah);--soluk:#666d7a;--kenar:#e4dfd3;--link:var(--siyah);
  --r:2px;--r-k:2px;--r-btn:2px;--baslik-agirlik:700;--baslik-aralik:-.01em;--golge:0 2px 10px rgba(12,35,64,.05);--golge-b:0 24px 60px rgba(12,35,64,.14);--ust-bar:var(--siyah)}
.tema-prestij h1,.tema-prestij h2,.tema-prestij h3{line-height:1.18}
.tema-prestij .hero-baslik{font-size:clamp(34px,4.8vw,62px);line-height:1.12}
.tema-prestij .bolum-bas h2{font-size:clamp(30px,3.8vw,46px)}
.tema-prestij .ust-yazi{color:color-mix(in srgb,var(--sari) 70%,#000);letter-spacing:.2em;font-size:12.5px}
.tema-prestij .ust-yazi:before{height:1px;width:40px}
.tema-prestij .btn{letter-spacing:.06em;text-transform:uppercase;font-size:13.5px;font-family:var(--font-metin),sans-serif;font-weight:700}
.tema-prestij .menu>ul>li>a{font-family:var(--font-metin),sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:14px}
.tema-prestij .hero-kart .hero-icerik,.tema-prestij.hero-kart .hero-icerik{border-top:0;border-left:4px solid var(--sari);border-radius:0;background:color-mix(in srgb,var(--siyah) 90%,transparent)}
.tema-prestij .hero-rozet{background:none;border-left:0;padding-left:0;color:var(--sari)}
.tema-prestij .hero-degrade{background:linear-gradient(120deg,var(--siyah) 40%,color-mix(in srgb,var(--siyah) 70%,var(--sari)))}
.tema-prestij .hero-degrade:after{border:1px solid var(--sari);box-shadow:24px 24px 0 -1px color-mix(in srgb,var(--sari) 18%,transparent)}
body.tema-prestij .kart-izgara>.kart-oge{border:1px solid var(--kenar)}
.tema-prestij .kart-metin h3{font-size:20px}
.tema-prestij .kart-oge:after{height:3px}
.tema-prestij .devam{letter-spacing:.1em}
.tema-prestij .sayfa-baslik:not(.bb-var){background:var(--siyah)}
.tema-prestij .sayfa-baslik:not(.bb-var):before{background-image:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.04) 49% 51%,transparent 52%);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000)}
.tema-prestij .sayfa-baslik:after{width:100%;height:4px;border-top:1px solid var(--sari);background:none;border-bottom:1px solid var(--sari);bottom:8px}
.tema-prestij .sayac-bolum{background:var(--siyah)}
.tema-prestij .sayac-bolum:before{display:none}
.tema-prestij .sayac-oge strong{font-family:var(--font-baslik),serif}
.tema-prestij .sayac-oge{border-left-color:color-mix(in srgb,var(--sari) 35%,transparent)}
.tema-prestij .hakkimizda-gorsel:before{background:none;border:1px solid var(--sari)}
.tema-prestij .tecrube-rozet strong{font-family:var(--font-baslik),serif}
.tema-prestij .tik-liste .ik{background:none;color:var(--sari);border:1px solid var(--sari);border-radius:50%}
.tema-prestij .alt-cta-ic{background:var(--siyah);color:#fff;border:1px solid color-mix(in srgb,var(--sari) 50%,transparent)}
.tema-prestij .alt-cta-ic:after{border-color:color-mix(in srgb,var(--sari) 14%,transparent)}
.tema-prestij .alt-cta-tel .bb-ikon{background:var(--sari);color:var(--sari-ust)}
.tema-prestij .alt-cta .btn-koyu{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-prestij .alt-bilgi{background:color-mix(in srgb,var(--siyah) 82%,#000)}
.tema-prestij .alt-bilgi h3{font-family:var(--font-metin),sans-serif}
.tema-prestij .form-kart,.tema-prestij .yan-kutu{border-top:3px solid var(--sari)}
.tema-prestij.ust-ikili:not(.mobil-menu) .menu>ul>li>a:after{height:2px}

/* =================== TASARIM: TEKNİK ÇİZİM (blueprint) =================== */
.tema-cizim{--zemin:var(--siyah);--zemin2:color-mix(in srgb,var(--siyah) 90%,#fff);--yuzey:color-mix(in srgb,var(--siyah) 86%,#fff);--yazi:rgba(255,255,255,.82);--baslik-renk:#fff;--soluk:rgba(255,255,255,.62);--kenar:rgba(255,255,255,.2);--link:var(--sari);
  --r:0px;--r-k:0px;--r-btn:0px;--baslik-agirlik:700;--baslik-aralik:-.02em;--golge:none;--golge-b:0 0 0 1px var(--sari);--ust-bar:color-mix(in srgb,var(--siyah) 75%,#000);
  --cizgi:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px) 0 0/120px 120px,linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px) 0 0/120px 120px}
body.tema-cizim{background:var(--cizgi),var(--siyah)}
.tema-cizim .baslik{background:color-mix(in srgb,var(--siyah) 88%,transparent);border-bottom:1px dashed var(--kenar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tema-cizim.mobil-menu .baslik{-webkit-backdrop-filter:none;backdrop-filter:none}
.tema-cizim .menu>ul>li>a{font-family:var(--font-etiket),monospace;font-size:14px;font-weight:500}
.tema-cizim .ust-yazi{font-family:var(--font-etiket),monospace;color:var(--sari);letter-spacing:.06em;text-transform:none;font-size:14px}
.tema-cizim .ust-yazi:before{content:"//";width:auto;height:auto;background:none;color:var(--soluk)}
.tema-cizim .bolum-bas h2{display:inline-block;padding-bottom:16px;position:relative}
.tema-cizim .bolum-bas h2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;border-left:1px solid var(--sari);border-right:1px solid var(--sari);background:linear-gradient(var(--sari),var(--sari)) center/100% 1px no-repeat}
.tema-cizim .btn{font-family:var(--font-etiket),monospace;font-weight:600}
.tema-cizim .btn-ana,.tema-cizim .btn-vurgu{color:var(--sari-ust)}
.tema-cizim .bolum-acik{background:rgba(255,255,255,.025);border-top:1px dashed var(--kenar);border-bottom:1px dashed var(--kenar)}
.tema-cizim .hero,.tema-cizim.hero-cerceve .hero{background:transparent}
.tema-cizim.hero-cerceve .hero-slaytlar{border:1px dashed rgba(255,255,255,.45)}
.tema-cizim .hero-slayt:after{background:linear-gradient(95deg,color-mix(in srgb,var(--siyah) 92%,transparent),color-mix(in srgb,var(--siyah) 45%,transparent))}
.tema-cizim .hero-degrade{background:transparent}
.tema-cizim .hero-degrade:before{background-image:none}
.tema-cizim .hero-degrade:after{border:1px solid var(--sari);box-shadow:none;background:linear-gradient(var(--sari),var(--sari)) 50% 0/1px 100% no-repeat,linear-gradient(var(--sari),var(--sari)) 0 50%/100% 1px no-repeat;opacity:.6;border-radius:50%}
.tema-cizim .hero-rozet{font-family:var(--font-etiket),monospace;text-transform:none;letter-spacing:.02em;background:rgba(255,255,255,.06)}
body.tema-cizim .kart-izgara>.kart-oge{border:1px dashed rgba(255,255,255,.35);background:color-mix(in srgb,var(--siyah) 92%,#fff)}
.tema-cizim .kart-oge:hover{border-style:solid;border-color:var(--sari)}
.tema-cizim .kart-gorsel{border-bottom:1px dashed rgba(255,255,255,.35)}
.tema-cizim .kart-gorsel img{filter:saturate(.75) contrast(1.05)}
.tema-cizim .yer-tutucu{background:var(--cizgi),color-mix(in srgb,var(--siyah) 88%,#fff)}
.tema-cizim .mini-bilgi,.tema-cizim .etiket,.tema-cizim .devam{font-family:var(--font-etiket),monospace}
.tema-cizim .sayfa-baslik{background:transparent;border-bottom:1px dashed var(--kenar)}
.tema-cizim .sayfa-baslik:not(.bb-var):before{display:none}
.tema-cizim .sayfa-baslik .kirinti{font-family:var(--font-etiket),monospace}
.tema-cizim .sayac-bolum{background:transparent;border-top:1px dashed var(--kenar);border-bottom:1px dashed var(--kenar)}
.tema-cizim .sayac-bolum:before{display:none}
.tema-cizim .sayac-oge{border-left:1px dashed var(--kenar)}
.tema-cizim .sayac-oge span{font-family:var(--font-etiket),monospace;text-transform:none}
.tema-cizim .cta{background:transparent;color:#fff;border-top:1px dashed var(--kenar);border-bottom:1px dashed var(--kenar)}
.tema-cizim .cta h2{color:#fff}
.tema-cizim .cta:after{border:1px dashed var(--sari);border-radius:50%;opacity:.6}
.tema-cizim .cta .btn-vurgu{background:var(--sari);border-color:var(--sari);color:var(--sari-ust)}
.tema-cizim .cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.5)}
.tema-cizim .hakkimizda-gorsel:before{background:none;border:1px dashed var(--sari)}
.tema-cizim .tecrube-rozet{background:var(--siyah);border:1px solid var(--sari);border-left-width:5px}
.tema-cizim .alt-bilgi{background:color-mix(in srgb,var(--siyah) 70%,#000)}
.tema-cizim .alt-bilgi:before{height:1px}
.tema-cizim .form-kart,.tema-cizim .yan-kutu,.tema-cizim .iletisim-kart,.tema-cizim .yorum-oge,.tema-cizim .akordeon-oge{border:1px dashed rgba(255,255,255,.3);background:color-mix(in srgb,var(--siyah) 92%,#fff)}
.tema-cizim .hesap-sonuc{background:color-mix(in srgb,var(--siyah) 70%,#000);border:1px solid var(--sari)}

/* =================== TASARIM: BUTİK (pastel, yumuşak) =================== */
.tema-butik{--zemin:#fdf6f2;--zemin2:#f9ebe4;--yuzey:#fff;--yazi:#4a4458;--baslik-renk:var(--siyah);--soluk:#857d8f;--kenar:#f0dcd2;--link:color-mix(in srgb,var(--sari) 75%,#000);
  --r:24px;--r-k:14px;--r-btn:999px;--baslik-agirlik:600;--baslik-aralik:-.025em;--golge:0 10px 30px rgba(61,64,91,.06);--golge-b:0 24px 60px rgba(61,64,91,.12);--ust-bar:var(--zemin2)}
.tema-butik .ust-bar{color:var(--yazi)}
.tema-butik .ust-bar .ik{color:var(--sari)}
.tema-butik .ust-bar a:hover{color:var(--siyah)}
.tema-butik .sosyal a:hover{background:var(--sari);color:var(--sari-ust)}
.tema-butik .btn{border-radius:999px}
.tema-butik .ust-yazi{background:var(--yuzey);color:var(--sari);padding:7px 16px;border-radius:999px;box-shadow:var(--golge);letter-spacing:.12em;font-size:12px}
.tema-butik .ust-yazi:before{width:7px;height:7px;border-radius:50%}
.tema-butik .bolum-bas h2{font-size:clamp(32px,4.4vw,54px)}
.tema-butik .hero-slayt:after{background:linear-gradient(180deg,color-mix(in srgb,var(--siyah) 45%,transparent),color-mix(in srgb,var(--siyah) 65%,transparent))}
.tema-butik .hero-rozet{border-radius:999px;background:rgba(255,255,255,.16)}
.tema-butik .hero{background:var(--zemin2)}
.tema-butik .hero-degrade{background:radial-gradient(circle at 18% 30%,color-mix(in srgb,var(--sari) 38%,transparent),transparent 38%),radial-gradient(circle at 85% 75%,color-mix(in srgb,var(--siyah) 18%,transparent),transparent 42%),var(--zemin2)}
.tema-butik .hero-degrade:before{display:none}
.tema-butik .hero-degrade:after{border:0;border-radius:50%;background:color-mix(in srgb,var(--sari) 22%,transparent);box-shadow:none;opacity:1}
.tema-butik .hero-slayt:has(.hero-degrade):after{display:none}
.tema-butik .hero-slayt:has(.hero-degrade) .hero-icerik,.tema-butik .hero-slayt:has(.hero-degrade) .hero-baslik{color:var(--siyah)}
.tema-butik .hero-slayt:has(.hero-degrade) .hero-rozet{background:var(--yuzey);color:var(--siyah);box-shadow:var(--golge)}
.tema-butik .hero-slayt:has(.hero-degrade) .btn-saydam{color:var(--siyah);border-color:var(--siyah)}
.tema-butik .hero-slayt:has(.hero-degrade) .btn-saydam:hover{background:var(--siyah);color:#fff}
.tema-butik .hero-noktalar button{background:color-mix(in srgb,var(--siyah) 22%,transparent)}
.tema-butik .hero-noktalar button.aktif{background:var(--sari)}
body.tema-butik .kart-izgara>.kart-oge{border:0;box-shadow:var(--golge)}
body.tema-butik .kart-oge .kart-gorsel{border-radius:18px}
.tema-butik .kart-oge:hover{box-shadow:var(--golge-b)}
.tema-butik .etiket{border-radius:999px;padding:5px 12px}
.tema-butik .bolum-acik{background:var(--zemin2)}
.tema-butik .sayfa-baslik:not(.bb-var){background:var(--zemin2);color:var(--siyah)}
.tema-butik .sayfa-baslik:not(.bb-var):before{background-image:radial-gradient(circle at 90% 30%,color-mix(in srgb,var(--sari) 30%,transparent),transparent 35%);background-size:auto;mask-image:none}
.tema-butik .sayfa-baslik:not(.bb-var) h1{color:var(--siyah)}
.tema-butik .sayfa-baslik:not(.bb-var) .kirinti{color:var(--soluk)}
.tema-butik .sayfa-baslik:not(.bb-var) .kirinti a{color:var(--sari)}
.tema-butik .sayfa-baslik{text-align:center}
.tema-butik .sayfa-baslik .kirinti{justify-content:center}
.tema-butik .sayfa-baslik h1,.tema-butik .sayfa-baslik p{margin-left:auto;margin-right:auto}
.tema-butik .sayfa-baslik:after{left:50%;transform:translateX(-50%);border-radius:6px 6px 0 0;width:70px}
.tema-butik .sayac-bolum{background:transparent;color:var(--siyah);padding:20px 0 60px}
.tema-butik .sayac-bolum:before{display:none}
.tema-butik .sayac-izgara{background:var(--yuzey);border-radius:var(--r);box-shadow:var(--golge-b);padding:34px 10px}
.tema-butik .sayac-oge{border-left-color:var(--kenar);text-align:center}
.tema-butik .sayac-oge strong{color:var(--siyah)}
.tema-butik .sayac-oge strong:after{color:var(--sari)}
.tema-butik .cta{background:var(--sari);color:var(--sari-ust);border-radius:40px;margin:0 16px 60px;max-width:1260px}
@media (min-width:1292px){.tema-butik .cta{margin:0 auto 60px}}
.tema-butik .cta h2{color:var(--sari-ust)}
.tema-butik .cta:after{border-radius:50%;border-color:rgba(255,255,255,.18)}
.tema-butik .cta .btn-vurgu{background:var(--siyah);border-color:var(--siyah);color:#fff}
.tema-butik .cta .btn-saydam{color:var(--sari-ust);border-color:currentColor}
.tema-butik .hakkimizda-gorsel:before{border-radius:var(--r);background:color-mix(in srgb,var(--sari) 40%,transparent)}
.tema-butik .tecrube-rozet{background:var(--yuzey);color:var(--siyah);border-left:0;border-radius:var(--r)}
.tema-butik .tecrube-rozet strong{color:var(--sari)}
.tema-butik .tik-liste .ik{border-radius:50%}
.tema-butik .alt-bilgi{border-radius:40px 40px 0 0}
.tema-butik .alt-bilgi:before{display:none}
.tema-butik .form-kart,.tema-butik .yan-kutu,.tema-butik .hesap-kart,.tema-butik .hesap-sonuc{border-radius:var(--r)}
@media (max-width:640px){.tema-butik .sayac-izgara{padding:24px 6px}.tema-butik .cta{border-radius:28px}}
.tema-tabela .bolum-bas.sola h2,.tema-tabela .metin h2{font-size:clamp(34px,4.4vw,62px)}
.tema-tabela h1,.tema-tabela h2{overflow-wrap:anywhere}
.tema-cizim .bolum-bas .ust-yazi{display:flex;width:fit-content}
.tema-cizim .bolum-bas:not(.sola) .ust-yazi{margin-left:auto;margin-right:auto}
.tema-cizim .bolum-ust .bolum-bas .ust-yazi{margin-left:0}