/* ===== Global Vars (TEK :root) ===== */
:root{
  --brand-navy: #0a2342;    /* lacivert vurgu (başlıklar/ikonlar) */
  --brand-gold: #c9a33b;    /* altın vurgu (buton/badge) */
  --ink: #1c1d20;           /* ana metin */
  --muted: #5e636b;         /* ikincil metin */
  --beige: #F5E9DC;         /* site arka planı (body) */
  --card: #ffffff;          /* kart zemini */
  --card-br: #e9ecf2;       /* kart kenar çizgi */
  --pill: #f7efe2;          /* açık bej rozet/pill */
}

/* ===== Reset / base ===== */
html,body{margin:0;padding:0}
body{
  background: var(--beige) !important;
  color: var(--ink);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  line-height: 1.5;
}

/* Başlık renkleri doğrudan */
h1,h3,h4{ color: var(--brand-navy); }
h2{color: #2b2f36;}

/* Generic container */
.container{ max-width:1200px; margin-inline:auto; padding: 0 20px; }

/* ===== <a> tabanlı butonlar (global) ===== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  text-decoration:none; font-weight:600; padding:12px 18px; border-radius:999px;
  border:2px solid transparent; transition:.2s ease; will-change:transform;
}
.btn:hover{ transform:translateY(-1px); }
.btn--primary{ background:var(--brand-gold); color:#1b1b1b; }
.btn--primary:hover{ background:#d8b454 !important; color:#1b1b1b !important; }
.btn--ghost{ background:transparent; color:#ffffff; border-color:#ffffff55; border-style:solid; }
.btn--ghost:hover{ background:#ffffff22 !important; color:#ffffff !important; }

/* ============================= */
/* HERO (fix: içerik taşmasını önle) */
/* ============================= */
.hero{
  position:relative; isolation:isolate;
  min-height: clamp(560px, 76vh, 860px);
  color:#fff; background:#000;
}
.hero__viewport{ position:relative; width:100%; height:100%; overflow:hidden; }
.hero__track{ display:flex; height:100%; will-change:transform; transition:transform 600ms cubic-bezier(.2,.7,.2,1); }
.hero__slide{
  position:relative; flex:0 0 100%; width:100%;
  min-height: clamp(560px, 76vh, 860px);
}
.hero__media{ position:absolute; inset:0; z-index:1; }
.hero__media img{ width:100%; height:100%; object-fit:cover; object-position:center; filter:brightness(.75) contrast(1.05); }
.hero__overlay{ position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.45) 60%, rgba(0,0,0,.55)); }

/* içerik altta “dots” ile çakışmasın */
.hero__content{
  position:relative; z-index:3;
  max-width:1200px; margin-inline:auto;
  padding:clamp(16px,4vw,28px);
  padding-bottom: calc(clamp(16px,4vw,28px) + 48px);
  display:grid; align-content:center;
  height:100%;
}
.hero__inner{ max-width:min(820px,92vw); }
.hero__title{ font-size:clamp(26px,4vw + 8px,52px); line-height:1.12; margin:0 0 10px 0; color:#fff; }
.hero__text{ font-size:clamp(14px,1.05vw + 10px,20px); color:#e6e8eb; margin:0 0 18px 0; }
.hero__cta{ display:flex; gap:12px; flex-wrap:wrap; }
.hero__cta .btn{ max-width:100%; }

/* nav + dots */
.hero__nav{ position:absolute; inset:0; pointer-events:none; z-index:4; }
.hero__nav a{
  pointer-events:auto; position:absolute; top:50%; translate:0 -50%;
  width:42px; height:42px; border-radius:50%;
  display:grid; place-items:center; background:rgba(0,0,0,.35); color:#fff;
  text-decoration:none; border:1px solid #ffffff33; backdrop-filter:blur(4px);
}
.hero__prev{ left:12px } .hero__next{ right:12px }
.hero__dots{ position:absolute; left:50%; bottom:14px; translate:-50% 0; z-index:4; display:flex; gap:8px; }
.hero__dot{ width:9px; height:9px; border-radius:50%; background:#ffffff55; border:1px solid #ffffff88; text-indent:-9999px; overflow:hidden; }
.hero__dot.is-active{ background:var(--brand-gold); border-color:#0000 }

/* ============================= */
/* INTRO */
/* ============================= */
.aliis-intro{ padding: clamp(28px,5vw,60px) 0; }
.aliis-intro__box{
  background:var(--card); border:1px solid var(--card-br);
  border-radius:18px; box-shadow:0 8px 24px rgba(10,35,66,.06);
  padding:clamp(18px,2.6vw,32px); text-align:center;
}
.aliis-intro__title{ margin:0 0 8px 0; }
.aliis-intro__text{ color:var(--ink); margin:0 0 14px 0; font-size:clamp(14px,1.05vw + 10px,18px); }
.aliis-intro__cta{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-bottom:10px; }

.aliis-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  text-decoration:none; font-weight:600; padding:12px 18px; border-radius:999px;
  border:2px solid transparent; transition:.2s ease;
}
.aliis-btn--primary{ background:var(--brand-gold); color:#1b1b1b; }
.aliis-btn--primary:hover{ background:#d8b454 !important; color:#1b1b1b !important; }
.aliis-btn--ghost{ background:transparent; color:var(--brand-navy); border-color:#d9dbe2; border-style:solid; }
.aliis-btn--ghost:hover{ background:#f2f3f7 !important; color:var(--brand-navy) !important; }

/* özellikler */
.aliis-features{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.aliis-features--grid{ grid-template-columns:repeat(4,1fr); }
.aliis-feature{
  display:grid; grid-template-columns:40px 1fr; gap:10px; align-items:start;
  background:var(--pill); border:1px solid #ead9bf; border-radius:14px; padding:12px;
}
.aliis-feature i{ font-size:22px; line-height:1; color:var(--brand-navy); display:grid; place-items:center; width:40px; height:40px; }
.aliis-feature__body h3{ margin:0 0 4px 0; color:var(--brand-navy); font-size:17px; }
.aliis-feature__body p{ margin:0; color:#6b604f; font-size:14.5px; }


/* ===== Rooms (puzzle) - FIX ===== */
.aliis-rooms{ max-width:1200px; margin-inline:auto; padding: clamp(26px,4vw,56px) 20px; }
.aliis-rooms__head{ max-width:780px; margin:0 auto 18px; text-align:center; }
.aliis-rooms__head p{ color:var(--ink); margin:.35rem 0 0; }

.rooms-wrap{ display:grid; gap:16px; grid-template-columns: 1fr 1fr; align-items:stretch; }
.rooms-left{ display:grid; gap:16px; grid-template-rows: auto auto; }
.rooms-left-bottom{ display:grid; gap:16px; grid-template-columns: 1fr 1fr; }
.rooms-right{ display:grid; }
.rooms-right > .room-card{ height:100%; }

/* Kart: sabit yükseklik yerine min-height */
.room-card{
  position:relative; display:grid; overflow:hidden; border-radius:18px;
  color:#fff; box-shadow: 0 10px 26px rgba(10,35,66,.18);
  background-color:#fff0db;
}

/* animasyon class'ın aynı kalsın */
.room-card.in{
  transform:none; opacity:1;
  transition:transform 600ms cubic-bezier(.2,.7,.2,1), opacity 600ms ease;
}

/* FIX: height yerine min-height + auto */
.room-card--wide{ min-height: 340px; height:auto; }
.room-card--small{ min-height: 260px; height:auto; }
.room-card--tall{ min-height: 580px; height:auto; }

.room-card__media{ position:absolute; inset:0; z-index:1; }
.room-card__media img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  transform:scale(1.04);
  transition: transform 600ms cubic-bezier(.2,.7,.2,1), filter 600ms ease;
  filter:brightness(.86) contrast(1.06);
}
.room-card:hover .room-card__media img{ transform:scale(1.08); }

.room-card__overlay{
  position:absolute; inset:0; z-index:2;
  background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.45) 70%, rgba(0,0,0,.62));
}

/* FIX: içerik alanını “end”e yığarken taşmayı engelle */
.room-card__body{
  position:relative; z-index:3;
  min-height:100%;
  display:grid;
  grid-template-rows: auto auto auto;   /* başlık / liste / CTA */
  align-content:end;
  gap:12px;
  padding-top:-80px;
}

/* Başlık */
.room-card__body h3{ margin:0 0 2px 20px; color:#fff; }

/* Liste: daha kompakt + satır kırılabilir */
.room-card__list{
  list-style:none; padding:0; margin:0;
  display:flex; gap:10px; flex-wrap:wrap;
}
.room-card__list li{
  display:flex; align-items:center; gap:8px;
  font-size: clamp(12.5px, 0.55vw + 12px, 14.5px);
  line-height:1.25;
  color:#e9edf3;
  max-width:100%;
  margin-left: 20px;
}
.room-card__list i{ color:var(--brand-gold); }

/* CTA: FIX (butonlar taşmasın) */
.room-card__cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* room buttons */
.rooms-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  text-decoration:none; font-weight:700;
  padding:10px 14px;
  border-radius:999px;
  border:2px solid transparent;
  font-size:14px;
  line-height:1;
  flex: 1 1 160px;          /* iki buton yan yana sığmazsa kırılır */
  max-width:100%;
  white-space:nowrap;
}

.rooms-btn--primary{ background:var(--brand-gold); color:#1b1b1b; }
.rooms-btn--primary:hover{ background:#d8b454 !important; color:#1b1b1b !important; }

.rooms-btn--ghost{
  background:transparent; color:#fff;
  border-color:#ffffff66; border-style:solid;
}
.rooms-btn--ghost:hover{ background:#ffffff22 !important; color:#fff !important; }
/* ===== Testimonials (bej uyumlu) ===== */
.aliis-testimonials{ padding: clamp(28px,5vw,64px) 0; background-color: #c0c0c0; }
.aliis-t__head{ max-width:820px; margin:0 auto 18px; padding:0 20px; text-align:center; h2{color: #2b2f36 !important;}}
.aliis-t__head p{ color:#2b2f36; margin:.4rem 0 0; }

.aliis-t__viewport{ position:relative; overflow:hidden; padding:10px 0 38px; }
.aliis-t__track{ display:flex; gap:16px; padding:0 20px; will-change:transform; transition: transform 600ms cubic-bezier(.2,.7,.2,1); }

.aliis-t__card{
  flex:0 0 clamp(280px,38vw,520px);
  background: var(--card);
  border:1px solid var(--card-br);
  border-radius:18px;
  box-shadow: 0 8px 24px rgba(10,35,66,.06);
  padding:18px;
  transform: translateY(14px); opacity:.001;
}
.aliis-t__card.in{ transform:none; opacity:1; transition:transform 520ms cubic-bezier(.2,.7,.2,1), opacity 520ms ease; }

.aliis-t__quote{
  width:44px; height:44px; border-radius:12px; display:grid; place-items:center; color:#1b1b1b;
  background: linear-gradient(135deg, #f7e6a1, #fdf6d0);
  border:1px solid #f0de99; margin-bottom:10px;
}
.aliis-t__quote i{ color:#86650f; font-size:22px; }
.aliis-t__text{ color:#2b2f36; margin:0 0 12px 0; font-size:16px; }
.aliis-t__meta{ display:flex; align-items:center; gap:12px; }
.aliis-t__avatar{ width:44px; height:44px; border-radius:50%; object-fit:cover; object-position:center; border:2px solid #fff; box-shadow:0 0 0 2px #f0f2f5; }
.aliis-t__stars i{ color:var(--brand-gold); font-size:14px; }

.aliis-t__nav a{
  position:absolute; top:50%; translate:0 -50%; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; text-decoration:none;
  background: rgba(0,0,0,.35); color:#fff; border:1px solid #ffffff33; backdrop-filter: blur(4px);
}
.aliis-t__prev{ left:6px } .aliis-t__next{ right:6px }
.aliis-t__nav a:hover{ background: rgba(0,0,0,.5) !important }
.aliis-t__dots{ position:absolute; left:50%; bottom:8px; translate:-50% 0; display:flex; gap:8px; }
.aliis-t__dots a{ width:9px; height:9px; border-radius:50%; text-indent:-9999px; overflow:hidden; background:#cfd5df; border:1px solid #9eacbf; }
.aliis-t__dots a.is-active{ background: var(--brand-gold); border-color: transparent; }

/* ===== Amenities (kartlar) ===== */
.aliis-amenities{ padding: clamp(28px,5vw,64px) 20px; }
.aliis-amenities__head{ max-width:820px; margin:0 auto 18px; text-align:center; }
.aliis-amenities__head p{ color:var(--ink); margin:.35rem 0 0; }

.aliis-amenities__grid{ max-width:1200px; margin:0 auto; display:grid; gap:16px; grid-template-columns: repeat(12, 1fr); }
.aliis-am-card{
  grid-column: span 4; background:var(--card); border:1px solid var(--card-br); border-radius:18px; overflow:hidden;
  box-shadow: 0 10px 26px rgba(10,35,66,.06); transform: translateY(16px); opacity:.001;
}
.aliis-am-card.in{ transform:none; opacity:1; transition:transform 520ms cubic-bezier(.2,.7,.2,1), opacity 520ms ease; }

.aliis-am-card__media{ position:relative; aspect-ratio:16/10; overflow:hidden; }
.aliis-am-card__media img{ width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.04); transition: transform 700ms cubic-bezier(.2,.7,.2,1), filter 700ms ease; filter:brightness(.92) contrast(1.06); }
.aliis-am-card:hover .aliis-am-card__media img{ transform:scale(1.08); }

.aliis-am-card__tag{
  position:absolute; left:12px; top:12px; z-index:2; display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px; color:#1b1b1b; font-weight:700; font-size:13.5px;
  background: linear-gradient(135deg, #f7e6a1, #fdf6d0); border:1px solid #f0de99;
}
.aliis-am-card__tag i{ color:#86650f; }

.aliis-am-card__body{ padding:16px 16px 18px; }
.aliis-am-card__body h3{ margin:0 0 6px 0; }
.aliis-am-card__body p{ margin:0 0 12px 0; color:var(--muted); }

.amenities-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-weight:700; padding:10px 16px; border-radius:999px; border:2px solid transparent; font-size:14.5px;
}
.amenities-btn--primary{ background:var(--brand-gold); color:#1b1b1b; }
.amenities-btn--primary:hover{ background:#d8b454 !important; color:#1b1b1b !important; }
.amenities-btn--ghost{ background:transparent; color:var(--brand-navy); border-color:#d9dbe2; border-style:solid; }
.amenities-btn--ghost:hover{ background:#f4f6fa !important; color:var(--brand-navy) !important; }

/* ===== Gallery ===== */
.aliis-gallery{ padding: clamp(28px,5vw,64px) 20px; }
.aliis-g__head{ max-width:820px; margin:0 auto 10px; text-align:center; }
.aliis-g__head p{ color:var(--ink); margin:.35rem 0 0; }

.aliis-g__filters{
  max-width:1200px; margin: 4px auto 14px; padding: 0 8px;
  display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:center;
  color:#9a8d7a; font-weight:700;
}
.aliis-g__filters a{ text-decoration:none; color:var(--brand-navy); padding:4px 8px; border-radius:10px; }
.aliis-g__filters a:hover{ background:#f3f5f9 !important; }
.aliis-g__filters a.is-active{ background:linear-gradient(135deg,#f7e6a1,#fdf6d0); color:#1b1b1b; border:1px solid #f0de99; }

.aliis-g__wrap{ max-width:1200px; margin:0 auto; position:relative; }
.aliis-g__grid{ column-count:4; column-gap:12px; }
.aliis-g__item{ display:block; margin:0 0 12px; position:relative; border-radius:14px; overflow:hidden; border:1px solid var(--card-br); box-shadow:0 8px 22px rgba(10,35,66,.06); }
.aliis-g__item img{ width:100%; height:auto; display:block; transition: transform 600ms cubic-bezier(.2,.7,.2,1), filter 600ms ease; transform: scale(1.02); filter: brightness(.96) contrast(1.05); }
.aliis-g__item:hover img{ transform: scale(1.06); }
.aliis-g__item.is-hidden{ display:none; }

.aliis-g__wrap.is-compact .aliis-g__grid{ max-height:520px; overflow:hidden; }
.aliis-g__fade{ position:absolute; left:0; right:0; bottom:58px; height:120px; pointer-events:none; background: linear-gradient(0deg, var(--beige) 0%, rgba(255,255,255,0) 100%); display:none; }
.aliis-g__wrap.is-compact .aliis-g__fade{ display:block; }

.aliis-g__controls{ display:flex; gap:10px; justify-content:center; margin-top:12px; }
.gallery-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-weight:700; padding:10px 16px; border-radius:999px; border:2px solid transparent; font-size:14.5px;
}
.gallery-btn--primary{ background:var(--brand-gold); color:#1b1b1b; }
.gallery-btn--primary:hover{ background:#d8b454 !important; color:#1b1b1b !important; }
.gallery-btn--ghost{ background:transparent; color:var(--brand-navy); border-color:#d9dbe2; border-style:solid; }
.gallery-btn--ghost:hover{ background:#f4f6fa !important; color:var(--brand-navy) !important; }

/* Lightbox */
.aliis-g__lightbox{ position:fixed; inset:0; z-index:60; display:none; align-items:center; justify-content:center; }
.aliis-g__lightbox.is-open{ display:flex; }
.aliis-g__lightbox-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); backdrop-filter: blur(4px); }
.aliis-g__lightbox-figure{ position:relative; z-index:2; max-width:min(92vw,1200px); max-height:86vh; display:grid; gap:8px; justify-items:center; color:#e9edf3; }
.aliis-g__lightbox-figure img{ max-width:100%; max-height:86vh; border-radius:12px; box-shadow:0 10px 28px rgba(0,0,0,.45); }
.aliis-g__lightbox-figure figcaption{ font-size:14px; color:#cfd6e3; }
.aliis-g__lb-close,.aliis-g__lb-prev,.aliis-g__lb-next{
  position:absolute; z-index:3; text-decoration:none; color:#fff; background:rgba(0,0,0,.4);
  border:1px solid #ffffff33; backdrop-filter: blur(4px);
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font-size:20px;
}
.aliis-g__lb-close{ top:20px; right:20px; }
.aliis-g__lb-prev{ left:16px; top:50%; translate:0 -50%; }
.aliis-g__lb-next{ right:16px; top:50%; translate:0 -50%; }
.aliis-g__lb-close:hover,.aliis-g__lb-prev:hover,.aliis-g__lb-next:hover{ background:rgba(0,0,0,.6) !important; }

/* ===== Blog (bej uyumlu) ===== */
.aliis-blog{
  padding: clamp(28px,5vw,72px) 20px;
  background: #c0c0c0;
  color: var(--ink);
}
.aliis-b__head{ max-width:820px; margin:0 auto 18px; text-align:center; }
.aliis-b__head p{ color:var(--ink); margin:.35rem 0 0; }

.aliis-b__filters{
  max-width:1200px; margin: 10px auto 16px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
}
.aliis-b__filters a{
  text-decoration:none; font-weight:700; color:#3a3a3a;
  padding:8px 12px; border-radius:999px; border:1px solid #ead9bf;
  background: var(--pill);
}
.aliis-b__filters a:hover{ background:#f3e7cf !important; }
.aliis-b__filters a.is-active{
  background: linear-gradient(135deg,#f7e6a1,#fdf6d0); color:#1b1b1b; border-color:#f0de99;
}

.aliis-b__grid{ max-width:1200px; margin:0 auto; display:grid; gap:16px; grid-template-columns: repeat(12, 1fr); }
.aliis-b__card{
  grid-column: span 4; display:grid; background:#FFF0DB; border:1px solid var(--card-br);
  border-radius:18px; overflow:hidden; box-shadow: 0 10px 18px rgba(10,35,66,.10);
  transform: translateY(14px); opacity:1; transform:none; 
}
.aliis-b__card.in{ transform:none; opacity:1; transition:transform 520ms cubic-bezier(.2,.7,.2,1), opacity 520ms ease; }

.aliis-b__media{ position:relative; display:block; aspect-ratio: 16/10; overflow:hidden; }
.aliis-b__media img{ width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.04); transition: transform 700ms cubic-bezier(.2,.7,.2,1), filter 700ms ease; filter: brightness(.98) contrast(1.04); }
.aliis-b__card:hover .aliis-b__media img{ transform: scale(1.08); }

.aliis-b__badge{
  position:absolute; left:12px; top:12px; z-index:2; padding:6px 10px; border-radius:999px; font-weight:800; font-size:12.5px;
  color:#1b1b1b; background:linear-gradient(135deg,#f7e6a1,#fdf6d0); border:1px solid #f0de99;
}
.aliis-b__badge--gold{ background:linear-gradient(135deg,#f7e6a1,#fdf6d0); border-color:#f0de99; }

.aliis-b__body{ padding:14px 16px 18px; display:grid; gap:8px; }
.aliis-b__meta{ font-size:13px; color:#7b6d59; }
.aliis-b__body h3{ margin:2px 0 2px; font-size: clamp(16px,1.2vw,20px); color:var(--brand-navy); }
.aliis-b__body h3 a{ color:inherit; text-decoration:none; }
.aliis-b__body h3 a:hover{ text-decoration:underline !important; }
.aliis-b__body p{ margin:0; color:#4a4e54; }

/* CTA */
.blog-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-weight:700; padding:10px 16px; border-radius:999px; border:2px solid transparent; font-size:14.5px;
}
.blog-btn--primary{ background:var(--brand-gold); color:#1b1b1b; }
.blog-btn--primary:hover{ background:#d8b454 !important; color:#1b1b1b !important; }
.blog-btn--ghost{ background:transparent; color:var(--brand-navy); border-color:#d9dbe2; border-style:solid; }
.blog-btn--ghost:hover{ background:#f2f3f7 !important; color:var(--brand-navy) !important; }

.aliis-b__card.is-hidden{ display:none; }

/* ===== Media Queries (TEK BLOK) ===== */
@media (max-width: 1200px){
  .aliis-g__grid{ column-count:3; }
}
@media (max-width: 992px){
  .rooms-wrap{ grid-template-columns: 1fr; }
  .rooms-right > .room-card{ min-height:420px; }
  .aliis-amenities__grid{ grid-template-columns: repeat(6, 1fr); }
  .aliis-am-card{ grid-column: span 6; }
  .aliis-b__grid{ grid-template-columns: repeat(6, 1fr); }
  .aliis-b__card{ grid-column: span 6; }
  .hero, .hero__slide{ min-height:76vh; height:76vh; }
  .aliis-features--grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px){
  .aliis-g__grid{ column-count:2; }
}
@media (max-width: 640px){
  .aliis-t__nav a{ display:none; }
  .rooms-left-bottom{ grid-template-columns: 1fr; }
  .room-card--wide{ height:240px; }
  .room-card--small{ height:220px; }
  .rooms-right > .room-card{ min-height:360px; }
  .aliis-features--grid{ grid-template-columns: 1fr; }
}
@media (max-width: 520px){
  .aliis-g__grid{ column-count:1; }
}