/* iskaysoft.com — AC2 ana menü tasarım dili (GENEL K-227, tek kaynak MARKA_KIMLIGI/TASARIM_DILI_AC2.md).
   Yalnız .ac2 kapsamında çalışır; öteki sayfaları etkilemez. Yatay taşma için overflow-x:clip (site kuralı: hidden yazılmaz). */
.ac2{--k:#A61E1E;--k2:#8E1717;--komur:rgba(42,42,42,.94);--yazi:#3E3E3E;--yazi2:#4A4A4A;--soluk:#6A6A6A;--kenar:max(24px,calc((100vw - 1320px)/2));
  font-family:'Saira Semi Condensed',system-ui,sans-serif;font-weight:300;color:var(--yazi);background:#E9E9E9;-webkit-font-smoothing:antialiased;overflow-x:clip;color-scheme:light}
.ac2 *,.ac2 *::before,.ac2 *::after{box-sizing:border-box}
.ac2 a{color:inherit;text-decoration:none}
.ac2 h1,.ac2 h2,.ac2 h3,.ac2 p{margin:0}
.ac2 .ham{text-transform:none!important}
.ac2 .blok,.ac2 .pb,.ac2 .m,.ac2 .tr .e,.ac2 .tr .d,.ac2 .adim h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;min-width:0}
.ac2 .tb{white-space:nowrap}
.ac2 :focus-visible{outline:2px solid var(--k);outline-offset:3px}

/* ışıklı beyaz oda + 3B katmanlar */
.ac2 .oda{position:relative;background:radial-gradient(ellipse 78% 62% at 55% 46%,#F7F7F7 0%,#E9E9E9 52%,#CFCFCF 100%);overflow:clip}
/* 3B katmanlar sayfa gövdesinde (.ac2-katman, ac2-ana.js katmanAl): Blazor girişi yeniden çizerken dokunmaz, sahne bağlantıyı beklemez.
   Katman girişin belge üzerindeki yerine oturur; z-index 1 = oda zemininin üstü, içeriğin (.ic 4, şerit 5) altı. Uzak tuval yarı
   çözünürlükte çizilir (ac2-3b uzakOlcek .5); büyütmenin yumuşaklığı hesaba katılarak bulanıklık 2,4 -> 2,2 px (pikselden kıyaslandı, 25.10.2026). */
.ac2-katman{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none;z-index:1;contain:strict}
.ac2-katman>.izg,.ac2-katman>canvas,.ac2-katman>.bag{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ac2-katman>.izg{z-index:0}.ac2-katman>canvas.u{z-index:1;filter:blur(2.2px);opacity:.82}.ac2-katman>canvas.y{z-index:2}.ac2-katman>.bag{z-index:3}
.ac2 .ic{position:relative;z-index:4}

/* üst çubuk */
.ac2 .ac2-ust{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--kenar);background:rgba(247,247,247,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06)}
.ac2 .wm{display:inline-flex;align-items:baseline;gap:8px;font-family:'Segoe UI',Inter,system-ui,sans-serif;font-size:28px;line-height:1}
.ac2 .wm .a{font-weight:600;color:#262626}.ac2 .wm .b{font-weight:300;color:#6A6A6A}
.ac2 .nav{display:flex;align-items:center;gap:4px}
.ac2 .nav a{font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--yazi2);padding:7px 11px;display:inline-flex;align-items:center;gap:9px;font-weight:400;white-space:nowrap}
.ac2 .nav a::before{content:"";width:9px;height:9px;border:1.5px solid #7A7A7A;flex:none}
.ac2 .nav a:hover,.ac2 .nav a:focus-visible{background:var(--k);color:#fff;outline:none}.ac2 .nav a:hover::before,.ac2 .nav a:focus-visible::before{border-color:#fff}
.ac2 .nav a.cta{background:var(--k);color:#fff;margin-left:8px}.ac2 .nav a.cta .kisa{display:none}.ac2 .nav a.cta::before{border-color:#fff}
.ac2 .dil{position:relative;margin-left:8px}
.ac2 .dil summary{list-style:none;cursor:pointer;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--yazi2);padding:7px 10px;border:1px solid rgba(0,0,0,.12);font-weight:500}
.ac2 .dil summary::-webkit-details-marker{display:none}
.ac2 .dil[open] summary{background:var(--komur);color:#F4F4F4;border-color:transparent}
.ac2 .dil ul{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:rgba(250,250,250,.98);border:1px solid rgba(0,0,0,.1);min-width:150px;z-index:60}
.ac2 .dil li a{display:block;padding:8px 12px;font-size:16px;color:var(--yazi2)}
.ac2 .dil li a:hover,.ac2 .dil li a:focus-visible,.ac2 .dil li a[aria-current="true"]{background:var(--k);color:#fff;outline:none}

/* başlık kutusu */
.ac2 .blok{display:inline-flex;align-items:center;background:var(--komur);color:#F4F4F4;font-family:'Saira',system-ui,sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.02em;padding:16px 56px 16px var(--kenar);line-height:1.04;text-wrap:balance}
.ac2 .blok .kare{width:14px;height:14px;border:2px solid #F4F4F4;margin-right:18px;flex:none}
.ac2 .blok.b1{font-size:clamp(30px,3.5vw,56px)}.ac2 .blok.b2{font-size:clamp(28px,3.2vw,50px)}
/* sağ boşluk sabit: giriş bölümünde paragraf dar sütunda durur; var(--kenar) geniş ekranda (2560 px) paragrafı 74 px'e sıkıştırıyordu (24.10.2026) */
.ac2 .alt{font-size:clamp(19px,1.65vw,26px);line-height:1.45;color:var(--yazi2);max-width:640px;margin:26px 24px 0 var(--kenar)}

/* giriş: ana menü + istatistik paneli */
.ac2 .hero{min-height:max(760px,calc(100vh - 72px))}
.ac2 .hero .ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:56px;padding:60px var(--kenar) 140px 0;align-items:start}
.ac2 .menu{position:relative;margin:52px 0 0 calc(var(--kenar) + 260px);display:flex;flex-direction:column;align-items:flex-start;gap:26px;width:max-content;max-width:calc(100% - var(--kenar) - 260px)}
.ac2 .m{position:relative;z-index:2;font-family:inherit;font-size:clamp(20px,2vw,32px);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--yazi2);white-space:normal;max-width:100%;line-height:1.1;padding:6px 14px 8px;cursor:pointer;background:none;border:0;font-weight:300;text-align:left}
.ac2 .m .adet{font-size:.55em;letter-spacing:.1em;color:#6A6A6A;margin-left:12px;vertical-align:.2em}
.ac2 .menu.adetsiz .adet{display:none}
.ac2 .m.on{background:var(--k);color:#fff}.ac2 .m.on .adet{color:rgba(255,255,255,.8)}
.ac2 .ac2-kutu{position:absolute;z-index:3;left:0;top:0;height:0;background:var(--k);overflow:hidden;pointer-events:none;opacity:0}
.ac2 .ac2-kutu .kop{position:absolute;left:0;top:0}
.ac2 .ac2-kutu .kop .m{color:#fff}.ac2 .ac2-kutu .kop .m .adet{color:rgba(255,255,255,.8)}
.ac2.js-hazir .hero .menu .m.on{background:none;color:var(--yazi2)}.ac2.js-hazir .hero .menu .m.on .adet{color:#6A6A6A}
.ac2 .panel{margin-top:110px}
/* Panel boyu seçilen aileye göre değişmez: aileler aynı ızgara hücresinde üst üste durur, seçili olmayan görünmez ama yer tutar.
   Aileler 4-7 satır; giriş boyu dizüstünde 20, telefonda 300 px'e kadar değişiyor, 3B tuval sünüp yeniden kuruluyordu
   (kullanıcı 25.10.2026: "herodaki butonlara her bastığımda sol kırmızılar hopluyor"). */
/* Her genişlikte (telefon dahil; kullanıcı 25.10.2026 "boy sabit kalsın"): kısa ailede panelin altında boş alan kalır, dokununca hiçbir şey kaymaz. */
.ac2 .panel{display:grid;grid-template-columns:minmax(0,1fr)}.ac2 .panel>.panel-aile{grid-area:1/1;min-width:0}.ac2 .panel>.panel-aile[hidden]{display:block;visibility:hidden}
.ac2 .pb{display:inline-flex;flex-wrap:wrap;align-items:center;background:var(--komur);color:#F4F4F4;font-family:'Saira',system-ui,sans-serif;font-weight:300;text-transform:uppercase;font-size:24px;padding:12px 22px;letter-spacing:.04em;text-wrap:balance}
.ac2 .pb .kare{width:11px;height:11px;border:2px solid #F4F4F4;margin-right:14px}
.ac2 .pb .nk{white-space:pre}
.ac2 .pb.pb-iki{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center}.ac2 .pb.pb-iki .kare{margin-right:0}.ac2 .pb.pb-iki .pbadet{grid-column:2;font-size:.72em;margin-top:6px}.ac2 .pb.pb-iki .nk{display:none}
.ac2 .satirlar{display:flex;flex-direction:column;gap:7px;margin-top:12px;transition:opacity .25s}
.ac2 .satirlar[hidden]{display:none}
.ac2 .tr{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:10px 20px;background:rgba(255,255,255,.62);border:1px solid rgba(0,0,0,.05)}
.ac2 .tr .e{font-size:19px;text-transform:uppercase;color:#454545;font-weight:400}
.ac2 .tr .d{font-size:16px;color:var(--soluk);text-align:right;line-height:1.3}
.ac2 .panel .tr .e{flex:0 0 auto;max-width:56%}.ac2 .panel .tr .d{flex:1 1 0}
.ac2 a.tr:hover,.ac2 a.tr:focus-visible{background:var(--k);border-color:var(--k);outline:none}.ac2 a.tr:hover .e,.ac2 a.tr:focus-visible .e{color:#fff}.ac2 a.tr:hover .d,.ac2 a.tr:focus-visible .d{color:rgba(255,255,255,.88)}
.ac2 .serit{position:absolute;left:0;right:0;bottom:40px;min-height:64px;z-index:5;background:rgba(255,255,255,.62);border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;padding:10px var(--kenar);gap:24px}
.ac2 .serit .sl{display:flex;align-items:center;gap:14px;font-size:18px;color:#3A3A3A;font-weight:400}
.ac2 .serit .sl i{width:14px;height:14px;background:var(--k);transform:rotate(45deg);flex:none}
.ac2 .serit .sg{display:flex;align-items:center;gap:26px;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:var(--yazi2);font-weight:400;white-space:nowrap}
.ac2 .dug{display:inline-flex;align-items:center;gap:10px}.ac2 .dug b{width:30px;height:30px;border-radius:50%;border:2px solid #5A5A5A;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:500}

/* bölümler */
.ac2 .bolum{padding:96px 0 104px;scroll-margin-top:72px}
.ac2 .iki{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:0 var(--kenar);margin-top:44px;align-items:start}
.ac2 .iki .aciklama{font-size:22px;line-height:1.5;color:var(--yazi2)}
.ac2 .tablo{display:flex;flex-direction:column;gap:8px}
.ac2 .tablo .tr{min-height:84px}.ac2 .tablo .tr .e{font-size:21px}.ac2 .tablo .tr .d{font-size:18px;max-width:58%}
.ac2 .tablo .tr.sayili{justify-content:flex-start;gap:26px}
.ac2 .tablo .tr .d.buyuk{font-family:'Saira',system-ui,sans-serif;font-size:46px;color:#2E2E2E;max-width:none;min-width:84px;text-align:left}
.ac2 .tablo .tr.on{background:var(--k);border-color:var(--k)}.ac2 .tablo .tr.on .e{color:#fff}.ac2 .tablo .tr.on .d{color:rgba(255,255,255,.9)}
.ac2 .neden .tablo{margin:44px var(--kenar) 0 calc(var(--kenar) + 250px)}
.ac2 .adimlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 var(--kenar);margin:44px 0 0;list-style:none}
.ac2 .adim{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.05)}
.ac2 .adim .n{background:var(--k);color:#fff;font-family:'Saira',system-ui,sans-serif;font-size:34px;font-weight:300;padding:10px 20px}
.ac2 .adim h3{font-size:22px;text-transform:uppercase;font-weight:400;color:#3A3A3A;padding:18px 20px 0}
.ac2 .adim p{font-size:18px;line-height:1.45;color:#626262;padding:8px 20px 22px}
.ac2 .cta .menu{margin-top:48px}
.ac2 .guv{margin:40px var(--kenar) 0;font-size:17px;letter-spacing:.14em;color:#5E5E5E;font-weight:400;text-transform:uppercase}

/* alt bilgi */
.ac2 .ac2-alt{background:#DCDCDC;border-top:1px solid rgba(0,0,0,.07);padding:44px var(--kenar) 28px}
.ac2 .ac2-alt .kol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 48px}
.ac2 .ac2-alt h2{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#2E2E2E;font-weight:500;margin:0 0 12px;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.ac2 .ac2-alt ul{list-style:none;margin:0;padding:0}
.ac2 .ac2-alt a{display:block;font-size:16px;color:#555;padding:3px 0;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.ac2 .ac2-alt a:hover,.ac2 .ac2-alt a:focus-visible{color:var(--k)}
.ac2 .ac2-alt .dip{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:14px;color:#4A4A4A;letter-spacing:.06em}
.ac2 .ac2-alt .dip a{display:inline;padding:0;font-size:14px}
.ac2 .ac2-alt .rozetler{display:inline-flex;align-items:center;flex-wrap:wrap;gap:14px}

/* Ortak bileşenler (çerez çubuğu, WhatsApp, canlı destek, telefon çubuğu) bu sayfada AYRICA boyanmaz:
   sitenin genel teması (tema-ac2.css) onları her sayfada aynı gösterir (kullanıcı 24.10.2026: "her şey yerli yerinde"). */

/* koyu tema: AC2 koyu oda (TASARIM_DILI_AC2.md §8) — giriş bölümü */
[data-tema="dark"] .ac2{background:#1F1F1F;color:#DCDCDC;color-scheme:dark;--yazi:#DCDCDC;--yazi2:#C8C8C8;--soluk:#B8B8B8;--komur:rgba(230,230,230,.92)}
[data-tema="dark"] .ac2 .oda{background:radial-gradient(ellipse 78% 62% at 55% 46%,#2E2E2E 0%,#1F1F1F 52%,#121212 100%)}
[data-tema="dark"] .ac2-katman>.izg{opacity:.16}
[data-tema="dark"] .ac2 .blok,[data-tema="dark"] .ac2 .pb{color:#1C1C1C}
[data-tema="dark"] .ac2 .blok .kare,[data-tema="dark"] .ac2 .pb .kare{border-color:#1C1C1C}
[data-tema="dark"] .ac2 .tr,[data-tema="dark"] .ac2 .serit{background:rgba(32,32,32,.85);border-color:rgba(255,255,255,.07)}
[data-tema="dark"] .ac2 .tr .e,[data-tema="dark"] .ac2 .serit .sl{color:#DCDCDC}
[data-tema="dark"] .ac2 .m .adet,[data-tema="dark"] .ac2.js-hazir .hero .menu .m.on .adet{color:#9A9A9A}
[data-tema="dark"] .ac2 .dug b{border-color:#B8B8B8}

@media (max-width:1100px){
 .ac2 .hero .ic{grid-template-columns:minmax(0,1fr);padding-right:0}
 .ac2 .panel{margin:56px var(--kenar) 0}
 .ac2 .menu{margin-left:calc(var(--kenar) + 150px);max-width:calc(100% - var(--kenar) - 150px)}
 .ac2 .iki{grid-template-columns:1fr}
 .ac2 .adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac2 .ac2-alt .kol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
 .ac2 .nav a:not(.cta){display:none}
 .ac2 .neden .tablo{margin-left:calc(var(--kenar) + 120px)}
}
@media (max-width:600px){
 .ac2 .menu{margin-left:calc(var(--kenar) + 96px);max-width:calc(100% - 2 * var(--kenar) - 96px);gap:16px}
 .ac2 .m{font-size:16px;white-space:normal;line-height:1.15}.ac2 .m .adet{font-size:12px}
 .ac2 .blok.b1{font-size:clamp(21px,6vw,30px)}.ac2 .blok.b2{font-size:clamp(21px,5.8vw,28px)}
 .ac2 .nav a.cta .uzun{display:none}.ac2 .nav a.cta .kisa{display:inline}
 .ac2 .ac2-alt h2{letter-spacing:.08em}
 .ac2 .pb{font-size:20px;padding:10px 16px}
 .ac2 .tablo .tr .e{font-size:18px}.ac2 .tablo .tr.sayili{gap:16px}.ac2 .tablo .tr .d.buyuk{font-size:38px;min-width:64px}
 .ac2 .tr .e{white-space:normal}
 .ac2 .panel .tr{flex-direction:column;align-items:flex-start;gap:4px}.ac2 .panel .tr .d{text-align:left}
 .ac2 .pb .pbadet{display:block;flex-basis:100%;font-size:.72em;margin-top:6px;padding-left:25px}.ac2 .pb .nk{display:none}
 .ac2 .blok{padding-right:24px}
 .ac2 .tablo .tr{flex-direction:column;align-items:flex-start;gap:4px}.ac2 .tablo .tr .d{text-align:left;max-width:none}
 .ac2 .tablo .tr.sayili{flex-direction:row;align-items:center}
 .ac2 .adimlar{grid-template-columns:1fr}
 .ac2 .neden .tablo{margin-left:var(--kenar)}
 .ac2 .serit .sg .no{display:none}
 .ac2 .serit .sl{font-size:15px;line-height:1.35}
 .ac2 .wm{font-size:24px}
 .ac2 .nav a.cta{padding:7px 9px;font-size:15px}
}
@media (max-width:600px){
 /* alt bilgi tek sütun: iki sütunda uzun bileşik sözcükler (Almanca, Felemenkçe) harf ortasından bölünüyordu */
 .ac2 .ac2-alt .kol{grid-template-columns:minmax(0,1fr);gap:20px}
 .ac2 .ac2-alt h2{letter-spacing:.12em}
 .ac2 .ac2-alt ul{display:flex;flex-wrap:wrap;column-gap:20px}
 /* DÜZELT 4: panel başlığında kare ile ad yan yana, çözüm sayısı adın altında */
 .ac2 .pb{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center}
 .ac2 .pb .kare{margin-right:0}
 .ac2 .pb .pbadet{grid-column:2;padding-left:0}
 .ac2 .panel .tr .e,.ac2 .panel .tr .d{max-width:none;flex:none}
}
@media (max-width:400px){
 .ac2 .m{font-size:16px;padding:6px 10px 8px;letter-spacing:.01em}.ac2 .m .adet{margin-left:8px}
 .ac2 .pb{font-size:16px}.ac2 .pb .pbadet,.ac2 .pb.pb-iki .pbadet{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.ac2 .satirlar{transition:none}}
/* app.css hareket azaltmada her öğeye .01 ms geçiş verir: süresi 0 olan "transition:all" gerçek geçişe döner, menü sığdırma yazı boyunu yazıp
   eski değeri okuyordu; menü 25,4 ile 20,4 px arasında gidip geliyor, giriş zıplıyordu (sistem lideri 25.10.2026, canlıda da vardı) */
@media (prefers-reduced-motion:reduce){.ac2 .m,.ac2 .m *{transition:none!important}}
/* sağ alttaki sabit WhatsApp / canlı destek düğmeleri şeridin sağ ucunu ("Kaydırın") örtmesin */
/* telefonda (900 px ve altı) yüzen düğmeler alt iletişim çubuğunda durur (tema-ac2.css); orada bu boşluk şeridi sıkıştırıyordu (25.10.2026) */
@media (min-width:901px){.ac2 .hero .serit{padding-right:max(var(--kenar),104px)}}
/* Menüde 6 aile var (Yapay Zekâ eklendi, 25.10.2026): satır arası 26 -> 16 px, üst boşluk 52 -> 36 px; giriş eski boyuna yakın kalır,
   900 px yüksek ekranda alt şerit ve "Kaydırın" yine ilk ekranda (6 aileyle 1440x900 giriş 851 -> 902 px olmuştu) */
.ac2 .hero .menu{gap:16px;margin-top:36px}
/* 900 px ve altında giriş alt şeridi akışta durur: girişin altına sabitlenmişken uzun dillerde metin satırlara bölünüp yükseliyor, son ürün
   satırının üstüne biniyordu (Azerice 360 px'te 124 px; ürün lideri 25.10.2026, canlıda da vardı). Metin tam genişlikte, "Kaydırın" altında. */
@media (max-width:900px){
 .ac2 .hero .ic{padding-bottom:32px}
 .ac2 .hero .serit{position:static;flex-direction:column;align-items:flex-start;gap:10px;padding:14px var(--kenar);margin-bottom:40px}
 .ac2 .hero .serit .sl{width:100%}
}
/* koyu odada açık renkli 3B şerit menü yazısının arkasından geçince okunmuyordu: satırlara koyu oda zemini */
[data-tema="dark"] .ac2 .hero #ac2HeroMenu>.m{background:rgba(24,24,24,.78)}
/* koyu odada uzak (bulanık) şerit katmanı kısılır: açık şerit paragrafın arkasından geçince yazı soluyordu (kırmızı levhalar yakın katmanda) */
[data-tema="dark"] .ac2-katman>canvas.u{opacity:.32}
/* yüksek ekranda (2560x1440) içerik üst yarıda kalıp alt yarı boş kalıyordu: içerik dikeyde ortalanır; içerik ekrandan uzunsa otomatik boşluk sıfırdır */
.ac2 .hero{display:flex;flex-direction:column}
.ac2 .hero>.ic{margin-block:auto;width:100%}

/* koyu temada telefonda giriş paragrafı 3B şeridin üstüne biniyordu (pikselden %31-39 alan 4,5:1 altında): paragrafa koyu oda zemini */
@media (max-width:900px){[data-tema="dark"] .ac2 .hero .alt{background:rgba(31,31,31,.82);box-shadow:0 0 0 .45em rgba(31,31,31,.82)}}

/* Bekleyiş (24.10.2026): animasyon Blazor bağlantısını bekler; o ana kadar oda ışık çizgileri CSS ile görünür, betik kendi çizgilerini çizince kalkar */
.ac2:not(.js-hazir) .oda{background-image:
  linear-gradient(90deg,transparent 6.6%,rgba(255,255,255,.55) 7.6%,transparent 8.8%),linear-gradient(90deg,transparent 21%,rgba(255,255,255,.38) 22.4%,transparent 24.6%),
  linear-gradient(90deg,transparent 44%,rgba(255,255,255,.5) 45%,transparent 46.4%),linear-gradient(90deg,transparent 63%,rgba(255,255,255,.42) 64.8%,transparent 67%),
  linear-gradient(90deg,transparent 83%,rgba(255,255,255,.5) 84%,transparent 85.6%),linear-gradient(180deg,transparent 18%,rgba(255,255,255,.45) 19.4%,transparent 21%),
  linear-gradient(180deg,transparent 52%,rgba(255,255,255,.35) 53.6%,transparent 55.6%),linear-gradient(180deg,transparent 79%,rgba(255,255,255,.42) 80%,transparent 81.4%),
  linear-gradient(90deg,transparent calc(14% - 1px),rgba(255,255,255,.95) 14%,transparent calc(14% + 1px)),linear-gradient(90deg,transparent calc(37% - 1px),rgba(255,255,255,.9) 37%,transparent calc(37% + 1px)),
  linear-gradient(90deg,transparent calc(58% - 1px),rgba(255,255,255,.9) 58%,transparent calc(58% + 1px)),linear-gradient(90deg,transparent calc(76% - 1px),rgba(255,255,255,.95) 76%,transparent calc(76% + 1px)),
  linear-gradient(180deg,transparent calc(31% - 1px),rgba(255,255,255,.9) 31%,transparent calc(31% + 1px)),linear-gradient(180deg,transparent calc(66% - 1px),rgba(255,255,255,.85) 66%,transparent calc(66% + 1px)),
  radial-gradient(ellipse 78% 62% at 55% 46%,#F7F7F7 0%,#E9E9E9 52%,#CFCFCF 100%)}
[data-tema="dark"] .ac2:not(.js-hazir) .oda{background-image:radial-gradient(ellipse 78% 62% at 55% 46%,#2E2E2E 0%,#1F1F1F 52%,#121212 100%)}
/* 3B katman ani belirmesin: betik hazır olunca yumuşak gelir (hareket azaltma tercihinde yok) */
@keyframes ac2Belir{from{opacity:0}}
.ac2-katman>.belir{animation:ac2Belir .7s ease-out both}
@media (prefers-reduced-motion:reduce){.ac2-katman>.belir{animation:none}}