/* ============================================================
   TAŞLI TARLA URLA — Cinematic Edition (demo5)
   Koyu, editoryal lüks tasarım sistemi · OKLCH + modern CSS
   ============================================================ */

@view-transition { navigation: auto; }

:root{
  /* renk — koyu Ege gecesi */
  --bg:        oklch(15% 0.014 130);
  --bg-2:      oklch(19% 0.018 128);
  --bg-3:      oklch(23% 0.02 126);
  --line:      oklch(30% 0.02 125 / .55);
  --cream:     oklch(93% 0.018 95);
  --cream-dim: oklch(78% 0.024 98 / .72);
  --gold:      oklch(80% 0.115 84);
  --gold-deep: oklch(66% 0.1 78);
  --olive:     oklch(72% 0.11 122);
  --olive-deep:oklch(38% 0.05 128);
  --glass:     oklch(24% 0.02 125 / .6);

  /* tipografi */
  --font-d: "Fraunces", Georgia, serif;
  --font-s: "Instrument Sans", -apple-system, sans-serif;
  --fs-hero: clamp(2.6rem, 7.2vw, 6.2rem);
  --fs-h1:   clamp(2.1rem, 5vw, 4.2rem);
  --fs-h2:   clamp(1.6rem, 3.4vw, 2.6rem);
  --fs-lead: clamp(1.02rem, 1.6vw, 1.25rem);

  --wrap: min(1200px, 92vw);
  --r: 1.1rem;
  --ease: cubic-bezier(.22,.8,.24,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }
body{
  background:var(--bg); color:var(--cream);
  font:400 16px/1.65 var(--font-s);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
::selection{background:var(--gold);color:var(--bg)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:var(--wrap);margin-inline:auto}
h1,h2,h3,.display{font-family:var(--font-d);font-weight:400;letter-spacing:-.015em;line-height:1.08}
.h-hero{font-size:var(--fs-hero);font-weight:340}
.h-1{font-size:var(--fs-h1)}
.h-2{font-size:var(--fs-h2)}
.lead{font-size:var(--fs-lead);color:var(--cream-dim);max-width:56ch}
.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:.7rem;font-weight:500}
.eyebrow::before{content:"";width:2rem;height:1px;background:var(--gold);opacity:.7}
section{position:relative;padding-block:clamp(4rem,9vw,8.5rem)}


/* ---------- NAV ---------- */
.nav{position:fixed;inset-inline:0;top:0;z-index:60;transition:background .45s,box-shadow .45s}
.nav.scrolled{background:oklch(15% 0.014 130 / .88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line)}
.nav__inner{display:flex;align-items:center;gap:2rem;padding-block:1rem}
.brand{display:flex;align-items:center;gap:.65rem;font-family:var(--font-d);font-size:1.12rem;view-transition-name:brand}
.brand .nut{width:2rem;height:2rem;color:var(--gold)}
.brand .nut svg{width:100%;height:100%}
.nav__links{display:flex;gap:1.6rem;list-style:none;margin-inline:auto}
.nav__links a{font-size:.92rem;color:var(--cream-dim);position:relative;padding-block:.3rem;transition:color .3s}
.nav__links a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav__links a:hover,.nav__links a.on{color:var(--cream)}
.nav__links a:hover::after,.nav__links a.on::after{transform:scaleX(1);transform-origin:left}
.nav__cta{font-size:.9rem;font-weight:500;border:1px solid var(--gold);color:var(--gold);padding:.55em 1.4em;border-radius:99px;transition:.35s}
.nav__cta:hover{background:var(--gold);color:var(--bg)}
.burger{display:none;background:none;border:none;cursor:pointer;z-index:70}
.burger span{display:block;width:24px;height:2px;background:var(--cream);margin:5px 0;transition:.35s}
.mnav{position:fixed;inset:0;background:oklch(13% 0.014 130 / .97);backdrop-filter:blur(20px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .4s;z-index:65}
.mnav.open{opacity:1;pointer-events:auto}
.mnav ul{list-style:none;text-align:center;display:grid;gap:1.2rem}
.mnav a{font-family:var(--font-d);font-size:2rem;color:var(--cream)}
body.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .burger span:nth-child(2){opacity:0}
body.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:820px){ .nav__links,.nav__cta{display:none} .burger{display:block;margin-left:auto} }

/* ---------- HERO ---------- */
.hero{min-height:100svh;display:flex;align-items:flex-end;padding-block:0!important}
.hero3d{position:absolute;inset:0;overflow:hidden}
.hero3d canvas{width:100%;height:100%;display:block}
.hero__fallback{position:absolute;inset:0;background-size:cover;background-position:center 68%;filter:brightness(.72) saturate(.92)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}
.hero__content{position:relative;z-index:2;padding-block:0 9vh;width:var(--wrap);margin-inline:auto;will-change:transform,opacity}
.hero__chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.4rem}
.chip{font-size:.78rem;letter-spacing:.06em;padding:.42em 1em;border:1px solid var(--line);border-radius:99px;background:oklch(20% 0.02 125 / .45);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:.45em}
/* WebGL canvas üzerindeki backdrop-filter, her karede blur yeniden hesaplatır → scroll takılması.
   Hero içindekilerde blur yerine daha opak zemin kullanılır. */
.hero__content .chip,.hero__content .btn-ghost{backdrop-filter:none;-webkit-backdrop-filter:none;background:oklch(18% 0.018 125 / .82)}
.chip svg{width:.95em;height:.95em;color:var(--gold)}
.hero .h-hero{max-width:16ch;text-wrap:balance}
.hero .lead{margin-top:1.4rem}
.hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.2rem}
.scroll-hint{position:absolute;inset-inline:0;bottom:2.2rem;display:grid;justify-items:center;gap:.5rem;z-index:2;color:var(--cream-dim);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase}
.scroll-hint i{width:1px;height:44px;background:linear-gradient(var(--gold),transparent);display:block;animation:hint 2.2s var(--ease) infinite}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- BUTONLAR ---------- */
.btn{display:inline-flex;align-items:center;gap:.6em;font:500 .95rem var(--font-s);padding:.85em 1.9em;border-radius:99px;cursor:pointer;border:none;transition:transform .35s var(--ease),box-shadow .35s,background .35s,color .35s}
.btn svg{width:1em;height:1em;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{background:var(--gold);color:oklch(20% 0.03 90)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px oklch(70% 0.11 84 / .5)}
.btn-ghost{border:1px solid var(--line);color:var(--cream);background:oklch(22% 0.02 125 / .35);backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.btn-block{width:100%;justify-content:center}
.rating-badge{display:inline-flex;align-items:center;gap:.4em}
.rating-badge svg{width:.9em;height:.9em;color:var(--gold)}

/* ---------- İSTATİSTİK ŞERİDİ ---------- */
.stats{background:var(--bg-2);border-block:1px solid var(--line);padding-block:2.6rem!important}
.stats__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;text-align:center}
.stats b{display:block;font:340 clamp(1.9rem,3.6vw,3rem) var(--font-d);color:var(--gold)}
.stats span{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim)}
@media(max-width:760px){ .stats__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem 1rem} .stats__grid > :nth-child(5){grid-column:1/-1} }

/* ---------- SEKSIYON BAŞLIKLARI ---------- */
.sec-head{display:grid;gap:1rem;margin-bottom:clamp(2.4rem,5vw,4rem)}
.sec-head.center{justify-items:center;text-align:center}
.sec-head .lead{max-width:52ch}

/* ---------- 3D TILT KARTLAR ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}
.tilt{position:relative;background:linear-gradient(160deg,var(--bg-2),var(--bg-3));border:1px solid var(--line);border-radius:var(--r);padding:2rem 1.7rem;transform-style:preserve-3d;will-change:transform;transition:border-color .4s}
.tilt:hover{border-color:oklch(60% 0.09 95 / .6)}
.tilt .ico{width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;background:oklch(70% 0.11 122 / .12);color:var(--gold);margin-bottom:1.3rem;transform:translateZ(34px)}
.tilt .ico svg{width:1.5rem;height:1.5rem}
.tilt h3{font-size:1.28rem;margin-bottom:.6rem;transform:translateZ(26px)}
.tilt p{font-size:.92rem;color:var(--cream-dim);transform:translateZ(18px)}

/* ---------- HAKKINDA ---------- */
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.about__media{position:relative}
.about__media > img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;width:100%}
.about__media::before{content:"";position:absolute;inset:-1.2rem auto auto -1.2rem;width:55%;height:55%;border:1px solid oklch(60% 0.09 95 / .35);border-radius:var(--r);z-index:-1}
.host-card{position:absolute;left:1.2rem;bottom:1.2rem;right:1.2rem;display:flex;align-items:center;gap:.9rem;background:oklch(18% 0.016 128 / .72);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:1rem;padding:.9rem 1.1rem}
.host-card img{width:2.8rem;height:2.8rem;border-radius:99px;object-fit:cover}
.host-card b{display:block;font-size:.92rem}
.host-card span{font-size:.78rem;color:var(--cream-dim)}
.host-card .rating-badge{margin-left:auto;font-size:.85rem}
.check-list{list-style:none;display:grid;gap:.75rem;margin-top:1.4rem}
.check-list li{display:flex;gap:.7rem;align-items:center;font-size:.95rem;color:var(--cream-dim)}
.check-list svg{width:1.05rem;height:1.05rem;color:var(--gold);flex:none}
.distances{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.6rem}
.chip--solid{background:oklch(70% 0.11 122 / .14);border-color:transparent;color:var(--cream)}
@media(max-width:900px){ .about{grid-template-columns:1fr} }

/* ---------- YATAY GALERİ ---------- */
.film{overflow:hidden;padding-block:0!important}
.film__track{display:flex;gap:1.1rem;padding-inline:4vw;width:max-content;will-change:transform}
.film figure{flex:none;width:clamp(240px,30vw,380px);position:relative}
.film img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r);filter:saturate(.94);transition:filter .5s}
.film figure:hover img{filter:saturate(1.12)}
.film figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:2.2rem 1rem .9rem;font-size:.78rem;color:var(--cream);background:linear-gradient(transparent,oklch(13% 0.014 130 / .85));border-radius:0 0 var(--r) var(--r)}
.film figcaption b{color:var(--gold);font-weight:500}

/* ---------- GALERİ GRID + LIGHTBOX ---------- */
.gal-grid{columns:3 260px;column-gap:1rem}
.gal-grid figure{break-inside:avoid;margin-bottom:1rem;position:relative;border-radius:var(--r);overflow:hidden;cursor:zoom-in}
.gal-grid img{width:100%;transition:transform .8s var(--ease)}
.gal-grid figure:hover img{transform:scale(1.05)}
.gal-grid figcaption{position:absolute;inset:auto 0 0;padding:2rem .9rem .8rem;font-size:.75rem;background:linear-gradient(transparent,oklch(13% 0.014 130 / .88));opacity:0;transition:opacity .4s}
.gal-grid figure:hover figcaption{opacity:1}
.lightbox{position:fixed;inset:0;z-index:90;background:oklch(10% 0.012 130 / .94);backdrop-filter:blur(10px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .35s}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:.8rem;box-shadow:0 30px 80px oklch(0% 0 0 / .6)}
.lightbox button{position:absolute;background:none;border:none;color:var(--cream);cursor:pointer;padding:1rem}
.lightbox button svg{width:1.6rem;height:1.6rem}
.lb-x{top:1rem;right:1rem}
.lb-prev{left:.5rem;top:50%;transform:translateY(-50%)}
.lb-next{right:.5rem;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;top:1.6rem;left:1.6rem;font-size:.85rem;color:var(--cream-dim)}


/* ---------- OLANAKLAR / KONUM ---------- */
.amen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.9rem}
.amen{display:flex;gap:1rem;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;transition:transform .4s var(--ease),border-color .4s}
.amen:hover{transform:translateY(-4px);border-color:oklch(60% 0.09 95 / .55)}
.amen .ico{width:2.6rem;height:2.6rem;flex:none;border-radius:.8rem;display:grid;place-items:center;background:oklch(70% 0.11 122 / .12);color:var(--gold)}
.amen .ico svg{width:1.3rem;height:1.3rem}
.amen b{display:block;font-size:.98rem}
.amen span{font-size:.82rem;color:var(--cream-dim)}
.notice{display:flex;gap:1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.4rem;font-size:.92rem;color:var(--cream-dim);margin-top:1rem}
.notice svg{width:1.4rem;height:1.4rem;color:var(--gold);flex:none;margin-top:.15rem}
.notice strong{color:var(--cream)}
.dist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem;margin-block:2rem}
.dist-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;display:grid;gap:.35rem;justify-items:start}
.dist-card .ico{width:2.4rem;height:2.4rem;border-radius:.7rem;display:grid;place-items:center;background:oklch(70% 0.11 122 / .12);color:var(--gold);margin-bottom:.4rem}
.dist-card .ico svg{width:1.2rem;height:1.2rem}
.dist-card b{font-size:.98rem}
.dist-card span{font-size:.85rem;color:var(--gold)}
.map-wrap{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);filter:grayscale(.85) invert(.9) hue-rotate(60deg) brightness(.9)}
.map-wrap iframe{width:100%;height:420px;border:0;display:block}
.info-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);margin-top:3rem}
@media(max-width:820px){ .info-cols{grid-template-columns:1fr} }

/* ---------- REZERVASYON ---------- */
.book-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:1.4rem;align-items:start}
.form-card,.price-panel{background:linear-gradient(165deg,var(--bg-2),var(--bg-3));border:1px solid var(--line);border-radius:calc(var(--r) + .2rem);padding:clamp(1.4rem,3vw,2.2rem)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field--full{grid-column:1/-1}
.field label{display:block;font-size:.8rem;font-weight:500;color:var(--cream-dim);margin-bottom:.4rem;letter-spacing:.04em}
.field input,.field textarea,.field select{width:100%;background:oklch(13% 0.014 130 / .6);border:1px solid var(--line);border-radius:.7rem;color:var(--cream);font:inherit;padding:.75rem .9rem;transition:border-color .3s,box-shadow .3s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px oklch(70% 0.11 84 / .18)}
.field textarea{min-height:96px;resize:vertical}
.field input[type=date]{color-scheme:dark}
.stepper{display:flex;align-items:center;gap:1.2rem}
.stepper button{width:2.6rem;height:2.6rem;border-radius:99px;border:1px solid var(--line);background:none;color:var(--cream);font-size:1.2rem;cursor:pointer;transition:.3s}
.stepper button:hover{border-color:var(--gold);color:var(--gold)}
.stepper b{font:500 1.3rem var(--font-d);min-width:2ch;text-align:center}
.consent{display:flex;gap:.7rem;font-size:.82rem;color:var(--cream-dim);align-items:flex-start;cursor:pointer}
.consent input{margin-top:.2rem;accent-color:var(--gold)}
.form-error{display:none;background:oklch(45% 0.14 25 / .15);border:1px solid oklch(55% 0.16 25 / .5);color:oklch(82% 0.08 25);border-radius:.7rem;padding:.8rem 1rem;font-size:.88rem;margin-bottom:1rem}
.form-error.show{display:block}

.price-panel{position:sticky;top:5.5rem;overflow:hidden;padding:0}
.price-panel__head img{width:100%;aspect-ratio:16/9;object-fit:cover}
.price-panel__body{padding:1.5rem}
.pp-title{display:flex;align-items:center;justify-content:space-between;font:400 1.25rem var(--font-d);margin-bottom:.4rem}
.pp-stay{font-size:.9rem;color:var(--gold);margin-bottom:1.2rem;min-height:1.3em}
.pp-row{display:flex;justify-content:space-between;gap:1rem;padding-block:.7rem;border-bottom:1px dashed var(--line);font-size:.92rem}
.pp-row dt{color:var(--cream-dim)}
.pp-row dd{font-weight:500}
.pp-row small{display:block;font-size:.75rem;color:var(--cream-dim)}
.pp-row.total{border-bottom:none;padding-top:1rem}
.pp-row.total b{font:500 1.15rem var(--font-d)}
.pp-row.total dd{font:500 1.4rem var(--font-d);color:var(--gold)}
.pp-note{font-size:.78rem;color:var(--cream-dim);margin-block:.8rem 1.2rem}
.pp-perks{list-style:none;display:grid;gap:.55rem}
.pp-perks li{display:flex;gap:.6rem;align-items:center;font-size:.85rem;color:var(--cream-dim)}
.pp-perks svg{width:.95rem;height:.95rem;color:var(--gold)}
@media(max-width:900px){ .book-layout{grid-template-columns:1fr} .price-panel{position:static} }
@media(max-width:560px){ .form-grid{grid-template-columns:1fr} }

/* ---------- MODAL ---------- */
.modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:oklch(10% 0.012 130 / .8);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s}
.modal.open{opacity:1;pointer-events:auto}
.modal__card{width:min(480px,92vw);background:var(--bg-2);border:1px solid var(--line);border-radius:calc(var(--r) + .3rem);padding:2.2rem;text-align:center;transform:translateY(14px);transition:transform .45s var(--ease)}
.modal.open .modal__card{transform:none}
.modal__badge{width:3.6rem;height:3.6rem;margin:0 auto 1.2rem;border-radius:99px;display:grid;place-items:center;background:oklch(70% 0.11 122 / .16);color:var(--gold)}
.modal__badge svg{width:1.7rem;height:1.7rem}
.modal h3{font-size:1.5rem;margin-bottom:.6rem}
.modal p{font-size:.92rem;color:var(--cream-dim);margin-bottom:1.4rem}
.suc-summary{background:oklch(13% 0.014 130 / .55);border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.2rem;font-size:.85rem;text-align:left;display:grid;gap:.3rem;margin-bottom:1.4rem}
.modal__actions{display:grid;gap:.7rem}

/* ---------- FOOTER ---------- */
.footer{border-top:1px solid var(--line);background:var(--bg-2);padding-block:3.5rem 2rem}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem}
.footer .brandline{display:flex;align-items:center;gap:.6rem;font-family:var(--font-d);font-size:1.1rem;margin-bottom:.9rem}
.footer .brandline .nut{width:1.8rem;height:1.8rem;color:var(--gold)}
.footer .brandline .nut svg{width:100%;height:100%}
.footer p{font-size:.9rem;color:var(--cream-dim);max-width:34ch}
.footer h4{font:500 .78rem var(--font-s);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.footer ul{list-style:none;display:grid;gap:.55rem}
.footer ul a{font-size:.92rem;color:var(--cream-dim);transition:color .3s}
.footer ul a:hover{color:var(--gold)}
.footer__contact{display:flex;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}
.footer__contact a{display:inline-flex;align-items:center;gap:.45em;font-size:.85rem;color:var(--cream-dim);transition:color .3s}
.footer__contact a:hover{color:var(--gold)}
.footer__contact svg{width:1rem;height:1rem}
.footer__bottom{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);margin-top:3rem;padding-top:1.4rem;font-size:.78rem;color:var(--cream-dim)}
.regchip{display:inline-flex;align-items:center;gap:.4em}
.regchip svg{width:.95rem;height:.95rem;color:var(--gold)}
@media(max-width:820px){ .footer__grid{grid-template-columns:1fr} }

/* ---------- REVEAL / MOTION ---------- */
[data-reveal]{opacity:0;transform:translateY(34px)}
[data-reveal].in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none}
  .scroll-hint i{animation:none}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ---------- SAYFA GEÇİŞİ (View Transitions fallback + giriş animasyonu) ---------- */
@supports not (view-transition-name: none){
  body{animation:pagein .6s var(--ease)}
}
@keyframes pagein{from{opacity:0}to{opacity:1}}
::view-transition-old(root){animation:vt-out .28s var(--ease) both}
::view-transition-new(root){animation:vt-in .45s var(--ease) both}
@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}







/* ---------- küçük ekler ---------- */
.no-scroll{overflow:hidden}
.muted{color:var(--cream-dim);font-weight:400}
.suc-summary div{display:flex;justify-content:space-between;gap:1rem}
.suc-summary span{color:var(--cream-dim)}
.suc-summary .price{color:var(--gold)}
.page-hero{min-height:62svh;display:flex;align-items:flex-end;padding-block:0!important}
.page-hero .hero__content{padding-block:0 7vh}
.page-hero .h-1{max-width:20ch}
@media(max-width:820px){ .page-hero{min-height:52svh} }