/* Mania vitrin — B2 teması (marka koyusu #091516 + turkuaz #00D6CD). Görünümler: body.g4 (kurumsal) · .g5 (sinematik) · .g6 (ara ton) */
:root{--bg:#091516;--panel:#0F1F21;--panel2:#132729;--fg:#ECEFF2;--muted:#8F98A0;--acc:#00D6CD;--line:#1E2C2E;--f:"Epilogue",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--m:"Martian Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--kenar:clamp(20px,5vw,72px);--ease:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.mania{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(.mania) img{max-width:100%;height:auto;display:block}
:where(.mania) a{color:inherit;text-decoration:none}
.mania h1,.mania h2,.mania h3,.mania p,.mania ul,.mania figure{margin:0}
.mania ul{padding:0;list-style:none}
.kap,.mania .kap{width:min(1296px,100% - var(--kenar)*2);margin-inline:auto}
.atla{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--acc);color:var(--bg);padding:10px 16px;border-radius:8px}
.atla:focus{left:12px}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* düğmeler */
.dugmeler{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.dg{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap;transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s}
.dg:active{transform:scale(.98)}
.dg-dolu{background:var(--acc);color:var(--bg)}
.dg-dolu:hover{background:#3DE3DB}
.dg-cizgi{border:1px solid rgba(236,239,242,.45);color:var(--fg)}
.dg-cizgi:hover{border-color:var(--acc);color:var(--acc)}
.dg-kucuk{height:44px;padding:0 20px;font-size:15px}

/* üst */
.ust{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent}
.ust.dolu{background:rgba(9,21,22,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line)}
.ust-ic{display:flex;align-items:center;gap:28px;height:76px}
.ust-logo img{height:40px;width:auto}
.ust-logo-metin{font-weight:800;font-size:20px}
.ust-menu{display:flex;gap:30px;margin-left:auto}
.ust-baglanti{font-size:15px;font-weight:500;color:rgba(236,239,242,.86);transition:color .2s}
.ust-baglanti:hover{color:var(--acc)}
.ust-burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer;position:relative}
.ust-burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--fg);border-radius:2px;transition:transform .25s}
.ust-burger span:first-child{top:16px}.ust-burger span:last-child{top:25px}
.ust-burger[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.ust-burger[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.mobil-menu{position:fixed;inset:76px 0 auto 0;z-index:99;background:rgba(9,21,22,.98);border-bottom:1px solid var(--line);padding:16px var(--kenar) 28px;max-height:calc(100svh - 76px);overflow-y:auto}
.mobil-menu nav{display:grid}
.mobil-menu .ust-baglanti{font-size:19px;font-weight:600;padding:14px 0;border-bottom:1px solid var(--line)}
.mobil-menu .dg{margin-top:22px;width:100%}

/* giriş */
.giris{position:relative;min-height:min(100svh,880px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}
.giris-sahne{position:absolute;inset:0;z-index:-2}
.giris-sahne img,.giris-sahne picture{width:100%;height:100%;object-fit:cover;object-position:70% center}
.giris-perde{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,21,22,.96) 0%,rgba(9,21,22,.76) 42%,rgba(9,21,22,0) 64%),linear-gradient(180deg,rgba(9,21,22,.62) 0,rgba(9,21,22,0) 150px),linear-gradient(180deg,rgba(9,21,22,0) 72%,var(--bg) 100%)}
.giris-ic{padding:150px 0 110px}
.giris-baslik{font-size:clamp(40px,5.1vw,76px);line-height:1.03;letter-spacing:-.035em;font-weight:700;max-width:12.5em}
.giris-alt{margin-top:24px;max-width:500px;font-size:18px;line-height:1.6;color:var(--muted)}
.giris-not{position:absolute;left:0;right:0;bottom:26px;font-family:var(--m);font-size:10px;color:var(--muted);opacity:.8}
.g5 .giris{min-height:100svh;justify-content:flex-end}
.g5 .giris-perde{background:linear-gradient(90deg,rgba(9,21,22,.94) 0%,rgba(9,21,22,.55) 45%,rgba(9,21,22,0) 70%),linear-gradient(180deg,rgba(9,21,22,.7) 0%,rgba(9,21,22,0) 18%,rgba(9,21,22,0) 58%,var(--bg) 100%)}
.g5 .giris-baslik{font-size:clamp(44px,6.4vw,96px);font-weight:800;letter-spacing:-.045em;line-height:1}
.g5 .giris-ic{padding-bottom:120px}
.g5 .giris-not{text-align:right}
.g6 .giris-baslik{font-weight:800;font-size:clamp(40px,5.4vw,80px);letter-spacing:-.04em}

/* logo şeridi */
.logolar{padding:44px 0 8px}
.logolar-baslik{font-size:15px;color:var(--muted);font-weight:500}
.logo-liste{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 24px;align-items:center;justify-items:center;margin-top:28px}
.logo-liste li{min-width:0;max-width:100%;display:flex;justify-content:center}
.logo-liste img{height:calc(44px * var(--o,1));max-width:min(180px,100%);width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;transition:opacity .25s}
.logo-liste li:hover img{opacity:1}
.g5 .logo-liste img{opacity:.6}

/* bölüm başı */
.bolum{padding-top:clamp(72px,8.5vw,120px)}
.bolum-bas{border-top:1px solid var(--line);padding-top:56px;margin-bottom:48px;max-width:1296px}
.bolum-bas h2{font-size:clamp(32px,3.5vw,52px);line-height:1.08;letter-spacing:-.025em;font-weight:700;max-width:22em}
.bolum-alt{margin-top:16px;font-size:18px;line-height:1.6;color:var(--muted);max-width:62ch}
.etiket{font-family:var(--m);font-size:12px;color:var(--acc);margin-bottom:14px}
.g5 .bolum-bas h2{font-size:clamp(40px,6vw,92px);font-weight:800;letter-spacing:-.045em;line-height:1}

/* öne çıkan site */
.oc{position:relative;border-radius:20px;overflow:hidden;background:var(--panel);isolation:isolate}
.oc-sahne img{width:100%;height:100%;object-fit:cover}
.oc-bilgi .oc-ad{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:700}
.oc-tur{margin-top:10px;color:var(--muted);font-size:17px}
.oc-liste{margin-top:26px;display:grid;gap:10px}
.oc-liste li{font-size:16px;color:rgba(236,239,242,.9);padding-left:18px;position:relative}
.oc-liste li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--acc)}
.durum{margin-top:22px;font-family:var(--m);font-size:12px;color:var(--muted)}
.durum-canli{color:var(--acc)}
a.durum:hover{text-decoration:underline}
.oc-yan{display:grid;grid-template-columns:1.95fr 1fr;min-height:540px}
.oc-yan .oc-sahne{position:relative}
.oc-yan .oc-sahne::after{content:"";position:absolute;inset:0 0 0 auto;width:30%;background:linear-gradient(90deg,rgba(15,31,33,0),var(--panel))}
.oc-yan .oc-bilgi{padding:60px 40px 48px 8px;align-self:center}
.oc-panel{min-height:620px;display:flex;align-items:center}
.oc-panel .oc-sahne{position:absolute;inset:0 0 0 20%;z-index:-2}
.oc-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--panel) 0%,rgba(15,31,33,.86) 36%,rgba(15,31,33,0) 58%)}
.oc-panel .oc-bilgi{max-width:500px;padding:80px 56px}
.oc-panel h3{font-size:clamp(36px,4.2vw,60px);font-weight:800}
/* sinematik (g5) */
.sinema{position:relative;min-height:min(56.25vw,880px);display:flex;align-items:center;border-radius:0;background:var(--bg);margin-top:0;isolation:isolate}
.sinema+.sinema{margin-top:24px}
.sinema .oc-sahne,.sinema>img.oc-gorsel{position:absolute;inset:0 0 0 22%;z-index:-2}
.sinema>img.oc-gorsel{width:78%;height:100%;object-fit:cover}
/* yeni sahnelerde cihazlar sağda, sol taraf boş: dar kesitte cihazlar kadrajda kalsın */
.sinema .oc-sahne img,.sinema>img.oc-gorsel{object-position:82% center}
.sinema::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 18%,rgba(9,21,22,.55) 40%,rgba(9,21,22,0) 62%),linear-gradient(180deg,var(--bg) 0%,rgba(9,21,22,0) 14%,rgba(9,21,22,0) 84%,var(--bg) 100%)}
.sinema .oc-bilgi{padding:120px var(--kenar);max-width:calc(560px + var(--kenar))}
.sinema .oc-ad,.sinema-yazi h2{font-size:clamp(40px,5.4vw,80px);font-weight:800;letter-spacing:-.045em;line-height:1}
.sinema-kart .oc-sahne,.sinema-acik>img.oc-gorsel{inset:0}
.sinema-acik>img.oc-gorsel{width:100%}
.sinema-kart::before,.sinema-acik::before{background:linear-gradient(180deg,var(--bg) 0%,rgba(9,21,22,0) 14%,rgba(9,21,22,0) 84%,var(--bg) 100%)}
.sinema-kart{align-items:flex-end;justify-content:flex-start}
.sinema-kart .oc-bilgi{margin:0 var(--kenar) 90px;max-width:430px;padding:32px;border-radius:20px;background:rgba(9,21,22,.88)}
.sinema-kart .oc-ad{font-size:clamp(28px,2.6vw,38px);font-weight:700;letter-spacing:-.03em}
.sinema-kart .oc-liste{margin-top:16px}
.sinema-yazi{position:relative;padding:160px 0}
.sinema-yazi .bolum-alt{max-width:480px}
.sinema-yazi>*{max-width:560px}
.sinema-ast>img.oc-gorsel{inset:0;width:100%}
.sinema-ast::before{background:linear-gradient(90deg,rgba(9,21,22,.95) 0%,rgba(9,21,22,.55) 45%,rgba(9,21,22,0) 62%),linear-gradient(180deg,var(--bg) 0%,rgba(9,21,22,0) 14%,rgba(9,21,22,0) 86%,var(--bg) 100%)}
.sinema-acik{align-items:flex-end}
.sinema-kutu{padding:0 0 90px}
.sinema-kutu h2,.sinema-kutu .bolum-alt{max-width:440px}
.sinema-kutu h2{font-size:clamp(28px,2.8vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1;background:rgba(9,21,22,.9);padding:30px 32px 0;border-radius:20px 20px 0 0}
.sinema-kutu .bolum-alt{background:rgba(9,21,22,.9);padding:12px 32px 30px;border-radius:0 0 20px 20px;margin-top:0}

/* site kartları */
.site-izgara,.galeri{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:24px}
.site-kart{background:var(--panel);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.sk-gorsel{position:relative;display:block;overflow:hidden;aspect-ratio:16/10}
.sk-ekran{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .6s var(--ease)}
.site-kart:hover .sk-ekran{transform:scale(1.025)}
.sk-tel{position:absolute;right:18px;bottom:-10px;width:clamp(96px,22%,150px);border:6px solid #1A2527;border-bottom:0;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.45);background:#1A2527}
.sk-tel img{width:100%;aspect-ratio:9/15;object-fit:cover;object-position:top}
.sk-bilgi{padding:22px 26px 26px}
.sk-bilgi h3{font-size:20px;font-weight:600;letter-spacing:-.01em}
.sk-tur{margin-top:4px;color:var(--muted);font-size:15px}
.sk-bilgi .durum{margin-top:12px;font-size:11px}
.g4 .site-kart:nth-child(4n+1),.g4 .site-kart:nth-child(4n+4){grid-column:span 7}
.g4 .site-kart:nth-child(4n+2),.g4 .site-kart:nth-child(4n+3){grid-column:span 5}
.g4 .sk-gorsel{margin:26px 26px 0;border-radius:10px;aspect-ratio:16/9.6}
.g6 .site-kart:nth-child(6n+1),.g6 .site-kart:nth-child(6n+6){grid-column:span 5}
.g6 .site-kart:nth-child(6n+2),.g6 .site-kart:nth-child(6n+5){grid-column:span 4}
.g6 .site-kart:nth-child(6n+3),.g6 .site-kart:nth-child(6n+4){grid-column:span 3}
.g6 .site-kart:nth-child(6n+3) .sk-tel,.g6 .site-kart:nth-child(6n+4) .sk-tel{display:none}
.g6 .oc-panel{margin-bottom:0}
.galeri .site-kart:nth-child(4n+1),.galeri .site-kart:nth-child(4n+4){grid-column:span 7}
.galeri .site-kart:nth-child(4n+2),.galeri .site-kart:nth-child(4n+3){grid-column:span 5}
.galeri .site-kart:last-child:nth-child(odd){grid-column:3/span 8}
.galeri .site-kart{background:transparent}
.galeri .sk-gorsel{border-radius:14px;box-shadow:0 0 120px rgba(0,214,205,.12)}
.galeri .sk-bilgi{padding:18px 2px 0}

/* filmler */
.film{margin:0}
.film-dugme{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--panel);cursor:pointer;color:inherit;box-shadow:0 14px 34px rgba(0,0,0,.4)}
.film-kapak{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),opacity .3s}
.film-dugme:hover .film-kapak{transform:scale(1.04)}
.oynat{position:absolute;left:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:rgba(236,239,242,.92);transition:transform .25s var(--ease)}
.oynat::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--bg)}
.film-dugme:hover .oynat{transform:scale(1.08)}
.film-one .oynat{width:66px;height:66px;left:22px;bottom:22px}
.film-one .oynat::after{border-width:11px 0 11px 18px}
.film figcaption{margin-top:10px;font-family:var(--m);font-size:10px;color:var(--muted);line-height:1.5}
.film figcaption b{display:block;font-family:var(--f);font-size:14px;font-weight:600;color:var(--fg);margin-bottom:2px}
.kamera-izgara{display:grid;grid-template-columns:minmax(0,420fr) repeat(4,minmax(0,200fr));gap:36px 16px;align-items:start}
.kamera-izgara .film-one{grid-row:span 2}
.film-sira{display:flex;align-items:flex-end;gap:16px}
.film-sira .film{flex:1 1 0;min-width:0}
.film-sira .film-one{flex:1.6 1 0}
.g5 .film-sira{margin-top:56px}
.film-duvar{position:relative;overflow:hidden;margin-top:8px}
.film-duvar ul{display:flex}
.film-duvar li{flex:0 0 12.5%}
.film-duvar li img{width:100%;aspect-ratio:9/16;object-fit:cover;opacity:.8}
.serit-2{margin-left:-6.25%}
.serit-2 li img{opacity:.55}
.film-duvar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,21,22,.4),rgba(9,21,22,0) 40%,rgba(9,21,22,0) 60%,rgba(9,21,22,.4))}
.serit-one{position:relative;z-index:2;display:flex;justify-content:center;margin-top:calc(-25vw - 160px)}
.serit-one .film{width:min(300px,62vw)}
.serit-one figcaption{text-align:center}

/* hizmetler */
.hz-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.hz-bento .hz-oge{position:relative;min-height:440px;border-radius:20px;overflow:hidden;background:var(--panel);display:block;isolation:isolate}
.hz-bento .hz-oge:nth-child(4n+1),.hz-bento .hz-oge:nth-child(4n+4){grid-column:span 7}
.hz-bento .hz-oge:nth-child(4n+2),.hz-bento .hz-oge:nth-child(4n+3){grid-column:span 5}
.hz-gorseller{display:flex;gap:16px;justify-content:flex-end;padding:32px}
.hz-gorsel{width:150px;aspect-ratio:9/16;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.45)}
.hz-tek{position:absolute;inset:0;padding:0;z-index:-1}
.hz-tek .hz-gorsel{width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;transition:transform .8s var(--ease)}
.hz-oge:hover .hz-tek .hz-gorsel{transform:scale(1.03)}
.hz-bento .hz-yazi{position:absolute;left:0;right:0;bottom:0;padding:120px 32px 30px;background:linear-gradient(180deg,rgba(9,21,22,0),rgba(9,21,22,.94))}
.hz-yazi h3{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.1}
.hz-yazi p{margin-top:10px;font-size:16px;color:var(--muted);max-width:520px;line-height:1.55}
.hz-liste{display:grid;gap:20px}
.hz-liste .hz-oge{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;min-height:206px;padding:24px 24px 24px 40px;border-radius:18px;background:var(--panel);border:1px solid transparent;transition:border-color .25s}
.hz-liste .hz-oge:nth-child(even){background:transparent;border-color:var(--line)}
.hz-liste .hz-oge:hover{border-color:rgba(0,214,205,.45)}
.hz-liste .hz-oge:first-child::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:18px 0 0 18px;background:var(--acc)}
.hz-liste .hz-gorseller{order:2;padding:0;gap:14px}
.hz-liste .hz-gorsel{width:auto;height:158px;aspect-ratio:auto;max-width:280px}
.hz-liste .hz-yazi h3{font-size:clamp(26px,2.4vw,34px)}
.hz-buyuk{display:grid;grid-template-columns:minmax(0,1fr) 368px;column-gap:56px}
.hz-satir{grid-column:1;border-top:1px solid var(--line)}
.hz-satir:last-of-type{border-bottom:1px solid var(--line)}
.hz-baglanti{display:block;padding:30px 0}
.hz-ad{display:block;font-size:clamp(34px,4.6vw,66px);font-weight:800;letter-spacing:-.04em;line-height:1.02;opacity:.32;transition:opacity .3s}
.hz-satir.acik .hz-ad,.hz-satir:hover .hz-ad{opacity:1}
.hz-metin{display:none;margin-top:12px;font-size:17px;color:var(--muted);max-width:560px}
.hz-satir.acik .hz-metin{display:block}
.hz-onizle{grid-column:2;grid-row:1/span 6;align-self:start;position:sticky;top:110px}
.hz-onizle img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.5)}

/* asistan */
.ast-izgara{display:grid;grid-template-columns:minmax(0,920fr) minmax(0,352fr);gap:32px;align-items:center}
.ast-monitor img{width:100%;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.ast-tel{display:flex;flex-direction:column;align-items:center}
.ast-tel-cerceve{display:block;width:min(240px,100%);border:6px solid #1A2527;border-radius:40px;overflow:hidden;box-shadow:0 22px 44px rgba(0,0,0,.55);background:#1A2527}
.ast-not{margin-top:14px;font-family:var(--m);font-size:11px;color:var(--muted)}
.ast-paneller{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:44px}
.ast-panel:nth-child(3n+1){grid-column:span 5}.ast-panel:nth-child(3n+2){grid-column:span 4}.ast-panel:nth-child(3n+3){grid-column:span 3}
.ast-panel img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.45)}
.ast-panel figcaption{margin-top:12px;font-size:15px;font-weight:600}
.ast-ozellik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}
.ast-ozellik li{border-left:4px solid var(--acc);padding:8px 0 8px 16px;font-size:16px;font-weight:500}
.ast-dipnot{margin-top:24px;font-family:var(--m);font-size:11px;color:var(--muted)}
.g5 .asistan>.kap{margin-top:8px}

/* sss */
.sss-liste{max-width:920px}
.sss-oge{border-top:1px solid var(--line)}
.sss-oge:last-child{border-bottom:1px solid var(--line)}
.sss-oge summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-size:19px;font-weight:600;position:relative}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--acc),var(--acc)) center/14px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) center/2px 14px no-repeat;transition:transform .25s}
.sss-oge[open] summary::after{transform:rotate(45deg)}
.sss-cevap{padding:0 0 22px;color:var(--muted);font-size:16px;line-height:1.7;max-width:72ch}
.sss-cevap p{margin:0 0 10px}

/* kapanış */
.kapanis{padding-bottom:clamp(72px,8vw,110px)}
.kapanis-ic{position:relative;border-top:1px solid var(--line);padding-top:70px}
.kapanis-yazi h2{font-size:clamp(36px,4.2vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.g5 .kapanis-yazi h2{font-size:clamp(48px,7vw,96px);letter-spacing:-.045em;line-height:.98}
.g6 .kapanis-ic{border-top:0;padding:0;border-radius:24px;overflow:hidden;background:var(--panel);min-height:360px;display:flex;align-items:center;isolation:isolate}
.kapanis-sahne{position:absolute;inset:0 0 0 50%;z-index:-2}
.kapanis-sahne img{width:100%;height:100%;object-fit:cover}
.g6 .kapanis-ic::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--panel) 0%,rgba(15,31,33,.9) 50%,rgba(15,31,33,.2) 78%)}
.g6 .kapanis-yazi{padding:64px 56px;max-width:720px}

/* alt */
.alt-bilgi{border-top:1px solid var(--line);padding:56px 0 28px}
.alt-ic{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.alt-bilgi .alt-logo{height:40px;width:auto}
.alt-marka p{margin-top:16px;font-size:14px;color:var(--muted)}
.alt-sutun{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}
.alt-sutun a:hover{color:var(--acc)}
.alt-baslik{font-weight:600;color:var(--fg);margin-bottom:4px}
.alt-bilgi address{font-style:normal;line-height:1.6}
.alt-son{margin-top:44px;font-family:var(--m);font-size:10px;color:var(--muted)}

/* WhatsApp (asistan kapalıyken) */
.wa{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:90;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(37,211,102,.6)}
.wa svg{width:28px;height:28px;fill:#fff}

/* video kutusu */
.film-kutu{border:0;padding:0;background:transparent;width:min(92vw,440px);max-height:92vh;overflow:visible}
.film-kutu.yatay{width:min(92vw,1100px)}
.film-kutu::backdrop{background:rgba(3,8,9,.86)}
.film-kutu-ic video{width:100%;max-height:86vh;border-radius:14px;background:#000;display:block}
.film-kutu-ic iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block}
.film-kapat{position:absolute;right:0;top:-52px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(236,239,242,.4);background:rgba(9,21,22,.6);cursor:pointer}
.film-kapat::before,.film-kapat::after{content:"";position:absolute;left:12px;right:12px;top:20px;height:2px;background:var(--fg);transform:rotate(45deg)}
.film-kapat::after{transform:rotate(-45deg)}

/* görünüm hareketi */
.js [data-goster]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js [data-goster].gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js [data-goster]{opacity:1;transform:none;transition:none}.film-kapak,.sk-ekran,.hz-tek .hz-gorsel{transition:none}}

/* ---------- tablet ---------- */
@media (max-width:1080px){
	.ust-menu{display:none}
	.ust-burger{display:block}
	.ust-teklif{margin-left:auto}
	.logo-liste{grid-template-columns:repeat(4,minmax(0,1fr))}
	.kamera-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
	.kamera-izgara .film-one{grid-row:span 1}
	.ast-izgara{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
	.ast-ozellik{grid-template-columns:repeat(2,minmax(0,1fr))}
	.alt-ic{grid-template-columns:1fr 1fr}
	.hz-buyuk{grid-template-columns:minmax(0,1fr) 260px;column-gap:32px}
}
/* ---------- telefon ---------- */
@media (max-width:760px){
	.ust-ic{height:68px;gap:14px}
	.ust-logo img{height:32px}
	.ust-teklif{display:none}
	.ust-burger{margin-left:auto}
	.mobil-menu{inset:68px 0 auto 0}
	.giris{min-height:0;justify-content:flex-start}
	.giris-sahne{bottom:auto;height:64svh}
	.giris-sahne img{object-position:72% center}
	.giris-perde{background:linear-gradient(180deg,rgba(9,21,22,.6) 0%,rgba(9,21,22,0) 18%,rgba(9,21,22,0) 30%,rgba(9,21,22,.94) 50svh,var(--bg) 58svh)}
	.giris-ic{padding:calc(64svh - 150px) 0 64px}
	.g5 .giris{min-height:0}
	.g5 .giris-ic{padding-bottom:64px}
	.giris-baslik,.g5 .giris-baslik,.g6 .giris-baslik{font-size:clamp(34px,9.6vw,46px);letter-spacing:-.035em}
	.giris-alt{font-size:16px}
	.giris-not{position:static;margin-top:-28px;padding-bottom:20px;text-align:left!important}
	.dugmeler .dg{flex:1 1 auto}
	.logo-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
	.logo-liste img{height:calc(30px * var(--o,1));max-width:min(112px,100%)}
	.bolum-bas{padding-top:40px;margin-bottom:32px}
	.bolum-alt{font-size:16px}
	.site-izgara,.galeri,.hz-bento,.ast-paneller{grid-template-columns:minmax(0,1fr)}
	.site-izgara>*,.galeri>*,.hz-bento>*,.ast-paneller>*{grid-column:auto!important}
	.g4 .sk-gorsel{margin:18px 18px 0}
	.g6 .sk-tel{display:block!important}
	.oc-yan{display:block;min-height:0}
	.oc-yan .oc-sahne img{aspect-ratio:16/10;height:auto}
	.oc-yan .oc-sahne::after{inset:auto 0 0 0;width:auto;height:40%;background:linear-gradient(180deg,rgba(15,31,33,0),var(--panel))}
	.oc-yan .oc-bilgi,.oc-panel .oc-bilgi{padding:8px 24px 30px}
	.oc-panel{display:block;min-height:0}
	.oc-panel .oc-sahne{position:relative;inset:auto}
	.oc-panel .oc-sahne img{aspect-ratio:16/10;height:auto}
	.oc-panel::after{background:linear-gradient(180deg,rgba(15,31,33,0) 30%,var(--panel) 52%)}
	.sinema{display:block;min-height:0}
	.sinema .oc-sahne,.sinema>img.oc-gorsel{position:relative;inset:auto;width:100%}
	.sinema .oc-sahne img,.sinema>img.oc-gorsel{aspect-ratio:16/10;height:auto}
	.sinema::before{background:linear-gradient(180deg,var(--bg) 0%,rgba(9,21,22,0) 12%,rgba(9,21,22,0) 30%,var(--bg) 46%)}
	.sinema .oc-bilgi{padding:0 var(--kenar) 40px;max-width:none;margin-top:-24px;position:relative}
	.sinema-kart .oc-bilgi{margin:-40px var(--kenar) 0;max-width:none}
	.sinema-yazi{padding:0 0 40px}
	.sinema-kutu{padding:0 0 24px}
	.sinema-kutu h2,.sinema-kutu .bolum-alt{max-width:none}
	.kamera-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
	.kamera-izgara .film-one{grid-column:span 2}
	.kamera-izgara .film-one .film-dugme{aspect-ratio:4/5}
	.film-sira{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;align-items:flex-start}
	.film-sira .film,.film-sira .film-one{flex:0 0 44%;scroll-snap-align:start}
	.film-duvar li{flex:0 0 25%}
	.serit-2{margin-left:-12.5%}
	.serit-one{margin-top:24px}
	.hz-bento .hz-oge{min-height:360px}
	.hz-gorsel{width:110px}
	.hz-liste .hz-oge{grid-template-columns:1fr;padding:22px;gap:18px}
	.hz-liste .hz-gorseller{order:0;justify-content:flex-start}
	.hz-liste .hz-gorsel{height:120px}
	.hz-buyuk{grid-template-columns:minmax(0,1fr)}
	.hz-onizle{display:none}
	.hz-ad{opacity:1;font-size:30px}
	.hz-metin{display:block}
	.ast-izgara{grid-template-columns:minmax(0,1fr)}
	.ast-ozellik{grid-template-columns:minmax(0,1fr)}
	.g6 .kapanis-yazi{padding:40px 24px}
	.kapanis-sahne{inset:0}
	.g6 .kapanis-ic::after{background:linear-gradient(180deg,rgba(15,31,33,.7),var(--panel) 70%)}
	.alt-ic{grid-template-columns:minmax(0,1fr)}
	.sss-oge summary{font-size:17px}
}
/* dil geçişi (TR / EN): üst çubukta teklif düğmesinin solunda, mobil menüde altta */
.ust-dil{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;margin-left:auto}
.ust-dil-k{min-width:34px;padding:6px 8px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-align:center;color:inherit;opacity:.7;text-decoration:none;line-height:1}
.ust-dil a.ust-dil-k:hover,.ust-dil a.ust-dil-k:focus-visible{opacity:1;background:rgba(0,214,205,.12);outline:none}
.ust-dil span.ust-dil-k{opacity:1;background:rgba(0,214,205,.16);color:#00D6CD}
.ust-menu + .ust-dil{margin-left:0}
.mobil-menu .ust-dil{margin:20px 0 0}
@media (max-width:1080px){.ust-ic > .ust-dil{display:none}}

/* alt bilgi (toparlandı): dört sütun, simgeli iletişim, sosyal düğmeler; alt şeritte © · yasal · dil */
.alt-bilgi{padding:64px 0 26px;background:linear-gradient(180deg,rgba(0,214,205,.035),transparent 140px)}
.alt-ic{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,1.3fr);gap:40px}
.alt-marka p{max-width:28ch;line-height:1.6}
.alt-sosyal{display:flex;gap:10px;margin-top:22px}
.alt-sosyal-k{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;color:var(--fg);transition:border-color .2s,color .2s,background .2s}
.alt-sosyal-k svg{width:19px;height:19px;fill:currentColor}
.alt-sosyal-k:hover,.alt-sosyal-k:focus-visible{border-color:var(--acc);color:var(--acc);background:rgba(0,214,205,.08);outline:none}
.alt-sutun{gap:11px;font-size:14.5px}
.alt-sutun a{color:var(--muted);transition:color .2s}
.alt-baslik{font-size:15px;margin-bottom:6px;color:var(--fg)}
.alt-ik{display:flex;align-items:flex-start;gap:10px;margin:0;font-style:normal;line-height:1.55;color:var(--muted)}
.alt-ik svg{flex:0 0 17px;width:17px;height:17px;margin-top:2px;fill:var(--acc)}
.alt-son{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--m);font-size:11.5px;color:var(--muted)}
.alt-yasal{display:flex;flex-wrap:wrap;gap:8px 22px;margin-right:auto}
.alt-yasal a{color:var(--muted)}
.alt-yasal a:hover{color:var(--acc)}
.alt-son .ust-dil{margin-left:0}
@media (max-width:1080px){.alt-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 28px}.alt-marka{grid-column:1 / -1}}
@media (max-width:560px){.alt-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 18px}.alt-marka,.alt-iletisim{grid-column:1 / -1}.alt-sutun{font-size:14px}.alt-son{flex-direction:column;align-items:flex-start}}

/* asistan telefonunda canlı sohbet (on/sohbet.js; vitrin ve hizmet sayfaları): ekran görüntüsünün üstünde, Asist Mania arayüzü */
.ast-tel .ast-tel-cerceve{position:relative}
.ast-tel-cerceve .ast-sohbet{position:absolute;inset:0;display:none;flex-direction:column;background:#F4F1EA;color:#16302d;font-family:var(--g,inherit);font-size:11px;line-height:1.35;border-radius:34px;overflow:hidden}
.ast-tel-cerceve .ast-sohbet.ss-hazir{display:flex}
.ast-tel-cerceve .ss-ust{display:flex;align-items:center;gap:8px;padding:26px 12px 10px;background:#0F5C55;color:#fff}
.ast-tel-cerceve .ss-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);font-weight:700;font-size:10.5px;letter-spacing:.02em}
.ast-tel-cerceve .ss-ad{display:flex;flex-direction:column;min-width:0}
.ast-tel-cerceve .ss-ad b{font-size:12.5px;font-weight:700}
.ast-tel-cerceve .ss-ad i{font-style:normal;font-size:9.5px;opacity:.85}
.ast-tel-cerceve .ss-ad i::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3DDC84;margin-right:4px;vertical-align:1px}
.ast-tel-cerceve .ss-akis{flex:1;display:flex;flex-direction:column;gap:7px;padding:12px 10px;overflow:hidden;justify-content:flex-start;transition:opacity .5s}
.ast-tel-cerceve .ss-akis.ss-sil{opacity:0}
.ast-tel-cerceve .ss-b{max-width:84%;padding:7px 10px;border-radius:13px;opacity:0;transform:translateY(8px) scale(.97);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.3,1)}
.ast-tel-cerceve .ss-b.ss-gel{opacity:1;transform:none}
.ast-tel-cerceve .ss-a{align-self:flex-start;background:#fff;border:1px solid #e3ddd1;border-bottom-left-radius:4px}
.ast-tel-cerceve .ss-z{align-self:flex-end;background:#0F5C55;color:#fff;border-bottom-right-radius:4px}
.ast-tel-cerceve .ss-yaziyor{display:flex;gap:4px;padding:9px 11px}
.ast-tel-cerceve .ss-yaziyor i{width:6px;height:6px;border-radius:50%;background:#9bb0ad;animation:ss-nokta 1s infinite ease-in-out}
.ast-tel-cerceve .ss-yaziyor i:nth-child(2){animation-delay:.15s}
.ast-tel-cerceve .ss-yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes ss-nokta{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}
.ast-tel-cerceve .ss-alt{display:flex;align-items:center;gap:8px;margin:0 10px 16px;padding:7px 8px 7px 12px;border:1px solid #d8d2c6;border-radius:12px;background:#fff}
.ast-tel-cerceve .ss-yer{flex:1;color:#8a9592;font-size:10.5px}
.ast-tel-cerceve .ss-gonder{width:24px;height:24px;border-radius:8px;background:#0F5C55;position:relative}
.ast-tel-cerceve .ss-gonder::after{content:"";position:absolute;left:8px;top:7px;width:6px;height:6px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){.ast-tel-cerceve .ss-b{transition:none}.ast-tel-cerceve .ss-yaziyor i{animation:none}}

/* video kutusu: dikey (9:16) videolar ekran yüksekliğine sığar, dikey YouTube (Shorts) da 9:16 açılır */
.film-kutu:not(.yatay){width:min(92vw,440px,calc(86vh * 9 / 16))}
.film-kutu:not(.yatay) .film-kutu-ic iframe{aspect-ratio:9/16}
.film-kutu.yatay .film-kutu-ic video{aspect-ratio:16/9;object-fit:contain}