:root{
  --bg:#0A0A0A;
  --text:#F5F5F5;
  --muted: rgba(245,245,245,.72);
  --muted2: rgba(245,245,245,.56);
  --gold:#C6A55C;
  --shadow: 0 18px 60px rgba(0,0,0,.55);
  --radius: 22px;
  --radius2: 28px;
  --container: 1120px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
html, body{ overflow-x:hidden; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; }
img{ max-width:100%; display:block; }

.container{
  width:min(var(--container), calc(100% - 40px));
  margin:0 auto;
}

/* =========================
   PAGE BACKGROUND (pattern)
   ========================= */
body{
  margin:0;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* light premium paper + pattern */
  background-image:
    linear-gradient(rgba(255,255,255,0.86), rgba(255,255,255,0.86)),
    url("./assets/pattern-bg.jpg");
  background-size: 820px;     /* daha premium: tekrar eden doku */
  background-repeat: repeat;
  background-position: top left;

  color:#0A0A0A;
}

/* =========================
   HEADER (sticky, dark)
   ========================= */
.header{
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  color:#F5F5F5;
}

.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 0;
  gap:18px;
}

.brand{ display:flex; align-items:center; gap:12px; }
.brand__mark{
  width:42px; height:42px;
  border-radius:14px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(198,165,92,.28), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.14);
  font-family:"Playfair Display", serif;
  font-weight:600;
  letter-spacing:.6px;
}
.brand__name{ font-size:14px; letter-spacing:2.2px; font-weight:600; }
.brand__sub{ font-size:12px; letter-spacing:3px; color: rgba(245,245,245,.56); }

.nav{ display:flex; align-items:center; gap:18px; }
.nav a{
  font-size:13px;
  color: rgba(245,245,245,.72);
  padding:8px 10px;
  border-radius:999px;
}
.nav a:hover{
  color:#fff;
  background: rgba(255,255,255,.05);
}

.header__cta{
  display:flex;
  align-items:center;
  gap:14px;
}

.nav-contact{
  font-size:13px;
  color: rgba(245,245,245,.72);
  padding:8px 10px;
  border-radius:999px;
}
.nav-contact:hover{
  color:#fff;
  background: rgba(255,255,255,.08);
}

.lang{
  display:inline-flex; align-items:center; gap:10px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
}
.lang__dot{
  width:8px; height:8px; border-radius:50%;
  background: var(--gold);
  box-shadow: 0 0 0 5px rgba(198,165,92,.15);
}

/* Header button compact */
.header .btn{
  padding:7px 12px;
  font-size:12.5px;
  width:auto;
}

/* Mobile nav */
.burger{
  display:none;
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  cursor:pointer;
}
.burger span{
  display:block;
  width:18px;
  height:2px;
  background: rgba(245,245,245,.85);
  margin:5px auto;
  border-radius:2px;
}
.mnav{
  display:none;
  padding:14px 20px 20px;
  border-top:1px solid rgba(255,255,255,.08);
}
.mnav a{
  display:block;
  padding:12px 6px;
  color: rgba(245,245,245,.72);
}
.mnav a:hover{ color:#fff; }
.mnav .btn{ margin-top:10px; }

/* =========================
   HERO (image only)
   ========================= */
.hero{
  position:relative;
  min-height: calc(100vh - 74px); /* header yüksekliği yaklaşık */
  display:grid;
  align-items:center;
  padding: 60px 0 40px;
  color:#fff;
}

.hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  overflow:hidden;
}

/* NEW: hero image cover */
.hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
}

.hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(10,10,10,.35), rgba(10,10,10,.86) 70%, rgba(10,10,10,.96));
}

.hero__grain{
  position:absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
  opacity:.22;
}

.hero__content{ position:relative; z-index:2; margin-top:126px;}
.hero__kicker{
  color: rgba(255,255,255,.78);
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:12px;
}
.hero__title{
  font-family:"Playfair Display", serif;
  font-size: clamp(34px, 4vw, 58px);
  margin:14px 0 10px;
  letter-spacing:.3px;
  color:#fff;
}
.hero__subtitle{
  max-width: 720px;
  color: rgba(255,255,255,.78);
  line-height:1.6;
  font-size: 15px;
  margin: 0 0 22px;
}

.hero__actions{ display:flex; gap:12px; flex-wrap:wrap; }

/* =========================
   BUTTONS (global)
   ========================= */
.btn{
  border-radius: 999px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: #F5F5F5;
  cursor:pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.20);
}

.btn--gold{
  background: linear-gradient(135deg, rgba(198,165,92,.92), rgba(198,165,92,.62));
  border-color: rgba(198,165,92,.55);
  color: #101010;
  font-weight:600;
}
.btn--gold:hover{
  background: linear-gradient(135deg, rgba(198,165,92,1), rgba(198,165,92,.78));
}

.btn--ghost{
  background: rgba(255,255,255,.04);
}

.btn--full{ width:100%; }

/* Hero ghost button readable */
.hero .btn--ghost{
  color:#ffffff;
  border:1px solid rgba(255,255,255,.6);
  background:rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
}
.hero .btn--ghost:hover{
  background:rgba(255,255,255,.18);
  border-color:#ffffff;
}

.hero__trust{
  margin-top:26px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.trust__item{
  padding:14px 14px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
}
.trust__label{ font-size:12px; color: rgba(255,255,255,.72); letter-spacing:.3px; }
.trust__value{ margin-top:4px; font-size:13px; color:#fff; }

/* =========================
   SECTIONS (light readable)
   ========================= */
.section{ padding: 78px 0;}
.section{
  min-height:100vh;
  display:flex;
  align-items:center;
  position:relative;
  padding:100px 0;
}

.section--alt{
  background: transparent;
  border-top:1px solid rgba(0,0,0,.08);
  border-bottom:1px solid rgba(0,0,0,.08);
}

.section::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:80px;
  height:2px;
  background: linear-gradient(90deg, transparent, #C6A55C, transparent);
}

.section__head{ max-width: 760px; }
.section__eyebrow{
  color: rgba(198,165,92,.92);
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:20px;
}
.section__title{
  font-family:"Playfair Display", serif;
  font-size: clamp(26px, 3vw, 38px);
  margin:10px 0 10px;
  color:#0A0A0A;
}
.section__desc{
  color: rgba(10,10,10,.68);
  line-height:1.7;
  margin: 0;
  font-size: 14px;
}

.grid{ display:grid; gap:16px; margin-top:26px; }
.cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.features{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.about{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.card,
.tile,
.feature,
.about__box,
.form,
.sidecard,
.bespoke__panel .panel{
  background: rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
  color:#0A0A0A;
}

.card{
  border-radius: var(--radius2);
  overflow:hidden;
}

.card__tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  color: rgba(10,10,10,.88);
  border:1px solid rgba(198,165,92,.55);
  background: rgba(198,165,92,.18);
}
.card__body{
  padding:18px;
}

.card__top{
  .card__top{ padding:18px 18px 0; }
}

.card__title{
  margin:10px 0 6px;
  font-size:16px;
  color:#0A0A0A;
}

.card__meta{
  margin:0;
  color: rgba(10,10,10,.58);
  font-size:13px;
}
.card__list{
  margin:14px 18px 18px;
  padding-left:16px;
  color: rgba(10,10,10,.68);
  line-height:1.7;
  font-size:13px;
}
.card__foot{ padding: 0 18px 18px; }

.card__image{
  width:100%;
  height:220px;
  overflow:hidden;
  border-top-left-radius: var(--radius2);
  border-top-right-radius: var(--radius2);
}

.card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .45s ease;
}

.card:hover .card__image img{
  transform:scale(1.05);
}





.tile, .feature, .about__box{
  border-radius: var(--radius2);
  padding:18px;
}
.tile__title{
  font-family:"Playfair Display", serif;
  font-size:18px;
  margin-bottom:6px;
  color:#0A0A0A;
}
.tile__text, .feature__text, .about__box p{
  color: rgba(10,10,10,.68);
  line-height:1.7;
  font-size:13px;
}

.feature__icon{
  width:40px; height:40px;
  border-radius:14px;
  display:grid; place-items:center;
  background: rgba(198,165,92,.12);
  border:1px solid rgba(198,165,92,.28);
  color: rgba(198,165,92,.95);
}
.feature__title{ margin:12px 0 6px; font-size:14px; color:#0A0A0A; }

.about__box h3{ margin:0 0 8px; font-size:14px; color:#0A0A0A; }

/* Bespoke */
.bespoke{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:16px;
  margin-top:26px;
  align-items:stretch;
}
.panel__row{
  display:flex; justify-content:space-between; gap:14px;
  padding:12px 10px;
  border-bottom:1px solid rgba(0,0,0,.08);
  color: rgba(10,10,10,.68);
  font-size:13px;
}
.panel__row strong{ color:#0A0A0A; font-weight:600; }
.panel__row:last-child{ border-bottom:none; }

/* =========================
   CONTACT (equal height)
   ========================= */
.contact{
  display:grid;
  grid-template-columns: 1.5fr .7fr;
  gap:12px;
  margin-top:26px;
  align-items:stretch;
}

.form{
  border-radius: var(--radius2);
  padding:18px;
}

.form label{ display:block; margin-bottom:12px; }
.form span{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  color: rgba(10,10,10,.55);
  letter-spacing:.2px;
}

input, select, textarea{
  width:100%;
  padding:12px 12px;
  border-radius: 16px;
  border:1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.95);
  color: #0A0A0A;
  outline:none;
}
input::placeholder, textarea::placeholder{ color: rgba(10,10,10,.45); }
textarea{ resize: vertical; }

.form__row{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
.form__actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
.form__fine{
  margin:10px 0 0;
  color: rgba(10,10,10,.55);
  font-size:12px;
  line-height:1.6;
}

/* WeChat side card */
.contact__side{ display:flex; justify-content:center; }

.sidecard{
  width:360px;
  height:100%;
  border-radius: var(--radius2);
  padding:18px;
  overflow:hidden;
  text-align:center;
}

.sidecard__inner{
  height:100%;
  display:flex;
  flex-direction:column;
}

.sidecard__title{ font-size:16px; margin-bottom:6px; color:#0A0A0A; }
.sidecard__text{ color: rgba(10,10,10,.68); font-size:13px; line-height:1.6; }

.qr{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:18px 0;
  flex: 1 1 auto;
}

.qr img{
  width:300px;
  height:300px;
  object-fit:contain;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}

.sidecard__actions{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.sidecard__actions .btn{ width:100%; }

.sidecard__fine{
  color: rgba(10,10,10,.55);
  font-size:12px;
  margin-top:10px;
  line-height:1.6;
}

/* =========================
   FOOTER (dark)
   ========================= */
.footer{
  padding:26px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background: #0A0A0A;
  color:#F5F5F5;
}
.footer__inner{ display:flex; justify-content:space-between; gap:12px; align-items:center; }
.footer__brand{ letter-spacing:2px; font-weight:600; }
.footer__small{ color: rgba(245,245,245,.56); font-size:12px; }
.footer__right a{ color: rgba(245,245,245,.72); font-size:13px; }
.footer__right a:hover{ color:#fff; }

/* =========================
   FLOATING WECHAT (green + panel)
   ========================= */
.float{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:9999;
}

.float__btn{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:#07C160;
  color:#ffffff;
  font-size:13px;
  font-weight:500;
  border:none;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  cursor:pointer;
}
.float__btn:hover{ background:#06ad56; }

.float__dot{
  width:10px; height:10px;
  border-radius:50%;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 6px rgba(255,255,255,.18);
}

.float__panel{
  position:absolute;
  right:0;
  bottom:56px;
  width:260px;
  padding:12px;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,10,10,.86);
  box-shadow: var(--shadow);
  display:none;
  color:#F5F5F5;
}

.float__panel img{
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
}

.float__title{ font-size:13px; color: rgba(245,245,245,.72); margin-bottom:10px; }
.float__close{
  position:absolute;
  top:8px;
  right:10px;
  border:none;
  background: transparent;
  color: rgba(245,245,245,.70);
  font-size:20px;
  cursor:pointer;
}
.float__close:hover{ color:#fff; }

/* =========================
   MODAL (dark)
   ========================= */
.modal{
  position:fixed; inset:0;
  display:none;
  z-index:10000;
}
.modal__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(6px);
}
.modal__card{
  position:relative;
  width:min(640px, calc(100% - 28px));
  margin: 7vh auto;
  border-radius: 26px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,10,10,.92);
  box-shadow: var(--shadow);
  padding:16px;
  color:#F5F5F5;
}
.modal__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding:8px 8px 0;
}
.modal__eyebrow{ color: rgba(198,165,92,.92); font-size:12px; letter-spacing:2px; text-transform:uppercase; }
.modal__title{
  margin:8px 0 0;
  font-family:"Playfair Display", serif;
  font-size:22px;
  color:#fff;
}
.modal__close{
  width:42px; height:42px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(245,245,245,.75);
  font-size:22px;
  cursor:pointer;
}
.modal__close:hover{ color:#fff; }

.modal__form{ padding: 12px 8px 8px; }
.modal__actions{ display:grid; gap:10px; margin-top:10px; }

/* Modal wechat block */
.modal__wechat{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:12px;
  padding:10px 8px 0;
  margin-bottom:10px;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.modal__wechatLeft{ padding:10px; }
.modal__wechatTitle{ font-size:14px; margin:0 0 6px; }
.modal__wechatText{ color: rgba(245,245,245,.68); font-size:13px; line-height:1.6; margin:0 0 10px; }
.modal__wechatId{ color: rgba(245,245,245,.70); font-size:13px; margin-bottom:10px; }
.modal__wechatId strong{ color:#fff; }
.modal__wechatRight{ padding:10px; display:flex; align-items:center; justify-content:center; }
.modal__wechatRight img{ width:100%; max-width:220px; border-radius:18px; border:1px solid rgba(255,255,255,.10); }

/* Modal inputs stay dark */
.modal input, .modal select, .modal textarea{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.modal input::placeholder, .modal textarea::placeholder{ color: rgba(245,245,245,.45); }

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 980px){
  .nav{ display:none; }
  .burger{ display:block; }
  .header__cta{ display:none; }

  .cards{ grid-template-columns: 1fr; }
  .tiles{ grid-template-columns: 1fr; }
  .features{ grid-template-columns: 1fr; }
  .hero__trust{ grid-template-columns: 1fr; }
  .bespoke{ grid-template-columns: 1fr; }
  .contact{ grid-template-columns: 1fr; }
  .modal__wechat{ grid-template-columns: 1fr; }
}

@media (max-width: 600px){
  .sidecard{ width:100%; }
  .qr img{ width:240px; height:240px; }
}

.tile__image{
  width:100%;
  height:400px;
  overflow:hidden;
  border-radius:20px;
  margin-bottom:14px;
}

.tile__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .45s ease;
}

.tile:hover .tile__image img{
  transform:scale(1.05);
}

.feature__image{
  width:100%;
  height:180px;
  overflow:hidden;
  border-radius:20px;
  margin-bottom:14px;
}

.feature__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .45s ease;
}

.feature:hover .feature__image img{
  transform:scale(1.05);
}


.full-image{
  width:100%;
  height:100vh;
  overflow:hidden;
  position:relative;
}

.full-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.full-image__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(10,10,10,.15),
    rgba(10,10,10,.45)
  );
}

.section--about{
  position:relative;
  overflow:hidden;
  color:#ffffff;
}

.about__bg{
  position:absolute;
  inset:0;
  z-index:0;
}

.about__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.about__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(10,10,10,.45),
    rgba(10,10,10,.75)
  );
}

.about__content{
  position:relative;
  z-index:2;
}

.section--about .about__box{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  color:#ffffff;
}

.section--about .section__title,
.section--about .section__desc{
  color:#ffffff;
}

/* ABOUT SECTION TEXT FIX */

.section--about .about__box{
  background: rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(12px);
}

.section--about .about__box h3{
  color:#ffffff;
  font-weight:600;
}

.section--about .about__box p{
  color:rgba(255,255,255,.9);
  font-weight:500;
}

/* ABOUT SECTION TEXT FIX */

.section--about .about__box{
  background: rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(12px);
}

.section--about .about__box h3{
  color: rgba(198, 165, 92, .92);
  font-weight:600;
}

.section--about .about__box p{
  color:rgba(255,255,255,.9);
  font-weight:100;
}

.section--about .section__title{
  color:#ffffff;
  font-weight:100;
}

.section--about .section__desc{
  color:rgba(255,255,255,.9);
}


/* DESTINATIONS BACKGROUND */

.section--destinations{
  position:relative;
  overflow:hidden;
  color:#ffffff;
}

.destinations__bg{
  position:absolute;
  inset:0;
  z-index:0;
}

.destinations__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.destinations__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(10,10,10,.75),
    rgba(10,10,10,.70)
  );
}

.destinations__content{
  position:relative;
  z-index:2;
}

/* cards glass effect */

.section--destinations .tile{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  color:#ffffff;
}

.section--destinations .tile__title{
  color:#ffffff;
  font-weight:600;
}

.section--destinations .tile__text{
  color:rgba(255,255,255,.9);
}

.tile{
  transition:transform .25s ease, box-shadow .25s ease;
}

.tile:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 60px rgba(0,0,0,.35);
}

/* DESTINATIONS TITLE FIX */

.section--destinations .section__title{
  color:#ffffff;
  font-weight:600;
}

.section--destinations .section__eyebrow{
  color:#C6A55C;
}

.section--destinations .section__title,
.section--destinations .section__eyebrow{
  text-shadow:0 4px 18px rgba(0,0,0,.6);
}

.form__privacy{
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
}

.form__privacy-text{
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.7;
  color: rgba(10,10,10,.72);
}

.form__privacy-text a,
.form__consent a{
  color: #0A0A0A;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.form__consent{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

.form__consent input{
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex: 0 0 16px;
  accent-color: #C6A55C;
}

.form__consent span{
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  color: rgba(10,10,10,.78);
}

.footer__legal{
  margin-top:8px;
  font-size:12px;
  color:rgba(245,245,245,.55);
}

.footer__legal a{
  color:rgba(245,245,245,.65);
  text-decoration:none;
}

.footer__legal a:hover{
  color:#fff;
}

.footer__legal span{
  margin:0 6px;
  color:rgba(245,245,245,.35);
}

.footer{
  padding:26px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background:#0A0A0A;
  color:#F5F5F5;
}

.footer__inner{
  display:grid;
  grid-template-columns:1fr auto auto 1fr;
  align-items:center;
  gap:40px;
}

.footer__left{
  text-align:left;
}

.footer__center{
  text-align:center;
  font-size:12px;
}

.footer__right{
  text-align:right;
}

.footer__brand{
  letter-spacing:2px;
  font-weight:600;
}

.footer__small{
  font-size:12px;
  color:rgba(245,245,245,.55);
}

.footer__center a{
  color:rgba(245,245,245,.65);
  text-decoration:none;
}

.footer__center a:hover{
  color:#fff;
}

.footer__center span{
  margin:0 6px;
  color:rgba(245,245,245,.35);
}

.footer__right a{
  color:rgba(245,245,245,.65);
  font-size:13px;
}

.footer__right a:hover{
  color:#fff;
}

.form__legal-links{
  margin: 10px 0 12px;
  font-size: 12px;
}

.form__legal-links a{
  color:#0A0A0A;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.form__legal-links span{
  margin: 0 6px;
  color: rgba(10,10,10,.4);
}

.form__consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  cursor:pointer;
}

.form__consent input{
  flex:0 0 auto;
  width:16px;
  height:16px;
  margin-top:3px;
  accent-color:#C6A55C;
}

.form__consent span{
  display:block;
  font-size:12px;
  line-height:1.7;
  color:rgba(10,10,10,.78);
}

.form__consent{
  padding:6px 8px;
  border-radius:10px;
}

.form__consent:hover{
  background:rgba(0,0,0,.04);
}

/* FIX: privacy checkbox text alignment */

.form__consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.form__consent span{
  display:inline;   /* block override */
  margin:0;         /* global form span margin override */
  font-size:12px;
  line-height:1.7;
  color:rgba(10,10,10,.78);
}

.form__consent input{
  width:16px;
  height:16px;
  margin-top:3px;
  flex-shrink:0;
}

/* WeChat card copy button fix */
.sidecard__actions .btn--ghost{
  background: rgba(10,10,10,.08);
  border: 1px solid rgba(10,10,10,.16);
  color: #0A0A0A !important;
  font-weight: 500;
}

.sidecard__actions .btn--ghost:hover{
  background: rgba(10,10,10,.12);
  border-color: rgba(10,10,10,.24);
}
.sidecard__actions .btn{
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.brand{
  display:flex;
  align-items:center;
}

.brand__logo{
  height:52px;
  width:auto;
  display:block;
}

.sidecard__logo{
  display:flex;
  justify-content:center;
  margin-bottom:12px;
}

.sidecard__logo img{
  height:40px;
  width:auto;
}
.hero__watermark{
  position:absolute;
  right:40px;
  bottom:40px;
  opacity:.10;
  z-index:1;
}

.hero__watermark img{
  width:220px;
  height:auto;
}

.footer__small{
  font-size:12px;
  color:rgba(245,245,245,.55);
  line-height:1.6;
}

.footer__logo{
  height:44px;
  width:auto;
  display:block;
  padding:4px 10px;
  border-radius:10px;
}

.footer__address{
  margin-top:10px;
  font-size:12px;
  line-height:1.6;
  color:rgba(245,245,245,.55);
  font-style:normal; /* italik kaldırıldı */
}

.sidecard__logo{
  display:flex;
  justify-content:center;
  margin-bottom:12px;
}

.sidecard__logo img{
  height:40px;
  width:auto;
  background:#fff;
  padding:4px 8px;
  border-radius:10px;
}

.footer__credentials{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  color:rgba(245,245,245,.6);
}

.footer__credentials img{
  height:34px;
  width:auto;
}

.footer__credentials-text{
  line-height:1.4;
}


/* HEALTH SECTION */
.section--health{
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.42)),
    url('assets/health.jpg') center center / cover no-repeat;
}

.section--health::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(201,166,92,.18), transparent 0 28%),
    radial-gradient(circle at 82% 78%, rgba(255,255,255,.08), transparent 0 20%);
  pointer-events: none;
}

.section--health .container{
  position: relative;
  z-index: 2;
}

.health{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 48px;
  align-items: center;
  min-height: 100vh;
  padding: 100px 0;
}

.health__copy .section__title,
.health__copy .section__desc,
.health__lead{
  max-width: 760px;
}

.health__lead{
  margin: 0 0 28px;
  color: rgba(255,255,255,.84);
  font-size: 15px;
  line-height: 1.9;
}

.health__list{
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.health__list li{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.92);
}

.health__panel{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  padding: 28px;
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 70px rgba(0,0,0,.26);
}

.health__tag{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(201,166,92,.45);
  background: rgba(201,166,92,.08);
  color: #e4c98b;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 18px;
}

.health__panelTitle{
  margin: 0 0 10px;
  font-family: 'Playfair Display', serif;
  font-size: 34px;
  line-height: 1.2;
  color: #fff;
}

.health__panelText{
  margin: 0 0 24px;
  color: rgba(255,255,255,.78);
  line-height: 1.8;
  font-size: 14px;
}

.health__points{
  display: grid;
  gap: 14px;
}

.health__point{
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.health__point:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.health__point strong{
  font-size: 14px;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #f4e7c3;
  font-weight: 600;
}

.health__point span{
  max-width: 260px;
  text-align: right;
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 980px){
  .health{
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: auto;
    padding: 72px 0;
  }

  .health__list{
    grid-template-columns: 1fr;
  }

  .health__point{
    flex-direction: column;
  }

  .health__point span{
    max-width: none;
    text-align: left;
  }
}

.section--health .section__title{
  color:#ffffff;
}

.section--health .section__desc{
  color:rgba(255,255,255,.78);
}

.section--health .section__eyebrow{
  color:#C6A55C;
}

.health .hero__actions{
  margin-top: 40px;
}

/* BESPOKE LUXURY BLOCK */

.bespoke__luxury{
  margin-top: 32px;
  max-width: 640px;
}

.bespoke__luxuryTitle{
  font-family:"Playfair Display", serif;
  font-size: 26px;
  line-height: 1.3;
  margin: 0 0 12px;
  color:#0A0A0A;
}

.bespoke__luxurySub{
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color:#C6A55C;
  margin: 0 0 18px;
}

.bespoke__luxuryList{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.bespoke__luxuryList li{
  font-size: 14px;
  line-height: 1.7;
  color: rgba(10,10,10,.75);
  padding-left: 18px;
  position: relative;
}

.bespoke__luxuryList li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#C6A55C;
}

.bespoke__luxuryList strong{
  color:#0A0A0A;
  font-weight:600;
}

/* BESPOKE PANEL → GLOBAL CARD STYLE */

.bespoke__panel .panel{
  background: rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
  color:#0A0A0A;

  border-radius: 28px;
  padding: 20px;
}

.bespoke__actions{
  margin-top: 36px;
}

.bespoke .btn--ghost{
  background: rgba(10,10,10,.06);
  border:1px solid rgba(10,10,10,.18);
  color:#0A0A0A;
}

.bespoke .btn--ghost:hover{
  background: rgba(10,10,10,.12);
  border-color: rgba(10,10,10,.28);
}

.bespoke__actions{
  margin-top: 36px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.bespoke{
  align-items:stretch;
}

.bespoke__panel{
  display:flex;
  align-items:flex-start;
  padding-top: 32px;
}

.section#bespoke .section__head{
  margin-bottom: 32px;
}

.bespoke__intro{
  margin: 18px 0 28px;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(10,10,10,.78);
  max-width: 560px;
}

.bespoke__intro strong{
  color:#0A0A0A;
}



.cards{
  align-items:stretch;
}

.card{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
}

.card__body{
  display:flex;
  flex-direction:column;
  padding:18px;
}

.card__list{
  flex-grow:1;
}

.card__foot{
  margin-top:auto;
}

.card__image{
  width:100%;
  height:220px;
  overflow:hidden;
}

.card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.card__foot{
  margin-top:auto;
  padding:0 18px 18px;
  display:flex;
}

.card__foot .btn{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  line-height:1;
}

.card__foot a.btn,
.card__foot button.btn{
  margin:0;
  vertical-align:top;
}








.hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  overflow:hidden;
}

.hero__slider{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}

.hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  z-index:0;
  transform:scale(1.04);
  transition: opacity 1.8s ease-in-out, transform 7s ease-out;
  will-change: opacity, transform;
}

.hero__img.active{
  opacity:1;
  z-index:2;
  transform:scale(1.10);
}

.hero__img.prev{
  opacity:0;
  z-index:1;
}

.hero__overlay{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(10,10,10,.35),
    rgba(10,10,10,.86) 70%,
    rgba(10,10,10,.96)
  );
}

.hero__grain{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
  opacity:.22;
}












.hero__watermark{
  position:absolute;
  right:40px;
  bottom:100px;
  z-index:10;
  opacity:.7;
  pointer-events:none;
}

.hero__watermark img{
  width:220px;
  height:auto;
  display:block;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,.35));
}