/*
Theme Name: CasaVitrus
Theme URI: https://casavitrus.com/
Author: EYT PROJESİ
Description: CasaVitrus Beykoz Akbaba butik villa projesi için özel WordPress teması.
Version: 1.2.0
Text Domain: casavitrus
*/

:root{
  --ink:#11110f;
  --ink-soft:#1a1a17;
  --ivory:#eee9df;
  --paper:#f7f4ed;
  --gold:#c7a66a;
  --line:rgba(17,17,15,.16);
  --light-line:rgba(255,255,255,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
button{font:inherit}
.site-header{position:fixed;inset:0 0 auto 0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;color:white;z-index:40;transition:.35s ease;background:linear-gradient(to bottom,rgba(0,0,0,.38),transparent)}
.site-header.scrolled{height:72px;background:rgba(15,15,13,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;flex-direction:column;gap:2px}.brand-main{font-size:18px;letter-spacing:.34em}.brand-sub{font-size:8px;letter-spacing:.31em;opacity:.7}
.mainnav{display:flex;gap:30px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.mainnav a{opacity:.78}.mainnav a:hover{opacity:1}.nav-cta{padding:11px 17px;border:1px solid rgba(255,255,255,.45);border-radius:999px}.menu-toggle{display:none;background:none;color:white;border:0;text-transform:uppercase;letter-spacing:.12em}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;color:white;background:#111}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.65) 0%,rgba(8,8,7,.18) 46%,rgba(8,8,7,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 45%)}
.hero-copy{position:absolute;left:7vw;bottom:12vh;max-width:720px}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 22px;color:rgba(255,255,255,.7)}.eyebrow.dark{color:#6d665a}
h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;margin:0;line-height:.93;letter-spacing:-.025em}h1{font-size:clamp(64px,8.7vw,148px)}h1 em,h2 em{font-weight:400}.hero-lead{font-size:16px;line-height:1.7;max-width:540px;color:rgba(255,255,255,.76);margin:28px 0 34px}.hero-actions,.contact-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;padding:14px 22px;border-radius:999px;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.button-light{background:rgba(255,255,255,.95);color:#111}.button-gold{background:var(--gold);color:#111}.text-link{font-size:12px;letter-spacing:.08em;border-bottom:1px solid rgba(17,17,15,.35);padding-bottom:4px}.text-link.light{border-color:rgba(255,255,255,.35)}
.scroll-cue{position:absolute;right:4.5vw;bottom:34px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;display:flex;gap:10px;align-items:center;opacity:.7}.scroll-cue span{font-size:16px}
.section-light,.section-ivory,.section-dark{padding:120px 7vw}.section-light{background:var(--paper)}.section-ivory{background:var(--ivory)}.section-dark{background:var(--ink);color:white}.section-kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#6d665a;margin-bottom:55px}
.statement-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;align-items:start}.statement h2,.section-head h2,.location h2,.contact h2{font-size:clamp(54px,7vw,105px)}.statement-copy{font-size:17px;line-height:1.85;max-width:620px;color:#4d4a43}.statement-copy p{margin:0 0 22px}.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;border-top:1px solid var(--line)}.principle{padding:28px 32px 10px 0;border-right:1px solid var(--line)}.principle:last-child{border-right:0;padding-left:28px}.principle span{font-size:11px;letter-spacing:.15em;color:#837a6d}.principle h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:400;margin:26px 0 12px}.principle p{font-size:13px;line-height:1.7;color:#625d55}
.numbers{padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}.number{padding:10px 3vw;border-right:1px solid var(--light-line)}.number:first-child{padding-left:0}.number:last-child{border-right:0}.number strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(70px,7vw,120px);font-weight:400;display:block;line-height:.85;color:var(--gold)}.number span{display:block;margin-top:18px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.58)}
.section-head{margin-bottom:68px}.villa-grid{border-top:1px solid var(--line)}.villa-card{display:grid;grid-template-columns:110px 1fr auto;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);gap:30px;transition:.25s}.villa-card:hover{padding-left:12px}.villa-index{font-family:"Cormorant Garamond",Georgia,serif;font-size:72px;color:#8a7b63}.villa-type{font-size:11px;letter-spacing:.14em;color:#7b7368;margin:0 0 8px}.villa-card h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:38px;font-weight:400;margin:0 0 5px}.villa-card p:last-child{font-size:13px;color:#675f54;margin:0}
.section-head.split{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.section-head.split>p{color:rgba(255,255,255,.6);line-height:1.8;max-width:480px}.plan-switcher{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.plan-tab{background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.62);border-radius:999px;padding:11px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.plan-tab.active{background:white;color:#111;border-color:white}.plan-tab.muted{opacity:.35;cursor:not-allowed}.plan-gallery{display:none;grid-template-columns:repeat(3,1fr);gap:18px}.plan-gallery.active{display:grid}.plan-item{margin:0;background:#171713;border:1px solid rgba(255,255,255,.09);overflow:hidden;cursor:zoom-in}.plan-item img{width:100%;aspect-ratio:9/16;object-fit:cover;transition:.4s}.plan-item:hover img{transform:scale(1.015)}.plan-item figcaption{display:flex;justify-content:space-between;padding:16px 18px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.plan-item figcaption span{color:rgba(255,255,255,.45)}.architecture-note{font-size:11px;color:rgba(255,255,255,.36);margin-top:22px}
.location{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:center}.location-copy>p:not(.eyebrow){max-width:520px;line-height:1.8;color:#5c574f}.location-facts{margin-top:48px;border-top:1px solid var(--line)}.location-facts div{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-bottom:1px solid var(--line)}.location-facts strong{font-size:14px}.location-facts span{font-size:12px;color:#696158}.location-media{background:#111;overflow:hidden;min-height:480px}.location-video{width:100%;height:100%;object-fit:cover}.mobile-location{display:none}
.craft-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.craft-grid>p{font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;line-height:1.35;margin:0;color:#4e493f}.craft-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.craft-list span{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em;color:#625b51}
.contact{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8vw;padding-top:150px;padding-bottom:150px}.contact-inner{max-width:800px}.contact-inner>p:not(.eyebrow){color:rgba(255,255,255,.58);font-size:15px;line-height:1.8;max-width:560px;margin:30px 0}.contact-signature{text-align:right}.contact-signature span{display:block;letter-spacing:.3em;font-size:18px}.contact-signature small{display:block;margin-top:10px;letter-spacing:.22em;color:var(--gold)}
footer{background:#0d0d0b;color:rgba(255,255,255,.46);border-top:1px solid rgba(255,255,255,.1);padding:26px 7vw;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.lightbox{width:min(92vw,1100px);padding:0;border:0;background:#111;box-shadow:0 30px 80px rgba(0,0,0,.45)}.lightbox::backdrop{background:rgba(0,0,0,.86)}.lightbox img{width:100%;height:auto}.lightbox-close{position:absolute;right:14px;top:14px;background:rgba(0,0,0,.65);color:#fff;border:1px solid rgba(255,255,255,.3);width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.site-header{height:76px}.mainnav{position:absolute;top:76px;left:0;right:0;background:rgba(15,15,13,.97);padding:24px 5vw 30px;display:none;flex-direction:column;align-items:flex-start}.mainnav.open{display:flex}.menu-toggle{display:block}.hero-copy{left:5vw;right:5vw}.statement-grid,.section-head.split,.location,.craft-grid,.contact{grid-template-columns:1fr}.principles{grid-template-columns:1fr 1fr}.principle:nth-child(2){border-right:0}.numbers{grid-template-columns:1fr 1fr}.number:nth-child(2){border-right:0}.plan-gallery{grid-template-columns:1fr 1fr}.location-media{min-height:420px}.contact-signature{text-align:left;margin-top:40px}}
@media(max-width:650px){.section-light,.section-ivory,.section-dark{padding:86px 5vw}.hero{min-height:620px}.hero-video{object-position:61% center}.hero-copy{bottom:13vh}.hero-lead{font-size:14px}.scroll-cue{display:none}.statement-grid{gap:38px}.principles{grid-template-columns:1fr}.principle,.principle:last-child{border-right:0;padding:24px 0;border-bottom:1px solid var(--line)}.numbers{grid-template-columns:1fr 1fr;padding-left:5vw;padding-right:5vw}.number{padding:14px 12px}.villa-card{grid-template-columns:70px 1fr}.villa-card>a{grid-column:2}.villa-index{font-size:54px}.plan-gallery{grid-template-columns:1fr}.location-media{min-height:auto}.desktop-location{display:none}.mobile-location{display:block;aspect-ratio:9/16}.craft-list{grid-template-columns:1fr}.contact{padding-top:105px;padding-bottom:105px}footer{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-video,.location-video{display:none}.hero{background:url('assets/images/hero-poster.jpg') center/cover no-repeat}}


/* v1.1.0 — overview, A block and location map gallery */
.single-plan {
  grid-template-columns: 1fr !important;
}
.single-plan .plan-item {
  max-width: 1180px;
  margin-inline: auto;
}
.single-plan .plan-item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.overview {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.overview-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 0.72fr;
  gap: 1rem;
  margin-top: 2.5rem;
  align-items: stretch;
}
.overview-grid figure {
  margin: 0;
  overflow: hidden;
  border-radius: 2px;
  background: #171714;
}
.overview-grid img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.overview-main {
  grid-column: 1 / 3;
  min-height: 620px;
}
.overview-portrait {
  grid-column: 3;
  grid-row: 1 / 3;
  min-height: 920px;
}
.overview-side {
  min-height: 330px;
}

.location {
  align-items: start;
}
.location-media {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
  gap: 1rem;
  align-items: stretch;
}
.location-video-wrap {
  min-width: 0;
}
.location-video-wrap video {
  width: 100%;
  height: 100%;
  min-height: 620px;
  object-fit: cover;
  display: block;
}
.location-map-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  align-content: start;
}
.map-card {
  margin: 0;
  background: #11110f;
  border: 1px solid rgba(0,0,0,.10);
  overflow: hidden;
  position: relative;
  min-height: 210px;
}
.map-card img {
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
  display: block;
}
.map-card figcaption {
  position: absolute;
  left: .65rem;
  bottom: .6rem;
  padding: .32rem .5rem;
  background: rgba(17,17,15,.78);
  color: #fff;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(4px);
}

@media (max-width: 1100px) {
  .overview-grid {
    grid-template-columns: 1fr 1fr;
  }
  .overview-main {
    grid-column: 1 / -1;
    min-height: 520px;
  }
  .overview-portrait {
    grid-column: auto;
    grid-row: auto;
    min-height: 520px;
  }
  .location-media {
    grid-template-columns: 1fr;
  }
  .location-video-wrap video {
    min-height: 460px;
  }
  .location-map-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .map-card,
  .map-card img {
    min-height: 180px;
  }
}

@media (max-width: 767px) {
  .overview {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .overview-grid {
    grid-template-columns: 1fr;
  }
  .overview-main,
  .overview-side,
  .overview-portrait {
    grid-column: auto;
    grid-row: auto;
    min-height: auto;
  }
  .overview-grid img {
    height: auto;
    object-fit: contain;
  }
  .location-map-grid {
    grid-template-columns: 1fr 1fr;
  }
  .map-card,
  .map-card img {
    min-height: 230px;
  }
  .location-video-wrap video {
    min-height: auto;
    aspect-ratio: 9 / 16;
  }
}


/* v1.1.1 — A Blok yatay paftasında gereksiz dikey boşluğu kaldır */
.single-plan {
  align-items: start;
}
.single-plan .plan-item {
  background: transparent;
}
.single-plan .plan-item img {
  aspect-ratio: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
  vertical-align: top;
}
.single-plan .plan-item figcaption {
  margin-top: 0;
}
.lightbox img[src*="a-block-all"] {
  aspect-ratio: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
}


/* v1.1.2 — sade genel görünüş + konum videosu eski ölçüsüne geri döndü */
.overview-grid {
  grid-template-columns: 1fr 1fr !important;
}
.overview-side {
  min-height: 420px;
}
.overview-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Konum bölümünde video tekrar tek başına, orijinal alanında */
.location-media {
  display: block !important;
  background: #111 !important;
  overflow: hidden !important;
  min-height: 480px !important;
}
.location-video {
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  object-fit: cover !important;
  display: block;
}
.desktop-location { display: block !important; }
.mobile-location { display: none !important; }

/* Haritalar konum videosundan ayrıldı */
.access-maps {
  padding-top: 6rem;
  padding-bottom: 7rem;
}
.access-map-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.25rem;
}
.access-map-card {
  margin: 0;
  background: #11110f;
  overflow: hidden;
  position: relative;
  aspect-ratio: 9 / 16;
}
.access-map-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.access-map-card figcaption {
  position: absolute;
  left: .8rem;
  bottom: .8rem;
  padding: .45rem .65rem;
  background: rgba(17,17,15,.82);
  color: #fff;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(4px);
}

@media (max-width: 1000px) {
  .overview-grid {
    grid-template-columns: 1fr !important;
  }
  .overview-side {
    min-height: auto;
  }
  .overview-side img {
    height: auto;
    object-fit: contain;
  }
  .access-map-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .location-video {
    min-height: 420px !important;
  }
}

@media (max-width: 650px) {
  .desktop-location { display: none !important; }
  .mobile-location { display: block !important; }
  .location-media {
    min-height: 0 !important;
  }
  .location-video {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 9 / 16;
  }
  .access-map-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .7rem;
  }
  .access-maps {
    padding-top: 4.5rem;
    padding-bottom: 5rem;
  }
}


/* v1.1.3 — mobil hero video oynatma */
.hero-play {
  display: none;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(10,10,9,.60);
  color: #fff;
  padding: 12px 18px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  cursor: pointer;
}
.hero-play.is-visible { display: inline-flex; }

/* Hareket azalt tercihinde videoyu tamamen kaldırmak yerine manuel oynatma imkanı bırak */
@media (prefers-reduced-motion: reduce) {
  .hero-video {
    display: block !important;
  }
  .hero-video:not(.is-playing) {
    opacity: 0;
  }
  .hero {
    background: url('assets/images/hero-poster.jpg') center/cover no-repeat;
  }
}

@media (max-width: 650px) {
  .hero-video {
    display: block !important;
    object-position: 61% center;
  }
}


/* v1.1.4 — maliyet bilgisi içeren cephe paftası tamamen kaldırıldı */
.overview-grid {
  grid-template-columns: 1fr !important;
  max-width: 1180px;
  margin-inline: auto;
}
.overview-grid .overview-side {
  min-height: auto !important;
}
.overview-grid .overview-side img {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
  display: block;
}


/* v1.1.5 — satış posteri + WhatsApp CTA */
.sales-feature {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.sales-poster {
  margin: 2.5rem auto 0;
  max-width: 980px;
  background: #0d0d0b;
}
.sales-poster img {
  width: 100%;
  height: auto;
  display: block;
}
.sales-actions {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

@media (max-width: 650px) {
  .sales-feature {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .sales-poster {
    margin-top: 1.5rem;
  }
}


/* v1.1.8 — villa profilleri, EYT manifesto, floating WhatsApp, konum hikayesi */
.villa-profile-toggle{appearance:none;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.villa-profile{grid-column:1/-1;border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.villa-profile[hidden]{display:none!important}
.villa-profile>div{display:flex;flex-direction:column;gap:5px}
.villa-profile strong{font-size:15px}.villa-profile span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#756d62}
.villa-profile-actions{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;gap:18px!important;margin-top:6px}
.villa-profile-actions a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#111;border-bottom:1px solid #111;padding-bottom:3px}
.eyt-manifesto blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(34px,4vw,56px);font-style:italic;line-height:1.05;margin:34px 0 12px;color:#2f2b25}
.eyt-manifesto small{letter-spacing:.22em;color:var(--gold);font-size:10px}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:100;background:#171713;color:#e0c184;border:1px solid rgba(224,193,132,.55);padding:13px 16px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:.25s}
.floating-whatsapp:hover{transform:translateY(-2px);background:#22221d}.floating-whatsapp span{margin-left:8px}
@media(max-width:650px){.villa-profile{grid-template-columns:1fr 1fr}.villa-profile>div:nth-child(3){grid-column:1/-1}.villa-profile-actions{flex-direction:column!important;align-items:flex-start}.floating-whatsapp{right:12px;bottom:12px;padding:11px 13px;font-size:9px}.eyt-manifesto blockquote{font-size:38px}}


/* v1.1.9 — interaktif gündüz/gece karşılaştırması */
.daynight {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.daynight-compare {
  position: relative;
  margin-top: 2.5rem;
  overflow: hidden;
  background: #0e0e0c;
  aspect-ratio: 16 / 9;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}
.daynight-compare img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.daynight-base {
  z-index: 1;
}
.daynight-night {
  position: absolute;
  inset: 0;
  width: 50%;
  overflow: hidden;
  z-index: 2;
}
.daynight-night img {
  width: 100vw;
  max-width: none;
}
.daynight-label {
  position: absolute;
  z-index: 5;
  top: 1rem;
  padding: .45rem .65rem;
  background: rgba(12,12,10,.58);
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  pointer-events: none;
}
.day-label { right: 1rem; }
.night-label { left: 1rem; }
.daynight-divider {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,.95);
  pointer-events: none;
}
.daynight-divider span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%,-50%);
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f3ede2;
  color: #111;
  border: 1px solid rgba(0,0,0,.18);
  font-size: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.24);
}
.daynight-range {
  position: absolute;
  z-index: 6;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
}
@media (max-width: 650px) {
  .daynight {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .daynight-compare {
    aspect-ratio: 4 / 3;
  }
  .daynight-compare img {
    object-position: 62% center;
  }
  .daynight-label {
    top: .7rem;
    font-size: .65rem;
  }
}


/* v1.2.0 — tüm blok kat planlarında tek tip ölçü ve modal */
.plan-gallery {
  align-items: stretch;
}
.plan-item {
  display: flex;
  flex-direction: column;
  background: #171713;
}
.plan-thumb {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #0d0d0b;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.plan-thumb img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  display: block;
  transition: transform .4s ease;
}
.plan-item:hover .plan-thumb img {
  transform: scale(1.012);
}
.plan-item figcaption {
  margin-top: auto;
}

/* Tıklanınca bütün paftalar aynı görünüm alanında açılır */
.lightbox {
  width: min(94vw, 1180px) !important;
  height: min(90vh, 900px) !important;
  max-width: 1180px;
  max-height: 900px;
  padding: 0 !important;
  background: #0d0d0b !important;
  display: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.lightbox[open] {
  display: flex;
}
.lightbox img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  background: #0d0d0b;
}

/* Eski A blok özel kuralını nötrle */
.single-plan,
.single-plan .plan-item,
.single-plan .plan-item img {
  all: revert-layer;
}

@media (max-width: 1000px) {
  .plan-thumb {
    aspect-ratio: 4 / 5;
  }
  .lightbox {
    width: 96vw !important;
    height: 88vh !important;
  }
}
@media (max-width: 650px) {
  .plan-gallery {
    grid-template-columns: 1fr !important;
  }
  .plan-thumb {
    aspect-ratio: 3 / 4;
  }
  .lightbox {
    width: 96vw !important;
    height: 84vh !important;
  }
}