/* latin-ext */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/menuboard/varlik/font/BigShouldersDisplay-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/menuboard/varlik/font/BigShouldersDisplay-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/menuboard/varlik/font/BigShouldersDisplay-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/menuboard/varlik/font/BigShouldersDisplay-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/menuboard/varlik/font/BigShouldersDisplay-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/menuboard/varlik/font/BigShouldersDisplay-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/menuboard/varlik/font/IBMPlexMono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/menuboard/varlik/font/IBMPlexMono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/menuboard/varlik/font/IBMPlexMono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/menuboard/varlik/font/IBMPlexMono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/menuboard/varlik/font/Onest-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* v4: mağaza konsepti. Açılışta kafe tezgâhı, duvarda 3 ekran = 3 sektör seçici; seçilen sektörün ayrıntısı aşağıda açılır.
   Dil v1/v3 ile aynı: lacivert gece, altın, Big Shoulders + Onest + IBM Plex Mono. Marka adı yok. */
:root{
  --foto-magaza:url("/menuboard/gorsel/magaza.webp?v=25506e80");
  --gece:#0B1328; --gece-2:#111C38; --gece-3:#18264B; --cizgi:#283862; --cizgi-2:#33467A;
  --metin:#EEF1F8; --soluk:#A6B1CD; --cok-soluk:#7480A6;
  --altin:#DDB46A; --altin-2:#F0D49C;
  --cerceve:#1B2030; --ekran-zemin:#0C0906; --krem:#F7E9CF;
  --acil:#FF5B37; --yesil:#58D9A4;
  --f-tabela:"Big Shoulders Display","Arial Narrow",sans-serif;
  --f-metin:"Onest","Segoe UI",system-ui,sans-serif;
  --f-veri:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --r:18px; --nav:52px; --sekme:60px; --ust:calc(var(--nav) + var(--sekme));
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--gece);color:var(--metin);font-family:var(--f-metin);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.sayfa{padding-inline:max(16px,3.5vw);overflow-x:clip}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--altin);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;font-family:var(--f-tabela);font-weight:800;line-height:.95;letter-spacing:.005em;text-wrap:balance}
h2{font-size:clamp(2.6rem,6.2vw,5.4rem)}
h3{font-size:clamp(1.9rem,3.6vw,3rem)}
p{margin:0}
sup{font-size:.45em;vertical-align:super;color:var(--altin);font-family:var(--f-veri);margin-left:.1em}
.ust-etiket{font-family:var(--f-veri);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--altin)}
.giris-metni{color:var(--soluk);font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:46ch;line-height:1.5}
.orta{text-align:center;display:grid;justify-items:center;gap:20px}
.kap{width:min(1180px,100%);margin-inline:auto}
.bolum{padding-block:clamp(90px,14vh,170px)}

/* ürün çubuğu */
.urun-cubugu{position:sticky;top:0;z-index:60;height:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:color-mix(in srgb,var(--gece) 76%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);
  border-bottom:1px solid color-mix(in srgb,var(--cizgi) 60%,transparent)}
.urun-adi{font-family:var(--f-tabela);font-weight:800;font-size:1.5rem;letter-spacing:.02em;text-decoration:none}
.urun-adi small{font-family:var(--f-metin);font-weight:500;font-size:.78rem;color:var(--soluk);letter-spacing:0;margin-right:6px}
.cubuk-sag{display:flex;align-items:center;gap:26px}
.cubuk-sag nav{display:flex;gap:22px;font-size:.84rem;color:var(--soluk)}
.cubuk-sag nav a{text-decoration:none}.cubuk-sag nav a:hover{color:var(--metin)}
.hap{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;
  background:var(--altin);color:var(--gece);border:1px solid var(--altin);padding:12px 24px;font-size:1rem;transition:background .2s;font-family:var(--f-metin)}
.hap:hover{background:var(--altin-2)}
.hap.kucuk{padding:6px 14px;font-size:.82rem}
.hap.hayalet{background:transparent;color:var(--metin);border-color:var(--cizgi-2)}
.hap.hayalet:hover{border-color:var(--altin)}

/* ── 1 · MAĞAZA SAHNESİ ── */
.magaza{position:relative;height:230vh;margin-inline:calc(-1 * max(16px,3.5vw))}
.magaza-sabit{position:sticky;top:0;height:100svh;overflow:hidden}
.magaza-baslik{position:absolute;left:0;right:0;top:calc(var(--nav) + 5svh);z-index:5;text-align:center;display:grid;justify-items:center;gap:12px;padding-inline:16px}
.magaza-baslik h1{font-size:clamp(4rem,11vw,9.5rem);font-weight:900;line-height:.86;letter-spacing:.01em}
.magaza-baslik h1 span{color:var(--altin)}
.magaza-baslik .alt-baslik{font-size:clamp(1.15rem,2vw,1.7rem);font-weight:500;max-width:34ch;line-height:1.25}
.sahne-kaydir{position:absolute;left:50%;top:calc(var(--nav) + (100svh - var(--nav)) / 2);width:min(100vw,calc((100svh - var(--nav)) * 1.7917));transform:translate(-50%,-50%)}
.sahne{position:relative;aspect-ratio:2752/1536;overflow:hidden;border-radius:0;background:#14100D;transform-origin:50% 50%;
  box-shadow:0 60px 120px -60px rgba(0,0,0,.9)}
.sahne-foto{position:absolute;inset:0;width:100%;height:100%}
.sahne::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;
  background:linear-gradient(90deg,var(--gece) 0,transparent 5%,transparent 95%,var(--gece) 100%),linear-gradient(0deg,var(--gece) 0,transparent 9%)}
/* duvardaki üç ekranın camı (fotoğraftan ölçüldü, 2752×1536 üzerinde) */
[hidden]{display:none!important}
.duvar-ekran{position:absolute;overflow:hidden;background:#08080A;cursor:pointer;z-index:2;container-type:size;border-radius:.4%;box-shadow:0 18px 34px -10px rgba(0,0,0,.6);
  transition:box-shadow .4s,filter .4s}
/* 9:16 dış çerçeve, 2752×1536 fotoğraf üzerinde ölçüldü; dikey merkez fotoğraftaki ekranlarla aynı */
.de1{left:19.19%;top:13.28%;width:17.15%;height:54.62%}.de2{left:42.55%;top:12.92%;width:17.37%;height:55.34%}.de3{left:66.35%;top:12.86%;width:17.41%;height:55.47%}
.duvar-ekran.sabit{cursor:default}
.duvar-ekran .ic{position:absolute;inset:2.5cqw;overflow:hidden;background:#040404;box-shadow:0 0 6cqw rgba(255,226,190,.12)}
.duvar-ekran::after{content:"";position:absolute;inset:2.5cqw;z-index:5;pointer-events:none;background:linear-gradient(115deg,transparent calc(var(--gx,30%) - 34%),rgba(255,255,255,.085) var(--gx,30%),transparent calc(var(--gx,30%) + 22%))}
#sahne .duvar-ekran:hover,#sahne .duvar-ekran:focus-visible{filter:brightness(1.12)}
.duvar-ekran.secili{box-shadow:0 0 0 2px var(--altin),0 0 40px 4px rgba(221,180,106,.45)}
.sahne.secim-var .duvar-ekran:not(.secili){filter:brightness(.62) saturate(.8)}
.foto-magaza{background:var(--foto-magaza) center/100% 100% no-repeat}
.kadin{position:absolute;left:15.625%;top:45.573%;width:23.62%;aspect-ratio:650/370;z-index:4;pointer-events:none;transition:filter .5s;
  background:var(--kadin-url) 0 0/100% 100% no-repeat;--rim:255,178,100}
/* arkadaki ekranın ışığı saçına vurur (yalnız kesik katmanın şekli içinde) */
.kadin::after{content:"";position:absolute;inset:0;-webkit-mask:var(--kadin-url) 0 0/100% 100% no-repeat;mask:var(--kadin-url) 0 0/100% 100% no-repeat;
  background:radial-gradient(70% 60% at 58% 0%,rgba(var(--rim),.62),transparent 72%);mix-blend-mode:screen;transition:background .5s,opacity .5s}
/* 2 · ekran ışığı ortama vurur: duvarda hale, tezgâhta ışık havuzu */
.yansimalar{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen}
.yansima{position:absolute;pointer-events:none;transition:opacity .6s;--renk:255,178,100;
  background:radial-gradient(58% 44% at 50% 40%,rgba(var(--renk),.26),transparent 72%),radial-gradient(46% 9% at 50% 82%,rgba(var(--renk),.55),transparent 76%)}
.ys1{left:14.2%;width:27.15%;top:10%;height:76%;--renk:255,178,100}
.ys2{left:37.55%;width:27.37%;top:9.6%;height:76.4%;--renk:190,95,215}
.ys3,.ys3k{left:61.35%;width:27.41%;top:9.6%;height:76.4%;--renk:70,120,255}
.ys3k{--renk:255,60,35;opacity:0;animation:donus 13.5s 9s infinite}
.ys3{animation:donus-ters 13.5s 9s infinite}
@keyframes donus-ters{0%{opacity:1}4%{opacity:0}33%{opacity:0}37%{opacity:1}100%{opacity:1}}
.sahne.acil .yansima{--renk:255,60,35;animation:none;opacity:1}
.sahne.acil .kadin{--rim:255,70,40}
.gun-sahne .yansimalar{opacity:calc(.5 + var(--karanlik,0) * .9)}
.gun-sahne .ys3{animation:none;--renk:70,120,255}
.gun-sahne[data-dilim="gun"] .ys2{--renk:190,95,215}
.gun-sahne[data-dilim="uyku"] .yansima{--renk:95,120,255}
.gun-sahne[data-dilim="uyku"] .kadin{--rim:110,135,255}
.gun-sahne[data-dilim="kapali"] .yansimalar,.gun-sahne[data-dilim="kapali"] .kadin::after{opacity:0}
/* 1 · sinematik açılış: tavan ışıkları */
.serit-isik{position:absolute;left:0;right:0;top:.8%;height:3.4%;z-index:3;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(50% 120% at 50% 50%,rgba(255,196,120,.55),transparent 70%)}
.spot{position:absolute;z-index:3;width:3.2%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(closest-side,rgba(255,244,220,.95),rgba(255,214,150,.35) 45%,transparent);animation:titre 7s infinite}
.spot::after{content:"";position:absolute;left:50%;top:50%;width:260%;height:420%;transform:translateX(-50%);
  background:radial-gradient(40% 60% at 50% 0%,rgba(255,214,150,.20),transparent 75%)}
.spot:nth-child(2n){animation-delay:-2.3s}.spot:nth-child(3n){animation-delay:-4.6s;animation-duration:9s}
@keyframes titre{0%,100%{filter:brightness(1)}41%{filter:brightness(1)}42%{filter:brightness(.72)}43%{filter:brightness(1)}77%{filter:brightness(.9)}78%{filter:brightness(1)}}
/* 3 · canlı sahne: fincandan buhar */
.buhar{position:absolute;width:2.4%;height:10%;transform:translate(-50%,-100%);z-index:5;pointer-events:none;filter:blur(2.5px)}
.buhar i{position:absolute;bottom:0;left:50%;width:46%;height:58%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.6),transparent);opacity:0;animation:buhar 4.2s ease-in infinite}
.buhar i:nth-child(2){animation-delay:1.4s;left:34%}.buhar i:nth-child(3){animation-delay:2.8s;left:64%}
@keyframes buhar{0%{transform:translate(-50%,0) scale(.6,.8);opacity:0}22%{opacity:.55}100%{transform:translate(-50%,-125%) scale(1.5,1.7);opacity:0}}
/* açılış öncesi durum (yalnız JS varken; 4 sn emniyet zamanlayıcısı var) */
.intro .magaza-baslik{visibility:hidden}
.intro #sahne .duvar-ekran .ic,.intro #sahne .yansimalar,.intro #sahne .spot,.intro #sahne .serit-isik,.intro #sahne .kadin::after{opacity:0}
.intro #sahne .sahne-karartma{opacity:.88;transition:none}
/* 7 · kelime kelime başlık */
.kelime-kap{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .08em .18em 0;margin:-.12em -.08em -.18em 0}
.kelime-ic{display:inline-block;will-change:transform}
/* 4 · film greni + ilerleme çizgisi */
.gren{position:fixed;inset:-60px;z-index:150;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E") 0 0/240px 240px;animation:gren .9s steps(4) infinite}
@keyframes gren{0%{transform:translate(0,0)}25%{transform:translate(-22px,14px)}50%{transform:translate(16px,-20px)}75%{transform:translate(-12px,-8px)}100%{transform:translate(0,0)}}
.ilerleme-cizgi{position:fixed;left:0;top:0;height:2px;width:100%;z-index:70;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,#A8843F,var(--altin),var(--altin-2));box-shadow:0 0 10px rgba(221,180,106,.6)}
/* 5 · özel imleç (ince imleçli cihazlar) */
.imlec{position:fixed;left:0;top:0;z-index:200;pointer-events:none;transition:opacity .25s}
.imlec i{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none}
.imlec-nokta{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--altin);transition:opacity .2s}
.imlec-halka{width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid rgba(221,180,106,.75);display:grid;place-items:center;
  transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
.imlec-halka b{font:500 .62rem/1 var(--f-veri);letter-spacing:.14em;text-transform:uppercase;color:var(--gece);opacity:0;transition:opacity .2s}
.imlec.ekran .imlec-halka{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--altin);border-color:var(--altin)}
.imlec.ekran .imlec-halka b{opacity:1}
.imlec.ekran .imlec-nokta{opacity:0}
.imlec.dugme .imlec-halka{width:56px;height:56px;margin:-28px 0 0 -28px;background:rgba(221,180,106,.16)}
.imlec.sakli,.imlec.disarida{opacity:0}
html.imlecli,html.imlecli a,html.imlecli button,html.imlecli summary,html.imlecli label,html.imlecli [role="button"]{cursor:none}
html.imlecli input,html.imlecli select,html.imlecli textarea{cursor:auto}
.sahne-karartma{position:absolute;inset:0;z-index:1;background:#05060C;opacity:0;pointer-events:none;transition:opacity .5s}
.acil-katman{position:absolute;inset:2.5cqw;z-index:4;opacity:0;pointer-events:none;transition:opacity .35s}
.sahne.acil .acil-katman{opacity:1}
.sahne.acil .acil-katman .ek-acil{animation:acilnabiz 1s infinite}
@keyframes acilnabiz{50%{background:#D9391F}}
.sahne.acil .sahne-karartma{opacity:.62}
.sahne.acil .kadin{filter:brightness(.5)}
.sahne.acil .duvar-ekran{box-shadow:0 0 70px 8px rgba(255,91,55,.42);filter:none!important}
.sahne.acil .ekran-etiket,.sahne.acil .ipucu{opacity:0!important}
.ek-acil .cikis{font-style:normal;font-family:var(--f-tabela);font-weight:800;font-size:8cqw;letter-spacing:.08em;padding:1.6cqw 4cqw;border-radius:2cqw;background:#0F8A4C;color:#fff}
.ekran-etiket{position:absolute;top:10.3%;transform:translateX(-50%);z-index:6;background:none;border:0;cursor:pointer;padding:6px 10px;border-radius:999px;
  font-family:var(--f-veri);font-size:clamp(.58rem,.8vw,.8rem);letter-spacing:.14em;text-transform:uppercase;color:var(--altin-2);white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.ekran-etiket b{color:var(--metin);font-weight:500}
.ekran-etiket.secili{background:rgba(11,19,40,.72);box-shadow:0 0 0 1px var(--altin)}
.ee1{left:27.76%}.ee2{left:51.24%}.ee3{left:75.05%}
.ipucu{position:absolute;left:51.24%;top:79%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;white-space:nowrap;
  font-size:clamp(.72rem,.95vw,.92rem);background:rgba(11,19,40,.66);border:1px solid rgba(221,180,106,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ipucu i{width:8px;height:8px;border-radius:50%;background:var(--altin);box-shadow:0 0 0 0 rgba(221,180,106,.7);animation:nabiz 1.8s infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 10px rgba(221,180,106,0)}100%{box-shadow:0 0 0 0 rgba(221,180,106,0)}}
.cip-nokta{position:absolute;top:50%;width:2px;height:2px;scroll-snap-align:center}
.cn1{left:27.76%}.cn2{left:51.24%}.cn3{left:75.05%}
.sektor-haplar{display:none}

/* ekran içerikleri: kapsayıcı birimiyle (cqw/cqh) her boyuta ölçeklenir */
.menu-ekran{position:absolute;inset:0;container-type:size;display:flex;flex-direction:column;color:#F6EBDD;font-family:var(--f-metin);
  background:radial-gradient(120% 55% at 50% 8%,#2B1C11 0%,#100B08 62%,#0A0706 100%)}
.menu-ekran .foto{flex:0 0 27cqh;background:url("/menuboard/gorsel/latte.webp?v=926db684") center 30%/cover;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
.menu-ekran .logo{display:block;height:10cqw;max-width:46cqw;object-fit:contain;object-position:left center;margin:0 8cqw 1.2cqh}
.imza .logo{height:7cqw;max-width:20cqw;object-fit:contain;align-self:center}
.menu-ekran.promo .foto{flex-basis:44cqh}
.menu-ekran .kampanya{margin:1cqh 8cqw 0;display:grid;gap:1.4cqh;font-size:5.6cqw;color:rgba(246,235,221,.85)}
.menu-ekran .kampanya b{font-family:var(--f-tabela);font-weight:900;font-size:20cqw;line-height:.85;color:#FFF6EA;display:flex;align-items:baseline;gap:1cqw}
.menu-ekran .kampanya b small{font-size:.4em;color:var(--altin)}
.menu-ekran .isim{margin:0 8cqw .8cqh;font-family:var(--f-tabela);font-weight:800;font-size:5.4cqw;line-height:1;letter-spacing:.16em;color:var(--altin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-ekran .bas{margin:0 8cqw;font-family:var(--f-veri);font-size:3.3cqw;letter-spacing:.22em;color:var(--altin)}
.menu-ekran h5{margin:1.2cqh 8cqw 3.2cqh;font-family:var(--f-tabela);font-weight:900;font-size:14cqw;line-height:.86;letter-spacing:.02em;color:#FFF6EA}
.menu-ekran ul{list-style:none;margin:0;padding:0 8cqw;display:grid;gap:2.5cqh}
.menu-ekran li{display:flex;align-items:baseline;gap:2.4cqw;font-size:5.3cqw;line-height:1.1;position:relative}
.menu-ekran li .ad{white-space:nowrap}
.menu-ekran li i{flex:1;border-bottom:.5cqw dotted rgba(246,235,221,.28);transform:translateY(-.6cqw)}
.menu-ekran li .f{font-family:var(--f-tabela);font-weight:800;font-size:7cqw;line-height:1;font-variant-numeric:tabular-nums;color:#FFF6EA;display:inline-flex;align-items:baseline;gap:.6cqw}
.menu-ekran li .f small{font-size:.6em;color:var(--altin)}
.menu-ekran .alt{margin-top:auto;padding:3cqh 8cqw 4cqh;font-family:var(--f-veri);font-size:2.6cqw;color:rgba(246,235,221,.5);letter-spacing:.06em}
.menu-ekran .rozet{position:absolute;left:8cqw;top:4cqh;z-index:2;display:inline-flex;align-items:center;gap:1.6cqw;padding:1.4cqw 2.8cqw;border-radius:99px;font-size:3.2cqw;
  background:rgba(12,18,38,.86);border:.3cqw solid rgba(88,217,164,.6);color:#E9FFF5;opacity:0;transform:translateY(-2cqh);transition:opacity .5s,transform .5s}
.menu-ekran .rozet b{width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--yesil)}
/* fiyat rulosu: eski → yeni */
.rulo{display:inline-block;height:1em;overflow:hidden;vertical-align:bottom;line-height:1}
.rulo>span{display:block;transition:transform .9s cubic-bezier(.6,-.3,.3,1.3)}
.rulo>span>span{display:block;height:1em}
.guncel .rulo>span,.katman.aktif.guncel-adim .rulo>span{transform:translateY(-1em)}
.guncel .rozet,.katman.aktif.guncel-adim .rozet{opacity:1;transform:none;transition-delay:.7s}
.guncel li.oynak .f,.katman.aktif.guncel-adim li.oynak .f{color:var(--altin-2)}
.menu-ekran li.tukendi .ad,.menu-ekran li.tukendi .f{opacity:.38}
.menu-ekran li.tukendi::after{content:"TÜKENDİ";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-4deg);font-family:var(--f-tabela);font-weight:900;font-size:4.6cqw;letter-spacing:.08em;
  color:#fff;background:var(--acil);padding:.6cqw 2.4cqw;border-radius:1cqw}
/* sağ ekran: bilgi kartları döner */
.kart{position:absolute;inset:0;background-size:cover;background-position:center 26%}
.g-hava{background-image:url("/menuboard/gorsel/k_hava.webp?v=aa1c67cb")}
.g-trafik{background-image:url("/menuboard/gorsel/k_trafik.webp?v=5fb39c3f")}
.donus>*{opacity:0;animation:donus 13.5s infinite}
.donus>*:nth-child(2){animation-delay:4.5s}.donus>*:nth-child(3){animation-delay:9s}
@keyframes donus{0%{opacity:0}4%{opacity:1}33%{opacity:1}37%{opacity:0}100%{opacity:0}}
.ek-acil{position:absolute;inset:0;container-type:size;background:var(--acil);color:#fff;display:grid;place-items:center;align-content:center;gap:5cqh;text-align:center;padding:10cqw}
.ek-acil b{font-family:var(--f-tabela);font-weight:900;font-size:17cqw;line-height:.88;letter-spacing:.03em}
.ek-acil span{font-size:5cqw;line-height:1.3}
.ek-acil .uyari{width:30cqw;aspect-ratio:1;border:1.4cqw solid #fff;border-radius:50%;display:grid;place-items:center;font-family:var(--f-tabela);font-weight:900;font-size:18cqw}
.ek-gece{position:absolute;inset:0;container-type:size;background:radial-gradient(70% 40% at 50% 38%,#16203F,#05070D 70%);display:grid;place-items:center;align-content:center;gap:4cqh;color:var(--soluk);text-align:center;font-size:4.6cqw}
.ek-gece .ay{width:26cqw;aspect-ratio:1;border-radius:50%;box-shadow:inset -6cqw -2cqw 0 0 var(--krem);transform:rotate(-20deg)}
.ek-gece b{font-family:var(--f-tabela);font-weight:900;font-size:19cqw;color:var(--metin);font-variant-numeric:tabular-nums;line-height:1}
.vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.imza{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:baseline;gap:2.4cqw;padding:3cqh 6cqw 7cqh;background:linear-gradient(rgba(5,6,10,.86),transparent)}
.imza b{font-family:var(--f-tabela);font-weight:800;font-size:6.4cqw;letter-spacing:.14em;color:var(--altin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}
.imza span{font-family:var(--f-veri);font-size:2.9cqw;letter-spacing:.08em;color:rgba(255,255,255,.75);white-space:nowrap}
.isim-flas{animation:isimflas .7s}
@keyframes isimflas{0%{color:#fff;text-shadow:0 0 12px rgba(240,212,156,.9)}100%{}}
/* JS fiyat rulosu */
.r-kap{display:inline-block;height:1em;overflow:hidden;vertical-align:bottom;line-height:1}
.r-ic{display:block}.r-ic>span{display:block;height:1em}
/* deneme telefonu: uygulamamızın açık arayüzü */
.deneme{position:absolute;right:max(10px,.8vw);bottom:3svh;width:236px;z-index:20;display:grid;gap:10px;justify-items:end;scale:.86;transform-origin:100% 100%}
.deneme-etiket{display:flex;align-items:center;gap:8px;font-family:var(--f-veri);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--altin-2);
  padding:6px 12px;border-radius:999px;background:rgba(11,19,40,.75);border:1px solid rgba(221,180,106,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.deneme-etiket i{width:7px;height:7px;border-radius:50%;background:var(--altin);animation:nabiz 1.8s infinite}
.tel{width:100%;border-radius:34px;border:8px solid #0E1220;background:#F3F4F7;overflow:hidden;color:#11131A;font-family:var(--f-metin);
  box-shadow:0 0 0 1px #2B3245,0 40px 80px -30px rgba(0,0,0,.95),0 0 60px -20px rgba(221,180,106,.35)}
.tel-ust{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 2px;font-size:.66rem;font-weight:600}
.tel-ust .ada{width:62px;height:18px;border-radius:12px;background:#0E1220}
.tel-ust .pil{letter-spacing:-1px;font-size:.55rem}
.tel-govde{padding:6px 12px 14px;display:grid;gap:8px}
.tel-baslik{text-align:center;font-weight:600;font-size:.86rem;margin-bottom:2px}
.tel-alan{display:grid;gap:4px;font-size:.62rem;font-weight:600;letter-spacing:.04em;color:#6B7080}
.tel-alan input{font:inherit;font-size:.86rem;font-weight:500;letter-spacing:0;color:#11131A;background:#fff;border:1px solid #DADDE5;border-radius:10px;padding:8px 10px;width:100%}
.tel-alan input:focus{outline:none;border-color:#2D5BE3;box-shadow:0 0 0 3px rgba(45,91,227,.18)}
.tel-bolum{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7080;margin-top:2px}
.tel-urun{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid #E4E6EC;border-radius:10px;padding:6px 6px 6px 10px;font-size:.8rem;font-weight:500}
.adet{display:flex;align-items:center;gap:4px}
.adet button{width:26px;height:26px;border-radius:8px;border:1px solid #DADDE5;background:#F6F7FA;cursor:pointer;font-size:.95rem;line-height:1;color:#11131A;display:grid;place-items:center}
.adet button:hover{border-color:#2D5BE3;color:#2D5BE3}
.adet output{min-width:44px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;font-size:.84rem}
.adet output::after{content:" ₺";font-weight:500;color:#6B7080}
.tel-urun.degisti{border-color:#2D5BE3;background:#F2F5FF}
.tel-yayinla{border:0;border-radius:10px;padding:10px;font-weight:600;font-size:.84rem;cursor:pointer;background:#2D5BE3;color:#fff;transition:background .2s,opacity .2s}
.tel-yayinla:disabled{background:#D9DCE3;color:#7A7F8E;cursor:default}
.tel-durum{min-height:1.3em;text-align:center;font-size:.68rem;color:#6B7080}
.tel-durum.tamam{color:#13955F;font-weight:600}
.tel-durum.acil-durum{color:#C73A1D;font-weight:600}
.tel-logo{display:flex;align-items:center;gap:8px;font-size:.62rem;font-weight:600;letter-spacing:.04em;color:#6B7080}
.tel-logo img{height:22px;max-width:70px;object-fit:contain;margin-left:auto}
.tel-sec{margin-left:auto;border:1px solid #DADDE5;background:#fff;border-radius:8px;padding:4px 10px;font-size:.72rem;color:#2D5BE3;cursor:pointer;font-weight:600;letter-spacing:0}
.tel-logo img:not([hidden])+.tel-sec{margin-left:0}
.gizli{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gizli:focus-visible+.tel-sec,.tel-sec:hover{border-color:#2D5BE3}
.tel-not{font-size:.58rem;color:#8A8F9C;margin-top:-5px}
.tel-acil{border:1px solid #F2B3A6;background:#FFF5F2;color:#C73A1D;border-radius:10px;padding:8px;font-weight:600;font-size:.78rem;cursor:pointer}
.tel-acil.aktif{background:#E2432A;color:#fff;border-color:#E2432A}
.deneme .wa{width:100%;padding:11px 16px;font-size:.92rem;box-shadow:0 14px 30px -12px rgba(221,180,106,.6)}
/* ── gün döngüsü ── */
.gun{position:relative;height:420vh;margin-inline:calc(-1 * max(16px,3.5vw))}
.gun-sabit{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:3svh}
.gun-ust{display:flex;justify-content:space-between;align-items:end;gap:24px;width:min(1180px,100%);margin-inline:auto;padding-inline:max(16px,3.5vw)}
.gun-metin{display:grid;gap:10px}
.gun-metin h2{font-size:clamp(2.2rem,4.4vw,3.8rem)}
.gun-metin .giris-metni{font-size:clamp(.98rem,1.3vw,1.1rem)}
.gun-saat{display:grid;justify-items:end;gap:6px;text-align:right}
.gun-saat b{font-family:var(--f-tabela);font-weight:900;font-size:clamp(3.4rem,7vw,6rem);line-height:.86;color:var(--altin);font-variant-numeric:tabular-nums}
.gun-saat span{font-family:var(--f-veri);font-size:.76rem;letter-spacing:.06em;color:var(--soluk);max-width:30ch}
.gun-pencere{display:grid;place-items:center;min-height:0;padding-top:2svh}
.gun-sahne{width:min(100vw,calc((100svh - var(--nav) - 230px) * 1.7917))}
.isik{position:absolute;inset:0;pointer-events:none;z-index:1}
.isik-gece{background:#03050F;opacity:var(--karanlik,0)}
.isik-sabah{background:linear-gradient(180deg,rgba(205,228,255,.62),rgba(170,205,255,.28));mix-blend-mode:soft-light;opacity:var(--serin,0)}
.isik-aksam{background:radial-gradient(90% 70% at 50% 30%,rgba(255,150,60,.7),rgba(255,120,40,.28));mix-blend-mode:soft-light;opacity:var(--sicak,0)}
.gun-sahne .kadin{filter:brightness(calc(1 - var(--karanlik,0) * .85))}
.gk{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.gun-sahne[data-dilim="sabah"] .g-sabah,.gun-sahne[data-dilim="gun"] .g-gun,.gun-sahne[data-dilim="aksam"] .g-aksam,.gun-sahne[data-dilim="uyku"] .g-uyku{opacity:1}
.gun-cizgi{display:grid;justify-items:center;padding:14px max(16px,3.5vw) 0}
.gc-ray{position:relative;width:min(760px,100%);height:3px;border-radius:3px;background:var(--cizgi);margin:10px 0 30px}
.gc-ray span{position:absolute;top:13px;transform:translateX(-50%);font-family:var(--f-veri);font-size:.7rem;color:var(--cok-soluk);white-space:nowrap}
.gc-ray span::before{content:"";position:absolute;left:50%;top:-14px;width:1px;height:8px;background:var(--cizgi-2)}
.gc-ray em{font-style:normal}
.gc-isaret{position:absolute;top:50%;left:4%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--altin);box-shadow:0 0 14px rgba(221,180,106,.8)}
/* ── sektöre özel mekân ── */
.mekan{margin-inline:calc(-1 * max(16px,3.5vw));display:grid;justify-items:center;margin-bottom:clamp(36px,7vh,80px);overflow:hidden}
.mekan-sahne{position:relative;width:min(100vw,calc(74svh * 1.7917));aspect-ratio:2752/1536;overflow:hidden;background:#111}
.mekan-sahne::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(90deg,var(--gece) 0,transparent 6%,transparent 94%,var(--gece) 100%),linear-gradient(0deg,var(--gece) 0,transparent 14%),linear-gradient(180deg,var(--gece) 0,transparent 8%)}
.mekan-ekran{position:absolute;overflow:hidden;background:#040404;container-type:size;z-index:2;box-shadow:0 0 0 2px #0B0B0D}
.mekan-ekran::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.16),transparent 32%,transparent 72%,rgba(255,255,255,.07))}
.mekan-ekran .donus{position:absolute;inset:0}
.mv1{left:47.6%;top:33.2%;width:10.77%;height:34.31%}.mv2{left:58.7%;top:33.59%;width:10.65%;height:33.92%}.ma1{left:43.7%;top:22.27%;width:14.9%;height:47.46%}
.mekan-etiket{position:absolute;left:calc(var(--odak) * 100%);bottom:6%;transform:translateX(-50%);z-index:6;white-space:nowrap;font-family:var(--f-veri);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--altin-2);padding:6px 12px;border-radius:999px;background:rgba(11,19,40,.72);border:1px solid rgba(221,180,106,.4)}
/* ekrana dalış */
.dalis-perde{position:fixed;inset:0;background:var(--gece);z-index:89;opacity:0;pointer-events:none}
.dalis-ekran{position:fixed;z-index:90;overflow:hidden;background:#040404;container-type:size;pointer-events:none;box-shadow:0 0 0 2px var(--altin)}
.dalis-ekran>.ic{position:absolute;inset:0;opacity:1!important}

/* ── 2 · SEKTÖR AYRINTISI ── */
.sektor{padding-top:clamp(70px,10vh,120px)}
.sekmeler{position:sticky;top:var(--nav);z-index:40;height:var(--sekme);display:flex;align-items:center;justify-content:center;
  background:linear-gradient(var(--gece) 70%,color-mix(in srgb,var(--gece) 0%,transparent))}
.sekme-kap{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--gece-2);border:1px solid var(--cizgi);max-width:100%;overflow-x:auto;scrollbar-width:none}
.sekme{border:0;background:transparent;cursor:pointer;padding:9px 18px;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--soluk);white-space:nowrap;transition:background .25s,color .25s}
.sekme[aria-selected="true"],.sekme[aria-pressed="true"]{background:var(--altin);color:var(--gece);font-weight:600}
.sektor-panel{padding-top:clamp(50px,8vh,90px)}
.sektor-panel[hidden]{display:none}
.ozellik{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,96px);margin-top:clamp(30px,6vh,70px)}
.ozellik>*{min-width:0}
.yapiskan-kap{position:relative}
.yapiskan{position:sticky;top:var(--ust);height:calc(100svh - var(--ust));display:grid;place-items:center}
.cihaz{--isil:.5;position:relative;background:var(--ekran-zemin);border:10px solid var(--cerceve);border-radius:16px;overflow:hidden;aspect-ratio:9/16;container-type:size;
  box-shadow:0 0 0 1px #2B3245,0 50px 100px -40px rgba(0,0,0,.9),0 0 110px -14px rgba(255,205,140,var(--isil))}
.cihaz::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.07),transparent 30%);pointer-events:none;z-index:9}
.yapiskan .cihaz{width:min(330px,100%,calc((100svh - var(--ust) - 40px) * .5625))}
.katman{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.katman.aktif{opacity:1}
.adimlar{display:grid}
.adim{min-height:calc(100svh - var(--ust));display:grid;align-content:center;gap:16px;padding-block:6svh}
.adim .no{font-family:var(--f-veri);font-size:.76rem;letter-spacing:.14em;color:var(--altin)}
.adim h3{transition:color .4s}
.adim p{color:var(--soluk);font-size:clamp(1.02rem,1.5vw,1.22rem);max-width:38ch}
.adim:not(.aktif) h3{color:var(--cok-soluk)}
.adim>div{display:grid;gap:14px}
.serit{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:clamp(40px,7vh,80px);padding:26px 30px;border-radius:var(--r);
  border:1px solid var(--cizgi);background:var(--gece-2)}
.serit .dev{font-family:var(--f-tabela);font-weight:900;font-size:clamp(3rem,5vw,4.4rem);line-height:.8;color:var(--altin)}
.serit p{color:var(--soluk)}.serit p b{color:var(--metin);font-weight:600}
.ag{width:min(920px,100%);height:auto;margin-top:clamp(30px,6vh,60px)}
.ag .hat{fill:none;stroke:var(--altin);stroke-width:1.6;opacity:.75}
.ag .dugum{--yan:1}
.ag .dugum circle{fill:var(--gece-3);stroke:var(--altin);stroke-width:1.5}
.ag .dugum .ic{fill:var(--altin);opacity:var(--yan)}
.ag .dugum text{fill:var(--metin);font-family:var(--f-metin);font-size:15px;opacity:calc(.35 + .65*var(--yan))}
.ag .dugum .sayi{fill:var(--soluk);font-family:var(--f-veri);font-size:11.5px}
.ag .merkez rect{fill:var(--altin)}
.ag .merkez text{fill:var(--gece);font-family:var(--f-tabela);font-weight:900;font-size:20px;letter-spacing:.06em}

/* ── 3 · ortak bölümler ── */
.rakamlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-top:clamp(40px,7vh,80px);text-align:center}
.rakam{display:grid;gap:10px;justify-items:center}
.rakam .buyuk{font-family:var(--f-tabela);font-weight:900;font-size:clamp(4rem,9vw,7.6rem);line-height:.85;color:var(--metin);font-variant-numeric:tabular-nums}
.rakam .buyuk small{font-size:.38em;color:var(--altin);margin-left:.08em}
.rakam p{color:var(--soluk);font-size:.98rem;max-width:22ch}
.kesintisiz{height:200vh;position:relative}
.kesintisiz-sabit{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,96px);align-items:center}
.kesintisiz-sabit>*{min-width:0}
.k-gorsel{display:grid;justify-items:center;gap:18px}
.k-gorsel .cihaz{width:min(280px,58vw)}
.k-gorsel .katman{transition:none}
.k-gorsel .kt1{opacity:1}
.durum{display:flex;align-items:center;gap:12px;font-family:var(--f-veri);font-size:.86rem;color:var(--soluk);flex-wrap:wrap;justify-content:center}
.wifi{position:relative;width:34px;height:26px}
.wifi svg{width:100%;height:100%}
.wifi path{fill:none;stroke:var(--yesil);stroke-width:2.6;stroke-linecap:round}
.wifi .carpi{position:absolute;inset:0;opacity:0}
.wifi .carpi line{stroke:var(--acil);stroke-width:3;stroke-linecap:round}
.etk{position:relative;min-width:24ch;height:1.6em}
.etk span{position:absolute;inset:0;white-space:nowrap}
.etk .kopuk{opacity:0;color:var(--acil)}
.ilerleme{width:min(280px,58vw);height:4px;border-radius:9px;background:var(--cizgi);overflow:hidden}
.ilerleme i{display:block;height:100%;width:100%;background:var(--altin);transform-origin:left;transform:scaleX(.62)}
.izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:16px;margin-top:clamp(40px,7vh,80px)}
.kutu{position:relative;overflow:hidden;border-radius:var(--r);background:var(--gece-2);border:1px solid var(--cizgi);padding:28px;display:grid;align-content:start;gap:10px;isolation:isolate}
.kutu h4{margin:0;font-family:var(--f-tabela);font-weight:800;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:.95}
.kutu p{color:var(--soluk);font-size:.96rem;max-width:34ch}
.kutu .ust-etiket{font-size:.7rem}
.kutu.genis{grid-column:span 2}.kutu.uzun{grid-row:span 2}
.kutu.foto{align-content:end;min-height:460px}
.kutu.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.kutu.foto::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,19,40,.95) 12%,rgba(11,19,40,.25) 60%,transparent)}
.kutu .dev{font-family:var(--f-tabela);font-weight:900;font-size:clamp(4.6rem,8vw,7rem);line-height:.8;color:var(--altin)}
.kutu .telefon-kesit{margin-top:8px;width:72%;justify-self:center;border-radius:22px 22px 0 0;border:6px solid var(--cerceve);border-bottom:0;overflow:hidden;aspect-ratio:390/520;margin-bottom:-28px}
.kutu .telefon-kesit img{width:100%;height:auto}
.uygulama{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,96px);margin-top:clamp(40px,8vh,90px)}
.uygulama>*{min-width:0}
.uygulama .yapiskan{top:var(--nav);height:calc(100svh - var(--nav))}
.uygulama .adim{min-height:calc(100svh - var(--nav))}
.telefon{position:relative;width:min(290px,100%);aspect-ratio:390/844;border-radius:46px;border:10px solid var(--cerceve);overflow:hidden;background:#fff;
  box-shadow:0 0 0 1px #2B3245,0 60px 110px -40px rgba(0,0,0,.95),0 0 120px -30px rgba(221,180,106,.25)}
.telefon .katman{width:100%;height:100%;object-fit:cover}
.zaman-kap{overflow:hidden;margin-top:clamp(36px,6vh,70px)}
.zaman{display:flex;gap:18px;width:max-content;padding-block:6px}
.olay{width:min(330px,80vw);background:var(--gece-2);border:1px solid var(--cizgi);border-radius:var(--r);padding:26px;display:grid;gap:12px;align-content:start;text-align:left}
.olay time{font-family:var(--f-tabela);font-weight:900;font-size:2.1rem;color:var(--altin);line-height:1}
.olay p{color:var(--soluk);font-size:.95rem}
.olay .kaynak{font-family:var(--f-veri);font-size:.7rem;color:var(--cok-soluk)}
.olay.sicak{border-color:var(--altin)}
.karsilastir{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(40px,7vh,80px);max-width:900px;margin-inline:auto;text-align:left}
.paket{border-radius:var(--r);border:1px solid var(--cizgi);background:var(--gece-2);padding:32px;display:grid;gap:20px;align-content:start}
.paket.oneri{border-color:var(--altin)}
.paket .ust-etiket{font-size:.7rem}
.paket h4{margin:0;font-family:var(--f-tabela);font-weight:800;font-size:2.3rem;line-height:.95}
.paket ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.paket li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:.96rem}
.paket li::before{content:"✓";color:var(--yesil);font-weight:700}
.paket li.yok{color:var(--cok-soluk)}.paket li.yok::before{content:"—";color:var(--cok-soluk)}
.paket .hap{justify-self:start}
.sss{display:grid;width:100%;max-width:860px;margin:clamp(30px,6vh,60px) auto 0;text-align:left;border-top:1px solid var(--cizgi)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-weight:600;font-size:1.08rem}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-family:var(--f-tabela);font-weight:800;font-size:1.9rem;line-height:1;color:var(--altin);transition:transform .25s}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{padding:0 4px 22px;color:var(--soluk);font-size:1rem;max-width:66ch}
.iletisim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:start;text-align:left;margin-top:clamp(40px,7vh,80px);
  border:1px solid var(--cizgi);border-radius:calc(var(--r) + 6px);padding:clamp(24px,4vw,56px);background:linear-gradient(150deg,var(--gece-2),var(--gece) 72%)}
.iletisim>*{min-width:0}
.form{display:grid;gap:14px}
.form .cift{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.form label{display:grid;gap:6px;font-size:.84rem;color:var(--soluk)}
.form input,.form select{font:inherit;font-size:1rem;color:var(--metin);background:var(--gece);border:1px solid var(--cizgi-2);border-radius:12px;padding:13px 14px;width:100%}
.form input:focus,.form select:focus{outline:none;border-color:var(--altin)}
.form .hap{justify-self:start;margin-top:4px}
.form-not{font-size:.9rem;min-height:1.4em}
.numara{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--f-tabela);font-weight:800;font-size:clamp(2rem,4vw,2.8rem)}
.numara button{font-family:var(--f-veri);font-size:.76rem;padding:8px 12px;border-radius:999px;border:1px solid var(--cizgi-2);background:transparent;color:var(--soluk);cursor:pointer}
.dipnotlar{width:min(1180px,100%);margin-inline:auto;border-top:1px solid var(--cizgi);padding-block:28px 44px;display:grid;gap:10px;color:var(--cok-soluk);font-size:.78rem;line-height:1.6}
.dipnotlar .son{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--cizgi);padding-top:16px;margin-top:8px}

/* telefon genişliği */
@media (max-width:899px){
  body{font-size:16px}
  .cubuk-sag nav{display:none}
  :root{--sekme:56px}
  .magaza{height:auto;margin-inline:0}
  .magaza-sabit{position:relative;height:auto;overflow:visible;padding-top:calc(5svh);display:grid;gap:22px}
  .magaza-baslik{position:relative;top:0;padding:0}
  /* sahne yatay kaydırılır, ekranlara oturur */
  .sahne-kaydir{position:relative;left:auto;top:auto;transform:none;width:auto;margin-inline:calc(-1 * max(16px,3.5vw));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sahne-kaydir::-webkit-scrollbar{display:none}
  .sahne{height:56svh;width:calc(56svh * 1.7917);max-width:none}
  .sahne::after{background:linear-gradient(0deg,var(--gece) 0,transparent 8%)}
  .ipucu{display:none}
  .ekran-etiket{font-size:.62rem;top:9.8%}
  .sektor-haplar{display:grid;gap:14px;justify-items:center}
  .gun{height:360vh}
  .gun-sabit{grid-template-rows:auto auto auto;align-content:start;gap:4px}
  .gun-ust{flex-direction:column;align-items:stretch;gap:12px}
  .gun-saat{grid-template-columns:auto minmax(0,1fr);align-items:end;justify-items:start;text-align:left;gap:12px}
  .gun-saat b{font-size:3.4rem}
  .gun-pencere{display:block;overflow:hidden;position:relative;height:calc(46svh + 2svh)}
  .gun-sahne{position:absolute;left:50%;top:2svh;width:calc(46svh * 1.7917);height:46svh;max-width:none;margin:0;transform:translateX(-39.55%)}
  .gun-sahne::after{background:linear-gradient(0deg,var(--gece) 0,transparent 8%)}
  .gc-ray em{display:none}
  .mekan{justify-items:start}
  .mekan-sahne{width:calc(54svh * 1.7917);max-width:none;margin-left:calc(50vw - 54svh * 1.7917 * var(--odak))}
  .deneme{position:relative;right:auto;bottom:auto;width:100%;max-width:420px;justify-self:center;justify-items:center;scale:1}
  .tel{border-radius:22px;border-width:1px;border-color:#2B3245}
  .tel-ust{display:none}
  .tel-govde{padding:14px}
  .sektor-haplar .sekme-kap{justify-content:center}
  .sektor-haplar .sekme,.sekmeler .sekme{padding:8px 16px;font-size:.86rem}
  .uz{display:none}
  .ozellik,.uygulama{display:flex;flex-direction:column}
  .yapiskan-kap{display:contents}
  .yapiskan{order:-1;height:50svh;z-index:3;padding-block:10px;background:linear-gradient(var(--gece) 90%,transparent)}
  .yapiskan .cihaz{width:auto;height:calc(50svh - 20px)}
  .uygulama .yapiskan{top:var(--nav);height:52svh}
  .uygulama .yapiskan .telefon{height:calc(52svh - 20px);width:auto;border-width:7px;border-radius:30px}
  .adim,.uygulama .adim{min-height:50svh;align-content:start;padding-block:3svh 0;position:relative;z-index:1}
  .adim>div{background:var(--gece-2);border:1px solid var(--cizgi);border-radius:16px;padding:18px;gap:10px}
  .adim:not(.aktif) h3{color:var(--metin)}
  .serit{grid-template-columns:minmax(0,1fr);gap:12px}
  .rakamlar{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}
  .kesintisiz{height:auto}.kesintisiz-sabit{position:relative;top:0;height:auto;grid-template-columns:minmax(0,1fr);padding-block:20px}
  .izgara{grid-template-columns:minmax(0,1fr)}.kutu.genis{grid-column:auto}.kutu.uzun{grid-row:auto}.kutu.foto{min-height:380px}
  .zaman{flex-direction:column;width:auto}.olay{width:auto}
  .karsilastir,.iletisim,.form .cift{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:900px) and (max-height:820px){.deneme{scale:.76}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.gren,.buhar{display:none}.donus>*:first-child{opacity:1}}


/* ══ canlı site ekleri (supernet.com.tr/menuboard) ══ */
@media (max-width:899px){:root{--foto-magaza:url("/menuboard/gorsel/magaza-1376.webp?v=7d3e16e3")}}
/* 12.10 · ekranlar gerçek 55" ölçüsünde (kullanıcı: "ekranlar insanlara göre çok büyük"; eskisi ~85-90" eşdeğeriydi).
   Kadın ölçeği ≈5 px/cm (tezgâh 108 cm çıkıyor), duvarda ≈4,4 px/cm → 55" dikey 68×121 cm ≈ 300×533 px (2752×1536 sahnede).
   Eski paneller fotoğraftan silindi (magaza-7.jpg); ekranlar tavan ışıklarının altına (x≈898/1396/1912), alt kenar ≈182 cm. */
.de1,.de2,.de3{top:14.844%;width:10.901%;height:34.722%}
.de1{left:27.18%}.de2{left:45.28%}.de3{left:64.03%}
.ekran-etiket{top:12%}
.ee1,.cn1{left:32.63%}.ee2,.cn2,.ipucu{left:50.73%}.ee3,.cn3{left:69.48%}
.yansima{background:radial-gradient(58% 30% at 50% 37%,rgba(var(--renk),.26),transparent 72%),radial-gradient(46% 9% at 50% 91%,rgba(var(--renk),.42),transparent 76%)}
.ys1,.ys2,.ys3,.ys3k{top:5%;height:74%;width:17.9%}
.ys1{left:23.68%}.ys2{left:41.78%}.ys3,.ys3k{left:60.53%}
@media (max-width:899px){.gun-sahne{transform:translateX(-51.06%)}}   /* üç ekran birden (27,18–74,93%) telefon genişliğine sığar */
.atla{position:absolute;left:-9999px;top:0;z-index:300;background:var(--altin);color:var(--gece);padding:10px 16px;border-radius:0 0 10px 0;font-weight:600}
.atla:focus{left:0}
.cubuk-sag nav a[aria-current="page"]{color:var(--altin-2)}
.yol{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-family:var(--f-veri);font-size:.72rem;letter-spacing:.06em;color:var(--cok-soluk);margin:0;padding:0;list-style:none}
.yol li+li::before{content:"›";margin-right:8px;color:var(--cizgi-2)}
.yol a{text-decoration:none}.yol a:hover{color:var(--metin)}
.magaza-baslik .yol{justify-content:center}

/* sektör sayfası açılışı: mekân tam ekran, başlık altta */
.sektor-hero{position:relative;margin-inline:calc(-1 * max(16px,3.5vw));height:calc(100svh - var(--nav));min-height:600px;overflow:hidden;display:grid;align-items:end}
.sh-sahne{position:absolute;inset:0;overflow:hidden}
.sh-sahne .mekan-sahne{position:absolute;left:50%;top:50%;margin:0;width:max(100%,calc((100svh - var(--nav)) * 1.7917));min-width:calc(600px * 1.7917);max-width:none;transform:translate(-50%,-50%)}
.sh-sahne .mekan-sahne::after{display:none}
.sh-perde{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,var(--gece) 3%,rgba(11,19,40,.82) 30%,rgba(11,19,40,.12) 64%,transparent),linear-gradient(90deg,rgba(11,19,40,.6),transparent 58%)}
.sh-metin{position:relative;z-index:4;width:min(1180px,100%);margin-inline:auto;padding:0 max(16px,3.5vw) clamp(40px,8svh,90px);display:grid;gap:16px;justify-items:start}
.sh-metin h1{font-size:clamp(2.4rem,4.6vw,4.2rem);font-weight:900;line-height:.92;max-width:14ch}
.sh-metin .alt-baslik{font-size:clamp(1.02rem,1.4vw,1.25rem);color:var(--soluk);max-width:40ch;line-height:1.45}
.sh-metin .dugmeler{justify-content:flex-start}
.sh-dene{position:absolute;z-index:5;right:max(16px,3.5vw);bottom:clamp(40px,8svh,90px);display:grid;gap:8px;justify-items:end}
.mekan.acil .acil-katman,.sh-sahne.acil .acil-katman{opacity:1}
.sh-sahne.acil .acil-katman .ek-acil{animation:acilnabiz 1s infinite}
.sh-sahne .sahne-karartma{z-index:1}
.sh-sahne.acil .sahne-karartma{opacity:.6}
.mekan-ekran .acil-katman{inset:0}

/* metin bölümleri */
.ikili{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:start;margin-top:clamp(36px,6vh,70px)}
.ikili>*{min-width:0}
.yazi{display:grid;gap:16px;color:var(--soluk);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.65;max-width:62ch}
.yazi b,.yazi strong{color:var(--metin);font-weight:600}
.yazi h3{color:var(--metin);font-size:clamp(1.6rem,2.6vw,2.2rem);margin-top:10px}
.yazi a{color:var(--altin);text-decoration:none}.yazi a:hover{text-decoration:underline}
.sorunlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,6vh,70px)}
.sorun{border:1px solid var(--cizgi);border-radius:var(--r);background:var(--gece-2);padding:28px;display:grid;gap:12px;align-content:start}
.sorun .no{font-family:var(--f-veri);font-size:.74rem;letter-spacing:.14em;color:var(--altin)}
.sorun h3{font-size:clamp(1.5rem,2.2vw,1.9rem)}
.sorun p{color:var(--soluk);font-size:.98rem}
.sorun .cozum{color:var(--metin)}
.sorun .cozum::before{content:"→ ";color:var(--yesil)}
.yerler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(36px,6vh,70px);counter-reset:yer}
.yer{border-top:2px solid var(--altin);padding-top:18px;display:grid;gap:10px;align-content:start}
.yer::before{counter-increment:yer;content:"0" counter(yer);font-family:var(--f-veri);font-size:.74rem;color:var(--altin);letter-spacing:.14em}
.yer h3{font-size:clamp(1.4rem,2vw,1.8rem)}
.yer p{color:var(--soluk);font-size:.96rem}
.uc-kutu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,6vh,70px)}
.sektor-git{margin-top:clamp(30px,5vh,50px);display:flex;justify-content:center}

/* sektör kartları (çapraz bağlantı) */
.sektor-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(36px,6vh,70px);text-align:left}
.sk{position:relative;display:grid;gap:10px;align-content:end;min-height:300px;padding:24px;border-radius:var(--r);overflow:hidden;text-decoration:none;border:1px solid var(--cizgi);background:var(--gece-2);isolation:isolate;transition:border-color .3s,transform .3s}
.sk:hover{border-color:var(--altin);transform:translateY(-4px)}
.sk .sk-foto{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.sk::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,19,40,.96) 18%,rgba(11,19,40,.35) 65%,rgba(11,19,40,.1))}
.sk .ust-etiket{font-size:.68rem}
.sk h3{font-size:clamp(1.5rem,2.2vw,1.9rem)}
.sk p{color:var(--soluk);font-size:.92rem}
.sk .ok{color:var(--altin);font-weight:600;font-size:.92rem}
.sk[aria-current="page"]{border-color:var(--altin)}
.sk.rehber{background:linear-gradient(150deg,#1A2A55,var(--gece-2) 70%)}

/* form: KVKK onayı, bal küpü */
.form .onay{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--soluk);line-height:1.45}
.form .onay input{width:18px;height:18px;margin-top:2px;flex:0 0 auto;accent-color:var(--altin)}
.form .onay a{color:var(--altin)}
.bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-not{font-size:.92rem;min-height:1.4em}
.form-not.hata{color:var(--acil)}
.form-not.tamam{color:var(--yesil)}
.form-not a{color:var(--altin);margin-left:6px}

/* site altbilgisi + çerez kutusu */
.site-alt{margin-top:clamp(60px,10vh,120px);border-top:1px solid var(--cizgi)}
.sa-ic{display:grid;grid-template-columns:1.3fr 1fr 1.25fr 1fr 1.1fr;gap:26px;padding-block:44px 30px}
.sa-ic>*{display:grid;gap:9px;align-content:start;font-size:.9rem;color:var(--soluk)}
.sa-ic b{color:var(--metin);font-weight:600;margin-bottom:4px}
.sa-ic a{text-decoration:none}.sa-ic a:hover{color:var(--altin-2)}
.sa-ic p{max-width:34ch;line-height:1.55}
.site-alt .dipnotlar{border-top:1px solid var(--cizgi);padding-bottom:90px}
.bag-dugme{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}
.cerez-kutu{position:fixed;left:24px;bottom:24px;z-index:160;width:min(420px,calc(100vw - 32px));display:grid;gap:12px;padding:18px 20px;border-radius:16px;
  background:color-mix(in srgb,var(--gece-2) 94%,transparent);border:1px solid var(--cizgi-2);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.88rem;color:var(--soluk)}
.cerez-kutu a{color:var(--altin)}
.cerez-kutu>div{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:899px){
  .sektor-hero{height:auto;min-height:0;display:block}
  .sh-sahne{position:relative;height:62svh;inset:auto}
  .sh-sahne .mekan-sahne{width:calc(62svh * 1.7917);min-width:0;transform:translate(calc(var(--odak) * -100%),-50%)}
  .cerez-kutu{left:16px;bottom:16px;padding:14px 16px;font-size:.82rem;gap:10px}
  .sh-perde{background:linear-gradient(0deg,var(--gece) 0,transparent 26%)}
  .sh-metin{padding:6px max(16px,3.5vw) 30px}
  .sh-dene{position:relative;right:auto;bottom:auto;justify-items:start;padding:0 max(16px,3.5vw) 20px}
  .ikili,.sorunlar,.yerler,.uc-kutu,.sektor-kartlar{grid-template-columns:minmax(0,1fr)}
  .sa-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sa-ic>*:first-child{grid-column:1/-1}
}
/* 12.10 imleç: sistem imleci görünür, halka ince ve çabuk; sahne dönüşü kendi katmanında (fare hareketi sayfayı yeniden çizdirmesin) */
.imlec-halka{width:26px;height:26px;margin:-13px 0 0 -13px;border-width:1.5px;will-change:transform}
.imlec.dugme .imlec-halka{width:44px;height:44px;margin:-22px 0 0 -22px}
@media (min-width:900px){#sahne{will-change:transform}}
/* sabit WhatsApp düğmesi: açılış sahnesinde (kendi düğmesi var) ve form görünürken gizli */
.wa-sabit{position:fixed;right:20px;bottom:20px;z-index:155;display:flex;align-items:center;gap:9px;padding:11px 18px 11px 13px;border-radius:999px;
  background:#1A9E52;color:#fff;font-weight:600;font-size:.92rem;text-decoration:none;box-shadow:0 16px 34px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08) inset;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s,background .2s}
.wa-sabit:hover{background:#178C48}
.wa-sabit svg{width:22px;height:22px;fill:currentColor;flex:0 0 auto}
.wa-sabit.gizli{opacity:0;transform:translateY(24px) scale(.96);pointer-events:none}
@media (max-width:899px){.wa-sabit{right:14px;bottom:14px;padding:12px}.wa-sabit span{display:none}.wa-sabit svg{width:26px;height:26px}
  html.cerez-acik .wa-sabit{bottom:170px}}
@media (prefers-reduced-motion:reduce){.wa-sabit{transition:none}}
/* sayfa ekleri */
.magaza-baslik h1.uzun{font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:.92;max-width:20ch}
.magaza-baslik h1.uzun span{color:var(--altin)}