/* Oda içinde gezinme (14 Ekim): oda maketi gezgini + kalan açılara dokunma + adanın "Odayı gez" hâli.
   Gezgin kuralları #e-gezinme altında, sınıflar gz- önekli. Açık ton sıvı metal; maket beyaz mimari maket (kesit poşesi grafit).
   Sarı / altın / pirinç yok. Tek sürekli hareket: çizilen duvarın üstündeki ışık süpürmesi. */

/* ---------- Gezgin: sahne ---------- */
#e-gezinme{background:radial-gradient(120% 72% at 50% 34%,#fdfdfe 0%,#eef0f3 52%,#dfe2e7 100%);color:var(--ink);
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#e-gezinme .gz-sahne{position:absolute;inset:0;overflow:hidden;touch-action:none;contain:strict}
#e-gezinme .gz-sahne[hidden]{display:block;visibility:hidden}
#e-gezinme .gz-dunya{position:absolute;inset:0;isolation:isolate}
#e-gezinme .gz-yuz{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform;contain:strict;visibility:hidden;backface-visibility:hidden}
#e-gezinme .gz-yuz img{position:absolute;left:0;top:0;max-width:none;display:block;pointer-events:none;-webkit-user-drag:none}
#e-gezinme .gz-golge{background:radial-gradient(closest-side,rgba(28,34,46,.26),rgba(28,34,46,.1) 62%,rgba(28,34,46,0))}
#e-gezinme .gz-zemin{background-color:#e6e2dc}
#e-gezinme .gz-ic{background:#ebe8e3;cursor:pointer}
#e-gezinme .gz-ic.fotosuz{cursor:default;background:#e4e2de}
#e-gezinme .gz-pose{background:#30343c}
#e-gezinme .gz-kati{cursor:pointer}
/* çiziliyor: fotoğrafın kendisi soluk; üstünden ışık geçer (tek tek, sırayla) */
#e-gezinme .gz-ic.ciziliyor img,#e-gezinme .gz-panel.ciziliyor img{filter:grayscale(.85) brightness(.84) contrast(.92)}
#e-gezinme .gz-ic.eskidi img,#e-gezinme .gz-panel.eskidi img{filter:saturate(.5) brightness(1.03)}
#e-gezinme .gz-ic.bos img,#e-gezinme .gz-ic.hata img,#e-gezinme .gz-panel.bos img,#e-gezinme .gz-panel.hata img{filter:grayscale(1) brightness(.9)}
#e-gezinme .gz-tarama{position:absolute;top:0;bottom:0;left:0;width:42%;display:none;pointer-events:none;transform:translateX(-100%);
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 35%,rgba(246,247,255,.55) 50%,rgba(255,255,255,.18) 65%,rgba(255,255,255,0) 100%);mix-blend-mode:screen}
#e-gezinme .ciziliyor>.gz-tarama{display:block}

/* duvar rozetleri: duvarın üstünde, okunur kalır (perspektifle küçülmez) */
#e-gezinme .gz-rozetler{position:absolute;inset:0;z-index:2;pointer-events:none}
#e-gezinme .gz-rozet{position:absolute;left:0;top:0;visibility:hidden;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 4px;margin-top:-8px;border:0;border-radius:999px;cursor:pointer;
  font:700 .75rem/1 Figtree,system-ui,sans-serif;color:#15171b;white-space:nowrap;background:linear-gradient(180deg,#fff,#eceef2);box-shadow:var(--pill-sh)}
#e-gezinme .gz-rozet::before{content:"";position:absolute;inset:-8px -4px}
#e-gezinme .gz-rozet b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1b1e24;color:#f7f8fa;font-size:.75rem;font-weight:800}
#e-gezinme .gz-rozet.ciziliyor{background:rgba(27,30,36,.88);color:#eef0f4;box-shadow:0 0 0 .5px rgba(255,255,255,.18),0 6px 16px -6px rgba(0,0,0,.5)}
#e-gezinme .gz-rozet.ciziliyor b{background:#eef0f4;color:#15171b}
#e-gezinme .gz-rozet.eskidi{background:rgba(250,250,252,.9);color:#4b4f58;box-shadow:inset 0 0 0 1px rgba(75,79,88,.45),0 6px 14px -8px rgba(30,36,48,.4)}
#e-gezinme .gz-rozet.eskidi span{text-decoration:line-through;text-decoration-thickness:1px}
#e-gezinme .gz-rozet.bos,#e-gezinme .gz-rozet.hata{background:rgba(236,238,242,.92);color:#4b4f58}
#e-gezinme .gz-rozet:focus-visible{outline:2px solid #15171b;outline-offset:2px}

/* üst: geri + oda adı */
#e-gezinme .gz-ust{position:absolute;z-index:5;top:0;left:0;right:0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;
  padding:calc(10px + env(safe-area-inset-top)) 12px 6px;background:none;pointer-events:none;transition:opacity .25s,transform .3s var(--ease-d)}
#e-gezinme .gz-ust>*{pointer-events:auto}
#e-gezinme .gz-geri{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#15171b;
  background:rgba(250,250,252,.82);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.18),0 6px 14px -6px rgba(30,36,48,.35)}
#e-gezinme .gz-geri svg.i{width:18px;height:18px;stroke-width:1.8}
#e-gezinme .gz-geri:focus-visible{outline:2px solid #15171b;outline-offset:2px}
#e-gezinme .gz-baslik{display:grid;justify-items:center;gap:2px;text-align:center}
#e-gezinme .gz-baslik b{font-size:1.0625rem;font-weight:800;letter-spacing:-.015em}
#e-gezinme .gz-baslik span{font-size:.75rem;font-weight:600;color:var(--ink-3)}

/* alt levha: bütün açılar tek bakışta */
#e-gezinme .gz-alt{position:absolute;z-index:5;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;gap:10px;padding:12px 12px 12px;border-radius:24px;transition:opacity .25s,transform .35s var(--ease-d)}
#e-gezinme .gz-ipucu{margin:0 2px;font-size:.8125rem;line-height:1.35;color:var(--ink-3)}
#e-gezinme .gz-seritler{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#e-gezinme .gz-kucuk{position:relative;display:block;aspect-ratio:4/5;min-height:44px;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#d9dce1;
  box-shadow:0 0 0 1px var(--line);font:inherit;color:#fff;transition:box-shadow .25s,transform .2s}
#e-gezinme .gz-kucuk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
#e-gezinme .gz-kucuk img.geldi{opacity:1}
#e-gezinme .gz-kucuk.ciziliyor img{filter:grayscale(.85) brightness(.72)}
#e-gezinme .gz-kucuk.eskidi img{filter:saturate(.5)}
#e-gezinme .gz-kucuk.bos img,#e-gezinme .gz-kucuk.hata img{filter:grayscale(1) brightness(.75)}
#e-gezinme .gz-kucuk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.55))}
#e-gezinme .gz-kucuk.gorunur{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #3b4048}
#e-gezinme .gz-kucuk:focus-visible{outline:2px solid #15171b;outline-offset:3px}
#e-gezinme .gz-kucuk:active{transform:scale(.97)}
#e-gezinme .gz-kucuk-ad{position:absolute;z-index:1;left:6px;right:5px;bottom:6px;display:flex;align-items:baseline;gap:4px;font-size:.6875rem;font-weight:700;text-align:left;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6)}
#e-gezinme .gz-kucuk-ad b{font-weight:800}
#e-gezinme .gz-kucuk-hal{position:absolute;z-index:1;left:5px;top:5px;padding:2px 6px;border-radius:999px;font-size:.625rem;font-weight:700;color:#15171b;background:linear-gradient(180deg,#fff,#e6e9ee);box-shadow:0 0 0 .5px rgba(30,36,48,.3)}
#e-gezinme .gz-kucuk.ciziliyor .gz-kucuk-hal,#e-gezinme .gz-kucuk.bos .gz-kucuk-hal,#e-gezinme .gz-kucuk.hata .gz-kucuk-hal{background:rgba(12,13,15,.72);color:#dfe2e7;box-shadow:none}
#e-gezinme .gz-kucuk.eskidi .gz-kucuk-hal{background:rgba(250,250,252,.92);color:#4b4f58;text-decoration:line-through}

/* uçarken üst ve alt çekilir; tam ekranda gizli */
#e-gezinme.ucuyor .gz-ust{opacity:0;transform:translateY(-12px);pointer-events:none}
#e-gezinme.ucuyor .gz-alt{opacity:0;transform:translateY(24px);pointer-events:none}
#e-gezinme.tamda .gz-ust,#e-gezinme.tamda .gz-alt{visibility:hidden}

/* ---------- Tam ekran: duvarın tasarımı; kaydır → komşu duvar ---------- */
#e-gezinme .gz-tam{position:absolute;inset:0;z-index:8;overflow:hidden;touch-action:none}
#e-gezinme .gz-tam.acik{background:#101215}
#e-gezinme .gz-serit{position:absolute;inset:0;perspective:880px;perspective-origin:50% 50%}
#e-gezinme .gz-panel{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;overflow:hidden;will-change:transform;backface-visibility:hidden;background:#1a1c20}
#e-gezinme .gz-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
#e-gezinme .gz-panel .gz-p-buyuk{opacity:0;transition:opacity .25s}
#e-gezinme .gz-panel .gz-p-buyuk.geldi{opacity:1}
#e-gezinme .gz-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:#0b0c0e;opacity:var(--golge,0)}
#e-gezinme .gz-panel>.gz-tarama{width:55%}
#e-gezinme .gz-p-durum{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;text-align:center;pointer-events:none}
#e-gezinme .gz-p-durum:empty{display:none}
#e-gezinme .gz-p-durum span{padding:7px 14px;border-radius:999px;background:rgba(12,13,15,.72);color:#f2f3f5;font-size:.875rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#e-gezinme .gz-p-durum small{max-width:15rem;font-size:.8125rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}
#e-gezinme .gz-tam-ust{position:absolute;z-index:3;top:0;left:0;right:0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 0;
  opacity:0;transition:opacity .25s}
#e-gezinme .gz-tam.acik .gz-tam-ust,#e-gezinme .gz-tam.acik .gz-tam-alt{opacity:1}
#e-gezinme .gz-tam-baslik{justify-self:center;display:inline-flex;align-items:center;gap:7px;max-width:100%;height:36px;padding:0 12px 0 5px;border-radius:999px;color:#15171b;
  background:rgba(250,250,252,.84);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.18),0 8px 18px -8px rgba(0,0,0,.45)}
#e-gezinme .gz-harf{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#1b1e24;color:#f7f8fa;font-size:.8125rem;font-weight:800}
#e-gezinme .gz-tam-baslik span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:800}
#e-gezinme .gz-tam-baslik em{flex:none;font-style:normal;font-size:.75rem;font-weight:700;color:var(--ink-3)}
#e-gezinme .gz-tam-baslik em.eskidi{text-decoration:line-through}
#e-gezinme .gz-tam-alt{position:absolute;z-index:3;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));display:grid;justify-items:center;gap:12px;opacity:0;transition:opacity .25s;pointer-events:none}
#e-gezinme .gz-tam-alt>*{pointer-events:auto}
#e-gezinme .gz-noktalar{display:flex;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(12,13,15,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#e-gezinme .gz-noktalar i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.45);transition:width .25s var(--ease-d),background .25s}
#e-gezinme .gz-noktalar i.bu{width:18px;background:#fff}
#e-gezinme .gz-tam-eylem{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;font:800 .9375rem/1 Figtree,system-ui,sans-serif;color:#15171b;
  background:linear-gradient(180deg,#fff,#eceef2);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.25),0 10px 24px -10px rgba(0,0,0,.6)}
#e-gezinme .gz-tam-eylem.koyu{background:#1b1e24;color:#f7f8fa;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 .5px rgba(255,255,255,.2),0 10px 24px -10px rgba(0,0,0,.6)}
#e-gezinme .gz-tam-eylem[hidden]{display:none}
#e-gezinme .gz-tam-eylem:focus-visible{outline:2px solid #fff;outline-offset:3px}
#e-gezinme .gz-tam .gz-geri{background:rgba(250,250,252,.84)}

@media (prefers-reduced-motion:reduce){
  #e-gezinme .gz-ust,#e-gezinme .gz-alt,#e-gezinme .gz-kucuk,#e-gezinme .gz-kucuk img,#e-gezinme .gz-panel .gz-p-buyuk,#e-gezinme .gz-noktalar i,#e-gezinme .gz-tam-ust,#e-gezinme .gz-tam-alt{transition:none}
  #e-gezinme .gz-tarama{display:none!important}
}

/* ---------- Kalan açılar: küçük resimler dokunulur ---------- */
#e-arka .a-serit[data-i]{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease-d),box-shadow .2s}
#e-arka .a-serit[data-i]:active{transform:scale(.96)}
#e-arka .a-serit[data-i]:focus-visible{outline:2px solid #15171b;outline-offset:3px}
#e-arka .a-serit.eskidi img{filter:saturate(.5)}
#e-arka .a-serit.eskidi .a-rozet{color:#30333a;background:rgba(250,250,252,.92);text-decoration:line-through;box-shadow:0 0 0 .5px rgba(30,36,48,.3)}
#e-arka .a-serit.dokundu{animation:a-dokundu .5s var(--ease-d)}
@keyframes a-dokundu{30%{transform:scale(.94)}60%{transform:scale(1.03)}}
#e-arka .a-dugme.vurgu{animation:a-vurgu .9s var(--ease-d)}
@keyframes a-vurgu{25%{transform:scale(1.03)}50%{transform:scale(.99)}}
@media (prefers-reduced-motion:reduce){#e-arka .a-serit.dokundu,#e-arka .a-dugme.vurgu{animation:none}}

/* ---------- Ada: açılar bitince "N açı hazır · Odayı gez" ----------
   Varsayılan biçim (Dynamic Island). Cihaza göre biçim html[data-ada-bicim] ile ezer: buradaki kuralların özgüllüğü :where ile düşük. */
:where(html:not([data-ada-bicim]),html[data-ada-bicim=ada]) .ada[data-hal=hazir]{width:228px;margin-left:-114px;opacity:1;pointer-events:auto;justify-content:center}
:where(html:not([data-ada-bicim]),html[data-ada-bicim=ada]) .ada[data-hal=hazir] .ada-yazi{justify-content:center;gap:9px}
:where(html:not([data-ada-bicim]),html[data-ada-bicim=ada]) .ada::before{content:"";position:absolute;inset:-6px -2px}
.ada-hazir{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:.8125rem;font-weight:700}
.ada-hazir em{font-style:normal;color:#c9ced6;font-weight:600}
.ada-hazir svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* ada üstte her ekranda görünürken sonuç ekranının üst kenarındaki düğmeler adanın altına iner (yalnız ada biçiminde) */
:where(html:not([data-ada-bicim]),html[data-ada-bicim=ada]) .cihaz:has(.ada:is([data-hal=kompakt],[data-hal=hazir])) #e-sonuc :is(.surum-cip,.hs-ev,.gz-sonuc-d){top:calc(56px + env(safe-area-inset-top))}
:where(html:not([data-ada-bicim]),html[data-ada-bicim=ada]) .cihaz:has(.ada:is([data-hal=kompakt],[data-hal=hazir])) #e-sonuc .eski-uyari{top:calc(98px + env(safe-area-inset-top))}

/* ---------- Sonuç ekranından giriş: "Odayı gez" ---------- */
#e-sonuc .gz-sonuc-d{position:absolute;z-index:6;top:calc(16px + env(safe-area-inset-top));right:12px;display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .8rem 0 .625rem;border:0;border-radius:999px;cursor:pointer;
  font:800 .8125rem/1 Figtree,system-ui,sans-serif;color:#15171b;background:rgba(250,250,252,.8);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.18),0 6px 14px -6px rgba(30,36,48,.4);transition:opacity .2s,top .3s var(--ease-d)}
#e-sonuc .gz-sonuc-d::before{content:"";position:absolute;inset:-6px -4px}
#e-sonuc .gz-sonuc-d svg.i{width:15px;height:15px}
#e-sonuc .gz-sonuc-d:focus-visible{outline:2px solid #15171b;outline-offset:2px}
#e-sonuc .gz-sonuc-d[hidden]{display:none}
html:not([data-canli]) #e-sonuc .gz-sonuc-d{top:calc(52px + env(safe-area-inset-top))}
#e-sonuc:is(.temiz,.fis-acik,.eski-surum) .gz-sonuc-d,#e-sonuc #s-sahne.cark-acik~.gz-sonuc-d{opacity:0;pointer-events:none}