/* ==========================================================
   KLEOPATRA LUXURY HOTEL — main stylesheet
   Renk/tipografi değişkenleri panelden üretilir (inline).
   Buradaki :root değerleri yalnızca yedektir.
   ========================================================== */
:root{
  --sand:#F2ECE2; --sand-2:#EAE2D5; --cream:#FBF8F3; --panel:#FFFFFF;
  --ink:#2A2521; --ink-soft:#4A423A; --muted:#7A7065;
  --amber:#BF7838; --amber-2:#DDA162;
  --deep:#17384A; --deep-2:#0F2733;
  --line:rgba(42,37,33,.16); --line-soft:rgba(42,37,33,.09);
  --onDeep:#F4EDE3; --onDeep-muted:rgba(244,237,227,.66);
  --shadow:0 24px 60px -32px rgba(42,37,33,.38);
  --rail:1340px; --pad:clamp(18px,4.2vw,64px);
  --dock-h:78px; --hdr-h:104px;
  --f-display:Georgia,"Times New Roman",serif;
  --f-body:-apple-system,"Segoe UI",sans-serif;
  --f-script:cursive;
  --f-hand:cursive;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]).kl-dark-auto{
    --sand:#15120F; --sand-2:#1C1814; --cream:#1E1A16; --panel:#221D19;
    --ink:#F1E9DE; --ink-soft:#D8CCBE; --muted:#A79A8A;
    --amber:#D9944F; --amber-2:#E7B37A;
    --deep:#0E2B39; --deep-2:#081C26;
    --line:rgba(241,233,222,.18); --line-soft:rgba(241,233,222,.10);
    --shadow:0 24px 60px -32px rgba(0,0,0,.7);
  }
}

*{box-sizing:border-box}
ul,ol{list-style:none;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-bottom:calc(var(--dock-h,78px) + 20px)}
body{
  margin:0;background:var(--sand);color:var(--ink);
  font-family:var(--f-body);font-weight:300;font-size:15px;line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  padding-bottom:var(--dock-h);
}
img,svg,video,iframe{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
::selection{background:var(--amber);color:#fff}
p{margin:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);
  white-space:nowrap}
.skip-link{position:absolute;left:-9999px;z-index:200;padding:12px 20px;background:var(--amber);color:#fff}
.skip-link:focus{left:12px;top:12px}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--f-display);font-weight:300;margin:0;text-wrap:balance;letter-spacing:.005em}
.display{font-size:clamp(2.1rem,4.6vw,4rem);line-height:1.08}
.h2{font-size:clamp(1.85rem,3.4vw,3.05rem);line-height:1.12}
.h3{font-size:clamp(1.4rem,2.1vw,1.95rem);line-height:1.2}
/* El yazısı vurgular — "Kleopatra" imzasıyla aynı aile ve ağırlık. */
.script,.hand-accent{font-family:var(--f-hand);color:var(--amber);font-weight:700;line-height:.98;
  font-size:1.42em;display:inline-block;padding-right:.08em;
  text-shadow:0 3px 22px rgba(30,22,14,.18)}
.eyebrow{font-size:.63rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);font-weight:400}
.lede{color:var(--ink-soft);max-width:46ch}
.small{font-size:.8rem;color:var(--muted);line-height:1.7}
.entry-content{max-width:70ch}
.entry-content p{margin-bottom:1.1em}
.entry-content h2,.entry-content h3{margin:1.4em 0 .5em}
.entry-content a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.entry-content ul,.entry-content ol{margin:0 0 1.1em 1.2em}
.entry-content li{list-style:disc;margin-bottom:.3em}
.entry-content ol li{list-style:decimal}
.entry-content img{margin:1.4em 0}
.entry-content blockquote{border-left:2px solid var(--amber);padding-left:20px;margin:1.4em 0;
  font-family:var(--f-display);font-size:1.2rem;font-style:italic}

/* ---------- links & buttons ---------- */
.link{display:inline-flex;flex-direction:column;gap:7px;align-items:flex-start;
  font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);font-weight:400}
.link::after{content:"";height:1px;width:100%;min-width:96px;background:var(--amber);
  transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.link:hover::after{transform:scaleX(1.35)}
.link--onDeep{color:var(--onDeep)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  background:var(--amber);color:#fff;padding:15px 30px;
  font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:400;
  transition:filter .35s ease,transform .35s ease;border:0;cursor:pointer}
.btn:hover{filter:brightness(.9);transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn--ghost:hover{background:var(--ink);color:var(--sand);filter:none}

/* ---------- layout ---------- */
.rail{max-width:var(--rail);margin-inline:auto;padding-inline:var(--pad);width:100%}
.band{padding-block:clamp(56px,7.5vw,116px)}
.grid{display:grid;gap:clamp(22px,3vw,48px)}
.stack{display:flex;flex-direction:column}
/* Bölümler varsayılan olarak GÖRÜNÜR. Belirme animasyonu yalnızca JS
   çalışıyorsa devreye girer — betik yüklenmezse içerik yine de görünür. */
.reveal{opacity:1;transform:none}
.kl-js .reveal{opacity:0;transform:translateY(26px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.kl-js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .kl-js .reveal{opacity:1;transform:none;transition:none}
  *{animation-duration:.001ms!important;transition-duration:.05ms!important}
}

/* ==========================================================
   GÖRSELLER — resim yoksa zarif yer tutucu deseni gösterilir
   ========================================================== */
.ph{position:relative;overflow:hidden;background:var(--sand-2);isolation:isolate}
.ph>img,.ph>video,.ph>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;border:0}
.ph>.ph-tag{position:absolute;left:12px;bottom:11px;z-index:6;display:inline-flex;gap:.5em;align-items:center;
  font-size:.53rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;
  background:rgba(20,16,12,.42);backdrop-filter:blur(6px);padding:5px 9px;border-radius:2px;opacity:.72}
body.no-tags .ph-tag{display:none}
.ph-art{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.ph::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,16,12,.16),transparent 34%,transparent 62%,rgba(20,16,12,.3))}
.ph--plain::after{background:none}

.ph--sunset{background:
  radial-gradient(58% 42% at 64% 44%,rgba(255,232,178,.98),rgba(255,196,116,.7) 26%,rgba(226,142,82,0) 62%),
  linear-gradient(180deg,#33536e 0%,#6d6a7c 22%,#b8815f 42%,#e0a068 51%,#7d6f74 53%,#3d5468 68%,#22384b 100%)}
.ph--dusk{background:
  radial-gradient(50% 40% at 30% 38%,rgba(255,214,150,.75),rgba(255,180,110,0) 60%),
  linear-gradient(180deg,#2a4560 0%,#7c6a76 30%,#c98a5f 48%,#8a7370 60%,#25394b 100%)}
.ph--sea{background:linear-gradient(180deg,#9fd0d4 0%,#5fb3bd 26%,#2f8ea0 58%,#1c6b81 100%)}
.ph--deepsea{background:linear-gradient(180deg,#3a6f86 0%,#1f5468 45%,#123c4e 100%)}
.ph--interior{background:
  linear-gradient(180deg,transparent 58%,rgba(56,44,33,.5) 100%),
  radial-gradient(56% 56% at 74% 32%,rgba(255,246,228,.95),rgba(255,240,215,0) 60%),
  linear-gradient(160deg,#d8cbb6 0%,#bcab93 42%,#8d7c66 76%,#5f5142 100%)}
.ph--interior-warm{background:
  linear-gradient(180deg,transparent 55%,rgba(48,36,26,.55) 100%),
  radial-gradient(46% 46% at 22% 26%,rgba(255,236,201,.9),rgba(255,226,180,0) 58%),
  linear-gradient(150deg,#d2c0a8 0%,#ab9679 46%,#6f5f4b 100%)}
.ph--stone{background:
  radial-gradient(70% 60% at 30% 20%,rgba(255,250,240,.7),transparent 60%),
  linear-gradient(140deg,#e4dbcb 0%,#cfc3ae 50%,#b3a48c 100%)}
.ph--food{background:
  radial-gradient(42% 42% at 50% 46%,rgba(255,240,214,.92),rgba(214,176,126,.5) 40%,rgba(60,44,32,0) 72%),
  linear-gradient(150deg,#4a3a2c 0%,#2f2419 55%,#1d1610 100%)}
.ph--spa{background:
  radial-gradient(46% 46% at 26% 34%,rgba(255,212,148,.55),rgba(255,190,120,0) 60%),
  radial-gradient(40% 40% at 78% 62%,rgba(120,190,190,.35),transparent 62%),
  linear-gradient(160deg,#3b3a35 0%,#2b3a3c 48%,#182427 100%)}
.ph--pool{background:
  radial-gradient(60% 40% at 70% 20%,rgba(255,225,170,.6),transparent 60%),
  linear-gradient(180deg,#7f8f92 0%,#57a5ac 40%,#2d7f8e 70%,#1b5a6b 100%)}
.ph--map{background:linear-gradient(160deg,#eee6d8 0%,#e2d8c6 60%,#d5c9b3 100%)}
.ph--tex{background:
  radial-gradient(80% 80% at 50% 40%,rgba(255,252,246,.8),transparent 70%),
  linear-gradient(140deg,#e9e1d2,#d9cfbc)}

.ph-sun{position:absolute;z-index:3;border-radius:50%;
  background:radial-gradient(circle,rgba(255,247,220,1) 0%,rgba(255,224,160,.9) 46%,rgba(255,200,120,0) 72%)}
.ph-glow{position:absolute;z-index:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,205,140,.55),transparent 70%)}
.ph-shimmer{position:absolute;left:0;right:0;z-index:3;height:34%;bottom:0;
  background:repeating-linear-gradient(180deg,rgba(255,238,205,.16) 0 1px,transparent 1px 7px);
  -webkit-mask-image:radial-gradient(60% 100% at 62% 0,#000,transparent 78%);
  mask-image:radial-gradient(60% 100% at 62% 0,#000,transparent 78%)}
.silhouette{color:#191410;opacity:.9}
.silhouette-soft{color:#26201a;opacity:.55}

/* ==========================================================
   HEADER
   ========================================================== */
.hdr{position:fixed;inset:0 0 auto;z-index:110;border-bottom:1px solid transparent;
  transition:background .45s ease,border-color .45s ease}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  height:var(--hdr-h);transition:height .4s ease;color:#fff}
.hdr.solid,.kl-inner .hdr{background:color-mix(in srgb,var(--sand) 92%,transparent);
  backdrop-filter:blur(14px);border-color:var(--line-soft)}
.hdr.solid{--hdr-h:82px}
.hdr.solid .hdr-in,.kl-inner .hdr .hdr-in{color:var(--ink)}
body.menu-open .hdr{background:transparent;border-color:transparent}
body.menu-open .hdr-in{color:var(--ink)}

.menu-btn{display:inline-flex;align-items:center;gap:14px;justify-self:start;padding:10px 0}
.bars{width:38px;height:18px;position:relative;display:block}
.bars i{position:absolute;left:0;height:2px;background:currentColor;transition:.4s cubic-bezier(.2,.7,.2,1)}
.bars i:nth-child(1){top:0;width:38px}
.bars i:nth-child(2){top:8px;width:26px}
.bars i:nth-child(3){top:16px;width:38px}
.menu-btn:hover .bars i:nth-child(2){width:38px}
body.menu-open .bars i:nth-child(1){top:8px;width:38px;transform:rotate(45deg)}
body.menu-open .bars i:nth-child(2){opacity:0;width:0}
body.menu-open .bars i:nth-child(3){top:8px;width:38px;transform:rotate(-45deg)}
.menu-btn .mtxt{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase}

.brand{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1;justify-self:center}
.brand svg{width:20px;height:14px}
.brand img{max-height:66px;width:auto}
.brand b{font-family:var(--f-display);font-weight:400;font-size:clamp(1.3rem,2vw,1.72rem);letter-spacing:.3em;
  text-indent:.3em;text-transform:uppercase;white-space:nowrap}
.brand span{font-size:.62rem;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;opacity:.8}
.hdr.solid .brand img{max-height:52px}

.hdr-tools{display:flex;align-items:center;gap:14px;justify-self:end}
.langs{display:flex;align-items:center;gap:4px;border:1px solid currentColor;padding:3px;border-radius:2px}
.langs a,.langs span{font-size:.74rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;
  padding:8px 12px;opacity:.62;line-height:1;transition:opacity .3s ease,background .3s ease,color .3s ease}
.langs a:hover{opacity:1}
.langs .on,.langs .current-lang{opacity:1;background:var(--amber);color:#fff;font-weight:500}
.hdr.solid .langs .on,.kl-inner .hdr .langs .on,body.menu-open .langs .on{background:var(--amber);color:#fff}

/* full-screen menu */
.overlay{position:fixed;inset:0;z-index:100;background:var(--sand);visibility:hidden;opacity:0;
  transition:opacity .45s ease,visibility .45s;display:grid;
  grid-template-columns:1.15fr .85fr;padding-top:var(--hdr-h);overflow-y:auto}
body.menu-open .overlay{visibility:visible;opacity:1}
.ov-nav{display:flex;flex-direction:column;justify-content:center;gap:0;
  padding:clamp(20px,4vw,60px) var(--pad)}
.ov-nav li{display:block}
.ov-nav a{display:grid;grid-template-columns:38px 1fr auto;gap:18px;align-items:baseline;
  padding:clamp(9px,1.5vw,15px) 0;border-bottom:1px solid var(--line-soft);
  opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1),
  padding-left .4s ease}
body.menu-open .ov-nav a{opacity:1;transform:none}
.ov-nav a:hover{padding-left:12px}
.ov-nav .no{font-size:.58rem;letter-spacing:.18em;color:var(--amber);font-variant-numeric:tabular-nums}
.ov-nav .ttl{font-family:var(--f-display);font-weight:300;font-size:clamp(1.5rem,3.4vw,2.7rem);line-height:1.1;
  transition:color .3s ease}
.ov-nav a:hover .ttl,.ov-nav .current-menu-item>a .ttl{color:var(--amber)}
.ov-nav .hint{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ov-side{position:relative;border-left:1px solid var(--line-soft);display:flex;flex-direction:column}
.ov-side .ph{flex:1;min-height:200px}
.ov-info{padding:clamp(18px,2.4vw,32px);display:flex;flex-direction:column;gap:16px;background:var(--cream)}
.ov-info .row{display:flex;flex-direction:column;gap:4px}
.ov-info .k{font-size:.55rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.ov-info .v{font-size:.9rem;font-family:var(--f-display);color:var(--ink)}
.ov-socials{display:flex;gap:16px;padding-top:4px}
.ov-socials a{color:var(--muted);transition:color .3s}
.ov-socials a:hover{color:var(--amber)}
.ov-socials svg{width:16px;height:16px}

/* ==========================================================
   HERO SLIDER (görsel + video)
   ========================================================== */
.hero{position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;
  min-height:var(--hero-h,92svh);padding-block:150px 90px}
.hero-slides{position:absolute;inset:0;z-index:0}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.hero-slide.on{opacity:1;pointer-events:auto}
.hero-slide .ph{position:absolute;inset:0}
.hero-slide .ph::after{background:none}
.hero-scrim{position:absolute;inset:0;z-index:6;pointer-events:none;
  background:linear-gradient(96deg,rgba(9,15,21,var(--ov,.55)) 0%,rgba(9,15,21,calc(var(--ov,.55) * .6)) 42%,
  rgba(9,15,21,calc(var(--ov,.55) * .18)) 72%)}
.hero-copy{position:relative;z-index:8;width:100%}
.hero-copy .eyebrow{color:rgba(255,255,255,.78)}
.hero h1,.hero .h1{font-size:clamp(2.3rem,6.8vw,5.4rem);line-height:1;letter-spacing:.06em;font-weight:300;
  text-transform:uppercase;text-shadow:0 2px 30px rgba(15,25,35,.35);color:#fff;margin:0}
.hero h1 .hand-accent,.hero .h1 .hand-accent{font-size:1.16em;letter-spacing:0;text-transform:none;
  color:var(--hero-script,var(--amber-2));vertical-align:baseline;margin-left:.12em;
  text-shadow:0 3px 26px rgba(15,25,35,.45)}
.hero .sub{font-size:clamp(.72rem,1.5vw,1rem);letter-spacing:.52em;text-transform:uppercase;
  margin-top:10px;font-weight:200}
.hero .script{font-family:var(--f-hand);font-weight:700;font-size:clamp(1.9rem,4.4vw,2.9rem);
  color:var(--hero-script,var(--amber-2));display:block;margin-top:4px;line-height:1;
  text-shadow:0 2px 22px rgba(15,25,35,.3)}
.hero .place{margin-top:26px;font-size:.63rem;letter-spacing:.36em;text-transform:uppercase;opacity:.9}
.hero .btn{margin-top:30px}
.scroll-cue{position:absolute;left:var(--pad);bottom:34px;z-index:9;display:flex;align-items:center;gap:14px;
  writing-mode:vertical-rl;font-size:.55rem;letter-spacing:.34em;text-transform:uppercase;opacity:.8;color:#fff}
.scroll-cue::after{content:"";width:1px;height:64px;background:currentColor;opacity:.5}
.hero-dots{position:absolute;right:var(--pad);bottom:34px;z-index:9;display:flex;gap:9px}
.hero-dots button{width:28px;height:2px;background:rgba(255,255,255,.4);transition:background .35s ease}
.hero-dots button.on{background:var(--amber-2)}
.hero-arrows{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);z-index:9;
  display:flex;flex-direction:column;gap:10px}
.hero-arrows button{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;
  display:grid;place-items:center;color:#fff;transition:background .3s ease,color .3s ease}
.hero-arrows button:hover{background:#fff;color:var(--ink)}
.hero-arrows svg{width:12px;height:12px}
.hero-mute{position:absolute;left:var(--pad);top:calc(var(--hdr-h) + 20px);z-index:9;
  border:1px solid rgba(255,255,255,.35);border-radius:50%;width:38px;height:38px;display:none;
  place-items:center;color:#fff}
.hero-slide.has-video.on ~ .hero-mute,.hero.has-video .hero-mute{display:grid}
.hero-mute svg{width:15px;height:15px}

/* ==========================================================
   REZERVASYON BARI (masaüstü) + MOBİL PANEL
   ========================================================== */
.dock{position:fixed;left:0;right:0;bottom:var(--nav-h,0px);z-index:96;
  background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);
  border-top:2px solid var(--amber);box-shadow:0 -20px 50px -30px rgba(10,20,26,.7);
  transition:transform .5s cubic-bezier(.2,.7,.2,1)}
body.menu-open .dock{transform:translateY(110%)}
.dock-in{display:flex;align-items:flex-end;gap:clamp(12px,1.9vw,28px);padding-block:9px;flex-wrap:nowrap}
.dock-who{margin-right:auto;display:flex;flex-direction:column;gap:1px;padding-bottom:2px;min-width:0}
.dock-who b{font-family:var(--f-display);font-weight:400;font-size:.98rem;line-height:1.2;color:#FFF8EC;
  white-space:nowrap}
.dock-who span{font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-field{display:flex;flex-direction:column;gap:3px;justify-content:flex-end;min-width:112px}
.bk-field label{font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:var(--onDeep-muted)}
.bk-row{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;
  border-bottom:1px solid rgba(244,237,227,.32);padding-bottom:4px;transition:border-color .3s ease}
.bk-row:focus-within{border-bottom-color:var(--amber-2)}
.bk-row input,.bk-row select{border:0;background:none;font-family:var(--f-body);font-size:.8rem;
  letter-spacing:.08em;color:var(--onDeep);text-transform:uppercase;width:100%;padding:0;
  appearance:none;-webkit-appearance:none;color-scheme:dark}
.bk-row input:focus,.bk-row select:focus{outline:0}
.bk-row select option{color:#2A2521;background:#F4EDE3}
input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;
  opacity:0;cursor:pointer}
input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-clear-button{display:none}
.bk-row svg{width:14px;height:14px;color:var(--amber-2);flex:none}
.bk-range{min-width:224px}
.bk-range .bk-row{gap:10px}
.bk-range .dates{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.bk-range .dates i{font-style:normal;color:rgba(244,237,227,.45);flex:none}
.bk-range .dates .wrap{position:relative;flex:1;min-width:0}
.nights{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-2);
  white-space:nowrap;flex:none}
.dock .btn{padding:12px 26px;white-space:nowrap;font-size:.74rem;font-weight:500;letter-spacing:.14em;
  box-shadow:0 8px 20px -12px rgba(0,0,0,.55)}
.dock-mini{display:none;align-items:center;gap:10px;flex:1 1 auto;min-width:0;text-align:left;
  border-bottom:1px solid rgba(244,237,227,.32);padding:5px 0 7px}
.dock-mini svg{width:15px;height:15px;color:var(--amber-2);flex:none}
.dock-mini b{font-weight:400;font-size:.82rem;letter-spacing:.06em;color:var(--onDeep);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-mini i{font-style:normal;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--amber-2);white-space:nowrap;margin-left:auto}
.dock .btn:hover{filter:brightness(1.06)}
.sheet .btn{font-size:.86rem;font-weight:500;letter-spacing:.14em}

/* mobil rezervasyon paneli (bottom sheet) */
.sheet{position:fixed;inset:0;z-index:130;display:none}
.sheet.on{display:block}
.sheet-bg{position:absolute;inset:0;background:rgba(12,18,22,.55);backdrop-filter:blur(3px)}
.sheet-panel{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--deep),var(--deep-2));
  color:var(--onDeep);border-top:2px solid var(--amber);padding:20px var(--pad) 26px;
  display:flex;flex-direction:column;gap:16px;transform:translateY(100%);
  animation:sheetUp .45s cubic-bezier(.2,.7,.2,1) forwards;max-height:88svh;overflow-y:auto}
@keyframes sheetUp{to{transform:none}}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.sheet-head b{font-family:var(--f-display);font-weight:400;font-size:1.2rem}
.sheet-head button{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-2)}
.sheet .bk-field{width:100%}
.sheet .btn{width:100%;padding-block:16px}

/* ==========================================================
   MOBİL UYGULAMA TARZI ALT NAVİGASYON
   ========================================================== */
.appnav{position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;
  background:var(--cream);border-top:2px solid var(--amber);
  box-shadow:0 -16px 40px -22px rgba(42,37,33,.6);padding-bottom:env(safe-area-inset-bottom)}
.appnav-in{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;height:72px}
.appnav a,.appnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  height:72px;color:var(--ink-soft);transition:color .3s ease}
.appnav a.on{color:var(--amber)}
.appnav a.on svg{stroke-width:1.8}
.appnav svg{width:24px;height:24px}
.appnav span{font-size:.66rem;font-weight:500;letter-spacing:.02em;text-transform:none;line-height:1.1;
  white-space:nowrap}
.appnav .accent{position:relative;justify-content:flex-end;padding-bottom:10px}
.appnav .accent .bubble{position:absolute;top:-26px;left:50%;transform:translateX(-50%);
  width:62px;height:62px;border-radius:50%;background:var(--amber);display:grid;place-items:center;
  box-shadow:0 12px 26px -8px rgba(0,0,0,.5);border:4px solid var(--cream);
  transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.appnav .accent:active .bubble{transform:translateX(-50%) scale(.94)}
.appnav .accent .bubble svg{width:26px;height:26px;color:#fff;stroke-width:1.6}
.appnav .accent span{color:var(--amber);font-weight:600;white-space:nowrap;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;font-size:.6rem}
body.menu-open .appnav{opacity:0;pointer-events:none}

/* ==========================================================
   ANA SAYFA BÖLÜMLERİ
   ========================================================== */
.intro{background:var(--cream)}
.intro-in{display:grid;grid-template-columns:1.05fr .95fr 380px;gap:clamp(24px,4vw,60px);align-items:center}
.intro-in .ph{aspect-ratio:3/4}

/* efsane */
.legend{position:relative;background:var(--sand-2);overflow:hidden;padding-block:clamp(52px,7vw,110px)}
.legend::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(42,37,33,.045) 0 1px,transparent 1px 38px),
             repeating-linear-gradient(0deg,rgba(42,37,33,.045) 0 1px,transparent 1px 38px)}
.legend-mark{position:absolute;right:-7%;top:50%;transform:translateY(-50%);width:min(22%,250px);
  color:var(--ink);opacity:.08;pointer-events:none}
.legend-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(240px,1fr) 1.25fr;
  gap:clamp(22px,4vw,64px);align-items:center}
.legend-fig{position:relative;margin:0}
.legend-fig .ph{aspect-ratio:4/5}
.legend-date{position:absolute;left:-18px;top:26px;z-index:6;writing-mode:vertical-rl;
  background:var(--amber);color:#fff;padding:14px 9px;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase}
.legend-txt{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px);position:relative}
.legend-ey{display:block;font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}
.legend-sig{position:relative;z-index:3;margin-left:clamp(-96px,-6vw,-18px);margin-bottom:2px}
.legend-sig .hand{font-family:var(--f-hand);font-weight:700;color:var(--amber);
  font-size:clamp(3.6rem,9vw,8rem);line-height:.95;display:block;padding-bottom:.05em;
  text-shadow:0 3px 26px rgba(30,22,14,.28)}
.legend-txt p{font-size:.95rem;color:var(--ink-soft);max-width:44ch;line-height:1.85}
.legend-pull{border-left:2px solid var(--amber);padding-left:18px;margin-block:2px}
.legend-pull q{font-family:var(--f-display);font-weight:300;font-style:italic;quotes:none;
  font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.45;color:var(--ink);display:block;max-width:34ch}
.legend-facts{display:flex;flex-wrap:wrap;gap:10px 34px;padding-top:6px;border-top:1px solid var(--line-soft)}
.legend-facts div{display:flex;flex-direction:column;gap:2px;padding-top:12px}
.legend-facts b{font-family:var(--f-display);font-weight:300;font-size:1.35rem;line-height:1;color:var(--amber)}
.legend-facts span{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* odalar */
.rooms-in{display:grid;grid-template-columns:280px 1fr 300px;gap:clamp(24px,3.4vw,54px);align-items:center}
.room-stage{position:relative}
.room-stage .ph{aspect-ratio:16/11}
.room-slide{display:none}
.room-slide.on{display:block;animation:fade .7s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.stage-nav{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);display:flex;gap:10px;z-index:8}
.stage-nav button{width:44px;height:44px;border-radius:50%;background:var(--cream);border:1px solid var(--line-soft);
  display:grid;place-items:center;box-shadow:var(--shadow);transition:background .3s ease,color .3s ease}
.stage-nav button:hover{background:var(--amber);color:#fff}
.stage-nav svg{width:13px;height:13px}
.room-list{display:flex;flex-direction:column;gap:2px}
.room-item{display:grid;grid-template-columns:26px 1fr;gap:14px;padding:15px 0;
  border-bottom:1px solid var(--line-soft);text-align:left;width:100%}
.room-item:last-of-type{border-bottom:0}
.room-item .idx{font-size:.6rem;letter-spacing:.14em;color:var(--amber);padding-top:4px;font-variant-numeric:tabular-nums}
.room-item .nm{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;transition:color .3s ease}
.room-item .mt{display:block;font-size:.68rem;letter-spacing:.1em;color:var(--muted);margin-top:3px}
.room-item.on .nm,.room-item:hover .nm{color:var(--amber)}

/* akdeniz bandı */
.med{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);
  padding-block:clamp(40px,5vw,66px)}
.med-in{display:grid;grid-template-columns:minmax(230px,300px) 1fr auto;gap:clamp(22px,2.6vw,44px);align-items:center}
.med h2{color:var(--onDeep)}
.med p{color:var(--onDeep-muted);font-size:.85rem;margin-top:14px;margin-bottom:22px}
.med-tiles{display:grid;grid-template-columns:repeat(var(--tiles,5),1fr);gap:8px}
.med-tile{position:relative}
.med-tile .ph{aspect-ratio:3/4;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.med-tile:hover .ph{transform:scale(1.04)}
.med-tile span{position:absolute;left:10px;bottom:10px;z-index:7;font-size:.52rem;letter-spacing:.18em;
  text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.med-tile .ph-tag{display:none}
.seal{width:118px;height:118px;border-radius:50%;border:1px solid rgba(244,237,227,.3);display:grid;
  place-items:center;position:relative;flex:none;color:var(--onDeep)}
.seal svg.ring{position:absolute;inset:0;animation:spin 34s linear infinite}
.seal svg.ring text{font-size:7.4px;letter-spacing:.34em;fill:currentColor;font-family:var(--f-body);
  text-transform:uppercase;opacity:.72}
.seal .mark{width:34px;color:var(--amber-2)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ikili blok */
.duo{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.duo-half{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.duo-half:first-child{border-right:1px solid var(--line-soft)}
.duo-txt{padding:clamp(26px,3.2vw,52px);display:flex;flex-direction:column;gap:16px}
.duo-txt .script{font-size:clamp(1.7rem,2.6vw,2.3rem);margin-top:-8px}
.duo-txt p{font-size:.84rem;color:var(--ink-soft);max-width:28ch}
.duo-half .ph{aspect-ratio:1/1;height:100%}

/* deneyim kart karuseli */
.expx{background:var(--sand)}
.expx-head{display:grid;grid-template-columns:1fr auto;gap:18px 30px;align-items:end;
  margin-bottom:clamp(22px,3vw,40px)}
.expx-head p{font-size:.88rem;color:var(--ink-soft);max-width:42ch;margin-top:12px}
.expx-tools{display:flex;align-items:center;gap:22px}
.expc-arrows{display:flex;gap:9px}
.expc-arrows button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;
  place-items:center;color:var(--ink);transition:background .3s ease,color .3s ease,border-color .3s ease}
.expc-arrows button:hover{background:var(--amber);color:#fff;border-color:var(--amber)}
.expc-arrows button[disabled]{opacity:.3;pointer-events:none}
.expc-arrows svg{width:12px;height:12px}
.expc-wrap{position:relative}
.expc{display:flex;gap:clamp(14px,1.8vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding-bottom:6px;scroll-behavior:smooth}
.expc::-webkit-scrollbar{display:none}
.expc-card{flex:0 0 calc((100% - 2 * clamp(14px,1.8vw,26px)) / 3);scroll-snap-align:start;min-width:0;
  background:var(--cream);border:1px solid var(--line-soft);display:flex;flex-direction:column;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.expc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.expc-media{position:relative;display:block}
.expc-media .ph{aspect-ratio:4/3}
.expc-no{position:absolute;left:14px;top:12px;z-index:8;font-size:.6rem;letter-spacing:.2em;color:#fff;
  font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.expc-ic{position:absolute;right:14px;top:12px;z-index:8;width:26px;height:26px;color:#fff;opacity:.9}
.expc-body{padding:clamp(18px,1.9vw,26px);display:flex;flex-direction:column;gap:10px;flex:1}
.expc-dur{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.expc-dur b{color:var(--amber);font-weight:400}
.expc-t{font-size:clamp(1.35rem,2vw,1.72rem);line-height:1.22}
.expc-t a:hover{color:var(--amber)}
.expc-body p{font-size:.98rem;color:var(--ink-soft);line-height:1.75}
.expc-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;
  justify-content:space-between;align-items:center;gap:12px;font-size:.6rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted)}
.expc-more{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#fff;
  font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  padding:11px 20px;border:0;transition:background .3s ease,transform .3s ease}
.expc-more svg{width:11px;height:11px}
.expc-more:hover{background:var(--ink);transform:translateX(2px)}
.expc-dots{display:flex;gap:7px;justify-content:center;margin-top:22px}
.expc-dots button{width:26px;height:2px;background:var(--line);transition:background .3s ease}
.expc-dots button.on{background:var(--amber)}

/* editör uyarısı */
.kl-editor-note{border:1px dashed var(--amber);background:color-mix(in srgb,var(--amber) 8%,transparent);
  padding:16px 20px;font-size:.85rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kl-editor-note b{color:var(--amber);font-weight:500}
.kl-editor-note a{color:var(--amber);border-bottom:1px solid currentColor}

/* mühür harfi */
.seal-mark{font-family:var(--f-display);font-size:1.6rem;font-weight:300;color:var(--amber-2);line-height:1}

/* galeri + konum */
.glx{background:var(--cream)}
.glx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;
  margin-bottom:clamp(22px,2.6vw,38px)}
.glx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.1vw,14px)}
.glx-item{overflow:hidden;display:block;min-width:0}
.glx-item .ph,.glx-item img{aspect-ratio:4/5;width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.glx-item:hover .ph,.glx-item:hover img{transform:scale(1.06)}
.glx-item .ph-tag{display:none}
.mapband-dist{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.mapband-dist li{display:flex;justify-content:space-between;gap:14px;font-size:.86rem;
  padding-bottom:8px;border-bottom:1px solid rgba(244,237,227,.16);color:rgba(244,237,227,.82)}
.mapband-dist b{font-weight:400;color:var(--amber-2);white-space:nowrap}
.gl{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.gl-half{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:clamp(18px,2.4vw,34px);
  padding:clamp(26px,3.4vw,54px)}
.gl-half:first-child{border-right:1px solid var(--line-soft)}
.gl-txt{display:flex;flex-direction:column;gap:14px}
.gl-txt .script{font-size:clamp(1.6rem,2.5vw,2.2rem);margin-top:-6px}
.gl-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.gl-mini .ph{aspect-ratio:4/3}
.gl-mini .ph-tag{display:none}
.dist{display:flex;flex-direction:column;margin-block:4px 6px}
.dist li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;
  border-bottom:1px solid var(--line-soft);font-size:.75rem;color:var(--ink-soft)}
.dist li:last-child{border-bottom:0}
.dist b{font-weight:400;display:flex;align-items:center;gap:9px}
.dist b svg{width:12px;height:12px;color:var(--amber);flex:none}
.dist span{color:var(--muted);font-size:.7rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.map-fig{position:relative;height:100%;min-height:300px;background:var(--sand-2)}
.map-fig .ph,.map-fig iframe{height:100%;min-height:260px;width:100%}
.map-pin{position:absolute;z-index:7;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.map-pin i{width:7px;height:7px;border-radius:50%;background:var(--amber);display:block;
  box-shadow:0 0 0 4px rgba(191,120,56,.22)}

/* kapanış */
.cta{position:relative;color:#fff;text-align:center;padding-block:clamp(70px,10vw,140px);overflow:hidden}
.cta .ph{position:absolute;inset:0;z-index:0}
.cta::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,15,21,.5),rgba(9,15,21,.42) 50%,rgba(9,15,21,.6))}
.cta-in{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}
.cta h2{color:#fff}
.cta .script{font-size:clamp(2rem,4.4vw,3.2rem);color:var(--amber-2)}
.cta .btn{margin-top:22px}

/* ==========================================================
   İÇ SAYFALAR
   ========================================================== */
.phero{position:relative;color:#fff;min-height:min(62vh,520px);display:flex;align-items:flex-end;
  padding-block:170px clamp(40px,5vw,70px);overflow:hidden}
.phero .ph{position:absolute;inset:0;z-index:0}
.phero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,15,21,.5) 0%,rgba(9,15,21,.24) 40%,rgba(9,15,21,.62) 100%)}
.phero-in{position:relative;z-index:3;display:flex;flex-direction:column;gap:6px}
.phero .script{font-size:clamp(1.6rem,3vw,2.4rem);color:var(--amber-2)}
.phero h1,.phero h2{color:#fff;font-size:clamp(2.1rem,5vw,4rem);line-height:1.05}
.phero p{color:rgba(255,255,255,.82);max-width:52ch;font-size:.88rem;margin-top:10px}
.crumb{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:16px}
.crumb a:hover{color:#fff}

.sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(26px,3.4vw,50px);max-width:60ch}
.sec-head .script{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-top:-8px}

.room-card{display:grid;grid-template-columns:1.15fr .85fr;background:var(--cream);border:1px solid var(--line-soft)}
.room-card:nth-child(even) .room-card-img{order:2}
.room-card-img{position:relative;min-height:300px}
.room-card-img .ph{height:100%;min-height:300px}
.room-card-body{padding:clamp(26px,3.2vw,52px);display:flex;flex-direction:column;gap:16px;justify-content:center}
.room-meta{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.room-meta span{display:flex;align-items:center;gap:8px}
.room-meta svg{width:13px;height:13px;color:var(--amber)}
.feat{display:flex;flex-wrap:wrap;gap:7px}
.feat li{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-soft);
  padding:6px 11px;color:var(--ink-soft)}
.price{display:flex;align-items:baseline;gap:9px;font-family:var(--f-display);font-size:1.5rem;color:var(--ink)}
.price em{font-style:normal;font-family:var(--f-body);font-size:.62rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted)}
.room-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:2px}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2.2vw,30px)}
.card{background:var(--cream);border:1px solid var(--line-soft);display:flex;flex-direction:column;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card .ph{aspect-ratio:4/3}
.card-body{padding:24px;display:flex;flex-direction:column;gap:11px;flex:1}
.card-body h3{font-size:1.32rem}
.card-body p{font-size:.82rem;color:var(--ink-soft)}
.card-tag{font-size:.55rem;letter-spacing:.26em;text-transform:uppercase;color:var(--amber)}
.card-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.split .ph{aspect-ratio:4/3}
.split--tall .ph{aspect-ratio:3/4}

.menu-list{display:flex;flex-direction:column}
.menu-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px 0;
  border-bottom:1px solid var(--line-soft);align-items:baseline}
.menu-row h4{font-size:1.14rem}
.menu-row p{font-size:.78rem;color:var(--muted);margin-top:3px;max-width:52ch}
.menu-row .pr{font-family:var(--f-display);font-size:1.1rem;color:var(--amber);font-variant-numeric:tabular-nums}

.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.filters button{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:9px 16px;
  border:1px solid var(--line-soft);color:var(--muted);transition:.3s ease}
.filters button:hover{color:var(--ink)}
.filters button.on{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mosaic figure{margin:0;position:relative;cursor:zoom-in;overflow:hidden;aspect-ratio:4/3}
.mosaic .ph{height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mosaic figure:hover .ph{transform:scale(1.05)}
.mosaic .t-w{grid-column:span 2;aspect-ratio:8/3}
.mosaic .t-t{grid-row:span 2;aspect-ratio:auto;min-height:280px}

.lightbox{position:fixed;inset:0;z-index:140;background:rgba(14,11,8,.92);display:none;
  align-items:center;justify-content:center;padding:5vw}
.lightbox.on{display:flex}
.lightbox .frame{width:min(1000px,92vw);aspect-ratio:3/2;position:relative}
.lightbox .frame .ph{height:100%}
.lightbox .cap{position:absolute;left:0;bottom:-34px;color:#fff;font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase}
.lightbox .x{position:absolute;top:-46px;right:0;color:#fff;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.lightbox nav{position:absolute;inset:auto 0 -34px auto;display:flex;gap:10px}
.lightbox nav button{color:#fff;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.3);padding:6px 12px}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,60px)}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.field label{font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.field input,.field textarea,.field select{font-family:var(--f-body);font-size:.86rem;color:var(--ink);
  background:transparent;border:0;border-bottom:1px solid var(--line);padding:9px 0;
  appearance:none;-webkit-appearance:none;border-radius:0}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-bottom-color:var(--amber)}
.info-block{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid var(--line-soft)}
.info-block h4{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-family:var(--f-body);
  color:var(--muted);font-weight:400}
.info-block p{font-size:.92rem;color:var(--ink)}
.note{font-size:.72rem;color:var(--muted);margin-top:10px}
.kl-msg{padding:14px 18px;border-left:2px solid var(--amber);background:var(--cream);font-size:.86rem;
  margin-bottom:18px}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--line-soft);
  border:1px solid var(--line-soft)}
.fact{background:var(--cream);padding:26px 20px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.fact b{font-family:var(--f-display);font-size:2.1rem;font-weight:300;line-height:1;color:var(--amber)}
.fact span{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.pagination .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;
  border:1px solid var(--line-soft);font-size:.72rem;letter-spacing:.1em}
.pagination .current{background:var(--amber);color:#fff;border-color:var(--amber)}

/* ==========================================================
   FOOTER
   ========================================================== */
/* ---------- alt bilgi ---------- */
.ftr{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);
  border-top:2px solid var(--amber);padding-block:clamp(44px,5vw,72px)}
.ftr-top{display:grid;grid-template-columns:1.5fr 1fr 1.25fr 1.1fr;gap:clamp(26px,3.4vw,54px);
  align-items:start}
.ftr-col{min-width:0}
.ftr-brand{display:flex;flex-direction:column;gap:4px;line-height:1;color:#FFF8EC}
.ftr-brand b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;letter-spacing:.28em;
  text-indent:.28em;text-transform:uppercase}
.ftr-brand span{font-size:.58rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;
  color:var(--amber-2)}
.ftr-about{margin-top:18px;font-size:.92rem;line-height:1.8;color:rgba(244,237,227,.82);max-width:38ch}
.ftr-h{font-family:var(--f-display);font-weight:400;font-size:1.12rem;color:#FFF8EC;margin-bottom:16px;
  padding-bottom:10px;border-bottom:1px solid rgba(244,237,227,.18)}
.ftr-nav{display:flex;flex-direction:column;gap:11px}
.ftr-nav a{font-size:.92rem;color:rgba(244,237,227,.82);transition:color .3s ease,padding-left .3s ease}
.ftr-nav a:hover{color:var(--amber-2);padding-left:5px}
.ftr-contact{display:flex;flex-direction:column;gap:14px}
.ftr-contact li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;line-height:1.65;
  color:rgba(244,237,227,.82)}
.ftr-contact svg{width:15px;height:15px;color:var(--amber-2);flex:none;margin-top:3px}
.ftr-contact a{color:inherit;transition:color .3s ease}
.ftr-contact a:hover{color:var(--amber-2)}
.ftr-call{margin-top:20px;display:inline-flex;align-items:center;gap:9px}
.ftr-call svg{width:13px;height:13px}
.ftr-col--agency p{font-size:.88rem;line-height:1.75;color:rgba(244,237,227,.72)}
.ftr-agency-btn{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:11px 18px;
  border:1px solid rgba(244,237,227,.34);color:#FFF8EC;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;transition:background .3s ease,border-color .3s ease,color .3s ease}
.ftr-agency-btn svg{width:13px;height:13px;color:var(--amber-2)}
.ftr-agency-btn:hover{background:var(--amber);border-color:var(--amber);color:#fff}
.ftr-agency-btn:hover svg{color:#fff}
.socials{display:flex;align-items:center;gap:10px;margin-top:24px;flex-wrap:wrap}
.socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(244,237,227,.26);
  color:#FFF8EC;transition:background .3s ease,border-color .3s ease,transform .3s ease}
.socials a:hover{background:var(--amber);border-color:var(--amber);color:#fff;transform:translateY(-2px)}
.socials svg{width:17px;height:17px}
.ftr-btm{border-top:1px solid rgba(244,237,227,.18);margin-top:clamp(30px,3.6vw,52px);padding-top:20px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(244,237,227,.7)}

/* ---------- sizi arayalım ---------- */
.dock-call{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;
  border:1px solid var(--amber-2);color:var(--onDeep);font-size:.7rem;letter-spacing:.14em;
  font-weight:500;text-transform:uppercase;white-space:nowrap;
  transition:background .3s ease,border-color .3s ease,color .3s ease}
.dock-call svg{width:14px;height:14px;color:var(--amber-2);transition:color .3s ease}
.dock-call:hover{background:var(--amber);border-color:var(--amber);color:#fff}
.dock-call:hover svg{color:#fff}
.sheet--call .sheet-panel{max-height:92vh;overflow-y:auto}
@media (min-width:900px){
  .sheet--call .sheet-panel{left:50%;right:auto;bottom:auto;top:50%;width:min(640px,92vw);
    border:1px solid rgba(244,237,227,.2);box-shadow:0 40px 90px -40px rgba(0,0,0,.7);
    padding:26px clamp(24px,2.4vw,36px) 30px;animation:callIn .4s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes callIn{from{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}
}
.sheet-head i{display:block;font-style:normal;font-size:.72rem;letter-spacing:.04em;
  color:var(--onDeep-muted);margin-top:6px;text-transform:none}
.call-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.call-field{display:flex;flex-direction:column;gap:7px}
.call-field--wide{grid-column:1 / -1}
.call-field span{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--onDeep-muted)}
.call-field input,.call-field textarea{width:100%;background:rgba(244,237,227,.07);color:var(--onDeep);
  border:1px solid rgba(244,237,227,.26);padding:12px 13px;font-family:var(--f-body);font-size:.95rem;
  transition:border-color .3s ease,background .3s ease}
.call-field input:focus,.call-field textarea:focus{outline:0;border-color:var(--amber-2);
  background:rgba(244,237,227,.12)}
.call-field textarea{resize:vertical;min-height:78px}
.call-kvkk{display:flex;gap:11px;align-items:flex-start;font-size:.82rem;line-height:1.6;
  color:rgba(244,237,227,.82)}
.call-kvkk input{margin-top:3px;width:17px;height:17px;accent-color:var(--amber);flex:none}
.call-msg{padding:13px 15px;font-size:.88rem;line-height:1.6;border-left:2px solid var(--amber)}
.call-msg--ok{background:rgba(120,190,140,.14);border-left-color:#7ac08c}
.call-msg--err{background:rgba(214,120,90,.16)}
.call-tel{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--amber-2);
  font-size:.8rem;letter-spacing:.1em}
.call-tel svg{width:13px;height:13px}
.btn--sm{padding:11px 20px;font-size:.68rem}

/* ---------- acentelere özel ---------- */
.ag-gate{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,64px);align-items:center;
  background:var(--cream);border:1px solid var(--line-soft);padding:clamp(20px,2.6vw,34px)}
.ag-gate-art .ph{aspect-ratio:4/3}
.ag-form{display:flex;flex-direction:column;gap:16px;max-width:420px}
.ag-form p{font-size:.92rem;color:var(--ink-soft);line-height:1.75}
.ag-form .call-field span{color:var(--muted)}
.ag-form .call-field input{background:#fff;border-color:var(--line);color:var(--ink)}
.ag-form .call-field input:focus{border-color:var(--amber);background:#fff}
.ag-err{background:rgba(191,120,56,.12);border-left:2px solid var(--amber);padding:11px 14px;
  font-size:.86rem;color:var(--ink)}
.ag-help{font-size:.78rem;color:var(--muted)}
.ag-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;
  padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
.ag-sheets{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,32px);margin-top:36px}
.ag-sheet{display:grid;grid-template-columns:150px 1fr;gap:20px;background:var(--cream);
  border:1px solid var(--line-soft);align-items:center;padding:18px}
.ag-sheet-fig .ph{aspect-ratio:3/4}
.ag-sheet-body{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.ag-sheet-body p{font-size:.88rem;color:var(--ink-soft);line-height:1.7}
.ag-soon{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ag-gal{margin-top:clamp(44px,5vw,76px)}
.ag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px);margin-top:26px}
.ag-item{position:relative;overflow:hidden}
.ag-item .ph{aspect-ratio:4/3}
.ag-item img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.ag-dl{position:absolute;right:10px;bottom:10px;background:rgba(23,56,74,.86);color:#fff;
  font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;padding:8px 12px;opacity:0;
  transition:opacity .3s ease}
.ag-item:hover .ag-dl{opacity:1}
.ag-note{grid-column:1 / -1;font-size:.82rem;color:var(--muted);line-height:1.7}


/* ---------- iletişim kartları ---------- */
.ctc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
.ctc-card{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--cream);
  border:1px solid var(--line-soft);padding:clamp(18px,2vw,26px);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .4s ease}
.ctc-card:hover{transform:translateY(-4px);border-color:var(--amber);box-shadow:var(--shadow)}
.ctc-card svg{width:20px;height:20px;color:var(--amber)}
.ctc-card i{font-style:normal;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ctc-card b{font-weight:400;font-size:.98rem;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;
  hyphens:auto}
.ctc-card--wide{grid-column:span 2}
.ctc-card em{font-style:normal;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.ctc-card--accent{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);border-color:transparent}
.ctc-card--accent svg{color:var(--amber-2)}
.ctc-card--accent i{color:var(--amber-2)}

/* ---------- ana sayfa odalar ---------- */
.roomsx-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,3vw,54px);align-items:end;
  margin-bottom:clamp(24px,3vw,44px)}
.roomsx-side{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.roomsx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px)}
.roomx{display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--line-soft);
  min-width:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,border-color .3s ease}
.roomx:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--amber)}
.roomx-media{position:relative;display:block;overflow:hidden}
.roomx-media .ph,.roomx-media img{aspect-ratio:4/3;width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.roomx:hover .roomx-media .ph,.roomx:hover .roomx-media img{transform:scale(1.05)}
.roomx-no{position:absolute;left:14px;top:12px;z-index:6;font-size:.6rem;letter-spacing:.2em;color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.5)}
.roomx-price{position:absolute;right:0;bottom:0;z-index:6;background:var(--amber);color:#fff;
  padding:9px 14px;font-size:1.05rem;font-family:var(--f-display);display:flex;align-items:baseline;gap:6px}
.roomx-price i{font-style:normal;font-family:var(--f-body);font-size:.54rem;letter-spacing:.16em;
  text-transform:uppercase;opacity:.9}
.roomx-body{padding:clamp(18px,1.9vw,26px);display:flex;flex-direction:column;gap:11px;flex:1}
.roomx-t{font-family:var(--f-display);font-weight:400;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.22}
.roomx-t a:hover{color:var(--amber)}
.roomx-body p{font-size:.94rem;line-height:1.75;color:var(--ink-soft)}
.roomx-specs{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:12px;border-top:1px solid var(--line-soft)}
.roomx-specs li{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted)}
.roomx-specs svg{width:13px;height:13px;color:var(--amber)}
.roomx .expc-more{margin-top:auto;align-self:flex-start}

.ctc-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,3.4vw,60px);align-items:start}
.ctc-hours{display:flex;flex-direction:column;gap:12px}
.ctc-hours p{font-size:1rem;line-height:1.85;color:var(--ink-soft);max-width:52ch}
.ctc-hours-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.ctc-call{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);
  padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ctc-call .eyebrow{color:var(--amber-2)}
.ctc-call h3{font-family:var(--f-display);font-weight:400;color:#FFF8EC}
.ctc-call p{font-size:.96rem;line-height:1.8;color:rgba(244,237,227,.82)}
.ctc-call .btn{margin-top:4px}
.ctc-call-tel{display:inline-flex;align-items:center;gap:9px;color:var(--amber-2);font-size:.92rem;
  letter-spacing:.04em;padding-top:12px;margin-top:4px;border-top:1px solid rgba(244,237,227,.18);width:100%}
.ctc-call-tel svg{width:14px;height:14px}

/* ---------- konum bandı ---------- */
.mapband{background:var(--cream)}
.mapband-in{display:grid;grid-template-columns:360px 1fr;gap:clamp(20px,2.6vw,42px);align-items:stretch}
.mapband-card{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);
  padding:clamp(24px,2.8vw,40px);display:flex;flex-direction:column;gap:16px}
.mapband-card .eyebrow{color:var(--amber-2)}
.mapband-card .hand-accent{color:var(--amber-2)}
.mapband-rows{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.mapband-rows li{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;line-height:1.7;
  color:rgba(244,237,227,.85)}
.mapband-rows svg{width:15px;height:15px;color:var(--amber-2);flex:none;margin-top:4px}
.mapband-rows a{color:inherit}
.mapband-rows a:hover{color:var(--amber-2)}
.mapband-card .btn{margin-top:auto;align-self:flex-start}
.mapband-map{min-height:360px;position:relative;overflow:hidden;background:var(--sand-2)}
.mapband-map iframe,.mapband-map .kl-map{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- deneyim detayı ---------- */
.expd-in{display:grid;grid-template-columns:340px 1fr;gap:clamp(26px,3.4vw,58px);align-items:start}
.expd-side{position:sticky;top:calc(var(--hdr-h) + 18px);display:flex;flex-direction:column;gap:20px}
.expd-card{background:var(--cream);border:1px solid var(--line-soft);padding:clamp(20px,2.2vw,30px);
  display:flex;flex-direction:column;gap:12px;position:relative}
.expd-ic{width:34px;height:34px;color:var(--amber)}
.expd-note{font-size:.9rem;color:var(--ink-soft);line-height:1.75}
.expd-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.expd-actions .btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  text-align:center;line-height:1.3}
.expd-actions .btn svg{width:13px;height:13px}
.expd-cta-btns{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.expd-cta-btns .btn{white-space:nowrap;text-align:center}
.expd-tel{display:flex;align-items:center;gap:11px;padding-top:14px;border-top:1px solid var(--line-soft);
  margin-top:4px;color:var(--ink)}
.expd-tel svg{width:15px;height:15px;color:var(--amber);flex:none}
.expd-tel span{display:flex;flex-direction:column;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);gap:3px}
.expd-tel b{font-size:.92rem;letter-spacing:.04em;text-transform:none;font-weight:400;color:var(--ink)}
.expd-list{border:1px solid var(--line-soft);padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:14px}
.expd-list ul{display:flex;flex-direction:column;gap:12px}
.expd-list li{display:flex;gap:10px;align-items:flex-start}
.expd-list svg{width:10px;height:10px;color:var(--amber);flex:none;margin-top:6px}
.expd-list b{display:block;font-weight:400;font-size:.95rem}
.expd-list i{display:block;font-style:normal;font-size:.78rem;color:var(--muted);margin-top:3px}
.expd-main{min-width:0;display:flex;flex-direction:column;gap:clamp(24px,3vw,44px)}
.expd-fig .ph{aspect-ratio:16/9}
.expd-body{max-width:none;font-size:1.05rem;line-height:1.9}
.expd-body p,.expd-body ul,.expd-body ol,.expd-body h2,.expd-body h3{max-width:none}
.kl-map{width:100%;height:100%;min-height:280px;border:0;display:block}
.expd-body p+p{margin-top:1.1em}
.expd-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);
  padding:clamp(22px,2.6vw,38px)}
.expd-cta .eyebrow{color:var(--amber-2)}
.expd-cta p{color:rgba(244,237,227,.82);max-width:46ch;margin-top:10px;line-height:1.75}
.expd-cta .hand-accent{color:var(--amber-2)}
.expd-more-sec{background:var(--sand-2)}


/* ---------- sürdürülebilirlik politikaları ---------- */
.pol-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px);
  margin-bottom:clamp(34px,4vw,64px)}
.pol-card{position:relative;display:flex;flex-direction:column;gap:12px;overflow:hidden;
  background:var(--cream);border:1px solid var(--line-soft);padding:clamp(20px,2.2vw,30px);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .3s ease}
.pol-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--amber)}
.pol-card-no{position:absolute;right:16px;top:10px;font-family:var(--f-display);font-size:3.4rem;
  line-height:1;color:var(--amber);opacity:.14}
.pol-card-ic{width:30px;height:30px;color:var(--amber)}
.pol-card h3{font-family:var(--f-display);font-weight:400;font-size:clamp(1.1rem,1.6vw,1.34rem);
  line-height:1.25;position:relative;z-index:2}
.pol-card p{font-size:.9rem;line-height:1.75;color:var(--ink-soft)}
.pol-card-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--amber);
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}
.pol-card-more svg{width:10px;height:10px;transition:transform .3s ease}
.pol-card:hover .pol-card-more svg{transform:translateX(4px)}

.pol-in{display:grid;grid-template-columns:280px 1fr;gap:clamp(28px,3.6vw,64px);align-items:start}
.pol-nav{position:sticky;top:calc(var(--hdr-h) + 18px);display:flex;flex-direction:column;gap:16px}
.pol-nav ol{display:flex;flex-direction:column;gap:2px;counter-reset:none}
.pol-nav a{display:flex;gap:12px;align-items:baseline;padding:11px 12px;font-size:.92rem;line-height:1.45;
  color:var(--ink-soft);border-left:2px solid var(--line-soft);transition:background .3s ease,color .3s ease,border-color .3s ease}
.pol-nav a:hover{background:var(--cream);color:var(--ink);border-left-color:var(--amber)}
.pol-nav .no{font-size:.6rem;letter-spacing:.18em;color:var(--amber);flex:none}
.pol-list{display:flex;flex-direction:column;gap:14px;min-width:0}
.pol{border:1px solid var(--line-soft);background:var(--cream);scroll-margin-top:calc(var(--hdr-h) + 20px)}
.pol-head{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);width:100%;text-align:left;
  padding:clamp(16px,1.9vw,24px) clamp(16px,2vw,28px);transition:background .3s ease}
.pol-head:hover{background:var(--sand-2)}
.pol-no{font-family:var(--f-display);font-size:1.4rem;color:var(--amber);flex:none;line-height:1}
.pol-t{font-family:var(--f-display);font-size:clamp(1.12rem,1.7vw,1.42rem);line-height:1.25;flex:1;min-width:0}
.pol-x{width:13px;height:13px;color:var(--amber);flex:none;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.pol-head[aria-expanded="true"] .pol-x{transform:rotate(180deg)}
.pol-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1)}
.pol-body[data-open="1"]{grid-template-rows:1fr}
.pol-inner{overflow:hidden;padding:0 clamp(16px,2vw,28px)}
.pol-body[data-open="1"] .pol-inner{padding-bottom:clamp(18px,2.2vw,30px)}
.pol-inner p{font-size:.97rem;line-height:1.9;color:var(--ink-soft);max-width:none}
.pol-inner{max-width:none}
.pol-inner li{max-width:none}
.pol-inner p+p,.pol-inner ul{margin-top:1em}
.pol-inner ul{display:flex;flex-direction:column;gap:10px}
.pol-inner li{position:relative;padding-left:20px;font-size:.97rem;line-height:1.8;color:var(--ink-soft)}
.pol-inner li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--amber)}
/* JS yoksa hepsi açık kalsın */
html:not(.kl-js) .pol-body{grid-template-rows:1fr}
html:not(.kl-js) .pol-inner{padding-bottom:clamp(18px,2.2vw,30px)}


/* ---------- oda detayı ---------- */
.roomd-strip{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,54px);padding-bottom:clamp(20px,2.4vw,30px);
  border-bottom:1px solid var(--line-soft);margin-bottom:clamp(26px,3vw,46px)}
.roomd-spec{display:flex;align-items:center;gap:12px}
.roomd-spec svg{width:19px;height:19px;color:var(--amber);flex:none}
.roomd-spec span{display:flex;flex-direction:column;gap:3px}
.roomd-spec i{font-style:normal;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.roomd-spec b{font-weight:400;font-size:1rem}
.roomd-in{display:grid;grid-template-columns:1fr 340px;gap:clamp(26px,3.4vw,58px);align-items:start}
.roomd-main{min-width:0;display:flex;flex-direction:column;gap:clamp(24px,3vw,44px)}
.roomd-fig .ph{aspect-ratio:16/9}
.roomd-mosaic{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;
  gap:clamp(10px,1.2vw,16px)}
.roomd-mosaic figure{min-width:0;overflow:hidden}
.roomd-mosaic .ph,.roomd-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.rm-a{grid-row:span 2}
.rm-a .ph,.rm-a img{aspect-ratio:4/3}
.rm-b .ph,.rm-b img,.rm-c .ph,.rm-c img{aspect-ratio:4/3}
.roomd-lead{display:flex;flex-direction:column;gap:12px}
.roomd-lead .lede{font-size:1.06rem;line-height:1.85;max-width:60ch;color:var(--ink-soft)}
.roomd-body{font-size:1.05rem;line-height:1.95;max-width:68ch;color:var(--ink-soft)}
.roomd-body p+p{margin-top:1.15em}
.roomd-body h2,.roomd-body h3{font-family:var(--f-display);font-weight:400;color:var(--ink);
  margin-top:1.4em;margin-bottom:.4em;font-size:clamp(1.2rem,1.8vw,1.5rem)}
.roomd-body ul{display:flex;flex-direction:column;gap:9px;margin-top:1em}
.roomd-body li{position:relative;padding-left:20px}
.roomd-body li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--amber)}
.roomd-feats{border-top:1px solid var(--line-soft);padding-top:clamp(20px,2.4vw,30px);
  display:flex;flex-direction:column;gap:16px}
.roomd-feats ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 26px}
.roomd-feats li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.6;color:var(--ink-soft)}
.roomd-feats svg{width:9px;height:9px;color:var(--amber);flex:none;margin-top:7px}
.roomd-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px)}
.roomd-gal .eyebrow{margin-bottom:2px}
.roomd-gal .ph,.roomd-gal img{aspect-ratio:4/3;width:100%;height:100%;object-fit:cover;display:block}
.roomd-side{position:sticky;top:calc(var(--hdr-h) + 18px)}
.roomd-card{background:var(--cream);border:1px solid var(--line-soft);padding:clamp(20px,2.2vw,30px);
  display:flex;flex-direction:column;gap:14px}
.roomd-price{display:flex;align-items:baseline;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}
.roomd-price b{font-family:var(--f-display);font-weight:400;font-size:2.1rem;color:var(--amber);line-height:1}
.roomd-price em{font-style:normal;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.roomd-mini{display:flex;flex-direction:column;gap:9px}
.roomd-mini li{display:flex;justify-content:space-between;gap:14px;font-size:.9rem;
  padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
.roomd-mini span{color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.roomd-mini b{font-weight:400}
.roomd-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.roomd-actions .btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  text-align:center;line-height:1.3}
.roomd-actions .btn svg{width:13px;height:13px}

/* ---------- restoran detayı ---------- */
.vend-top{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(24px,3vw,52px);align-items:stretch}
.vend-fig .ph{height:100%;min-height:320px}
.vend-fig img{width:100%;height:100%;object-fit:cover}
.vend-info{background:var(--cream);border:1px solid var(--line-soft);padding:clamp(20px,2.4vw,34px);
  display:flex;flex-direction:column;gap:14px}
.vend-rows{display:flex;flex-direction:column;gap:11px;margin-top:2px}
.vend-rows li{display:flex;justify-content:space-between;gap:16px;padding-bottom:9px;
  border-bottom:1px solid var(--line-soft);font-size:.94rem}
.vend-rows span{color:var(--muted);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;flex:none}
.vend-rows b{font-weight:400;text-align:right}
.vend-actions{margin-top:auto;display:flex;flex-direction:column;gap:14px}
.vend-actions .btn{width:100%;text-align:center}
.vend-body{margin-top:clamp(26px,3vw,46px);font-size:1.05rem;line-height:1.9}
.vend-body p+p{margin-top:1.1em}
.vend-menu{margin-top:clamp(30px,3.6vw,56px)}
.vend-menu .menu-list{margin-top:22px}
.vend-gal{margin-top:clamp(34px,4vw,64px)}
.vend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px);margin-top:24px}
.vend-item{min-width:0}
.vend-item--wide{grid-column:span 2}
.vend-item .ph,.vend-item img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.vend-item--wide .ph,.vend-item--wide img{aspect-ratio:2/1}


/* ---------- hikâyemiz ---------- */
.story-open-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(26px,4vw,72px);align-items:center}
.story-open-fig{position:relative}
.story-open-fig .ph{aspect-ratio:3/4}
.story-date{position:absolute;left:0;top:22px;background:var(--amber);color:#fff;
  writing-mode:vertical-rl;padding:14px 9px;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase}
.story-open-txt{display:flex;flex-direction:column;gap:16px}
.story-sig .hand{font-family:var(--f-hand);font-weight:700;color:var(--amber);
  font-size:clamp(3.2rem,8vw,6.6rem);line-height:.95;display:block;
  text-shadow:0 3px 26px rgba(30,22,14,.22)}
.story-open-txt .lede{font-size:1.05rem;line-height:1.9;max-width:52ch}
.story-body-sec{padding-top:0}
.story-body{max-width:74ch;margin-inline:auto;font-size:1.05rem;line-height:1.95}
.story-body p+p{margin-top:1.15em}
.story-time{background:var(--cream)}
.tline{position:relative;margin-top:clamp(26px,3vw,44px);padding-left:clamp(22px,3vw,46px)}
.tline::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--line)}
.tline-item{position:relative;display:grid;grid-template-columns:150px 1fr;gap:clamp(16px,2.4vw,40px);
  padding-block:clamp(16px,2vw,26px);align-items:baseline}
.tline-item+.tline-item{border-top:1px solid var(--line-soft)}
.tline-item::before{content:"";position:absolute;left:calc(-1 * clamp(22px,3vw,46px) + 2px);top:calc(clamp(16px,2vw,26px) + .5em);
  width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--cream)}
.tline-year{font-family:var(--f-display);font-size:clamp(1.3rem,2.2vw,1.8rem);color:var(--amber);line-height:1}
.tline-body h3{font-family:var(--f-display);font-weight:400;font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.3}
.tline-body p{margin-top:8px;font-size:.97rem;line-height:1.8;color:var(--ink-soft);max-width:62ch}
.story-facts{padding-block:clamp(30px,3.4vw,52px)}
.story-cta{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep)}
.story-cta-in{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}
.story-cta .eyebrow{color:var(--amber-2)}
.story-cta .hand-accent{color:var(--amber-2)}
.story-cta p{color:rgba(244,237,227,.82);margin-top:10px;max-width:48ch;line-height:1.75}
.story-cta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- deneyimler arşivi ---------- */
.expa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px)}
.expa{position:relative;display:block;overflow:hidden;background:var(--ink);min-width:0;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.expa:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.expa-media{position:relative}
.expa .ph,.expa img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3;
  transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.expa:hover .ph,.expa:hover img{transform:scale(1.05)}
.expa-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,26,0) 34%,rgba(12,20,26,.82) 100%)}
.expa-txt{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2vw,28px);color:#fff;z-index:3;
  display:flex;flex-direction:column;gap:9px}
.expa-no{font-size:.62rem;letter-spacing:.24em;color:var(--amber-2)}
.expa-t{font-family:var(--f-display);font-weight:400;font-size:clamp(1.2rem,1.9vw,1.7rem);line-height:1.2}
.expa-x{font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.86);max-width:44ch;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .4s ease}
.expa:hover .expa-x,.expa:focus-visible .expa-x{max-height:120px;opacity:1}
.expa-go{display:inline-flex;align-items:center;gap:8px;font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--amber-2)}
.expa-go svg{width:10px;height:10px;transition:transform .3s ease}
.expa:hover .expa-go svg{transform:translateX(4px)}
.expa-ic{position:absolute;right:16px;top:14px;z-index:4;width:26px;height:26px;color:#fff;opacity:.9}


/* ---------- spa ritüeli ---------- */
.spad-open{display:grid;grid-template-columns:1fr 340px;gap:clamp(20px,2.6vw,44px);align-items:stretch}
.spad-fig{overflow:hidden;min-width:0}
.spad-fig .ph,.spad-fig img{width:100%;height:100%;object-fit:cover;display:block;min-height:340px}
.spad-card{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:var(--onDeep);
  padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.spad-ic{width:32px;height:32px;color:var(--amber-2)}
.spad-card .eyebrow{color:var(--amber-2)}
.spad-card h2{color:#FFF8EC}
.spad-rows{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:2px}
.spad-rows li{display:flex;gap:11px;align-items:flex-start;padding-bottom:11px;
  border-bottom:1px solid rgba(244,237,227,.18)}
.spad-rows svg{width:15px;height:15px;color:var(--amber-2);flex:none;margin-top:3px}
.spad-rows span{display:flex;flex-direction:column;gap:3px}
.spad-rows i{font-style:normal;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--onDeep-muted)}
.spad-rows b{font-weight:400;font-size:.98rem;color:#FFF8EC}
.spad-card .btn{width:100%;text-align:center;margin-top:4px}
.spad-card .expd-tel{color:var(--onDeep);border-top:1px solid rgba(244,237,227,.18);width:100%}
.spad-card .expd-tel span{color:var(--onDeep-muted)}
.spad-card .expd-tel b{color:#FFF8EC}
.spad-body{margin-top:clamp(26px,3vw,46px);max-width:70ch;font-size:1.05rem;line-height:1.95;
  color:var(--ink-soft)}
.spad-body p+p{margin-top:1.15em}
.spad-steps{margin-top:clamp(30px,3.6vw,56px)}
.spad-list{margin-top:clamp(20px,2.4vw,34px);display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(14px,1.8vw,26px)}
.spad-list li{display:flex;gap:16px;align-items:flex-start;background:var(--cream);
  border:1px solid var(--line-soft);padding:clamp(18px,2vw,26px)}
.spad-no{font-family:var(--f-display);font-size:1.8rem;line-height:1;color:var(--amber);flex:none}
.spad-list h3{font-family:var(--f-display);font-weight:400;font-size:clamp(1.05rem,1.6vw,1.3rem);
  line-height:1.3}
.spad-list p{margin-top:7px;font-size:.92rem;line-height:1.75;color:var(--ink-soft)}
.spad-duo{margin-top:clamp(30px,3.6vw,56px);display:grid;grid-template-columns:.9fr 1.1fr;
  gap:clamp(20px,2.6vw,44px);align-items:start}
.spad-feats{display:flex;flex-direction:column;gap:14px}
.spad-feats ul{display:flex;flex-direction:column;gap:12px}
.spad-feats li{display:flex;gap:11px;align-items:flex-start;font-size:.98rem;line-height:1.7;
  color:var(--ink-soft);padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
.spad-feats svg{width:9px;height:9px;color:var(--amber);flex:none;margin-top:8px}
.spad-gal{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.2vw,16px)}
.spad-gal .ph,.spad-gal img{aspect-ratio:3/4;width:100%;height:100%;object-fit:cover;display:block}

/* ---------- spa listesi ---------- */
.spal{display:flex;flex-direction:column;border-top:1px solid var(--line-soft)}
.spal-row{display:grid;grid-template-columns:52px 150px 1fr auto;gap:clamp(14px,2vw,32px);
  align-items:center;padding:clamp(14px,1.8vw,22px) 0;border-bottom:1px solid var(--line-soft);
  transition:background .35s ease,padding-inline .35s ease}
.spal-row:hover{background:var(--cream);padding-inline:clamp(10px,1.4vw,20px)}
.spal-no{font-family:var(--f-display);font-size:1.15rem;color:var(--amber)}
.spal-fig{overflow:hidden;display:block}
.spal-fig .ph,.spal-fig img{aspect-ratio:4/3;width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.spal-row:hover .spal-fig .ph,.spal-row:hover .spal-fig img{transform:scale(1.06)}
.spal-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.spal-kind{font-style:normal;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted)}
.spal-txt b{font-family:var(--f-display);font-weight:400;font-size:clamp(1.15rem,1.8vw,1.5rem);
  line-height:1.25}
.spal-txt>span{font-size:.92rem;line-height:1.7;color:var(--ink-soft);max-width:60ch}
.spal-end{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.spal-end em{font-style:normal;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted)}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width:1180px){
  .ftr-top{grid-template-columns:1.4fr 1fr 1.2fr;gap:34px}
  .ftr-col--agency{grid-column:1 / -1;border-top:1px solid rgba(244,237,227,.18);padding-top:26px;
    display:flex;flex-wrap:wrap;align-items:center;gap:16px}
  .ftr-col--agency .ftr-h{border:0;margin:0;padding:0;flex:0 0 auto}
  .ftr-col--agency p{flex:1 1 260px;margin:0}
  .ftr-agency-btn{margin-top:0}
  .intro-in{grid-template-columns:1fr 1fr;gap:34px}
  .intro-in .ph{grid-column:1/-1;aspect-ratio:16/9}
  .legend-mark{display:none}
  .rooms-in{grid-template-columns:250px 1fr;gap:30px}
  .room-list{grid-column:1/-1}
  .med-in{grid-template-columns:1fr;gap:26px}
  .seal{display:none}
  .gl-half{grid-template-columns:1fr;gap:22px}
}
@media (max-width:1080px){
  /* ikon-only: dar ekranda da her zaman görünür */
  .dock-call{padding:11px;gap:0}
  .dock-call span{display:none}
  .dock-in{gap:14px;align-items:center;padding-block:8px}
  .dock-who{display:none}
  .dock-mini{display:flex;flex:1 1 auto}
  .dock .bk-field{display:none}
  .dock .btn{flex:0 1 auto;min-width:0;padding:11px 20px;font-size:.7rem;letter-spacing:.12em;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .med-tiles{grid-template-columns:repeat(3,1fr)}
  .med-tile:nth-child(n+4) .ph{aspect-ratio:4/3}
  .overlay{grid-template-columns:1fr}
  .ov-side{display:none}
}
@media (max-width:960px){
  .legend-in{grid-template-columns:1fr}
  .legend-fig .ph{aspect-ratio:16/10}
  .legend-sig{margin-left:0;margin-top:8px}
  .legend-date{left:14px;top:14px}
}
@media (max-width:900px){
  .roomsx-head{grid-template-columns:1fr}
  .roomsx-grid{grid-template-columns:repeat(2,1fr)}
  .glx-grid{grid-template-columns:repeat(3,1fr)}
  .ctc-cards{grid-template-columns:repeat(2,1fr)}
  .ctc-card--wide{grid-column:span 2}
  .ctc-bottom{grid-template-columns:1fr}
  .story-open-in{grid-template-columns:1fr}
  .story-open-fig .ph{aspect-ratio:16/10}
  .tline-item{grid-template-columns:1fr;gap:6px}
  .expa-grid{grid-template-columns:repeat(2,1fr)}
  .expa-x{max-height:120px;opacity:1}
  .pol-cards{grid-template-columns:repeat(2,1fr)}
  .mapband-in{grid-template-columns:1fr}
  .mapband-map{min-height:300px}
  .roomd-in,.vend-top{grid-template-columns:1fr}
  .roomd-mosaic{grid-template-columns:1fr 1fr}
  .rm-a{grid-column:span 2;grid-row:auto}
  .rm-a .ph,.rm-a img{aspect-ratio:16/9}
  .roomd-side{position:static}
  .roomd-feats ul{grid-template-columns:1fr}
  .roomd-gal,.vend-grid{grid-template-columns:repeat(2,1fr)}
  .vend-item--wide{grid-column:span 2}
  .pol-in{grid-template-columns:1fr}
  .pol-nav{position:static}
  .pol-nav ol{display:none}
  .dock-call{display:none}
  .expd-in{grid-template-columns:1fr}
  .expd-side{position:static}
  .ftr-top{grid-template-columns:1fr 1fr;gap:30px}
  .ag-gate,.ag-sheets{grid-template-columns:1fr}
  .ag-grid{grid-template-columns:repeat(2,1fr)}
  body{padding-bottom:calc(var(--dock-h,140px) + env(safe-area-inset-bottom))}
  .appnav{display:block}
  .dock{bottom:calc(var(--nav-h,72px) + env(safe-area-inset-bottom))}
  .dock-in{padding-block:9px;gap:12px;align-items:center;flex-wrap:nowrap}
  .dock-who{display:none}
  .dock-mini{display:flex}
  .dock .bk-field{display:none}
  .dock .btn{flex:0 1 auto;min-width:0;padding:12px 16px;font-size:.66rem;letter-spacing:.1em;
    box-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dock-mini{flex:1 1 58%}
  .expc-card{flex:0 0 calc((100% - clamp(14px,1.8vw,26px)) / 2)}
  .duo,.gl{grid-template-columns:1fr}
  .duo-half:first-child,.gl-half:first-child{border-right:0;border-bottom:1px solid var(--line-soft)}
  .room-card,.split,.contact-grid{grid-template-columns:1fr}
  .room-card:nth-child(even) .room-card-img{order:0}
  .mosaic{grid-template-columns:repeat(2,1fr)}
  .mosaic .t-w{grid-column:span 2}
  .mosaic .t-t{min-height:220px}
  .rooms-in,.intro-in{grid-template-columns:1fr}
  .scroll-cue{display:none}
  .hero-arrows{display:none}
}
@media (max-width:860px){
  .menu-btn .mtxt{display:none}
  .hdr-tools{gap:10px}
  .brand b{font-size:1.16rem;letter-spacing:.24em;text-indent:.24em}
  .brand span{font-size:.55rem;letter-spacing:.34em;text-indent:.34em}
  .bars{width:32px;height:16px}
  .bars i:nth-child(1),.bars i:nth-child(3){width:32px}
  .bars i:nth-child(2){width:22px}
  .bars i:nth-child(3){top:14px}
  body.menu-open .bars i:nth-child(1),body.menu-open .bars i:nth-child(3){width:32px;top:7px}
}
@media (max-width:640px){
  .spal-row{grid-template-columns:1fr;gap:12px}
  .spal-no{display:none}
  .spal-fig .ph,.spal-fig img{aspect-ratio:16/9}
  .spal-end{grid-column:auto}
  .spad-gal{grid-template-columns:1fr 1fr;gap:8px}
  .ctc-card--wide{grid-column:span 1}
  .ctc-info{grid-template-columns:1fr}
  .roomsx-grid{grid-template-columns:1fr}
  .glx-grid{grid-template-columns:repeat(2,1fr)}
  .ctc-cards{grid-template-columns:1fr}
  .expa-grid{grid-template-columns:1fr}
  .pol-cards{grid-template-columns:1fr}
  .roomd-gal{grid-template-columns:1fr 1fr;gap:8px}
  .roomd-strip{gap:16px 26px}
  .ftr-top{grid-template-columns:1fr;gap:28px}
  .ftr-col--agency{display:block}
  .ftr-col--agency .ftr-h{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(244,237,227,.18)}
  .ftr-col--agency p{flex:none;margin:0}
  .ftr-agency-btn{margin-top:16px}
  .call-grid{grid-template-columns:1fr}
  .ag-sheet{grid-template-columns:1fr}
  .ag-sheet-fig .ph{aspect-ratio:16/9}
  .ag-grid{grid-template-columns:1fr 1fr;gap:10px}
  .ag-dl{opacity:1;font-size:.55rem;padding:6px 9px}
  body{font-size:14.5px}
  .dock-in{gap:9px}
  .dock .btn{padding:11px 12px;font-size:.6rem;letter-spacing:.06em}
  .dock-mini b{font-size:.78rem}
  .dock-mini i{display:none}
  .expc-card{flex:0 0 86%}
  .expx-head{grid-template-columns:1fr}
  .expx-tools{justify-content:space-between;width:100%}
  .hero{min-height:auto;padding-block:132px 92px}
  .med-tiles{grid-template-columns:repeat(2,1fr)}
  .ov-nav a{grid-template-columns:30px 1fr;gap:12px}
  .ov-nav .hint{display:none}
  .brand b{font-size:1.02rem;letter-spacing:.2em;text-indent:.2em}
  .langs a,.langs span{padding:5px 4px;font-size:.56rem}
  .legend-facts{gap:10px 22px}
  .duo-half{grid-template-columns:1fr}
  .duo-half .ph{aspect-ratio:16/10}
  .gl-mini{grid-template-columns:repeat(2,1fr)}
  .facts{grid-template-columns:1fr 1fr}
  .ftr-in{justify-content:center;text-align:center}
  .hero-dots{left:var(--pad);right:auto}
}