/* =========================================================
   ENZO VIP — Anasayfa sahne katmanı  (tam karanlık sürüm)
   Saf siyah zemin, ince hairline ayraçlar, imleç etkileşimleri,
   mobilde tam ekran sahneler.
   ========================================================= */

.e-home{
  background:#000;
  color:#f5f5f7;
  overflow-x:clip;
}
.e-home p{ color:#a1a1a6; }
.e-home h1,.e-home h2,.e-home h3,.e-home h4,.e-home h5{ color:#f5f5f7; }

/* İnce ayraç çizgisi (Apple hairline) */
.e-hairline{
  height:1px; border:0; margin:0;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.14) 22%,rgba(255,255,255,.14) 78%,rgba(255,255,255,0) 100%);
}

/* İmleci takip eden ışık (yalnızca fare olan cihazlarda) */
.e-glow{
  position:absolute; inset:0; pointer-events:none; z-index:1;
  opacity:0; transition:opacity .6s var(--e-ease);
  background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%), rgba(242,183,5,.14), rgba(242,183,5,0) 62%);
}
.e-has-pointer .e-glow.is-live{ opacity:1; }

/* ============ HERO ============ */
.e-hero{
  position:relative;
  min-height:calc(100vh - 52px);
  min-height:calc(100svh - 52px);
  background:#000;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center; overflow:hidden;
  padding:64px 20px 0;
}
.e-hero:before{
  content:''; position:absolute; left:50%; top:54%;
  width:min(130vw,1600px); height:min(130vw,1600px); transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(242,183,5,.17) 0%, rgba(242,183,5,.05) 32%, rgba(0,0,0,0) 66%);
  pointer-events:none;
}
.e-hero:after{  /* alt karartma, sonraki bölüme geçiş */
  content:''; position:absolute; left:0; right:0; bottom:0; height:180px; z-index:4; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0),#000 88%);
}
.e-hero-copy{ position:relative; z-index:3; max-width:940px; will-change:transform,opacity; }
.e-hero .eyebrow{
  font-size:clamp(14px,1.6vw,19px); font-weight:600; color:var(--e-yellow);
  letter-spacing:.01em; margin:0 0 12px;
}
.e-hero h1{
  font-size:clamp(46px,9.2vw,116px);
  line-height:.98; letter-spacing:-.045em; font-weight:700;
  color:#f5f5f7; margin:0 0 20px;
}
.e-hero h1 .accent{
  background:linear-gradient(96deg,#ffe08a 6%,#f2b705 44%,#ffd451 78%,#fff3c4 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.e-hero .lead{
  font-size:clamp(16px,2vw,22px); color:#b6b6bd;
  max-width:600px; margin:0 auto 28px; line-height:1.45;
}
.e-hero-cta{ display:flex; gap:14px 28px; justify-content:center; align-items:center; flex-wrap:wrap; }
.e-hero-car{
  position:relative; z-index:2; width:min(1020px,98vw); margin:-6px auto 0;
  transform-origin:50% 88%; will-change:transform;
  transition:transform .12s linear;
}
.e-hero-car img{
  width:100%; height:auto; display:block;
  filter:drop-shadow(0 50px 70px rgba(0,0,0,.85));
}
.e-hero-floor{
  position:absolute; left:50%; bottom:4%; transform:translateX(-50%);
  width:min(980px,92vw); height:130px; z-index:1;
  background:radial-gradient(ellipse at center, rgba(242,183,5,.22) 0%, rgba(0,0,0,0) 70%);
  filter:blur(8px); pointer-events:none;
}
.e-scroll-hint{
  position:absolute; left:50%; bottom:calc(18px + env(safe-area-inset-bottom)); transform:translateX(-50%);
  z-index:5; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.42);
  display:flex; flex-direction:column; align-items:center; gap:8px;
}
.e-scroll-hint .dot{ width:22px; height:36px; border:1px solid rgba(255,255,255,.3); border-radius:980px; position:relative; }
.e-scroll-hint .dot:after{
  content:''; position:absolute; left:50%; top:8px; width:3px; height:7px; border-radius:3px;
  background:var(--e-yellow); transform:translateX(-50%); animation:eScroll 1.9s var(--e-ease) infinite;
}
@keyframes eScroll{ 0%{opacity:0;transform:translate(-50%,0);} 35%{opacity:1;} 100%{opacity:0;transform:translate(-50%,14px);} }

@media(max-width:767px){
  .e-hero{ min-height:calc(100vh - 48px); min-height:calc(100svh - 48px); padding-top:40px; }
  .e-hero h1{ font-size:clamp(38px,12.5vw,60px); letter-spacing:-.04em; }
  .e-hero .lead{ font-size:16px; margin-bottom:22px; }
  .e-hero-cta{ gap:10px 20px; }
  .e-hero-car{ width:112vw; max-width:none; margin-left:-6vw; }
  .e-scroll-hint{ display:none; }
}

/* ============ SATIR SATIR AÇILAN İFADE ============ */
.e-statement{ background:#000; padding:clamp(90px,16vh,170px) 20px; position:relative; }
.e-statement .wrap{ max-width:1020px; margin:0 auto; position:relative; z-index:2; }
.e-statement p{
  font-size:clamp(27px,5vw,62px); line-height:1.12; letter-spacing:-.04em;
  font-weight:600; margin:0; color:#f5f5f7;
}
.e-statement .ln{
  display:block; opacity:.16; filter:blur(.4px);
  transition:opacity .8s var(--e-ease), transform .8s var(--e-ease), filter .8s var(--e-ease);
  transform:translateY(12px);
}
.e-statement .ln.is-in{ opacity:1; transform:none; filter:none; }
.e-statement .ln em{ font-style:normal; color:var(--e-yellow); }
@media(max-width:767px){ .e-statement{ padding:80px 22px; } .e-statement p{ font-size:clamp(25px,7.6vw,34px); } }

/* ============ SABİTLENEN SAHNE ============ */
.e-stage{ position:relative; background:#000; }
.e-stage-track{ position:relative; height:400vh; height:400svh; }
.e-stage-sticky{
  position:sticky; top:0; height:100vh; height:100svh; min-height:560px;
  display:flex; align-items:center; overflow:hidden;
}
.e-stage-media{ position:absolute; inset:0; z-index:0; }
.e-stage-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transform:scale(1.09);
  transition:opacity 1.1s var(--e-ease), transform 2s var(--e-ease);
}
.e-stage-media img.is-active{ opacity:1; transform:scale(1); }
.e-stage-sticky:after{
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.25) 78%, rgba(0,0,0,.45) 100%);
}
.e-stage-copy{ position:relative; z-index:3; width:100%; max-width:1080px; margin:0 auto; padding:0 24px; }
.e-stage-item{
  position:absolute; max-width:540px;
  opacity:0; transform:translateY(26px); pointer-events:none;
  transition:opacity .55s var(--e-ease), transform .55s var(--e-ease);
}
.e-stage-item.is-active{ opacity:1; transform:none; position:relative; pointer-events:auto; }
.e-stage-item .num{
  display:inline-flex; align-items:center; gap:9px;
  font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--e-yellow); margin-bottom:16px;
}
.e-stage-item h3{ font-size:clamp(30px,4.4vw,52px); letter-spacing:-.038em; color:#fff; margin:0 0 14px; line-height:1.05; }
.e-stage-item p{ font-size:clamp(16px,1.9vw,20px); color:#c2c2c8; margin:0; max-width:480px; }
.e-stage-progress{ position:absolute; left:50%; transform:translateX(-50%); bottom:38px; z-index:4; display:flex; gap:8px; }
.e-stage-progress i{
  width:38px; height:3px; border-radius:3px; background:rgba(255,255,255,.2); display:block; overflow:hidden;
  transition:background .45s var(--e-ease);
}
.e-stage-progress i.is-active{ background:var(--e-yellow); }
@media(max-width:900px){
  .e-stage-sticky{ align-items:flex-end; min-height:0; }
  .e-stage-sticky:after{ background:linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.2) 32%, rgba(0,0,0,.92) 82%); }
  .e-stage-copy{ padding:0 22px calc(96px + env(safe-area-inset-bottom)); }
  .e-stage-item{ max-width:none; }
  .e-stage-item h3{ font-size:clamp(28px,8vw,38px); }
  .e-stage-item p{ font-size:16.5px; max-width:none; }
  .e-stage-progress{ bottom:calc(52px + env(safe-area-inset-bottom)); }
}

/* ============ SİNEMATİK BLOK ============ */
.e-cinema{
  position:relative; height:88vh; height:88svh; min-height:520px; overflow:hidden;
  display:flex; align-items:flex-end; background:#000;
}
.e-cinema .bg{ position:absolute; inset:-14% 0; background-size:cover; background-position:center; will-change:transform; }
.e-cinema:after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.1) 34%, rgba(0,0,0,.92) 100%);
}
.e-cinema .copy{ position:relative; z-index:3; padding:0 24px clamp(58px,9vh,88px); max-width:860px; margin:0 auto; width:100%; }
.e-cinema h2{ font-size:clamp(30px,5.2vw,62px); letter-spacing:-.04em; color:#fff; margin:0 0 16px; line-height:1.04; }
.e-cinema p{ font-size:clamp(16px,1.9vw,20px); color:#c2c2c8; margin:0 0 22px; max-width:620px; }
@media(max-width:767px){ .e-cinema{ height:auto; min-height:76svh; padding-top:34svh; } }

/* ============ YATAY GALERİ ============ */
.e-rail-wrap{ background:#000; padding:clamp(80px,12vh,120px) 0; position:relative; }
.e-rail-head{ max-width:1080px; margin:0 auto 34px; padding:0 24px; position:relative; z-index:2; }
.e-rail{
  display:flex; gap:18px; padding:6px 24px 24px;
  overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; cursor:grab;
  scroll-padding-left:24px;
}
.e-rail.is-dragging{ cursor:grabbing; scroll-snap-type:none; }
.e-rail::-webkit-scrollbar{ display:none; }
.e-rail-item{
  position:relative; flex:0 0 auto; width:clamp(240px,26vw,320px); aspect-ratio:3/4;
  border-radius:24px; overflow:hidden; scroll-snap-align:start; background:#0b0b0d;
  border:1px solid rgba(255,255,255,.09);
}
.e-rail-item img{ width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--e-ease); user-select:none; -webkit-user-drag:none; }
.e-has-pointer .e-rail-item:hover img{ transform:scale(1.06); }
.e-rail-item .cap{ position:absolute; left:20px; right:20px; bottom:20px; z-index:2; }
.e-rail-item .cap strong{ display:block; font-size:19px; font-weight:600; letter-spacing:-.02em; color:#fff; margin-bottom:5px; }
.e-rail-item .cap span{ font-size:13.5px; color:rgba(255,255,255,.72); line-height:1.4; display:block; }
.e-rail-nav{ max-width:1080px; margin:8px auto 0; padding:0 24px; display:flex; gap:10px; justify-content:flex-end; }
.e-rail-nav button{
  width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.16); cursor:pointer;
  background:rgba(255,255,255,.06); color:#f5f5f7; font-size:18px; line-height:1;
  transition:background .25s var(--e-ease), border-color .25s var(--e-ease);
}
.e-rail-nav button:hover{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.3); }
@media(hover:none){ .e-rail-nav{ display:none; } .e-rail{ scroll-padding-left:22px; } }
@media(max-width:767px){
  .e-rail{ gap:14px; padding:6px 22px 22px; }
  .e-rail-item{ width:72vw; border-radius:20px; }
}

/* ============ FİYAT ============ */
.e-pricing{ background:#000; padding:clamp(84px,12vh,120px) 0; position:relative; }
.e-price-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(268px,1fr)); gap:16px;
  max-width:1080px; margin:0 auto; padding:0 24px;
}
.e-price{
  position:relative; border-radius:24px; padding:34px 30px 32px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  display:flex; flex-direction:column; overflow:hidden;
  transition:transform .4s var(--e-ease), border-color .4s var(--e-ease), background .4s var(--e-ease);
}
.e-price:before{  /* imleç parıltısı */
  content:''; position:absolute; inset:0; opacity:0; transition:opacity .4s var(--e-ease); pointer-events:none;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), rgba(242,183,5,.13), rgba(242,183,5,0) 60%);
}
.e-has-pointer .e-price:hover{ transform:translateY(-6px); border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.07); }
.e-has-pointer .e-price:hover:before{ opacity:1; }
.e-price.is-featured{
  background:linear-gradient(180deg,rgba(242,183,5,.16) 0%,rgba(255,255,255,.05) 46%);
  border-color:rgba(242,183,5,.42);
}
.e-price .tag{ font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--e-yellow); margin-bottom:12px; position:relative; z-index:2; }
.e-price h3{ font-size:25px; letter-spacing:-.025em; margin:0; color:#fff; position:relative; z-index:2; }
.e-price .amount{ font-size:clamp(36px,4.4vw,46px); font-weight:700; letter-spacing:-.04em; margin:16px 0 2px; color:#fff; position:relative; z-index:2; }
.e-price .amount small{ font-size:15px; font-weight:500; color:#a1a1a6; letter-spacing:-.01em; }
.e-price ul{ list-style:none; padding:0; margin:20px 0 28px; position:relative; z-index:2; }
.e-price li{ font-size:15.5px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.08); color:#c2c2c8; }
.e-price li:last-child{ border-bottom:none; }
.e-price .button{ margin-top:auto; align-self:flex-start; position:relative; z-index:2; }
.e-price-note{ max-width:1080px; margin:26px auto 0; padding:0 24px; font-size:13px; color:#86868b; }
@media(max-width:767px){ .e-price{ padding:28px 24px; border-radius:20px; } }

/* ============ SAYAÇLAR ============ */
.e-metrics{ background:#000; padding:clamp(70px,10vh,104px) 0; }
.e-metrics .grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:34px 20px;
  max-width:1080px; margin:0 auto; padding:0 24px; text-align:center;
}
.e-metric strong{
  display:block; font-size:clamp(38px,5.4vw,68px); font-weight:700; letter-spacing:-.045em;
  color:var(--e-yellow); line-height:1; font-variant-numeric:tabular-nums;
}
.e-metric span{ display:block; margin-top:10px; font-size:14px; color:#86868b; letter-spacing:-.005em; }

/* ============ HİZMET KARTLARI (koyu) ============ */
.e-cards{ background:#000; padding:clamp(84px,12vh,120px) 0; position:relative; }
.e-card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; max-width:1080px; margin:0 auto; padding:0 24px; }
.e-card{
  position:relative; border-radius:22px; padding:30px 28px;
  background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); overflow:hidden;
  transition:transform .4s var(--e-ease), border-color .4s var(--e-ease), background .4s var(--e-ease);
  display:flex; flex-direction:column;
}
.e-card:before{
  content:''; position:absolute; inset:0; opacity:0; transition:opacity .4s var(--e-ease); pointer-events:none;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%), rgba(242,183,5,.12), rgba(242,183,5,0) 60%);
}
.e-has-pointer .e-card:hover{ transform:translateY(-5px); border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.07); }
.e-has-pointer .e-card:hover:before{ opacity:1; }
.e-card h3{ font-size:21px; font-weight:600; letter-spacing:-.02em; margin:0 0 10px; position:relative; z-index:2; }
.e-card h3 a{ color:#f5f5f7; }
.e-card p{ font-size:15.5px; color:#a1a1a6; margin:0 0 16px; position:relative; z-index:2; }
.e-card .e-link{ margin-top:auto; position:relative; z-index:2; }

/* ============ YORUMLAR ============ */
.e-quotes{ background:#000; padding:clamp(84px,12vh,120px) 0; }
.e-quote-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; max-width:1080px; margin:0 auto; padding:0 24px; }
.e-quote{
  border-radius:22px; padding:30px 28px;
  background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09);
}
.e-quote .stars{ color:var(--e-yellow); font-size:14px; letter-spacing:2px; margin-bottom:14px; }
.e-quote p{ font-size:17px; color:#e8e8ed; margin:0 0 18px; letter-spacing:-.015em; }
.e-quote .who{ font-size:15px; font-weight:600; color:#f5f5f7; }
.e-quote .what{ font-size:13px; color:#86868b; }

/* ============ SSS (koyu akordeon) ============ */
.e-faq{ background:#000; padding:clamp(84px,12vh,120px) 0; }
.e-faq .wrap{ max-width:860px; margin:0 auto; padding:0 24px; }
.e-faq .accordion-item{ background:transparent !important; border:none !important; border-bottom:1px solid rgba(255,255,255,.12) !important; }
.e-faq .accordion-button{
  background:transparent !important; color:#f5f5f7 !important;
  font-size:clamp(17px,2vw,20px); font-weight:500; letter-spacing:-.02em;
  padding:24px 52px 24px 0 !important; box-shadow:none !important;
}
.e-faq .accordion-button:after,.e-faq .accordion-button.collapsed:after{
  left:auto !important; right:6px !important; color:var(--e-yellow) !important;
}
.e-faq .accordion-body{ padding:0 0 26px !important; color:#a1a1a6; font-size:16.5px; }

/* ============ BLOG ============ */
.e-posts{ background:#000; padding:clamp(84px,12vh,120px) 0; }
.e-post-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; max-width:1080px; margin:0 auto; padding:0 24px; }
.e-post{
  border-radius:22px; overflow:hidden; background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09); display:flex; flex-direction:column;
  transition:transform .4s var(--e-ease), border-color .4s var(--e-ease);
}
.e-has-pointer .e-post:hover{ transform:translateY(-5px); border-color:rgba(255,255,255,.2); }
.e-post .thumb{ aspect-ratio:16/10; overflow:hidden; }
.e-post .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform 1.1s var(--e-ease); }
.e-has-pointer .e-post:hover .thumb img{ transform:scale(1.05); }
.e-post .body{ padding:24px 26px 28px; display:flex; flex-direction:column; flex:1; }
.e-post .date{ font-size:12.5px; color:#86868b; margin-bottom:8px; }
.e-post h3{ font-size:20px; font-weight:600; letter-spacing:-.02em; margin:0 0 10px; }
.e-post h3 a{ color:#f5f5f7; }
.e-post p{ font-size:15px; color:#a1a1a6; margin:0 0 16px; }
.e-post .e-link{ margin-top:auto; }

/* ============ KAPANIŞ ============ */
.e-closing{
  background:#000; text-align:center; position:relative; overflow:hidden;
  padding:clamp(110px,18vh,180px) 20px calc(clamp(110px,18vh,180px) + env(safe-area-inset-bottom));
}
.e-closing:before{
  content:''; position:absolute; left:50%; top:50%; width:130vw; height:90vh; transform:translate(-50%,-50%);
  background:radial-gradient(ellipse, rgba(242,183,5,.15) 0%, rgba(0,0,0,0) 62%);
}
.e-closing .inner{ position:relative; z-index:2; max-width:840px; margin:0 auto; }
.e-closing h2{ font-size:clamp(34px,6.4vw,74px); letter-spacing:-.045em; color:#fff; margin:0 0 16px; line-height:1.02; }
.e-closing p{ font-size:clamp(16px,2vw,20px); color:#a1a1a6; margin:0 0 32px; }
.e-closing .cta-row{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
@media(max-width:767px){ .e-closing{ padding-bottom:calc(150px + env(safe-area-inset-bottom)); } }

/* ============ Ortak yardımcılar ============ */
.e-wrap{ max-width:1080px; margin:0 auto; padding:0 24px; }
.e-center{ text-align:center; }
.e-eyebrow{ font-size:clamp(14px,1.6vw,17px); font-weight:600; color:var(--e-yellow); margin:0 0 10px; }
.e-title{ font-size:clamp(29px,4.6vw,54px); letter-spacing:-.04em; margin:0 0 16px; line-height:1.05; color:#f5f5f7; }
.e-sub{ font-size:clamp(16px,1.9vw,19px); color:#86868b; max-width:640px; margin:0 auto; }
.e-head-left .e-sub{ margin:0; }
@media(max-width:767px){ .e-wrap,.e-rail-head,.e-price-grid,.e-card-grid,.e-quote-grid,.e-post-grid,.e-metrics .grid,.e-faq .wrap{ padding-left:22px; padding-right:22px; } }

/* Anasayfada footer de koyu kalsın */
.e-home ~ footer .enzo-footer,
.enzo-footer{ background:#000; }

/* Mıknatıs butonlar (JS ile) */
[data-e-magnet]{ transition:transform .28s var(--e-ease); will-change:transform; }

@media (prefers-reduced-motion:reduce){
  .e-hero-car,.e-stage-media img,.e-cinema .bg,[data-e-magnet]{ transition:none !important; transform:none !important; }
  .e-scroll-hint .dot:after{ animation:none; }
}

/* Koyu zeminde çerçeveli buton */
.e-home .button.border,
.enzo-footer .button.border{
  border:1px solid rgba(255,255,255,.34) !important;
  color:#f5f5f7 !important;
  background:transparent;
}
.e-home .button.border:hover,
.enzo-footer .button.border:hover{
  background:rgba(255,255,255,.12) !important; color:#fff !important;
}
/* Koyu zeminde ok bağlantısı */
.e-home .e-link{ color:var(--e-yellow-lt); }
.e-home .e-link:hover{ color:#ffe58a; }

/* =========================================================
   MOBİL İNCE AYAR
   ========================================================= */
/* svh desteklemeyen tarayıcılar için JS'in ölçtüğü gerçek yükseklik */
@supports not (height: 100svh){
  .e-hero{ min-height:calc(var(--e-vh,1vh) * 100 - 52px); }
  .e-stage-sticky{ height:calc(var(--e-vh,1vh) * 100); }
  .e-cinema{ height:calc(var(--e-vh,1vh) * 88); }
}

@media(max-width:900px){
  /* Sahne yolu mobilde biraz kısalsın: 4 adım daha çabuk aksın */
  .e-stage-track{ height:340vh !important; height:340svh !important; }
  @supports not (height: 100svh){ .e-stage-track{ height:calc(var(--e-vh,1vh) * 340) !important; } }
}

@media(max-width:767px){
  .e-subnav{ top:48px; }
  .e-subnav .inner{ height:46px; padding:0 18px; }
  .e-subnav .cta{ margin-left:auto; padding:7px 14px; }

  /* Dokunmatikte hedef alanları büyüt */
  .e-home .e-link{ padding:6px 0; font-size:16px; }
  .e-home .button{ padding:14px 26px !important; }
  .e-closing .cta-row .button{ width:100%; max-width:340px; }

  /* Bölüm boşlukları */
  .e-rail-wrap,.e-pricing,.e-cards,.e-quotes,.e-faq,.e-posts{ padding:74px 0; }
  .e-metrics{ padding:64px 0; }
  .e-metrics .grid{ grid-template-columns:repeat(2,1fr); gap:30px 16px; }
  .e-metric strong{ font-size:clamp(34px,10vw,44px); }

  /* Kartlar tek kolon ve daha sıkı */
  .e-price-grid,.e-card-grid,.e-quote-grid,.e-post-grid{ grid-template-columns:1fr; gap:14px; }
  .e-card,.e-quote{ padding:26px 24px; border-radius:20px; }
  .e-post{ border-radius:20px; }

  /* WhatsApp düğmesi alt ortada — son bölüm onun altında kalmasın */
  .enzo-footer-bottom{ padding-bottom:calc(96px + env(safe-area-inset-bottom)); }
}

/* Dokunmatikte hover efektlerini kapat (yapışkan hover sorunu) */
@media(hover:none){
  .e-price:hover,.e-card:hover,.e-post:hover{ transform:none; }
  .e-rail-item:hover img{ transform:none; }
}

/* =========================================================
   YÜZEN SÜSLEMELER (yüzük / çiçek madalyonları, altın yüzükler)
   ========================================================= */
.e-orn{
  position:absolute; z-index:1; pointer-events:none; user-select:none;
  border-radius:50%; will-change:transform;
  opacity:.9;
  box-shadow:0 26px 60px rgba(0,0,0,.6), 0 0 0 1px rgba(242,183,5,.28), 0 0 40px rgba(242,183,5,.14);
}
.e-orn-1{ width:clamp(120px,15vw,230px); left:3vw;  top:16%; }
.e-orn-2{ width:clamp(110px,13vw,200px); right:4vw; top:54%; }
@media(max-width:900px){
  .e-orn{ opacity:.72; }
  .e-orn-1{ width:110px; left:-14px; top:9%; }
  .e-orn-2{ width:100px; right:-10px; top:26%; }
}

.e-rings{
  position:absolute; left:50%; transform:translateX(-50%);
  top:clamp(28px,6vh,72px); width:clamp(96px,11vw,168px); height:auto;
  z-index:1; opacity:.9; pointer-events:none; will-change:transform;
  filter:drop-shadow(0 8px 26px rgba(242,183,5,.28));
}
@media(max-width:767px){ .e-rings{ width:84px; top:26px; opacity:.75; } }

/* Ekstra yüksek sinematik blok */
.e-cinema-tall{ height:96vh; height:96svh; }
@supports not (height: 100svh){ .e-cinema-tall{ height:calc(var(--e-vh,1vh) * 96); } }
@media(max-width:767px){ .e-cinema-tall{ height:auto; min-height:82svh; padding-top:38svh; } }

/* =========================================================
   DÜZELTMELER
   ========================================================= */

/* 1) SSS: şablonun beyaz akordeon kuralları koyu temayı eziyordu */
.e-home .e-faq .accordion .accordion-item,
.e-home .e-faq .accordion-item{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  border-radius:0 !important;
}
.e-home .e-faq .accordion .accordion-header{ background:transparent !important; margin:0; }
.e-home .e-faq .accordion .accordion-header .accordion-button,
.e-home .e-faq .accordion .accordion-header .accordion-button.collapsed,
.e-home .e-faq .accordion .accordion-header .accordion-button:not(.collapsed){
  background:transparent !important;
  background-color:transparent !important;
  color:#f5f5f7 !important;
  border:none !important;
  box-shadow:none !important;
  font-family:var(--e-font) !important;
  font-size:clamp(17px,2vw,20px) !important;
  font-weight:500 !important;
  letter-spacing:-.02em;
  padding:24px 54px 24px 0 !important;
  text-align:left;
}
.e-home .e-faq .accordion .accordion-header .accordion-button:hover{ color:var(--e-yellow-lt) !important; }
.e-home .e-faq .accordion .accordion-header .accordion-button:after,
.e-home .e-faq .accordion .accordion-header .accordion-button.collapsed:after{
  left:auto !important; right:8px !important; color:var(--e-yellow) !important; font-size:15px !important;
}
.e-home .e-faq .accordion-collapse,
.e-home .e-faq .accordion-body{
  background:transparent !important;
  color:#a1a1a6 !important;
  font-size:16.5px !important;
  padding:0 40px 26px 0 !important;
  border:none !important;
}
.e-home .e-faq .accordion-body *{ color:#a1a1a6 !important; }

/* 2) Koyu bölümlerdeki tüm metinler okunur olsun */
.e-home .e-quote p,.e-home .e-quote .who{ color:#f0f0f4 !important; }
.e-home .e-card p,.e-home .e-post p{ color:#a1a1a6 !important; }

/* =========================================================
   HERO — sinematik giriş
   ========================================================= */
.e-hero-bg{
  position:absolute; inset:0; z-index:0;
  background-size:cover; background-position:center 38%;
  opacity:0; transform:scale(1.08);
  transition:opacity 2.4s var(--e-ease), transform 4.5s var(--e-ease);
}
.e-hero.is-ready .e-hero-bg{ opacity:.55; transform:scale(1); }
.e-hero-bg:after{
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(120% 80% at 50% 42%, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 55%, #000 88%),
    linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.25) 34%, #000 92%);
}
.e-petals{
  position:absolute; inset:0; z-index:2; pointer-events:none; width:100%; height:100%;
  opacity:0; transition:opacity 1.6s var(--e-ease) .6s;
}
.e-hero.is-ready .e-petals{ opacity:1; }

/* Giriş animasyonu: sahneye sırayla giriş */
.e-hero .eyebrow,
.e-hero .lead,
.e-hero .e-price-pill,
.e-hero .e-hero-cta{
  opacity:0; transform:translateY(18px);
  transition:opacity .9s var(--e-ease), transform .9s var(--e-ease);
}
.e-hero h1 .e-line{ display:block; overflow:hidden; }
.e-hero h1 .e-line > span{
  display:block; transform:translateY(105%); opacity:0;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1), opacity .9s var(--e-ease);
}
.e-hero .e-hero-car{
  opacity:0; transform:translateY(46px) scale(.96);
  transition:opacity 1.3s var(--e-ease), transform 1.5s cubic-bezier(.2,.7,.2,1);
}
.e-hero .e-hero-floor{ opacity:0; transition:opacity 1.6s var(--e-ease) .5s; }
.e-hero .e-orn{ opacity:0 !important; transition:opacity 1.6s var(--e-ease) 1s, transform .1s linear; }

.e-hero.is-ready .eyebrow{ opacity:1; transform:none; transition-delay:.15s; }
.e-hero.is-ready h1 .e-line:nth-child(1) > span{ transform:none; opacity:1; transition-delay:.28s; }
.e-hero.is-ready h1 .e-line:nth-child(2) > span{ transform:none; opacity:1; transition-delay:.40s; }
.e-hero.is-ready .lead{ opacity:1; transform:none; transition-delay:.58s; }
.e-hero.is-ready .e-price-pill{ opacity:1; transform:none; transition-delay:.70s; }
.e-hero.is-ready .e-hero-cta{ opacity:1; transform:none; transition-delay:.82s; }
.e-hero.is-ready .e-hero-car{ opacity:1; transform:none; transition-delay:.34s; }
.e-hero.is-ready .e-hero-floor{ opacity:1; }
.e-hero.is-ready .e-orn{ opacity:.9 !important; }
@media(max-width:900px){ .e-hero.is-ready .e-orn{ opacity:.72 !important; } }

/* Nokta işareti */
.e-hero .eyebrow{ display:inline-flex; align-items:center; gap:9px; }
.e-dot{
  width:7px; height:7px; border-radius:50%; background:var(--e-yellow);
  box-shadow:0 0 0 0 rgba(242,183,5,.55); animation:eDot 2.6s var(--e-ease) infinite;
}
@keyframes eDot{ 0%{box-shadow:0 0 0 0 rgba(242,183,5,.5);} 70%{box-shadow:0 0 0 12px rgba(242,183,5,0);} 100%{box-shadow:0 0 0 0 rgba(242,183,5,0);} }

/* Sabit fiyat rozeti */
.e-price-pill{
  display:inline-flex; align-items:center; gap:16px; margin:0 auto 30px;
  padding:14px 26px 14px 22px; border-radius:980px;
  background:linear-gradient(120deg, rgba(242,183,5,.2), rgba(255,255,255,.05));
  border:1px solid rgba(242,183,5,.45);
  box-shadow:0 18px 46px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.e-price-pill-num{
  font-size:clamp(26px,3.4vw,38px); font-weight:700; letter-spacing:-.04em;
  background:linear-gradient(96deg,#ffe9a8,#f2b705 55%,#ffd451);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  line-height:1;
}
.e-price-pill-txt{ font-size:14px; font-weight:600; color:#e8e8ed; text-align:left; line-height:1.25; letter-spacing:-.01em; }
.e-price-pill-txt small{ font-size:12px; font-weight:500; color:#a1a1a6; letter-spacing:0; }

/* Araç yansıması */
.e-hero-car{ position:relative; }
.e-hero-reflect{
  position:absolute; left:0; right:0; top:100%; height:52%;
  background-size:100% auto; background-position:bottom center; background-repeat:no-repeat;
  transform:scaleY(-1); opacity:.16; pointer-events:none;
  -webkit-mask-image:linear-gradient(to top, transparent 4%, rgba(0,0,0,.85) 96%);
  mask-image:linear-gradient(to top, transparent 4%, rgba(0,0,0,.85) 96%);
  filter:blur(1.5px);
}
@media(max-width:767px){
  .e-hero-reflect{ height:38%; opacity:.12; }
  .e-price-pill{ gap:12px; padding:12px 20px 12px 18px; }
  .e-price-pill-txt{ font-size:12.5px; }
  .e-price-pill-txt small{ font-size:11px; }
  .e-hero .lead{ margin-bottom:20px; }
}

@media (prefers-reduced-motion:reduce){
  .e-hero-bg,.e-petals,.e-hero .eyebrow,.e-hero .lead,.e-hero .e-price-pill,
  .e-hero .e-hero-cta,.e-hero h1 .e-line > span,.e-hero .e-hero-car,.e-hero .e-hero-floor{
    opacity:1 !important; transform:none !important; transition:none !important;
  }
  .e-hero-bg{ opacity:.5 !important; }
  .e-hero .e-orn{ opacity:.8 !important; }
  .e-dot{ animation:none; }
}


/* Kısa ekranlarda hero'yu sıkıştır */
@media(max-width:900px) and (max-height:760px){
  .e-hero{ padding-top:26px; }
  .e-hero h1{ font-size:clamp(32px,10vw,44px); margin-bottom:12px; }
  .e-hero .eyebrow{ font-size:13px; margin-bottom:8px; }
  .e-hero .lead{ font-size:15px; margin-bottom:16px; }
  .e-price-pill{ margin-bottom:18px; padding:10px 18px 10px 16px; }
  .e-price-pill-num{ font-size:24px; }
  .e-hero-cta{ gap:8px 16px; }
  .e-hero-car{ margin-top:-2px; }
}
@media(max-width:420px){
  .e-price-pill{ gap:10px; }
  .e-price-pill-txt br{ display:none; }
  .e-price-pill-txt small{ display:block; }
}
