:root {
  --bg: #100f11;
  --bg-soft: #171519;
  --panel: #1d1a1f;
  --panel-light: #f3eee8;
  --text: #f8f4ee;
  --muted: #bdb3a9;
  --gold: #d7b674;
  --gold-soft: #ead8b2;
  --ink: #171318;
  --line: rgba(255, 255, 255, .1);
  --radius: 28px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .32);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 85% 2%, rgba(215, 182, 116, .09), transparent 29rem),
    var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, sans-serif;
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.site-header {
  position: sticky; top: 0; z-index: 20;
  min-height: 82px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px clamp(20px, 5vw, 72px);
  border-bottom: 1px solid var(--line);
  background: rgba(16, 15, 17, .86);
  backdrop-filter: blur(18px);
}

.brand { display: flex; align-items: center; gap: 12px; }
.brand img {
  width: 54px; height: 54px; object-fit: cover; border-radius: 50%;
  border: 1px solid rgba(215,182,116,.45);
}
.brand span { display: grid; line-height: 1.1; }
.brand strong { letter-spacing: .18em; font-size: .94rem; }
.brand small { color: var(--muted); margin-top: 6px; }

.site-nav { display: flex; align-items: center; gap: 28px; font-size: .94rem; }
.site-nav > a:not(.nav-cta) { color: #ddd5cc; }
.site-nav > a:not(.nav-cta):hover { color: var(--gold-soft); }
.nav-cta {
  padding: 11px 18px;
  color: var(--ink);
  background: var(--gold-soft);
  border-radius: 999px;
  font-weight: 600;
}

.menu-button {
  display: none; width: 46px; height: 42px; border: 1px solid var(--line);
  border-radius: 14px; background: transparent; padding: 11px;
}
.menu-button span:not(.sr-only) {
  display: block; height: 1px; background: var(--text); margin: 5px 0;
}

.hero {
  min-height: calc(100vh - 82px);
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: 1.08fr .92fr; align-items: center;
  gap: clamp(30px, 7vw, 100px);
  padding: clamp(80px, 10vw, 130px) clamp(22px, 7vw, 110px);
}
.hero-content, .hero-visual { position: relative; z-index: 2; }
.eyebrow {
  margin: 0 0 18px;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: .76rem;
  font-weight: 600;
}
h1, h2, h3 {
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: 1.04;
  margin: 0;
}
h1 {
  font-size: clamp(4rem, 8vw, 7.3rem);
  max-width: 760px;
  letter-spacing: -.045em;
}
h1 em { color: var(--gold-soft); font-weight: 500; }
.hero-copy {
  max-width: 650px; margin: 30px 0 0;
  color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.13rem);
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; padding: 0 22px;
  border-radius: 999px; font-weight: 600; transition: .2s ease;
  border: 1px solid transparent;
}
.button:hover { transform: translateY(-2px); }
.button.primary { background: var(--gold-soft); color: var(--ink); }
.button.secondary { border-color: rgba(255,255,255,.2); color: var(--text); }
.button.light { background: #fff; color: var(--ink); }
.hero-notes {
  display: flex; flex-wrap: wrap; gap: 18px 26px; margin-top: 34px;
  color: #d7cec5; font-size: .86rem;
}
.hero-notes span::before { content: "✦"; color: var(--gold); margin-right: 8px; }

.hero-visual { display: grid; place-items: center; min-height: 560px; }
.moon-card {
  width: min(480px, 88vw); aspect-ratio: .82;
  border-radius: 46% 46% 32px 32px;
  border: 1px solid rgba(215,182,116,.28);
  background:
    linear-gradient(155deg, rgba(255,255,255,.04), transparent 55%),
    radial-gradient(circle at 50% 38%, rgba(215,182,116,.14), transparent 39%),
    var(--panel);
  box-shadow: var(--shadow);
  display: grid; place-content: center; justify-items: center;
  overflow: hidden; position: relative;
}
.moon-card::before {
  content: ""; position: absolute; inset: 22px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 45% 45% 20px 20px;
}
.moon-card img {
  position: relative; z-index: 2;
  width: 230px; height: 230px; border-radius: 50%; object-fit: cover;
  border: 1px solid rgba(215,182,116,.45);
  box-shadow: 0 18px 55px rgba(0,0,0,.38);
}
.moon-card p {
  position: relative; z-index: 2; margin: 28px 0 0;
  color: var(--gold-soft); letter-spacing: .18em; text-transform: uppercase;
  font-size: .72rem;
}
.logo-halo {
  width: 340px; height: 340px; border-radius: 50%;
  position: absolute; top: 22%;
  background: radial-gradient(circle, rgba(215,182,116,.18), transparent 65%);
  filter: blur(8px);
}
.orb { position: absolute; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.orb-one {
  width: 420px; height: 420px; right: -170px; top: 60px;
  border: 1px solid rgba(215,182,116,.16);
}
.orb-two {
  width: 180px; height: 180px; left: -90px; bottom: 40px;
  background: rgba(215,182,116,.04);
  border: 1px solid rgba(215,182,116,.12);
}

.section { padding: clamp(85px, 10vw, 140px) clamp(22px, 7vw, 110px); }
.intro {
  display: grid; grid-template-columns: 1.18fr .82fr; gap: clamp(40px, 8vw, 120px);
  align-items: end; border-top: 1px solid var(--line);
}
.section-heading h2 {
  font-size: clamp(2.8rem, 5.5vw, 5rem);
  max-width: 930px;
}
.intro-copy p { color: var(--muted); max-width: 570px; font-size: 1.06rem; }
.text-link {
  display: inline-flex; align-items: center; gap: 12px; margin-top: 14px;
  color: var(--gold-soft); font-weight: 600;
}
.text-link span { font-size: 1.3rem; }

.services { background: var(--panel-light); color: var(--ink); }
.centered { text-align: center; margin-inline: auto; }
.centered .eyebrow { color: #8d6b2e; }
.centered h2 { margin-inline: auto; max-width: 820px; }

.service-editorial-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 62px;
}
.service-poster,
.service-cta-card {
  position: relative;
  min-width: 0;
  min-height: 420px;
  overflow: hidden;
  border: 1px solid rgba(23,19,24,.1);
  border-radius: 24px;
}
.service-poster {
  display: flex;
  flex-direction: column;
  padding: 22px;
  color: #171318;
  cursor: pointer;
  isolation: isolate;
  transition: transform .28s ease, box-shadow .28s ease;
}
.service-poster::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(145deg, rgba(255,255,255,.6), transparent 52%),
    var(--poster-bg, #f5f0e9);
}
.service-poster::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: -1;
  border: 1px solid rgba(23,19,24,.07);
  border-radius: 17px;
  pointer-events: none;
}
.service-poster:hover,
.service-poster:focus-visible {
  transform: translateY(-7px);
  box-shadow: 0 22px 55px rgba(44,33,24,.14);
}
.service-poster:focus-visible {
  outline: 2px solid #98712e;
  outline-offset: 3px;
}
.service-poster--featured {
  grid-column: span 2;
}
.service-poster--laser {
  --poster-bg: #d7d4cf;
  background:
    radial-gradient(circle at 74% 29%, rgba(255,255,255,.78), transparent 24%),
    linear-gradient(126deg, #171719 0%, #505052 38%, #e5e1da 100%);
  color: #f8f5f0;
  border-color: rgba(255,255,255,.2);
}
.service-poster--laser::before {
  background:
    radial-gradient(circle at 78% 24%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(115deg, rgba(0,0,0,.36), transparent 62%);
}
.service-poster--laser::after { border-color: rgba(255,255,255,.15); }
.service-poster--sand { --poster-bg: #eee5d9; color: #6d5223; }
.service-poster--pearl { --poster-bg: #f4f1ec; color: #383238; }
.service-poster--mist { --poster-bg: #e9e9e6; color: #575a55; }
.service-poster--rose { --poster-bg: #eee2df; color: #7d5552; }
.service-poster--ink {
  --poster-bg: #1d1b1f;
  color: #f3ede7;
  border-color: rgba(255,255,255,.15);
}
.service-poster--ink::before {
  background:
    radial-gradient(circle at 70% 30%, rgba(215,182,116,.14), transparent 30%),
    #1d1b1f;
}
.service-poster--ink::after { border-color: rgba(255,255,255,.12); }

.poster-topline {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .72;
}
.poster-art {
  position: absolute;
  inset: 48px 10px 135px;
  display: grid;
  place-items: center;
  opacity: .9;
  pointer-events: none;
}
.poster-art svg {
  width: 100%;
  height: 100%;
}
.poster-copy {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-bottom: 56px;
}
.poster-kicker {
  display: block;
  margin-bottom: 2px;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .3em;
}
.poster-copy h3 {
  font-size: clamp(2.35rem, 3vw, 4rem);
  font-weight: 500;
  letter-spacing: -.025em;
}
.service-poster:not(.service-poster--featured) .poster-copy h3 {
  font-size: clamp(2.1rem, 2.5vw, 3rem);
}
.poster-copy p {
  max-width: 480px;
  margin: 12px 0 0;
  font-size: .88rem;
  line-height: 1.55;
  opacity: .72;
}
.poster-footer {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 18px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 13px;
  border-top: 1px solid currentColor;
  border-top-color: color-mix(in srgb, currentColor 17%, transparent);
}
.poster-footer img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 4px 9px rgba(0,0,0,.12));
}
.poster-footer span {
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .03em;
}
.poster-footer b {
  margin-left: 5px;
  font-size: .9rem;
}
.service-cta-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 26px;
  color: #f5eee7;
  background:
    radial-gradient(circle at 78% 15%, rgba(215,182,116,.22), transparent 33%),
    #151316;
  border-color: rgba(215,182,116,.24);
}
.service-cta-card img {
  position: absolute;
  right: -28px;
  top: -28px;
  width: 190px;
  opacity: .15;
  filter: grayscale(1);
}
.service-cta-card p {
  position: relative;
  max-width: 245px;
  margin: 0 0 24px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2rem;
  line-height: 1.08;
}
.service-cta-card a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.14);
  color: var(--gold-soft);
  font-size: .78rem;
  font-weight: 700;
}


.campaign {
  margin: clamp(30px, 5vw, 72px);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 15% 10%, rgba(255,255,255,.13), transparent 26rem),
    linear-gradient(120deg, #9b7739, #c7a45d);
  color: #171318;
  overflow: hidden;
}
.campaign-inner {
  min-height: 400px; padding: clamp(38px, 6vw, 82px);
  display: flex; align-items: end; justify-content: space-between; gap: 45px;
}
.campaign .eyebrow { color: #322610; }
.campaign h2 { font-size: clamp(3rem, 6vw, 5.5rem); max-width: 820px; }
.campaign p:not(.eyebrow) { max-width: 680px; margin-top: 22px; }

.process-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
  margin-top: 64px;
}
.process-step {
  padding: 34px 28px; border-top: 1px solid rgba(215,182,116,.3);
  background: linear-gradient(180deg, rgba(255,255,255,.025), transparent);
}
.process-step strong { color: var(--gold); font-size: .78rem; letter-spacing: .16em; }
.process-step h3 { font-size: 2rem; margin-top: 28px; }
.process-step p { color: var(--muted); }

.contact {
  display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(40px, 8vw, 110px);
  align-items: center;
  padding: clamp(90px, 11vw, 150px) clamp(22px, 7vw, 110px);
  background: #0b0a0c;
  border-top: 1px solid var(--line);
}
.contact h2 { font-size: clamp(3.2rem, 6vw, 5.8rem); max-width: 690px; }
.contact-copy > p:not(.eyebrow) { color: var(--muted); max-width: 580px; }
.contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.contact-card {
  background: var(--panel-light); color: var(--ink);
  border-radius: var(--radius); padding: clamp(28px, 5vw, 55px);
}
.contact-card > div + div { margin-top: 28px; padding-top: 28px; border-top: 1px solid rgba(23,19,24,.12); }
.contact-card small { color: #897b70; text-transform: uppercase; letter-spacing: .16em; }
.contact-card p { margin: 9px 0 0; }
.map-link {
  margin-top: 34px; display: flex; justify-content: space-between;
  border-top: 1px solid rgba(23,19,24,.12); padding-top: 24px;
  color: #7c5b22; font-weight: 600;
}

footer {
  padding: 34px clamp(22px, 7vw, 110px);
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 28px; align-items: center;
  color: #9f958c; font-size: .8rem; border-top: 1px solid var(--line);
}
.footer-brand { display: flex; align-items: center; gap: 10px; color: #ded5cc; }
.footer-brand img { width: 34px; height: 34px; object-fit: cover; border-radius: 50%; }
.demo-note { text-align: right; }

.floating-whatsapp {
  position: fixed; right: 20px; bottom: 20px; z-index: 15;
  padding: 12px 18px; border-radius: 999px;
  color: var(--ink); background: var(--gold-soft); font-weight: 700;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
}

@media (max-width: 980px) {
  .menu-button { display: block; }
  .site-nav {
    position: absolute; top: calc(100% + 1px); left: 0; right: 0;
    padding: 22px; background: rgba(16,15,17,.98);
    border-bottom: 1px solid var(--line);
    display: none; flex-direction: column; align-items: stretch; gap: 6px;
  }
  .site-nav.open { display: flex; }
  .site-nav a { padding: 12px; }
  .nav-cta { text-align: center; margin-top: 8px; }
  .hero { grid-template-columns: 1fr; text-align: center; }
  .hero-copy { margin-inline: auto; }
  .hero-actions, .hero-notes { justify-content: center; }
  .hero-visual { min-height: auto; }
  .moon-card { aspect-ratio: 1 / 1.08; }
  .intro { grid-template-columns: 1fr; }
  .service-editorial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-poster--featured { grid-column: span 2; }
  .campaign-inner { flex-direction: column; align-items: flex-start; }
  .process-grid { grid-template-columns: 1fr; }
  footer { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .demo-note { text-align: center; }
}

@media (max-width: 620px) {
  .site-header { min-height: 72px; padding-inline: 16px; }
  .brand img { width: 44px; height: 44px; }
  .brand small { display: none; }
  .hero { min-height: auto; padding-top: 72px; }
  h1 { font-size: clamp(3.6rem, 18vw, 5rem); }
  .hero-actions .button, .contact-actions .button { width: 100%; }
  .hero-notes { display: grid; gap: 9px; }
  .moon-card img { width: 170px; height: 170px; }
  .services { overflow: hidden; }
  .service-editorial-grid {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    margin-inline: -22px;
    padding: 0 22px 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .service-editorial-grid::-webkit-scrollbar { display: none; }
  .service-poster,
  .service-poster--featured,
  .service-cta-card {
    flex: 0 0 min(84vw, 355px);
    min-height: 465px;
    scroll-snap-align: center;
  }
  .poster-art { inset: 52px 8px 150px; }
  .poster-copy h3,
  .service-poster:not(.service-poster--featured) .poster-copy h3 {
    font-size: 2.8rem;
  }
  .campaign { margin: 14px; }
  .campaign-inner { min-height: 460px; }
  .floating-whatsapp span { font-size: .86rem; }
}



/* Compact featured Instagram post */
.featured-post {
  background:
    radial-gradient(circle at 8% 10%, rgba(215,182,116,.08), transparent 28rem),
    #121013;
  border-top: 1px solid var(--line);
}
.featured-post-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .62fr);
  gap: clamp(42px, 8vw, 110px);
  align-items: center;
  max-width: 1240px;
  margin-inline: auto;
}
.featured-post-copy h2 {
  font-size: clamp(3rem, 5.6vw, 5.2rem);
  max-width: 720px;
}
.featured-post-copy > p:not(.eyebrow) {
  max-width: 610px;
  color: var(--muted);
  margin-top: 24px;
}
.featured-points {
  display: grid;
  gap: 13px;
  margin: 30px 0 34px;
  color: #ddd4cb;
}
.featured-points span::before {
  content: "✦";
  color: var(--gold);
  margin-right: 11px;
}
.instagram-button {
  background: var(--gold-soft);
  color: var(--ink);
}
.featured-instagram-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(215,182,116,.22);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 28px 75px rgba(0,0,0,.3);
}
.featured-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  color: var(--ink);
  background: #f5f0e9;
  border-bottom: 1px solid rgba(23,19,24,.1);
}
.mini-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.mini-brand img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.mini-brand span {
  display: grid;
  line-height: 1.2;
}
.mini-brand strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mini-brand small { color: #766b62; margin-top: 3px; }
.featured-badge {
  flex: none;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e8dcc8;
  color: #6d5223;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.featured-instagram-card iframe {
  display: block;
  width: 100%;
  height: 610px;
  border: 0;
  background: #fff;
}
.featured-post-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  color: #6d5223;
  background: #f5f0e9;
  border-top: 1px solid rgba(23,19,24,.1);
  font-size: .88rem;
  font-weight: 700;
}
.external-note {
  color: #8f857c;
  font-size: .78rem;
  text-align: center;
  margin: 24px auto 0;
  max-width: 760px;
}

/* WhatsApp appointment builder */
.booking {
  background:
    radial-gradient(circle at 92% 20%, rgba(215,182,116,.08), transparent 26rem),
    var(--bg);
  border-top: 1px solid var(--line);
}
.booking-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, .72fr);
  gap: clamp(45px, 8vw, 115px);
  align-items: center;
  max-width: 1280px;
  margin-inline: auto;
}
.booking-copy h2 {
  font-size: clamp(3rem, 5.6vw, 5.3rem);
  max-width: 760px;
}
.booking-copy > p:not(.eyebrow) {
  max-width: 620px;
  margin-top: 24px;
  color: var(--muted);
}
.booking-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 38px;
}
.booking-benefits div {
  min-height: 120px;
  padding: 18px;
  border: 1px solid rgba(215,182,116,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
}
.booking-benefits strong {
  display: block;
  color: var(--gold);
  font-size: .75rem;
  letter-spacing: .14em;
}
.booking-benefits span {
  display: block;
  margin-top: 24px;
  color: #e6ddd4;
  font-size: .9rem;
}
.booking-form {
  padding: clamp(25px, 4vw, 42px);
  border: 1px solid rgba(215,182,116,.2);
  border-radius: 28px;
  background:
    linear-gradient(160deg, rgba(255,255,255,.045), transparent 52%),
    var(--panel);
  box-shadow: var(--shadow);
}
.form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.booking-form label {
  display: block;
  margin-bottom: 17px;
  color: #e7ded5;
  font-size: .88rem;
  font-weight: 600;
}
.booking-form input,
.booking-form select,
.booking-form textarea {
  width: 100%;
  margin-top: 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  color: var(--text);
  font: inherit;
  outline: none;
}
.booking-form input,
.booking-form select {
  min-height: 51px;
  padding: 0 14px;
}
.booking-form textarea {
  resize: vertical;
  min-height: 108px;
  padding: 13px 14px;
}
.booking-form input::placeholder,
.booking-form textarea::placeholder { color: #91877f; }
.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus {
  border-color: rgba(215,182,116,.72);
  box-shadow: 0 0 0 3px rgba(215,182,116,.1);
}
.booking-form select option {
  color: var(--ink);
  background: #fff;
}
.optional {
  color: #8f857c;
  font-size: .76rem;
  font-weight: 400;
}
.form-submit {
  width: 100%;
  border: 0;
  cursor: pointer;
}
.form-feedback {
  margin: 13px 0 0;
  color: #998f86;
  text-align: center;
  font-size: .76rem;
}

/* Mobile quick contact bar */
.mobile-contact-bar { display: none; }
.desktop-whatsapp { display: flex; }


/* FAQ */
.faq {
  background: var(--panel-light);
  color: var(--ink);
}
.faq .eyebrow { color: #8d6b2e; }
.faq-list {
  max-width: 920px;
  margin: 55px auto 0;
  border-top: 1px solid rgba(23,19,24,.15);
}
.faq details { border-bottom: 1px solid rgba(23,19,24,.15); }
.faq summary {
  cursor: pointer;
  list-style: none;
  padding: 24px 44px 24px 0;
  position: relative;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 600;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #8d6b2e;
  font-family: "Inter", sans-serif;
  font-size: 1.45rem;
}
.faq details[open] summary::after { content: "−"; }
.faq details p { color: #665e59; margin: -5px 0 25px; max-width: 760px; }

/* Map and contact */
.location {
  padding: clamp(90px, 11vw, 150px) clamp(22px, 7vw, 110px);
  background: #0b0a0c;
  border-top: 1px solid var(--line);
}
.location-head {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: clamp(36px, 8vw, 110px);
  align-items: end;
  margin-bottom: 52px;
}
.location-head h2 { font-size: clamp(3.2rem, 6vw, 5.8rem); max-width: 720px; }
.location-head > p { color: var(--muted); max-width: 570px; }
.location-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
  gap: 20px;
  align-items: stretch;
}
.map-shell {
  position: relative;
  min-height: 610px;
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid rgba(215,182,116,.18);
  background: #252326;
}
.map-shell iframe { width: 100%; height: 100%; min-height: 610px; border: 0; filter: saturate(.82) contrast(1.04); }
.map-overlay {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(16,15,17,.9);
  color: var(--text);
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 36px rgba(0,0,0,.28);
}
.map-overlay span { font-weight: 600; }
.map-overlay a { color: var(--gold-soft); font-size: .88rem; }
.location .contact-card {
  display: flex;
  align-items: center;
  justify-content: center;
}
.location .contact-card a:not(.button) { color: inherit; }
.contact-card--visual {
  min-width: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.contact-card--visual img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
  border-radius: 38px;
  filter: drop-shadow(0 24px 34px rgba(0,0,0,.24));
}
.contact-card-actions {
  display: grid;
  gap: 10px;
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid rgba(23,19,24,.12);
}
.dark-outline { color: var(--ink); border-color: rgba(23,19,24,.24); }
.whatsapp-dot { color: #238c57; font-size: .82rem; }

@media (max-width: 980px) {
  .featured-post-grid,
  .booking-grid,
  .location-head,
  .location-grid { grid-template-columns: 1fr; }
  .location-grid { gap: 16px; }
  .map-shell,
  .map-shell iframe { min-height: 480px; }
}

@media (max-width: 720px) {
  .featured-instagram-card {
    max-width: 540px;
    width: 100%;
    margin-inline: auto;
  }
  .featured-instagram-card iframe { height: 600px; }
  .booking-benefits { grid-template-columns: 1fr; }
  .booking-benefits div {
    min-height: 86px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 18px;
  }
  .booking-benefits span { margin-top: 0; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .map-overlay { align-items: flex-start; flex-direction: column; gap: 6px; }
}

@media (max-width: 620px) {
  body { padding-bottom: 78px; }
  .featured-post-copy { text-align: center; }
  .featured-post-copy > p:not(.eyebrow) { margin-inline: auto; }
  .featured-points { text-align: left; max-width: 330px; margin-inline: auto; }
  .instagram-button { width: 100%; }
  .featured-card-head { padding: 13px; }
  .featured-badge { display: none; }
  .featured-instagram-card iframe { height: 555px; }
  .booking-copy { text-align: center; }
  .booking-copy > p:not(.eyebrow) { margin-inline: auto; }
  .booking-form { padding: 22px 17px; }
  .map-shell,
  .map-shell iframe { min-height: 410px; }

  .desktop-whatsapp { display: none; }
  .mobile-contact-bar {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 9px;
    z-index: 40;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    min-height: 60px;
    border: 1px solid rgba(215,182,116,.28);
    border-radius: 18px;
    background: rgba(20,18,21,.96);
    box-shadow: 0 16px 42px rgba(0,0,0,.42);
    backdrop-filter: blur(16px);
  }
  .mobile-contact-bar a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #e8dfd6;
    font-size: .7rem;
    font-weight: 600;
  }
  .mobile-contact-bar a + a {
    border-left: 1px solid rgba(255,255,255,.09);
  }
  .mobile-contact-bar .mobile-action-primary {
    color: var(--ink);
    background: var(--gold-soft);
  }
  .mobile-action-icon {
    line-height: 1;
    font-size: 1rem;
  }
}


/* SVG logo rendering */
.brand img,
.moon-card img,
.footer-brand img,
.poster-footer img,
.service-cta-card img,
.mini-brand img,
.ig-static-logo-wrap img {
  object-fit: contain;
  image-rendering: auto;
}

.brand img {
  background: transparent;
}

.moon-card img {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.poster-footer img,
.footer-brand img,
.mini-brand img {
  background: transparent;
}


/* =========================================================
   V6 — Clean logo display and premium service list
   ========================================================= */

.hero-logo-display {
  width: min(520px, 90vw);
  min-height: 540px;
  display: grid;
  place-content: center;
  justify-items: center;
  position: relative;
  text-align: center;
}

.hero-logo-display::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(215,182,116,.30), transparent);
}

.hero-logo-display img {
  position: relative;
  z-index: 2;
  width: min(390px, 74vw);
  height: auto;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 25px 46px rgba(0,0,0,.34));
}

.hero-logo-line {
  position: relative;
  z-index: 2;
  width: 74px;
  height: 1px;
  margin-top: 30px;
  background: var(--gold);
}

.hero-logo-display p {
  position: relative;
  z-index: 2;
  margin: 18px 0 0;
  color: var(--gold-soft);
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .72rem;
}

.services-list-section {
  position: relative;
  overflow: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 12%, rgba(215,182,116,.08), transparent 30rem),
    linear-gradient(180deg, #0e0d0f, #141216);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.services-list-section::before {
  content: "MOON";
  position: absolute;
  left: -1vw;
  bottom: -7vw;
  color: rgba(255,255,255,.018);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(10rem, 22vw, 27rem);
  line-height: .75;
  pointer-events: none;
}

.services-list-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(300px, .78fr) minmax(520px, 1.22fr);
  gap: clamp(55px, 8vw, 130px);
  align-items: start;
  max-width: 1380px;
  margin-inline: auto;
}

.services-list-intro {
  position: sticky;
  top: 130px;
}

.services-list-intro h2 {
  max-width: 650px;
  font-size: clamp(3.2rem, 5.5vw, 5.8rem);
}

.services-list-copy {
  max-width: 560px;
  margin-top: 26px;
  color: var(--muted);
}

.services-list-brand {
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 450px;
  margin-top: 48px;
  padding-top: 26px;
  border-top: 1px solid rgba(215,182,116,.18);
  color: #cbbda9;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .68rem;
}

.services-list-brand img {
  width: 92px;
  height: 68px;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.services-list-panel {
  border-top: 1px solid rgba(255,255,255,.14);
}

.service-list-row {
  appearance: none;
  width: 100%;
  min-height: 94px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto 28px;
  align-items: center;
  gap: 22px;
  padding: 10px 4px;
  color: #eee7df;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.11);
  text-align: left;
  cursor: pointer;
  transition: background .22s ease, padding .22s ease, color .22s ease;
}

.service-list-row:hover,
.service-list-row:focus-visible {
  padding-inline: 18px;
  color: var(--gold-soft);
  background: rgba(255,255,255,.035);
  outline: none;
}

.service-list-row--featured {
  color: #161216;
  background: linear-gradient(100deg, #ddc28c, #f1dfb6);
  border-bottom-color: transparent;
}

.service-list-row--featured:hover,
.service-list-row--featured:focus-visible {
  color: #161216;
  background: linear-gradient(100deg, #e6cd9b, #f5e6c4);
}

.service-list-index {
  color: #8f847a;
  font-size: .72rem;
  letter-spacing: .15em;
}

.service-list-row--featured .service-list-index {
  color: rgba(22,18,22,.55);
}

.service-list-name {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 3.1vw, 3.5rem);
  line-height: 1;
  letter-spacing: -.025em;
}

.service-list-note {
  color: #9e948b;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: nowrap;
}

.service-list-row--featured .service-list-note {
  color: rgba(22,18,22,.62);
}

.service-list-arrow {
  font-size: 1.1rem;
  transition: transform .22s ease;
}

.service-list-row:hover .service-list-arrow,
.service-list-row:focus-visible .service-list-arrow {
  transform: translate(4px, -4px);
}

@media (max-width: 980px) {
  .services-list-layout {
    grid-template-columns: 1fr;
  }

  .services-list-intro {
    position: static;
  }

  .hero-logo-display {
    min-height: 430px;
  }
}

@media (max-width: 680px) {
  .hero-logo-display {
    min-height: 340px;
  }

  .hero-logo-display img {
    width: min(300px, 78vw);
  }

  .service-list-row {
    min-height: 78px;
    grid-template-columns: 34px minmax(0, 1fr) 22px;
    gap: 13px;
  }

  .service-list-note {
    display: none;
  }

  .service-list-name {
    font-size: clamp(1.7rem, 9vw, 2.5rem);
  }

  .service-list-row:hover,
  .service-list-row:focus-visible {
    padding-inline: 10px;
  }

  .services-list-brand img {
    width: 72px;
  }
}


/* =========================================================
   V7 — Lighter premium tone, text-only header brand,
   service cards, corrected Instagram area
   ========================================================= */

:root {
  --bg: #141217;
  --bg-soft: #1b171d;
  --panel: #221d24;
  --line: rgba(255,255,255,.08);
}

body {
  background:
    radial-gradient(circle at 85% 7%, rgba(215,182,116,.12), transparent 30rem),
    radial-gradient(circle at 6% 82%, rgba(215,182,116,.08), transparent 18rem),
    #121014;
}

.site-header {
  background: rgba(18,16,20,.84);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.brand-wordmark {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.brand-wordmark-accent {
  width: 38px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-soft));
  display: block;
}

.brand-wordmark span {
  display: grid;
  line-height: 1.08;
}

.brand-wordmark strong {
  letter-spacing: .24em;
  font-size: .96rem;
}

.brand-wordmark small {
  margin-top: 6px;
  color: #bdb3a9;
}

.hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(215,182,116,.10), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 30%),
    transparent;
}

.hero-copy {
  color: #cbbeb1;
}

.hero-visual::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: 3%;
  top: 8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(215,182,116,.08), transparent 62%);
  filter: blur(4px);
  pointer-events: none;
}

.hero-logo-display::before {
  background: linear-gradient(90deg, transparent, rgba(215,182,116,.22), transparent);
}

.hero-logo-display img {
  filter: drop-shadow(0 18px 38px rgba(0,0,0,.30));
}

.intro {
  background: #17141a;
}

.services-cards-v7 {
  background: #f3eee7;
  color: #171318;
}

.services-cards-v7 .centered .eyebrow {
  color: #8d6b2e;
}

.services-cards-v7 .centered h2 {
  max-width: 900px;
}

.service-grid-v7 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 58px;
}

.service-card-v7 {
  position: relative;
  min-height: 255px;
  padding: 26px;
  border: 1px solid rgba(23,19,24,.10);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.68), transparent 52%),
    #fbf8f3;
  color: #171318;
  text-align: left;
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}

.service-card-v7:hover,
.service-card-v7:focus-visible {
  transform: translateY(-5px);
  box-shadow: 0 18px 44px rgba(34,24,17,.10);
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), transparent 52%),
    #ffffff;
  outline: none;
}

.service-card-v7--featured {
  grid-column: span 2;
  min-height: 285px;
  background:
    radial-gradient(circle at 88% 14%, rgba(255,255,255,.42), transparent 20rem),
    linear-gradient(120deg, #d9c18d, #f2dfb8);
}

.service-card-v7--featured:hover,
.service-card-v7--featured:focus-visible {
  background:
    radial-gradient(circle at 88% 14%, rgba(255,255,255,.5), transparent 20rem),
    linear-gradient(120deg, #dfc895, #f5e6c7);
}

.service-no {
  display: inline-block;
  color: #9a8e82;
  font-size: .75rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.service-tag {
  position: absolute;
  right: 24px;
  top: 24px;
  color: rgba(23,19,24,.60);
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.service-card-v7 h3 {
  margin-top: 30px;
  font-size: clamp(2rem, 3vw, 3.3rem);
  line-height: 1.02;
}

.service-card-v7 p {
  margin: 14px 0 0;
  max-width: 470px;
  color: #635a55;
}

.service-cta {
  position: absolute;
  left: 26px;
  bottom: 22px;
  color: #8d6b2e;
  font-size: .82rem;
  font-weight: 700;
}

.featured-post-v7 {
  background:
    linear-gradient(180deg, #faf5ef, #f2ece3);
  color: #171318;
  border-top: 1px solid rgba(23,19,24,.08);
}

.featured-post-v7 .eyebrow {
  color: #8d6b2e;
}

.featured-post-v7 .featured-post-copy > p:not(.eyebrow) {
  color: #5f5751;
}

.featured-post-v7 .featured-points {
  color: #4f4943;
}

.featured-post-v7 .featured-points span::before {
  color: #8d6b2e;
}

.moon-ig-card {
  overflow: hidden;
  border: 1px solid rgba(23,19,24,.10);
  border-radius: 28px;
  background: #fffdfa;
  box-shadow: 0 24px 64px rgba(36,27,18,.10);
}

.moon-ig-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(23,19,24,.08);
  background: #f7efe1;
}

.moon-ig-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.moon-ig-brand img {
  width: 62px;
  height: 62px;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.moon-ig-brand span {
  display: grid;
  line-height: 1.2;
}

.moon-ig-brand small {
  color: #7b7168;
  margin-top: 4px;
}

.moon-ig-chip {
  flex: none;
  padding: 8px 12px;
  border-radius: 999px;
  background: #e8dcc8;
  color: #6d5223;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.moon-ig-body {
  padding: 24px;
}

.moon-ig-visual {
  min-height: 520px;
  padding: 28px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 18%, rgba(215,182,116,.10), transparent 18rem),
    linear-gradient(180deg, #fefbf7, #f3ece2);
}

.moon-ig-visual-card {
  min-height: 464px;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 28px;
  border: 1px solid rgba(23,19,24,.08);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.70), transparent 58%),
    #fff;
}

.moon-ig-kicker {
  margin: 0 0 10px;
  color: #8d6b2e;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .24em;
}

.moon-ig-visual-card h3 {
  font-size: clamp(2.4rem, 4vw, 4rem);
}

.moon-ig-visual-card p {
  max-width: 420px;
  margin: 18px 0 0;
  color: #655c56;
}

.moon-ig-visual-card img {
  width: 150px;
  height: auto;
  margin-top: 30px;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.moon-ig-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 20px;
  border-top: 1px solid rgba(23,19,24,.08);
  background: #f7efe1;
  color: #6d5223;
  font-weight: 700;
}

.booking {
  background:
    radial-gradient(circle at 92% 20%, rgba(215,182,116,.06), transparent 24rem),
    #151218;
}

.contact {
  background: #111015;
}

@media (max-width: 980px) {
  .service-grid-v7 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-card-v7--featured {
    grid-column: span 2;
  }
}

@media (max-width: 680px) {
  .brand-wordmark-accent {
    width: 26px;
  }

  .brand-wordmark strong {
    font-size: .9rem;
  }

  .brand-wordmark small {
    font-size: .82rem;
  }

  .service-grid-v7 {
    grid-template-columns: 1fr;
  }

  .service-card-v7,
  .service-card-v7--featured {
    grid-column: auto;
    min-height: 235px;
  }

  .service-tag {
    position: static;
    display: inline-block;
    margin-left: 10px;
  }

  .service-card-v7 h3 {
    margin-top: 24px;
    font-size: 2.35rem;
  }

  .moon-ig-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .moon-ig-chip {
    align-self: flex-start;
  }

  .moon-ig-visual {
    min-height: 420px;
  }

  .moon-ig-visual-card {
    min-height: 360px;
  }
}


/* =========================================================
   V8 — Product-style showcase, real Instagram post embed,
   refined floating CTA
   ========================================================= */

.product-showcase {
  background:
    radial-gradient(circle at 10% 18%, rgba(215,182,116,.10), transparent 18rem),
    #141217;
}

.product-showcase-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  align-items: center;
  gap: clamp(24px, 4vw, 48px);
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(215,182,116,.16);
  border-radius: 36px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.46), transparent 48%),
    linear-gradient(180deg, #f8f2e8, #efe5d7);
  box-shadow: 0 36px 90px rgba(18,14,16,.24);
}

.product-showcase-card::before {
  content: "";
  position: absolute;
  inset: 20px;
  border-radius: 28px;
  border: 1px solid rgba(215,182,116,.18);
  pointer-events: none;
}

.product-showcase-copy {
  position: relative;
  z-index: 2;
  padding: 18px 10px 18px 10px;
  color: #201b20;
}

.product-showcase-headline {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
}

.product-showcase-headline .eyebrow {
  margin: 0;
  color: #9b7535;
}

.product-showcase-line {
  width: 42px;
  height: 1px;
  background: rgba(155,117,53,.42);
  display: inline-block;
}

.product-showcase-copy h2 {
  max-width: 620px;
  font-size: clamp(3.3rem, 6vw, 5.9rem);
  line-height: .96;
  color: #2a2020;
}

.product-showcase-copy p {
  max-width: 520px;
  margin-top: 26px;
  color: #615751;
  font-size: clamp(1rem, 1.4vw, 1.15rem);
}

.product-showcase-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 34px;
  color: #9b7535;
  letter-spacing: .20em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 700;
}

.product-showcase-meta span + span::before {
  content: "•";
  margin-right: 18px;
  color: #c9a96a;
}

.product-showcase-button {
  margin-top: 34px;
  background: rgba(255,255,255,.82);
  color: #2a2020;
  box-shadow: 0 12px 26px rgba(49,36,23,.10);
}

.product-showcase-button:hover {
  background: #ffffff;
}

.product-showcase-button span {
  margin-left: 10px;
}

.product-showcase-media {
  position: relative;
  min-height: 620px;
  display: grid;
  align-items: end;
  justify-items: center;
  overflow: hidden;
}

.product-showcase-media img {
  position: relative;
  z-index: 2;
  width: min(100%, 620px);
  height: auto;
  object-fit: cover;
  filter: saturate(1.02) contrast(1.02);
}

.product-showcase-orbit {
  position: absolute;
  border: 1.2px solid rgba(201,169,106,.65);
  border-radius: 50%;
  pointer-events: none;
}

.product-showcase-orbit--one {
  width: 460px;
  height: 460px;
  top: 24px;
  right: 88px;
}

.product-showcase-orbit--two {
  width: 760px;
  height: 280px;
  right: -120px;
  bottom: 60px;
  border-width: 1px;
}

.product-showcase-sparkle {
  position: absolute;
  right: 60px;
  top: 76px;
  width: 82px;
  height: 82px;
  background:
    linear-gradient(90deg, transparent 48%, rgba(255,255,255,.88) 49%, rgba(255,255,255,.88) 51%, transparent 52%),
    linear-gradient(0deg, transparent 48%, rgba(255,255,255,.88) 49%, rgba(255,255,255,.88) 51%, transparent 52%);
  opacity: .95;
  filter: drop-shadow(0 0 18px rgba(255,255,255,.35));
}

.featured-post-v8 {
  background:
    radial-gradient(circle at 12% 8%, rgba(215,182,116,.10), transparent 18rem),
    linear-gradient(180deg, #faf5ef, #f3ece3);
  color: #171318;
}

.featured-post-copy-v8 h2 {
  max-width: 650px;
}

.featured-post-copy-v8 > p:not(.eyebrow) {
  max-width: 580px;
}

.ig-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 22px;
  align-items: center;
  margin-top: 28px;
}

.moon-ig-card--embed {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.moon-ig-embed-shell {
  padding: 18px 18px 10px;
  background: linear-gradient(180deg, #fffdf9, #f7f0e6);
}

.moon-ig-embed {
  width: 100%;
  min-height: 850px;
  border: 0;
  border-radius: 24px;
  background: #ffffff;
}

.moon-ig-footer a {
  color: #6d5223;
  font-weight: 700;
}

.service-card-v7--featured .service-tag {
  color: rgba(54,44,30,.72);
}

.floating-whatsapp {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-left: 18px;
  padding-right: 22px;
  text-align: center;
}

.floating-whatsapp .whatsapp-dot {
  display: inline-block;
  line-height: 1;
  transform: translateX(-2px);
  margin-right: 0;
}

.floating-whatsapp span:last-child {
  display: inline-block;
  text-align: center;
}

@media (max-width: 1120px) {
  .product-showcase-card {
    grid-template-columns: 1fr;
  }

  .product-showcase-media {
    min-height: 440px;
  }

  .product-showcase-orbit--one {
    width: 360px;
    height: 360px;
    right: 50%;
    transform: translateX(50%);
  }

  .product-showcase-orbit--two {
    width: 640px;
    right: 50%;
    transform: translateX(50%);
  }
}

@media (max-width: 680px) {
  .product-showcase-card {
    border-radius: 28px;
    padding: 22px;
  }

  .product-showcase-card::before {
    inset: 12px;
    border-radius: 20px;
  }

  .product-showcase-copy h2 {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

  .product-showcase-meta {
    gap: 10px 14px;
    font-size: .68rem;
  }

  .product-showcase-meta span + span::before {
    margin-right: 12px;
  }

  .product-showcase-media {
    min-height: 320px;
  }

  .product-showcase-orbit--one {
    width: 260px;
    height: 260px;
    top: 10px;
  }

  .product-showcase-orbit--two {
    width: 420px;
    height: 170px;
    bottom: 22px;
  }

  .product-showcase-sparkle {
    right: 20px;
    top: 18px;
    width: 56px;
    height: 56px;
  }

  .moon-ig-embed {
    min-height: 720px;
  }
}


/* =========================================================
   V9 — Better readability for showcase, contained visual card,
   narrower Instagram embed
   ========================================================= */

.product-showcase-card--v9 {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  gap: clamp(24px, 4vw, 54px);
}

.product-showcase-card--v9 .product-showcase-copy {
  padding: 20px 8px 20px 8px;
}

.product-showcase-card--v9 .product-showcase-copy h2 {
  color: #2c2020;
  max-width: 560px;
  font-size: clamp(3.5rem, 5.5vw, 5.7rem);
  line-height: .96;
  letter-spacing: -.03em;
}

.product-showcase-card--v9 .product-showcase-copy h2 span {
  color: #a07327;
}

.product-showcase-card--v9 .product-showcase-copy p {
  max-width: 470px;
  color: #5c534e;
  font-size: 1.08rem;
  line-height: 1.62;
}

.product-showcase-card--v9 .product-showcase-button {
  margin-top: 26px;
  background: #ffffff;
  color: #2c2020;
}

.product-showcase-card--v9 .product-showcase-media {
  min-height: 520px;
  align-items: center;
  justify-items: center;
}

.product-showcase-media-card {
  position: relative;
  width: min(100%, 430px);
  min-height: 540px;
  overflow: hidden;
  border: 1px solid rgba(187,153,87,.24);
  border-radius: 0;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.38), transparent 18rem),
    linear-gradient(180deg, #f3e6d5, #ead8c1);
  box-shadow: 0 20px 48px rgba(39,29,18,.10);
}

.product-showcase-media-card img {
  position: absolute;
  right: -14px;
  bottom: 0;
  width: 110%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  filter: saturate(1.02) contrast(1.02);
}

.product-showcase-media-card .product-showcase-orbit--one {
  width: 330px;
  height: 330px;
  top: 32px;
  right: 54px;
  border-color: rgba(201,169,106,.72);
}

.product-showcase-media-card .product-showcase-orbit--two {
  width: 560px;
  height: 180px;
  right: -150px;
  bottom: 54px;
  border-color: rgba(201,169,106,.55);
}

.product-showcase-media-card .product-showcase-sparkle {
  right: 34px;
  top: 38px;
  width: 70px;
  height: 70px;
}

.product-showcase-media-button {
  position: absolute;
  right: 26px;
  bottom: 26px;
  z-index: 3;
  background: rgba(255,255,255,.92);
  color: #2b2020;
  box-shadow: 0 12px 26px rgba(40,28,16,.14);
}

.product-showcase-media-button span {
  margin-left: 10px;
}

.featured-post-v8 .featured-post-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 420px);
  gap: clamp(28px, 4vw, 52px);
  align-items: start;
}

.featured-post-copy-v8 h2 {
  max-width: 560px;
  color: #1f1a1e;
}

.featured-post-copy-v8 > p:not(.eyebrow) {
  max-width: 520px;
  color: #6b625c;
}

.featured-post-v8 .featured-points {
  color: #8d816f;
}

.moon-ig-card--embed {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.moon-ig-embed-shell {
  padding: 14px 14px 8px;
}

.moon-ig-embed {
  min-height: 640px;
  border-radius: 20px;
}

.moon-ig-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.moon-ig-footer span {
  color: #7b6c57;
}

@media (max-width: 1120px) {
  .product-showcase-card--v9 {
    grid-template-columns: 1fr;
  }

  .product-showcase-card--v9 .product-showcase-copy {
    order: 1;
  }

  .product-showcase-card--v9 .product-showcase-media {
    order: 2;
    min-height: 420px;
  }

  .product-showcase-media-card {
    width: min(100%, 500px);
    min-height: 500px;
  }

  .featured-post-v8 .featured-post-grid {
    grid-template-columns: 1fr;
  }

  .moon-ig-card--embed {
    margin-inline: 0;
  }
}

@media (max-width: 680px) {
  .product-showcase-card--v9 .product-showcase-copy h2 {
    font-size: clamp(2.7rem, 10vw, 4.2rem);
  }

  .product-showcase-card--v9 .product-showcase-copy p {
    font-size: .98rem;
  }

  .product-showcase-media-card {
    width: 100%;
    min-height: 410px;
  }

  .product-showcase-media-card .product-showcase-orbit--one {
    width: 250px;
    height: 250px;
    right: 34px;
    top: 22px;
  }

  .product-showcase-media-card .product-showcase-orbit--two {
    width: 410px;
    height: 150px;
    right: -130px;
    bottom: 48px;
  }

  .product-showcase-media-card img {
    width: 118%;
    right: -24px;
  }

  .product-showcase-media-button {
    right: 18px;
    bottom: 18px;
  }

  .moon-ig-embed {
    min-height: 560px;
  }
}


/* =========================================================
   V10 — Centered showcase redesign and tighter Instagram card
   ========================================================= */

.product-showcase {
  background:
    radial-gradient(circle at 12% 20%, rgba(215,182,116,.10), transparent 18rem),
    #141217;
}

.product-showcase-shell {
  max-width: 1380px;
  margin-inline: auto;
}

.product-showcase-card--v10 {
  grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
  gap: clamp(34px, 4vw, 64px);
  max-width: 100%;
  margin-inline: auto;
  padding: clamp(34px, 4.2vw, 56px);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.52), rgba(255,255,255,.12) 45%, transparent 68%),
    linear-gradient(180deg, #f7f1e7, #efe4d5);
  box-shadow: 0 30px 80px rgba(17,13,16,.26);
}

.product-showcase-card--v10::before {
  inset: 18px;
  border-radius: 26px;
  border-color: rgba(200,168,103,.20);
}

.product-showcase-card--v10 .product-showcase-copy {
  padding: 10px 8px 10px 8px;
  align-self: center;
}

.product-showcase-card--v10 .product-showcase-headline {
  margin-bottom: 24px;
}

.product-showcase-card--v10 .product-showcase-headline .eyebrow {
  color: #a17633;
  letter-spacing: .24em;
}

.product-showcase-card--v10 .product-showcase-line {
  width: 48px;
  background: rgba(161,118,51,.36);
}

.product-showcase-card--v10 .product-showcase-copy h2 {
  max-width: 560px;
  color: #2b2020;
  font-size: clamp(3.8rem, 5.8vw, 6.1rem);
  line-height: .95;
  letter-spacing: -.04em;
}

.product-showcase-card--v10 .product-showcase-copy h2 span {
  color: #a97622;
}

.product-showcase-card--v10 .product-showcase-copy p {
  max-width: 470px;
  margin-top: 24px;
  color: #5c544e;
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.65;
}

.product-showcase-card--v10 .product-showcase-meta {
  margin-top: 30px;
  color: #a17633;
}

.product-showcase-card--v10 .product-showcase-button {
  margin-top: 28px;
  padding-inline: 24px;
  background: rgba(255,255,255,.92);
  color: #2b2020;
  box-shadow: 0 12px 26px rgba(49,36,23,.10);
}

.product-showcase-card--v10 .product-showcase-media {
  min-height: 600px;
  align-items: center;
  justify-items: center;
}

.product-showcase-card--v10 .product-showcase-media-card {
  position: relative;
  width: min(100%, 520px);
  min-height: 640px;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(198,165,99,.22);
  background:
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.36), transparent 18rem),
    linear-gradient(180deg, #f3e6d5, #ead8c1);
  box-shadow: 0 18px 44px rgba(39,29,18,.10);
}

.product-showcase-card--v10 .product-showcase-media-card img {
  position: absolute;
  inset: auto 0 0 auto;
  width: 106%;
  height: 100%;
  right: -14px;
  bottom: 0;
  object-fit: cover;
  object-position: center bottom;
}

.product-showcase-card--v10 .product-showcase-media-card .product-showcase-orbit--one {
  width: 360px;
  height: 360px;
  top: 34px;
  right: 60px;
}

.product-showcase-card--v10 .product-showcase-media-card .product-showcase-orbit--two {
  width: 620px;
  height: 220px;
  right: -170px;
  bottom: 70px;
  border-width: 1px;
}

.product-showcase-card--v10 .product-showcase-media-card .product-showcase-sparkle {
  right: 36px;
  top: 42px;
  width: 74px;
  height: 74px;
}

.product-showcase-card--v10 .product-showcase-media-button {
  position: absolute;
  right: 26px;
  bottom: 24px;
  z-index: 3;
  background: rgba(255,255,255,.94);
  color: #2b2020;
  box-shadow: 0 12px 26px rgba(40,28,16,.14);
}

.product-showcase-card--v10 .product-showcase-media-button span {
  margin-left: 10px;
}

.featured-post-v8 .featured-post-grid {
  grid-template-columns: minmax(0, .98fr) minmax(320px, 390px);
  gap: clamp(26px, 4vw, 48px);
  max-width: 1180px;
  margin-inline: auto;
  align-items: start;
}

.featured-post-copy-v8 h2 {
  max-width: 520px;
  color: #201b20;
}

.featured-post-copy-v8 > p:not(.eyebrow) {
  max-width: 500px;
  color: #6b625c;
}

.featured-post-v8 .featured-points {
  color: #827667;
}

.moon-ig-card--embed {
  max-width: 390px;
  width: 100%;
  margin-inline: auto;
  border-radius: 26px;
}

.moon-ig-head {
  padding: 16px 18px;
}

.moon-ig-brand img {
  width: 54px;
  height: 54px;
}

.moon-ig-chip {
  font-size: .68rem;
}

.moon-ig-embed-shell {
  padding: 12px 12px 6px;
}

.moon-ig-embed {
  min-height: 610px;
  border-radius: 18px;
}

.moon-ig-footer {
  padding: 14px 18px;
}

@media (max-width: 1180px) {
  .product-showcase-card--v10 {
    grid-template-columns: 1fr;
  }

  .product-showcase-card--v10 .product-showcase-copy {
    order: 1;
  }

  .product-showcase-card--v10 .product-showcase-media {
    order: 2;
    min-height: 420px;
  }

  .product-showcase-card--v10 .product-showcase-media-card {
    width: min(100%, 560px);
    min-height: 560px;
  }

  .featured-post-v8 .featured-post-grid {
    grid-template-columns: 1fr;
  }

  .moon-ig-card--embed {
    max-width: 420px;
  }
}

@media (max-width: 680px) {
  .product-showcase-shell {
    max-width: none;
  }

  .product-showcase-card--v10 {
    padding: 22px;
    border-radius: 28px;
  }

  .product-showcase-card--v10::before {
    inset: 12px;
    border-radius: 20px;
  }

  .product-showcase-card--v10 .product-showcase-copy h2 {
    font-size: clamp(2.8rem, 11vw, 4.4rem);
  }

  .product-showcase-card--v10 .product-showcase-copy p {
    font-size: .98rem;
  }

  .product-showcase-card--v10 .product-showcase-media {
    min-height: 320px;
  }

  .product-showcase-card--v10 .product-showcase-media-card {
    width: 100%;
    min-height: 420px;
    border-radius: 22px;
  }

  .product-showcase-card--v10 .product-showcase-media-card .product-showcase-orbit--one {
    width: 260px;
    height: 260px;
    top: 24px;
    right: 34px;
  }

  .product-showcase-card--v10 .product-showcase-media-card .product-showcase-orbit--two {
    width: 420px;
    height: 150px;
    right: -130px;
    bottom: 56px;
  }

  .product-showcase-card--v10 .product-showcase-media-card img {
    width: 115%;
    right: -26px;
  }

  .product-showcase-card--v10 .product-showcase-media-button {
    right: 18px;
    bottom: 18px;
  }

  .moon-ig-card--embed {
    max-width: none;
  }

  .moon-ig-embed {
    min-height: 560px;
  }
}


/* =========================================================
   V11 — Integrated final Moon Signature banner
   ========================================================= */

.product-banner-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(215,182,116,.10), transparent 18rem),
    #141217;
}

.product-banner-shell {
  max-width: 1920px;
  margin-inline: auto;
}

.product-banner-link {
  display: block;
  width: 100%;
  text-decoration: none;
}

.product-banner-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
  box-shadow: 0 28px 74px rgba(12, 9, 14, .34);
}

@media (max-width: 980px) {
  .product-banner-shell {
    max-width: 100%;
  }

  .product-banner-image {
    border-radius: 24px;
  }
}

@media (max-width: 680px) {
  .product-banner-section {
    padding-top: 72px;
  }

  .product-banner-image {
    border-radius: 18px;
  }
}


/* =========================================================
   V12 — Live HTML/CSS Moon Signature card
   Background, text and buttons are separate and responsive.
   ========================================================= */

.moon-signature-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(215,182,116,.10), transparent 20rem),
    #141217;
}

.moon-signature-card {
  position: relative;
  isolation: isolate;
  max-width: 1480px;
  min-height: 720px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(460px, 1.02fr);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(215,182,116,.30);
  border-radius: 36px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.50), transparent 48%),
    linear-gradient(135deg, #fbf6ee 0%, #f2e7d8 55%, #dfc5a5 100%);
  box-shadow:
    0 36px 95px rgba(0,0,0,.34),
    inset 0 0 0 18px rgba(255,255,255,.18);
}

.moon-signature-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 1;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.50);
  border-radius: 26px;
}

.moon-signature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 34%, rgba(255,255,255,.72), transparent 27rem),
    linear-gradient(90deg, transparent 70%, rgba(255,255,255,.13));
}

.moon-signature-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
  pointer-events: none;
}

.moon-signature-glow--one {
  width: 330px;
  height: 330px;
  left: -90px;
  bottom: -150px;
  background: rgba(255,255,255,.24);
}

.moon-signature-glow--two {
  width: 360px;
  height: 360px;
  right: -120px;
  top: -80px;
  background: rgba(255,255,255,.13);
}

.moon-signature-copy {
  position: relative;
  z-index: 4;
  padding: clamp(58px, 6vw, 94px);
  padding-right: clamp(24px, 3vw, 54px);
  color: #2a1f1e;
}

.moon-signature-label {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 34px;
  color: #9f742f;
  text-transform: uppercase;
  letter-spacing: .27em;
  font-size: .75rem;
  font-weight: 700;
}

.moon-signature-label i {
  width: 52px;
  height: 1px;
  background: rgba(159,116,47,.44);
}

.moon-signature-mark {
  font-size: 1.45rem;
  line-height: 1;
}

.moon-signature-copy h2 {
  max-width: 690px;
  color: #2b201f;
  font-size: clamp(4rem, 6.1vw, 6.8rem);
  line-height: .94;
  letter-spacing: -.045em;
}

.moon-signature-copy h2 em {
  color: #a97622;
  font-style: normal;
  font-weight: 500;
}

.moon-signature-copy > p {
  max-width: 570px;
  margin-top: 30px;
  color: #5b514a;
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.68;
}

.moon-signature-features {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 22px;
  margin-top: 36px;
  color: #9f742f;
  text-transform: uppercase;
  letter-spacing: .21em;
  font-size: .76rem;
  font-weight: 700;
}

.moon-signature-features span {
  display: inline-flex;
  align-items: center;
}

.moon-signature-features span + span::before {
  content: "•";
  margin-right: 22px;
  color: #c59e5e;
}

.moon-signature-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 38px;
}

.moon-signature-primary {
  background: linear-gradient(100deg, #c89c4f, #e0bd7a);
  color: #211817;
  box-shadow: 0 14px 30px rgba(124,87,30,.16);
}

.moon-signature-primary:hover {
  background: linear-gradient(100deg, #d1a85c, #e9c98d);
}

.moon-signature-secondary {
  color: #4b3727;
  border-color: rgba(92,65,41,.34);
  background: rgba(255,255,255,.46);
}

.moon-signature-secondary:hover {
  background: rgba(255,255,255,.72);
}

.moon-signature-actions .button span {
  margin-left: 12px;
}

.moon-signature-bottom-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 42px;
  color: #a97622;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: .72rem;
}

.moon-signature-visual {
  position: relative;
  z-index: 3;
  align-self: stretch;
  min-height: 720px;
  overflow: hidden;
}

.moon-signature-visual img {
  position: absolute;
  right: -22px;
  bottom: 0;
  z-index: 3;
  width: 104%;
  height: 100%;
  object-fit: cover;
  object-position: 54% bottom;
  filter: saturate(1.03) contrast(1.01);
}

.moon-signature-halo {
  position: absolute;
  z-index: 1;
  width: 560px;
  height: 560px;
  right: 86px;
  top: 44px;
  border-radius: 50%;
  border: 1.3px solid rgba(183,129,42,.72);
  background: radial-gradient(circle, rgba(255,255,255,.24), transparent 68%);
}

.moon-signature-ring {
  position: absolute;
  z-index: 4;
  border: 1px solid rgba(200,157,89,.65);
  border-radius: 50%;
  pointer-events: none;
}

.moon-signature-ring--one {
  width: 760px;
  height: 250px;
  right: -160px;
  bottom: 54px;
  transform: rotate(-5deg);
}

.moon-signature-ring--two {
  width: 650px;
  height: 210px;
  right: -100px;
  bottom: 98px;
  transform: rotate(-2deg);
  border-color: rgba(255,255,255,.62);
}

.moon-signature-sparkle {
  position: absolute;
  z-index: 5;
  background:
    linear-gradient(90deg, transparent 48%, rgba(255,255,255,.92) 49%, rgba(255,255,255,.92) 51%, transparent 52%),
    linear-gradient(0deg, transparent 48%, rgba(255,255,255,.92) 49%, rgba(255,255,255,.92) 51%, transparent 52%);
  filter: drop-shadow(0 0 14px rgba(255,255,255,.55));
}

.moon-signature-sparkle--one {
  width: 78px;
  height: 78px;
  right: 48px;
  top: 62px;
}

.moon-signature-sparkle--two {
  width: 42px;
  height: 42px;
  right: 132px;
  bottom: 152px;
  opacity: .72;
}

@media (max-width: 1180px) {
  .moon-signature-card {
    grid-template-columns: 1fr;
  }

  .moon-signature-copy {
    padding-bottom: 36px;
  }

  .moon-signature-visual {
    min-height: 540px;
  }

  .moon-signature-visual img {
    width: min(100%, 780px);
    right: 50%;
    transform: translateX(50%);
    object-position: center bottom;
  }

  .moon-signature-halo {
    right: 50%;
    transform: translateX(50%);
  }
}

@media (max-width: 680px) {
  .moon-signature-section {
    padding-inline: 14px;
  }

  .moon-signature-card {
    min-height: auto;
    border-radius: 26px;
  }

  .moon-signature-card::before {
    inset: 11px;
    border-radius: 18px;
  }

  .moon-signature-copy {
    padding: 46px 28px 24px;
  }

  .moon-signature-label {
    font-size: .65rem;
    letter-spacing: .20em;
  }

  .moon-signature-copy h2 {
    font-size: clamp(3rem, 13vw, 4.6rem);
  }

  .moon-signature-copy > p {
    font-size: .98rem;
  }

  .moon-signature-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .moon-signature-actions .button {
    width: 100%;
  }

  .moon-signature-visual {
    min-height: 390px;
  }

  .moon-signature-visual img {
    width: 118%;
  }

  .moon-signature-halo {
    width: 300px;
    height: 300px;
    top: 24px;
  }

  .moon-signature-ring--one {
    width: 470px;
    height: 160px;
    right: -160px;
    bottom: 28px;
  }

  .moon-signature-ring--two {
    width: 410px;
    height: 140px;
    right: -120px;
    bottom: 62px;
  }

  .moon-signature-bottom-note {
    display: none;
  }
}


/* =========================================================
   V13 — Sadece görsel içeren boydan boya kart
   Yazı, buton, logo ve HTML katmanı yoktur.
   ========================================================= */

.moon-image-section {
  padding: clamp(42px, 5vw, 78px) clamp(18px, 4vw, 64px);
  background:
    radial-gradient(circle at 12% 18%, rgba(215,182,116,.10), transparent 20rem),
    #141217;
}

.moon-image-card {
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid rgba(215,182,116,.32);
  border-radius: 34px;
  background: #e9d5b9;
  box-shadow: 0 34px 88px rgba(0,0,0,.36);
}

.moon-image-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 680px) {
  .moon-image-section {
    padding: 34px 12px;
  }

  .moon-image-card {
    border-radius: 22px;
  }

  .moon-image-card img {
    min-height: 270px;
    object-fit: cover;
    object-position: 70% center;
  }
}


/* =========================================================
   V14 — Görsel üzerine yazı + sağ altta keşfet butonu
   Dış sarı çerçeve kaldırıldı, kart sınırı direkt görsel sınırı.
   Instagram kartı daha dar ve daha doğal orana çekildi.
   ========================================================= */

.moon-hero-overlay-section {
  padding: clamp(40px, 5vw, 72px) clamp(18px, 4vw, 64px);
  background:
    radial-gradient(circle at 12% 18%, rgba(215,182,116,.10), transparent 20rem),
    #141217;
}

.moon-hero-overlay-card {
  position: relative;
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 0 34px 88px rgba(0,0,0,.30);
}

.moon-hero-overlay-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.moon-hero-overlay-copy {
  position: absolute;
  left: clamp(42px, 6vw, 88px);
  top: clamp(34px, 5vw, 76px);
  z-index: 2;
  max-width: min(44%, 630px);
  color: #2b201f;
}

.moon-hero-overlay-label {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
  color: #9d722f;
  text-transform: uppercase;
  letter-spacing: .28em;
  font-size: .76rem;
  font-weight: 700;
}

.moon-hero-overlay-label::after {
  content: "";
  width: 46px;
  height: 1px;
  background: rgba(157,114,47,.40);
  display: inline-block;
}

.moon-hero-overlay-copy h2 {
  margin: 0;
  color: #2b201f;
  font-size: clamp(3.3rem, 5.2vw, 6rem);
  line-height: .95;
  letter-spacing: -.04em;
}

.moon-hero-overlay-copy h2 em {
  font-style: normal;
  color: #a8741c;
  font-weight: 500;
}

.moon-hero-overlay-copy p {
  margin-top: 28px;
  max-width: 460px;
  color: #5d544d;
  font-size: clamp(1rem, 1.15vw, 1.14rem);
  line-height: 1.62;
}

.moon-hero-overlay-button {
  position: absolute;
  right: clamp(34px, 4vw, 68px);
  bottom: clamp(30px, 4vw, 58px);
  z-index: 3;
  background: rgba(255,255,255,.92);
  color: #2a201f;
  box-shadow: 0 14px 32px rgba(71,53,31,.12);
}

.moon-hero-overlay-button span {
  margin-left: 12px;
}

.featured-post-v8 .featured-post-grid {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
  gap: clamp(26px, 4vw, 44px) !important;
  max-width: 1120px !important;
}

.moon-ig-card--embed {
  max-width: 340px !important;
  width: 100% !important;
  margin-inline: auto;
}

.moon-ig-embed-shell {
  padding: 10px 10px 6px !important;
}

.moon-ig-embed {
  width: 100% !important;
  min-height: 590px !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.moon-ig-head {
  padding: 14px 16px !important;
}

.moon-ig-footer {
  padding: 12px 16px !important;
}

@media (max-width: 1180px) {
  .moon-hero-overlay-copy {
    max-width: 48%;
  }
}

@media (max-width: 820px) {
  .moon-hero-overlay-card {
    min-height: 420px;
  }

  .moon-hero-overlay-image {
    min-height: 420px;
    object-fit: cover;
    object-position: 62% center;
  }

  .moon-hero-overlay-copy {
    max-width: 58%;
    left: 28px;
    top: 26px;
  }

  .moon-hero-overlay-copy h2 {
    font-size: clamp(2.3rem, 7vw, 4rem);
  }

  .moon-hero-overlay-copy p {
    margin-top: 20px;
    max-width: 340px;
    font-size: .95rem;
  }

  .moon-hero-overlay-button {
    right: 22px;
    bottom: 22px;
  }

  .featured-post-v8 .featured-post-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  .moon-hero-overlay-section {
    padding: 32px 12px;
  }

  .moon-hero-overlay-card {
    border-radius: 22px;
    min-height: 360px;
  }

  .moon-hero-overlay-image {
    min-height: 360px;
    object-fit: cover;
    object-position: 67% center;
  }

  .moon-hero-overlay-copy {
    max-width: 62%;
    left: 20px;
    top: 20px;
  }

  .moon-hero-overlay-label {
    margin-bottom: 16px;
    letter-spacing: .18em;
    font-size: .62rem;
  }

  .moon-hero-overlay-copy h2 {
    font-size: clamp(1.9rem, 8.7vw, 3.2rem);
  }

  .moon-hero-overlay-copy p {
    display: none;
  }

  .moon-hero-overlay-button {
    right: 16px;
    bottom: 16px;
    padding-inline: 18px;
  }

  .moon-ig-card--embed {
    max-width: 320px !important;
  }

  .moon-ig-embed {
    min-height: 560px !important;
  }
}


/* =========================================================
   V15 — Kullanıcının seçtiği final hero kartı
   Kart tam olarak görsel halinde kullanılır.
   ========================================================= */

.moon-final-hero-section {
  padding: clamp(34px, 4.5vw, 72px) clamp(18px, 4vw, 64px);
  background:
    radial-gradient(circle at 12% 18%, rgba(215,182,116,.10), transparent 20rem),
    #141217;
}

.moon-final-hero-shell {
  width: 100%;
  max-width: 1820px;
  margin-inline: auto;
}

.moon-final-hero-link {
  display: block;
  width: 100%;
  text-decoration: none;
}

.moon-final-hero-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 34px;
  box-shadow: 0 30px 80px rgba(0,0,0,.30);
}

@media (max-width: 680px) {
  .moon-final-hero-section {
    padding: 28px 12px;
  }

  .moon-final-hero-image {
    border-radius: 22px;
  }
}


/* =========================================================
   V16 — Hero kenar boşlukları temizlendi
   Keşfet butonu için gerçek tıklanabilir alan eklendi
   ========================================================= */

.moon-final-hero-section {
  padding: clamp(34px, 4.5vw, 72px) clamp(18px, 4vw, 64px);
  background:
    radial-gradient(circle at 12% 18%, rgba(215,182,116,.10), transparent 20rem),
    #141217;
}

.moon-final-hero-shell {
  width: 100%;
  max-width: 1820px;
  margin-inline: auto;
}

.moon-final-hero-card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 0 30px 80px rgba(0,0,0,.30);
  background: #e5ccad;
}

.moon-final-hero-image {
  display: block;
  width: 100%;
  height: auto;
}

/* Invisible anchor placed over the visual Keşfet button inside the image */
.moon-final-hero-button-hitbox {
  position: absolute;
  right: 4.9%;
  bottom: 7.2%;
  width: 14.6%;
  height: 13.3%;
  z-index: 3;
  border-radius: 999px;
  text-decoration: none;
  background: transparent;
}

.moon-final-hero-button-hitbox:focus-visible {
  outline: 3px solid rgba(255,255,255,.9);
  outline-offset: 2px;
  border-radius: 999px;
}

@media (max-width: 680px) {
  .moon-final-hero-section {
    padding: 28px 12px;
  }

  .moon-final-hero-card {
    border-radius: 22px;
  }

  .moon-final-hero-button-hitbox {
    right: 3.8%;
    bottom: 5.3%;
    width: 24%;
    height: 14%;
  }
}


/* =========================================================
   V17 — Keşfet butonu hover / focus animasyonu
   ========================================================= */

.moon-final-hero-button-hitbox {
  cursor: pointer;
  isolation: isolate;
  transition:
    transform .22s ease,
    filter .22s ease;
}

.moon-final-hero-button-hitbox::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid rgba(168, 111, 27, .18);
  background: rgba(255, 244, 216, 0);
  box-shadow:
    0 10px 24px rgba(123, 80, 24, 0),
    0 0 0 0 rgba(219, 170, 89, 0);
  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.moon-final-hero-button-hitbox::after {
  content: "→";
  position: absolute;
  right: 10.5%;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(50, 34, 22, 0);
  font-size: clamp(.8rem, 1.2vw, 1.2rem);
  font-weight: 800;
  transition:
    color .22s ease,
    transform .22s ease;
}

.moon-final-hero-button-hitbox:hover,
.moon-final-hero-button-hitbox:focus-visible {
  transform: translateY(-3px) scale(1.035);
  filter: brightness(1.06) saturate(1.08);
}

.moon-final-hero-button-hitbox:hover::before,
.moon-final-hero-button-hitbox:focus-visible::before {
  border-color: rgba(179, 118, 25, .60);
  background: rgba(255, 239, 197, .20);
  box-shadow:
    0 16px 34px rgba(123, 80, 24, .26),
    0 0 0 5px rgba(219, 170, 89, .14);
}

.moon-final-hero-button-hitbox:hover::after,
.moon-final-hero-button-hitbox:focus-visible::after {
  color: rgba(50, 34, 22, .78);
  transform: translate(5px, -50%);
}

.moon-final-hero-button-hitbox:active {
  transform: translateY(-1px) scale(.99);
}

@media (prefers-reduced-motion: reduce) {
  .moon-final-hero-button-hitbox,
  .moon-final-hero-button-hitbox::before,
  .moon-final-hero-button-hitbox::after {
    transition: none;
  }
}

@media (hover: none) {
  .moon-final-hero-button-hitbox::before {
    border-color: rgba(179, 118, 25, .30);
    background: rgba(255, 239, 197, .08);
  }
}


/* =========================================================
   V18 — Temiz arka plan + gerçek HTML metin ve buton
   ========================================================= */

.moon-live-hero-section {
  padding: clamp(34px, 4.5vw, 72px) clamp(18px, 4vw, 64px);
  background:
    radial-gradient(circle at 12% 18%, rgba(215,182,116,.10), transparent 20rem),
    #141217;
}

.moon-live-hero-card {
  position: relative;
  width: 100%;
  max-width: 1820px;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 0 30px 80px rgba(0,0,0,.30);
  aspect-ratio: 1628 / 774;
}

.moon-live-hero-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.moon-live-hero-copy {
  position: absolute;
  z-index: 2;
  left: clamp(54px, 6vw, 104px);
  top: clamp(40px, 5vw, 82px);
  width: min(46%, 700px);
  color: #2a1f1e;
}

.moon-live-hero-label {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: clamp(24px, 2.6vw, 42px);
  color: #9c712e;
  font-size: clamp(.66rem, .82vw, .86rem);
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.moon-live-hero-label i {
  display: block;
  width: clamp(38px, 3.3vw, 58px);
  height: 1px;
  background: rgba(156,113,46,.42);
}

.moon-live-hero-copy h2 {
  margin: 0;
  max-width: 720px;
  color: #2a1e1e;
  font-size: clamp(3.8rem, 6vw, 7rem);
  line-height: .94;
  letter-spacing: -.045em;
}

.moon-live-hero-copy h2 em {
  color: #a8741d;
  font-style: normal;
  font-weight: 500;
}

.moon-live-hero-copy p {
  max-width: 560px;
  margin: clamp(24px, 2.5vw, 38px) 0 0;
  color: #60564f;
  font-size: clamp(1rem, 1.25vw, 1.22rem);
  line-height: 1.65;
}

.moon-live-hero-button {
  position: absolute;
  right: clamp(42px, 5vw, 88px);
  bottom: clamp(34px, 4vw, 68px);
  z-index: 4;
  min-width: clamp(170px, 14vw, 250px);
  min-height: clamp(58px, 5vw, 82px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 1.6vw, 28px);
  padding: 0 clamp(24px, 2.4vw, 42px);
  border: 1px solid rgba(174,115,30,.42);
  border-radius: 999px;
  color: #33231b;
  background:
    linear-gradient(110deg, rgba(255,249,229,.98), rgba(241,207,139,.96));
  box-shadow:
    0 14px 32px rgba(105,68,24,.20),
    inset 0 1px 0 rgba(255,255,255,.86);
  font-size: clamp(1.1rem, 1.5vw, 1.65rem);
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease,
    border-color .22s ease;
}

.moon-live-hero-button i {
  font-style: normal;
  font-size: 1.18em;
  transition: transform .22s ease;
}

.moon-live-hero-button:hover,
.moon-live-hero-button:focus-visible {
  transform: translateY(-5px) scale(1.035);
  filter: brightness(1.05) saturate(1.08);
  border-color: rgba(177,115,22,.72);
  box-shadow:
    0 22px 44px rgba(105,68,24,.30),
    0 0 0 5px rgba(218,166,82,.14),
    inset 0 1px 0 rgba(255,255,255,.90);
  outline: none;
}

.moon-live-hero-button:hover i,
.moon-live-hero-button:focus-visible i {
  transform: translateX(7px);
}

.moon-live-hero-button:active {
  transform: translateY(-2px) scale(.99);
}

@media (max-width: 980px) {
  .moon-live-hero-copy {
    width: 52%;
    left: 38px;
    top: 34px;
  }

  .moon-live-hero-copy h2 {
    font-size: clamp(2.9rem, 7vw, 5.1rem);
  }

  .moon-live-hero-copy p {
    max-width: 390px;
    font-size: .96rem;
  }

  .moon-live-hero-button {
    right: 28px;
    bottom: 26px;
  }
}

@media (max-width: 680px) {
  .moon-live-hero-section {
    padding: 28px 12px;
  }

  .moon-live-hero-card {
    min-height: 390px;
    aspect-ratio: auto;
    border-radius: 22px;
  }

  .moon-live-hero-background {
    object-position: 65% center;
  }

  .moon-live-hero-copy {
    width: 60%;
    left: 20px;
    top: 22px;
  }

  .moon-live-hero-label {
    margin-bottom: 14px;
    font-size: .58rem;
    letter-spacing: .18em;
  }

  .moon-live-hero-copy h2 {
    font-size: clamp(2rem, 9.5vw, 3.3rem);
  }

  .moon-live-hero-copy p {
    display: none;
  }

  .moon-live-hero-button {
    right: 16px;
    bottom: 16px;
    min-width: 132px;
    min-height: 50px;
    gap: 12px;
    padding-inline: 20px;
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .moon-live-hero-button,
  .moon-live-hero-button i {
    transition: none;
  }
}


/* =========================================================
   V21 — İlk iki sıra hizmet + zarif açılır kontrol
   Moon Signature kartı hizmetlerin hemen altında
   ========================================================= */

.services-cards-v21 {
  background: #f3eee7;
  color: #171318;
  padding-bottom: clamp(46px, 6vw, 82px);
}

.services-heading-v21 {
  margin-bottom: clamp(38px, 5vw, 64px);
}

.services-heading-v21 h2 {
  max-width: 19ch;
  margin-inline: auto;
  font-size: clamp(3.2rem, 5.1vw, 5.8rem);
  line-height: .98;
}

.services-heading-v21 h2 span {
  display: block;
}

.services-collapsible-v21 {
  position: relative;
  overflow: hidden;
  max-height: var(--services-collapsed-height, 900px);
  transition: max-height .52s cubic-bezier(.22,.75,.2,1);
}

.services-collapsible-v21::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 110px;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(243,238,231,0),
    rgba(243,238,231,.84) 64%,
    #f3eee7 100%
  );
  transition: opacity .25s ease;
}

.services-collapsible-v21.is-expanded::after,
.services-collapsible-v21.is-short::after {
  opacity: 0;
}

.services-cards-v21 .service-grid-v7 {
  margin-top: 0;
}

.services-expander-v21 {
  width: min(760px, 82%);
  margin: 22px auto 0;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border: 0;
  background: transparent;
  color: #91631b;
  cursor: pointer;
}

.services-expander-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(170,126,51,.36));
}

.services-expander-line:last-child {
  transform: scaleX(-1);
}

.services-expander-center {
  min-width: 218px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 12px 20px;
  border: 1px solid rgba(182,141,68,.24);
  border-radius: 999px;
  background: rgba(255,249,237,.72);
  box-shadow:
    0 12px 26px rgba(92,64,22,.07),
    inset 0 1px 0 rgba(255,255,255,.9);
  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.services-expander-label {
  font-size: .96rem;
  font-weight: 700;
  white-space: nowrap;
}

.services-expander-chevron {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .32s ease;
}

.services-expander-v21:hover .services-expander-center,
.services-expander-v21:focus-visible .services-expander-center {
  transform: translateY(-3px);
  background: rgba(248,232,197,.94);
  border-color: rgba(173,125,43,.46);
  box-shadow:
    0 17px 34px rgba(92,64,22,.13),
    0 0 0 4px rgba(213,173,98,.10),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.services-expander-v21:focus-visible {
  outline: none;
}

.services-expander-v21[aria-expanded="true"] .services-expander-chevron {
  transform: rotate(180deg);
}

.moon-live-hero-after-services {
  padding-top: clamp(18px, 2.5vw, 38px);
}

.moon-live-hero-intro-v21 {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto clamp(22px, 3vw, 36px);
  padding-inline: clamp(2px, .7vw, 10px);
}

.moon-live-hero-intro-v21 .eyebrow {
  margin-bottom: 9px;
}

.moon-live-hero-intro-v21 h2 {
  margin: 0;
  color: #f4ecdf;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.3rem, 3.7vw, 4.2rem);
  line-height: 1;
}

@media (max-width: 800px) {
  .services-heading-v21 h2 {
    max-width: 15ch;
    font-size: clamp(2.45rem, 8.8vw, 4.1rem);
  }

  .services-expander-v21 {
    width: 94%;
    gap: 10px;
  }

  .services-expander-center {
    min-width: 190px;
    padding: 11px 16px;
  }
}

@media (max-width: 680px) {
  .services-collapsible-v21::after {
    height: 80px;
  }

  .services-expander-line {
    display: none;
  }

  .services-expander-center {
    width: 100%;
  }

  .moon-live-hero-intro-v21 h2 {
    font-size: 2rem;
  }
}


/* =========================================================
   V22 — Giriş -> Moon Deneyimi -> Moon Signature -> Hizmetler
   ========================================================= */

.moon-experience-bridge {
  position: relative;
  overflow: hidden;
  padding-top: clamp(78px, 9vw, 138px);
  padding-bottom: clamp(78px, 9vw, 138px);
  background:
    radial-gradient(circle at 82% 22%, rgba(215,182,116,.07), transparent 22rem),
    linear-gradient(180deg, #151218, #18141b);
  color: #f4eee5;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.moon-experience-bridge::before {
  content: "MOON";
  position: absolute;
  right: -1vw;
  bottom: -7vw;
  color: rgba(255,255,255,.018);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(11rem, 24vw, 30rem);
  line-height: .72;
  pointer-events: none;
}

.moon-experience-grid {
  position: relative;
  z-index: 2;
  max-width: 1380px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
  gap: clamp(52px, 8vw, 130px);
  align-items: end;
}

.moon-experience-heading .eyebrow {
  margin-bottom: 22px;
}

.moon-experience-heading h2 {
  max-width: 780px;
  margin: 0;
  color: #f5efe7;
  font-size: clamp(3.6rem, 6.1vw, 7rem);
  line-height: .96;
  letter-spacing: -.035em;
}

.moon-experience-heading h2 span {
  display: block;
  color: #d8b86f;
  font-weight: 500;
}

.moon-experience-copy {
  padding-bottom: clamp(8px, 1vw, 18px);
}

.moon-experience-copy p {
  max-width: 520px;
  margin: 0;
  color: #c5b9ae;
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.7;
}

.moon-experience-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
  color: #ecd8aa;
  font-weight: 700;
  text-decoration: none;
  transition: color .22s ease, transform .22s ease;
}

.moon-experience-link span {
  transition: transform .22s ease;
}

.moon-experience-link:hover,
.moon-experience-link:focus-visible {
  color: #fff0c8;
  transform: translateY(-2px);
  outline: none;
}

.moon-experience-link:hover span,
.moon-experience-link:focus-visible span {
  transform: translateX(7px);
}

.moon-live-hero-before-services {
  padding-top: clamp(52px, 6vw, 92px);
  padding-bottom: clamp(52px, 6vw, 92px);
  background:
    radial-gradient(circle at 12% 16%, rgba(215,182,116,.09), transparent 20rem),
    #111015;
}

.moon-live-hero-before-services .moon-live-hero-card {
  max-width: 1680px;
}

.services-cards-v21 {
  border-top: 1px solid rgba(24,18,20,.08);
}

@media (max-width: 980px) {
  .moon-experience-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .moon-experience-copy {
    max-width: 680px;
  }
}

@media (max-width: 680px) {
  .moon-experience-bridge {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .moon-experience-heading h2 {
    font-size: clamp(2.7rem, 11vw, 4.5rem);
  }

  .moon-experience-copy p {
    font-size: .98rem;
  }

  .moon-live-hero-before-services {
    padding-top: 34px;
    padding-bottom: 34px;
  }
}


/* =========================================================
   V24 — Doğru yorum:
   Giriş koyu tasarımda kaldı.
   Ek geçiş bölümü kaldırıldı.
   Moon Signature bölümünün arka planı girişteki koyu tonla eşleştirildi.
   ========================================================= */

.moon-live-hero-before-services {
  padding-top: clamp(54px, 6vw, 90px);
  padding-bottom: clamp(54px, 6vw, 90px);
  background:
    radial-gradient(circle at 82% 20%, rgba(215,182,116,.08), transparent 24rem),
    radial-gradient(circle at 8% 82%, rgba(215,182,116,.04), transparent 18rem),
    #121014;
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.05);
}

.moon-live-hero-before-services .moon-live-hero-card {
  box-shadow: 0 30px 78px rgba(0,0,0,.34);
}

.services-cards-v21 {
  border-top: 0;
}


/* =========================================================
   V25 — Header logo geri getirildi
   Instagram paylaşımı DXMJFkUjVWI olarak güncellendi
   ========================================================= */

.brand-header-logo {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.brand-header-logo img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: contain;
  background: transparent;
  border: 1px solid rgba(215,182,116,.38);
  box-shadow: 0 8px 22px rgba(0,0,0,.22);
  flex-shrink: 0;
}

.brand-header-logo span {
  display: grid;
  line-height: 1.08;
}

.brand-header-logo strong {
  letter-spacing: .24em;
  font-size: .96rem;
}

.brand-header-logo small {
  margin-top: 6px;
  color: #bdb3a9;
}

@media (max-width: 680px) {
  .brand-header-logo {
    gap: 10px;
  }

  .brand-header-logo img {
    width: 42px;
    height: 42px;
  }

  .brand-header-logo strong {
    font-size: .9rem;
  }

  .brand-header-logo small {
    font-size: .82rem;
  }
}


/* =========================================================
   V26 — Instagram bölümü kısaltıldı
   Alt bilgi şeridi kaldırıldı
   ========================================================= */

.featured-post-v8 {
  padding-top: clamp(58px, 6vw, 82px) !important;
  padding-bottom: clamp(58px, 6vw, 82px) !important;
}

.featured-post-v8 .featured-post-grid {
  grid-template-columns: minmax(0, .92fr) minmax(280px, 320px) !important;
  gap: clamp(32px, 5vw, 68px) !important;
  max-width: 1040px !important;
  align-items: center !important;
}

.featured-post-copy-v8 h2 {
  max-width: 10ch !important;
  font-size: clamp(3rem, 4.3vw, 4.9rem) !important;
  line-height: .98 !important;
}

.featured-post-copy-v8 > p:not(.eyebrow) {
  max-width: 480px !important;
  margin-top: 22px !important;
  line-height: 1.55 !important;
}

.featured-post-v8 .featured-points {
  margin-top: 24px !important;
  gap: 10px !important;
}

.ig-product-actions {
  margin-top: 24px !important;
}

.moon-ig-card--embed {
  max-width: 320px !important;
  border-radius: 24px !important;
  grid-template-rows: auto 1fr !important;
}

.moon-ig-embed-shell {
  padding: 10px !important;
}

.moon-ig-embed {
  min-height: 500px !important;
  max-height: 500px !important;
  border-radius: 16px !important;
}

@media (max-width: 820px) {
  .featured-post-v8 .featured-post-grid {
    grid-template-columns: 1fr !important;
  }

  .featured-post-copy-v8 h2 {
    max-width: 12ch !important;
  }

  .moon-ig-card--embed {
    max-width: 310px !important;
  }

  .moon-ig-embed {
    min-height: 480px !important;
    max-height: 480px !important;
  }
}


/* =========================================================
   V27 — Logo halkası, Instagram kırpılmaları ve arka plan ritmi
   ========================================================= */

.brand-header-logo img {
  width: 52px;
  height: 52px;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.moon-ig-card--embed {
  width: 100% !important;
  max-width: 360px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.moon-ig-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 14px !important;
}

.moon-ig-brand {
  min-width: 0 !important;
  gap: 10px !important;
}

.moon-ig-brand img {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
}

.moon-ig-brand span {
  min-width: 0 !important;
}

.moon-ig-brand strong,
.moon-ig-brand small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.moon-ig-brand strong {
  font-size: .92rem !important;
}

.moon-ig-brand small {
  margin-top: 3px !important;
  font-size: .76rem !important;
}

.moon-ig-chip {
  max-width: 84px !important;
  padding: 7px 9px !important;
  overflow: hidden !important;
  font-size: .61rem !important;
  letter-spacing: .07em !important;
  white-space: nowrap !important;
}

.moon-ig-embed-shell {
  overflow: visible !important;
  padding: 10px 10px 12px !important;
}

.moon-ig-embed {
  display: block !important;
  width: 100% !important;
  height: 590px !important;
  min-height: 590px !important;
  max-height: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.featured-post-v8 {
  padding-top: clamp(62px, 6vw, 88px) !important;
  padding-bottom: clamp(62px, 6vw, 88px) !important;
}

.featured-post-v8 .featured-post-grid {
  grid-template-columns: minmax(0, .95fr) minmax(320px, 360px) !important;
  gap: clamp(38px, 5vw, 72px) !important;
  max-width: 1100px !important;
  align-items: center !important;
}

:root {
  --moon-dark: #121014;
  --moon-light: #f4eee6;
}

.hero,
.moon-live-hero-before-services,
.booking,
.process,
.location {
  background-color: var(--moon-dark) !important;
  background-image:
    radial-gradient(circle at 92% 8%, rgba(216,181,111,.10), transparent 25rem),
    radial-gradient(circle at 5% 92%, rgba(216,181,111,.045), transparent 19rem),
    linear-gradient(135deg, rgba(255,255,255,.014), transparent 42%) !important;
}

.hero {
  background-image:
    radial-gradient(circle at 82% 18%, rgba(215,182,116,.12), transparent 28rem),
    radial-gradient(circle at 4% 88%, rgba(215,182,116,.045), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 30%) !important;
}

.services-cards-v21,
.featured-post-v8,
.faq {
  background-color: var(--moon-light) !important;
  background-image:
    radial-gradient(circle at 4% 96%, rgba(190,145,69,.09), transparent 23rem),
    radial-gradient(circle at 96% 4%, rgba(190,145,69,.075), transparent 21rem),
    linear-gradient(135deg, rgba(255,255,255,.42), transparent 46%) !important;
}

.moon-live-hero-before-services,
.services-cards-v21,
.featured-post-v8,
.booking,
.process,
.faq,
.location {
  position: relative;
  isolation: isolate;
}

.services-cards-v21::before,
.booking::before,
.faq::before,
.location::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: min(1120px, 82%);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(181,139,65,.24),
    transparent
  );
  pointer-events: none;
}

.services-cards-v21 > *,
.featured-post-v8 > *,
.booking > *,
.process > *,
.faq > *,
.location > * {
  position: relative;
  z-index: 1;
}

.featured-post-v8 {
  border-top: 0 !important;
}

.faq {
  color: #171318 !important;
}

@media (max-width: 820px) {
  .featured-post-v8 .featured-post-grid {
    grid-template-columns: 1fr !important;
  }

  .moon-ig-card--embed {
    max-width: 350px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 680px) {
  .brand-header-logo img {
    width: 43px;
    height: 43px;
  }

  .moon-ig-card--embed {
    max-width: 330px !important;
  }

  .moon-ig-head {
    padding: 12px !important;
  }

  .moon-ig-brand img {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }

  .moon-ig-chip {
    max-width: 72px !important;
    padding: 6px 8px !important;
    font-size: .56rem !important;
  }

  .moon-ig-embed {
    height: 565px !important;
    min-height: 565px !important;
  }
}


/* =========================================================
   V28 — Hizmet kartlarına yumuşak geçişli görseller eklendi
   ========================================================= */

.service-card-v7 {
  overflow: hidden;
  isolation: isolate;
}

.service-card-v7--visual {
  background: #fbf7f1;
  border: 1px solid rgba(24, 18, 18, .08);
  box-shadow: 0 14px 36px rgba(44, 29, 16, .06);
}

.service-card-v7--visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(135deg,
      rgba(250, 245, 238, .98) 0%,
      rgba(250, 245, 238, .93) 22%,
      rgba(250, 245, 238, .74) 46%,
      rgba(250, 245, 238, .30) 68%,
      rgba(250, 245, 238, .10) 100%),
    var(--service-image);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
  transform: scale(1.02);
  transition: transform .45s ease, filter .35s ease, opacity .35s ease;
  opacity: .98;
}

.service-card-v7--visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 30%),
    radial-gradient(circle at 85% 12%, rgba(255,255,255,.24), transparent 18rem);
  pointer-events: none;
}

.service-card-v7--visual > * {
  position: relative;
  z-index: 1;
}

.service-card-v7--visual:hover::before,
.service-card-v7--visual:focus-visible::before {
  transform: scale(1.06);
  filter: saturate(1.03);
}

.service-card-v7--visual:hover,
.service-card-v7--visual:focus-visible {
  box-shadow: 0 20px 44px rgba(44, 29, 16, .12);
}

.service-card-v7--visual .service-no,
.service-card-v7--visual .service-tag {
  color: rgba(88, 65, 34, .78);
}

.service-card-v7--visual h3 {
  max-width: 12ch;
  text-wrap: balance;
  color: #1d1619;
  text-shadow: 0 1px 0 rgba(255,255,255,.24);
}

.service-card-v7--visual p {
  max-width: 34ch;
  color: rgba(53, 45, 42, .84);
}

.service-card-v7--visual .service-cta {
  color: #8c6826;
  background: rgba(255, 247, 233, .78);
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(175, 133, 57, .18);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.service-card-v7--featured.service-card-v7--visual {
  background: #ead6b4;
}

.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(100deg,
      rgba(244, 231, 204, .98) 0%,
      rgba(244, 231, 204, .94) 22%,
      rgba(244, 231, 204, .72) 45%,
      rgba(244, 231, 204, .26) 66%,
      rgba(244, 231, 204, .10) 100%),
    var(--service-image);
  background-position: center, right center;
}

.service-card-v7--featured.service-card-v7--visual h3 {
  max-width: 10ch;
}

.service-card-v7--featured.service-card-v7--visual p {
  max-width: 42ch;
}

.service-card-v7--lazer { --service-image: url("../images/services/lazer-epilasyon.webp"); }
.service-card-v7--cilt { --service-image: url("../images/services/cilt-bakimi.webp"); }
.service-card-v7--bolgesel { --service-image: url("../images/services/bolgesel-zayiflama.webp"); }
.service-card-v7--kalici { --service-image: url("../images/services/kalici-makyaj.webp"); }
.service-card-v7--protez { --service-image: url("../images/services/protez-tirnak.webp"); }
.service-card-v7--ipek { --service-image: url("../images/services/ipek-kirpik.webp"); }
.service-card-v7--micro { --service-image: url("../images/services/microblading.webp"); }
.service-card-v7--dudak { --service-image: url("../images/services/dudak-renklendirme.webp"); }
.service-card-v7--kuafor { --service-image: url("../images/services/kuafor.webp"); }

@media (max-width: 900px) {
  .service-card-v7--visual::before {
    background-image:
      linear-gradient(165deg,
        rgba(250, 245, 238, .98) 0%,
        rgba(250, 245, 238, .94) 28%,
        rgba(250, 245, 238, .80) 54%,
        rgba(250, 245, 238, .40) 78%,
        rgba(250, 245, 238, .20) 100%),
      var(--service-image);
  }

  .service-card-v7--featured.service-card-v7--visual::before {
    background-image:
      linear-gradient(160deg,
        rgba(244, 231, 204, .98) 0%,
        rgba(244, 231, 204, .94) 30%,
        rgba(244, 231, 204, .78) 56%,
        rgba(244, 231, 204, .36) 82%,
        rgba(244, 231, 204, .18) 100%),
      var(--service-image);
    background-position: center, center;
  }

  .service-card-v7--visual h3 {
    max-width: 11ch;
  }

  .service-card-v7--visual p {
    max-width: 30ch;
  }
}

@media (max-width: 680px) {
  .service-card-v7--visual .service-cta {
    left: 20px;
    bottom: 18px;
    padding: 8px 13px;
    font-size: .78rem;
  }
}


/* =========================================================
   V29 — Bilgi al butonları kaldırıldı
   Cilt Bakımı ve Microblading görselleri sağa kaydırıldı
   ========================================================= */

.service-card-v7--visual:not(.service-card-v7--featured) {
  padding-bottom: 26px;
}

.service-card-v7--cilt::before {
  background-position: center, 28% center !important;
}

.service-card-v7--micro::before {
  background-position: center, 24% center !important;
}

/* CTA kalkınca açıklama metni kart içinde daha doğal otursun. */
.service-card-v7--visual:not(.service-card-v7--featured) p {
  margin-bottom: 0;
}

/* Mobilde görselin konu kısmı aşırı kaymasın. */
@media (max-width: 680px) {
  .service-card-v7--cilt::before {
    background-position: center, 34% center !important;
  }

  .service-card-v7--micro::before {
    background-position: center, 31% center !important;
  }
}


/* V30 cleanup */
.featured-post-compact-copy {
  max-width: 540px;
}

.footer-brand-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}

#site-nav a[aria-current="page"] {
  color: var(--accent);
}

.about-page-main {
  padding-top: 24px;
}

.about-section-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 28px;
}

.about-hero {
  display: grid;
  grid-template-columns: 1.35fr .9fr;
  gap: 28px;
  align-items: stretch;
}

.about-hero-copy,
.about-hero-card,
.about-value-card,
.about-cta-block,
.about-story-grid {
  border: 1px solid rgba(191, 160, 102, .14);
  background: linear-gradient(180deg, rgba(252,248,241,.98), rgba(247,241,231,.96));
  border-radius: 30px;
  box-shadow: 0 18px 40px rgba(18, 14, 19, .06);
}

.about-hero-copy {
  padding: 54px 52px;
}

.about-hero-copy h1 {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 6vw, 5rem);
  line-height: .94;
  margin: 14px 0 18px;
  letter-spacing: -.02em;
}

.about-hero-copy p:last-child {
  max-width: 680px;
  font-size: 1.05rem;
  color: var(--text-soft);
}

.about-hero-card {
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  background: radial-gradient(circle at 50% 20%, rgba(197,162,100,.18), transparent 42%), linear-gradient(180deg, #131116 0%, #1a161d 100%);
  color: #f7f0e5;
}

.about-hero-card img {
  width: min(220px, 60%);
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.25));
}

.about-hero-card span {
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  letter-spacing: .05em;
  font-size: .9rem;
}

.about-story-grid {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 28px;
  padding: 42px 44px;
}

.about-story-grid h2,
.about-cta-block h2 {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4.4vw, 3.6rem);
  line-height: .98;
  margin: 10px 0 0;
}

.about-rich-copy {
  display: grid;
  gap: 18px;
  color: var(--text-soft);
  font-size: 1.03rem;
  line-height: 1.8;
}

.about-values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.about-value-card {
  padding: 32px 28px;
}

.about-value-card strong {
  color: var(--accent);
  letter-spacing: .14em;
  font-size: .92rem;
}

.about-value-card h3 {
  font-size: 1.4rem;
  margin: 18px 0 10px;
}

.about-value-card p {
  color: var(--text-soft);
  line-height: 1.75;
}

.about-cta-block {
  padding: 38px 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.about-cta-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

@media (max-width: 980px) {
  .about-hero,
  .about-story-grid,
  .about-values-grid,
  .about-cta-block {
    grid-template-columns: 1fr;
    display: grid;
  }

  .about-cta-block {
    align-items: start;
  }

  .about-hero-copy,
  .about-story-grid,
  .about-cta-block {
    padding: 28px 24px;
  }
}


/* V31 adjustments */
.about-hero-copy {
  color: #1f1820;
}

.about-hero-copy .eyebrow,
.about-story-grid .eyebrow,
.about-cta-block .eyebrow {
  color: var(--accent);
}

.about-hero-copy h1,
.about-story-grid h2,
.about-cta-block h2,
.about-value-card h3 {
  color: #1d161b;
}

.about-hero-copy p,
.about-rich-copy,
.about-value-card p {
  color: rgba(49, 42, 46, 0.82);
}

.about-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.about-hero-points span {
  display: inline-flex;
  align-items: center;
  padding: 11px 16px;
  border-radius: 999px;
  background: rgba(191, 160, 102, 0.12);
  color: #6e5328;
  border: 1px solid rgba(191, 160, 102, 0.18);
  font-size: 0.94rem;
}


/* V34 — Son hizmet kartını her ekran genişliğinde dengeli ortala */
.service-card-v7--kuafor {
  grid-column: 2;
}

@media (max-width: 980px) and (min-width: 681px) {
  .service-card-v7--kuafor {
    grid-column: 1 / -1;
    width: calc((100% - 18px) / 2);
    justify-self: center;
  }
}

@media (max-width: 680px) {
  .service-card-v7--kuafor {
    grid-column: auto;
    width: auto;
    justify-self: stretch;
  }
}


/* =========================================================
   V40 — Stabil premium hero ve temiz iletişim kartı
   ========================================================= */
.hero.hero-premium-v40 {
  min-height: calc(100vh - 82px);
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  align-items: center;
  gap: clamp(34px, 4vw, 70px);
  padding: clamp(54px, 6vw, 88px) clamp(22px, 5vw, 74px);
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 20%, rgba(218,174,91,.13), transparent 22rem),
    linear-gradient(180deg, #08070b 0%, #0d0b10 100%);
}
.hero-premium-v40 .orb { display: none; }
.hero-premium-v40 .hero-content,
.hero-premium-v40 .hero-visual { min-width: 0; }
.hero-premium-v40 .hero-content {
  width: 100%;
  max-width: 720px;
  position: relative;
  z-index: 2;
}
.hero-premium-v40 .eyebrow {
  margin-bottom: 24px;
  color: #d9b263;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .23em;
}
.hero-premium-v40 h1 {
  max-width: 670px;
  color: #f8f1e4;
  font-size: clamp(4.4rem, 7.5vw, 7.5rem);
  line-height: .86;
  letter-spacing: -.055em;
}
.hero-premium-v40 h1 em {
  display: block;
  color: #e6c780;
  font-style: normal;
  font-weight: 500;
}
.hero-premium-v40 .hero-copy {
  max-width: 640px;
  margin-top: 28px;
  color: #d7cec4;
  font-size: clamp(1rem, 1.35vw, 1.22rem);
  line-height: 1.65;
}
.hero-premium-v40 .hero-actions {
  gap: 15px;
  margin-top: 32px;
}
.hero-premium-v40 .button {
  min-height: 62px;
  padding-inline: 28px;
  font-size: 1.02rem;
}
.hero-premium-v40 .button.primary {
  background: linear-gradient(180deg, #f0dcb0 0%, #e4c887 100%);
  box-shadow: 0 14px 36px rgba(0,0,0,.24);
}
.hero-premium-v40 .button.secondary {
  border-color: rgba(222,181,98,.58);
  color: #f4e5c5;
  background: rgba(255,255,255,.015);
}
.hero-premium-v40 .hero-notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 34px;
}
.hero-premium-v40 .hero-notes span {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(215,182,116,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #e9dfd3;
  text-align: center;
  font-size: .82rem;
}
.hero-premium-v40 .hero-notes span::before {
  flex: none;
  margin-right: 8px;
}
.hero-visual-v40 {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 620px;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(218,174,91,.19);
  background: #08070b;
  box-shadow: 0 30px 90px rgba(0,0,0,.34);
}
.hero-visual-v40::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(8,7,11,.38), transparent 24%, transparent 100%);
}
.hero-visual-v40 img {
  width: 100%;
  height: 100%;
  min-height: 620px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.location-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: clamp(18px, 2.3vw, 34px);
  align-items: center;
}
.contact-card-visual-only {
  width: 100%;
  height: 610px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: transparent;
}
.contact-card-visual-only img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1180px) {
  .hero.hero-premium-v40 {
    grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
  }
  .hero-premium-v40 h1 {
    font-size: clamp(4rem, 7.2vw, 6.3rem);
  }
  .hero-visual-v40,
  .hero-visual-v40 img {
    min-height: 540px;
  }
}
@media (max-width: 980px) {
  .hero.hero-premium-v40 {
    min-height: auto;
    grid-template-columns: 1fr;
    padding-top: 52px;
    text-align: left;
  }
  .hero-premium-v40 .hero-copy {
    margin-inline: 0;
  }
  .hero-premium-v40 .hero-actions,
  .hero-premium-v40 .hero-notes {
    justify-content: flex-start;
  }
  .hero-premium-v40 .hero-notes {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .hero-visual-v40,
  .hero-visual-v40 img {
    min-height: 500px;
  }
  .location-grid {
    grid-template-columns: 1fr;
  }
  .contact-card-visual-only {
    height: auto;
    max-height: none;
  }
  .contact-card-visual-only img {
    width: min(520px, 100%);
    height: auto;
  }
}
@media (max-width: 680px) {
  .hero.hero-premium-v40 {
    padding: 42px 16px 28px;
  }
  .hero-premium-v40 h1 {
    font-size: clamp(3.5rem, 17vw, 5rem);
  }
  .hero-premium-v40 .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .hero-premium-v40 .hero-actions .button {
    width: 100%;
  }
  .hero-premium-v40 .hero-notes {
    grid-template-columns: 1fr;
  }
  .hero-premium-v40 .hero-notes span {
    justify-content: flex-start;
    border-radius: 18px;
  }
  .hero-visual-v40 {
    min-height: 380px;
    border-radius: 24px;
  }
  .hero-visual-v40 img {
    min-height: 380px;
    object-position: 56% center;
  }
}
/* Fallbacks for renderers that do not understand clamp() */
.hero-premium-v40 h1 { font-size: 7.2rem; font-size: clamp(4.4rem, 7.5vw, 7.5rem); }
.hero-visual-v40 { position: relative; }
.hero-visual-v40 img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; }
@media (max-width: 1180px) {
  .hero-premium-v40 h1 { font-size: 5.8rem; font-size: clamp(4rem, 7.2vw, 6.3rem); }
}
@media (max-width: 680px) {
  .hero-premium-v40 h1 { font-size: 4rem; font-size: clamp(3.5rem, 17vw, 5rem); }
}


/* =========================================================
   V41 — Hero blended into background + contact card fixes
   ========================================================= */
.hero.hero-premium-v40 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr);
  gap: clamp(26px, 3.2vw, 54px);
}
.hero.hero-premium-v40::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 88% 18%, rgba(218,174,91,.17), transparent 22rem),
    linear-gradient(90deg, rgba(10,8,13,0) 42%, rgba(10,8,13,.06) 57%, rgba(10,8,13,0) 100%);
  z-index: 0;
}
.hero-premium-v40 .hero-content,
.hero-premium-v40 .hero-visual {
  position: relative;
  z-index: 2;
}
.hero-premium-v40 .hero-content {
  padding-top: clamp(12px, 1vw, 18px);
}
.hero-visual-v40 {
  min-height: 640px;
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.hero-visual-v40::before {
  content: "";
  position: absolute;
  inset: -10% -4% -8% 6%;
  pointer-events: none;
  background:
    radial-gradient(circle at 55% 28%, rgba(231,188,105,.15), transparent 17rem),
    radial-gradient(circle at 64% 54%, rgba(231,188,105,.08), transparent 25rem);
  filter: blur(6px);
}
.hero-visual-v40::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(10,8,13,1) 0%, rgba(10,8,13,.82) 5%, rgba(10,8,13,.18) 24%, rgba(10,8,13,0) 42%),
    linear-gradient(180deg, rgba(10,8,13,.06), rgba(10,8,13,0) 22%, rgba(10,8,13,.14) 100%);
}
.hero-visual-v40 img {
  width: 122%;
  max-width: none;
  min-height: 640px;
  object-fit: cover;
  object-position: right center;
  transform: translateX(-10%);
  filter: saturate(1.02) contrast(1.02);
}
.hero-premium-v40 .hero-notes {
  gap: 14px;
}
.hero-premium-v40 .hero-notes span {
  border-color: rgba(215,182,116,.22);
  background: rgba(255,255,255,.018);
}
.location-head.location-head--single {
  grid-template-columns: 1fr;
  gap: 0;
  margin-bottom: 34px;
}
.location-grid {
  align-items: start;
}
.contact-card-visual-only {
  height: auto;
  min-height: 0;
  align-self: start;
  padding-top: 4px;
}
.contact-card-visual-only img {
  width: min(100%, 430px);
  height: auto;
  margin-inline: auto;
  object-fit: contain;
  object-position: top center;
  display: block;
}

@media (max-width: 1180px) {
  .hero.hero-premium-v40 {
    grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
    gap: 28px;
  }
  .hero-visual-v40 {
    min-height: 560px;
  }
  .hero-visual-v40 img {
    min-height: 560px;
    width: 124%;
    transform: translateX(-12%);
  }
}
@media (max-width: 980px) {
  .hero.hero-premium-v40 {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .hero-premium-v40 .hero-content {
    padding-top: 0;
  }
  .hero-visual-v40 {
    min-height: 480px;
  }
  .hero-visual-v40::after {
    background:
      linear-gradient(180deg, rgba(10,8,13,.04), rgba(10,8,13,.24) 100%),
      linear-gradient(90deg, rgba(10,8,13,.28), rgba(10,8,13,0) 30%);
  }
  .hero-visual-v40 img {
    min-height: 480px;
    width: 116%;
    transform: translateX(-8%);
  }
}
@media (max-width: 680px) {
  .hero-visual-v40 {
    min-height: 380px;
  }
  .hero-visual-v40 img {
    min-height: 380px;
    width: 122%;
    transform: translateX(-12%);
  }
  .contact-card-visual-only img {
    width: min(100%, 360px);
  }
}


/* =========================================================
   V42 — Contact card height matches map on desktop
   ========================================================= */
.location-grid {
  align-items: stretch;
}
.contact-card-visual-only {
  min-height: 610px;
  height: 610px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding-top: 0;
}
.contact-card-visual-only img {
  width: auto;
  max-width: 100%;
  height: 610px;
  max-height: 610px;
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 980px) {
  .contact-card-visual-only {
    min-height: 0;
    height: auto;
  }
  .contact-card-visual-only img {
    width: min(520px, 100%);
    height: auto;
    max-height: none;
  }
}
@media (max-width: 680px) {
  .contact-card-visual-only img {
    width: min(100%, 360px);
  }
}


/* =========================================================
   V43 — Larger contact card while matching map height
   ========================================================= */
.location-grid {
  grid-template-columns: minmax(0, 1.28fr) minmax(420px, .72fr);
  gap: clamp(24px, 2.6vw, 42px);
  align-items: stretch;
}
.map-shell,
.map-shell iframe,
.contact-card-visual-only {
  min-height: 700px;
  height: 700px;
}
.contact-card-visual-only {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-card-visual-only img {
  width: auto;
  max-width: 100%;
  height: 700px;
  max-height: 700px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1180px) {
  .location-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(390px, .8fr);
  }
  .map-shell,
  .map-shell iframe,
  .contact-card-visual-only {
    min-height: 640px;
    height: 640px;
  }
  .contact-card-visual-only img {
    height: 640px;
    max-height: 640px;
  }
}
@media (max-width: 980px) {
  .location-grid {
    grid-template-columns: 1fr;
  }
  .map-shell,
  .map-shell iframe {
    min-height: 480px;
    height: 480px;
  }
  .contact-card-visual-only {
    min-height: 0;
    height: auto;
  }
  .contact-card-visual-only img {
    width: min(540px, 100%);
    height: auto;
    max-height: none;
  }
}


/* =========================================================
   V44 — Reference-matched hero with live HTML controls
   ========================================================= */
.nav-cta-v44 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: #f0d18b;
  border: 1px solid rgba(225,177,79,.62);
  min-height: 52px;
  padding: 0 22px;
}
.nav-cta-v44 svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero.hero-premium-v44 {
  position: relative;
  isolation: isolate;
  min-height: 820px;
  display: block;
  overflow: hidden;
  padding: clamp(52px, 6vw, 86px) clamp(24px, 5vw, 88px) 62px;
  background-image: none;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.hero-v44-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8,7,11,.08) 0%, rgba(8,7,11,0) 43%, rgba(8,7,11,0) 100%),
    linear-gradient(180deg, rgba(8,7,11,.04), rgba(8,7,11,.12));
}
.hero-content-v44 {
  position: relative;
  z-index: 2;
  width: min(650px, 46vw);
  max-width: 650px;
  padding-top: 4px;
}
.hero-content-v44 .eyebrow {
  margin-bottom: 22px;
  color: #d9ae55;
  font-size: .83rem;
  letter-spacing: .24em;
}
.hero-content-v44 h1 {
  margin: 0;
  color: #f7efe0;
  font-size: clamp(4.7rem, 7.4vw, 7.1rem);
  line-height: .86;
  letter-spacing: -.055em;
}
.hero-content-v44 h1 span,
.hero-content-v44 h1 em {
  display: block;
}
.hero-content-v44 h1 em {
  margin-top: 10px;
  color: #e8c879;
  font-style: normal;
  font-weight: 500;
}
.hero-content-v44 .hero-copy {
  max-width: 610px;
  margin-top: 28px;
  color: #efe7dc;
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.6;
}
.hero-actions-v44 {
  gap: 16px;
  margin-top: 30px;
}
.hero-button-v44 {
  min-height: 58px;
  padding-inline: 24px;
  border-radius: 999px;
  gap: 12px;
  font-size: 1rem;
}
.hero-button-v44 svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
  flex: none;
}
.hero-button-outline-v44 svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-button-outline-v44 {
  min-width: 224px;
  justify-content: space-between;
  border-color: rgba(221,176,83,.64) !important;
  color: #f5e6c0 !important;
  background: rgba(8,7,11,.22) !important;
  backdrop-filter: blur(5px);
}
.hero-notes-v44 {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  margin-top: 30px !important;
}
.hero-notes-v44 span {
  min-width: 0 !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  justify-content: flex-start !important;
  gap: 10px;
  color: #efe8dc !important;
  white-space: nowrap;
  font-size: .86rem !important;
}
.hero-notes-v44 span::before { content: none !important; }
.hero-note-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(221,176,83,.55);
  color: #e1b85f;
  flex: none;
  position: relative;
  font-style: normal;
}
.hero-note-user::before {
  content: "";
  width: 9px;
  height: 9px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  position: absolute;
  top: 8px;
}
.hero-note-user::after {
  content: "";
  width: 16px;
  height: 9px;
  border: 1.5px solid currentColor;
  border-radius: 9px 9px 3px 3px;
  position: absolute;
  bottom: 7px;
}
.hero-note-spark { font-size: 1rem; }
.hero-note-diamond::before {
  content: "◇";
  font-size: 1.4rem;
  transform: translateY(-1px);
}
.hero-floating-v44 {
  position: absolute;
  right: clamp(28px, 4vw, 72px);
  bottom: 36px;
  z-index: 4;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(224,181,91,.7);
  background: rgba(29,20,12,.52);
  color: #f1d492;
  box-shadow: 0 15px 40px rgba(0,0,0,.26);
  backdrop-filter: blur(10px);
  font-weight: 700;
}
.hero-floating-v44 svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-floating-v44 b { font-size: 1.15rem; }
.hero-floating-v44:hover { transform: translateY(-2px); }

/* V44 — Contact card slightly reduced versus V43 */
.location-grid {
  grid-template-columns: minmax(0, 1.46fr) minmax(360px, .54fr);
  gap: clamp(24px, 2.4vw, 38px);
}
.map-shell,
.map-shell iframe,
.contact-card-visual-only {
  min-height: 650px;
  height: 650px;
}
.contact-card-visual-only img {
  height: 650px;
  max-height: 650px;
  width: auto;
  max-width: 100%;
}

@media (max-width: 1180px) {
  .hero.hero-premium-v44 {
    min-height: 740px;
    background-position: 56% top;
  }
  .hero-content-v44 { width: min(610px, 49vw); }
  .hero-content-v44 h1 { font-size: clamp(4.2rem, 7vw, 6rem); }
  .hero-notes-v44 { gap: 14px !important; }
  .hero-notes-v44 span { font-size: .78rem !important; }
  .location-grid {
    grid-template-columns: minmax(0, 1.36fr) minmax(350px, .64fr);
  }
  .map-shell,
  .map-shell iframe,
  .contact-card-visual-only {
    min-height: 610px;
    height: 610px;
  }
  .contact-card-visual-only img {
    height: 610px;
    max-height: 610px;
  }
}
@media (max-width: 980px) {
  .hero.hero-premium-v44 {
    min-height: auto;
    padding-top: 48px;
    padding-bottom: 38px;
    background-position: 64% top;
  }
  .hero-v44-overlay {
    background: linear-gradient(90deg, rgba(8,7,11,.96) 0%, rgba(8,7,11,.84) 50%, rgba(8,7,11,.18) 100%);
  }
  .hero-content-v44 {
    width: min(620px, 78vw);
  }
  .hero-content-v44 h1 { font-size: clamp(4rem, 10vw, 5.6rem); }
  .hero-notes-v44 { flex-wrap: wrap !important; }
  .hero-floating-v44 { display: none; }
  .location-grid { grid-template-columns: 1fr; }
  .map-shell,
  .map-shell iframe {
    min-height: 480px;
    height: 480px;
  }
  .contact-card-visual-only {
    min-height: 0;
    height: auto;
  }
  .contact-card-visual-only img {
    width: min(500px, 100%);
    height: auto;
    max-height: none;
  }
}
@media (max-width: 680px) {
  .hero.hero-premium-v44 {
    min-height: 700px;
    padding: 38px 18px 30px;
    background-position: 72% top;
  }
  .hero-v44-overlay {
    background: linear-gradient(90deg, rgba(8,7,11,.98) 0%, rgba(8,7,11,.91) 60%, rgba(8,7,11,.35) 100%);
  }
  .hero-content-v44 { width: 100%; }
  .hero-content-v44 .eyebrow { font-size: .67rem; letter-spacing: .18em; }
  .hero-content-v44 h1 { font-size: clamp(3.5rem, 16vw, 4.8rem); }
  .hero-content-v44 .hero-copy { max-width: 92%; font-size: .96rem; }
  .hero-actions-v44 { display: grid; grid-template-columns: 1fr; }
  .hero-button-v44 { width: 100%; }
  .hero-notes-v44 { display: grid !important; grid-template-columns: 1fr; gap: 12px !important; }
  .nav-cta-v44 svg { display: none; }
}


/* =========================================================
   V45 — Approved Moon hero integrated as a real interactive section
   ========================================================= */
.site-header {
  min-height: 114px;
  padding: 0 clamp(38px, 4vw, 68px);
  background: #050609;
  border-bottom: 1px solid rgba(216,165,68,.34);
  backdrop-filter: none;
}
.brand-header-v45 {
  width: clamp(205px, 16vw, 278px);
  height: 92px;
  overflow: hidden;
}
.brand-header-v45 img {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: left center;
  background: #050609;
  box-shadow: none;
}
.site-nav {
  gap: 0;
  font-size: clamp(.94rem, 1.1vw, 1.13rem);
}
.site-nav > a:not(.nav-cta) {
  position: relative;
  padding: 18px clamp(22px, 2vw, 32px);
  color: #ece8df;
}
.site-nav > a:not(.nav-cta) + a:not(.nav-cta)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 26px;
  transform: translateY(-50%);
  background: rgba(217,169,75,.42);
}
.nav-cta-v44 {
  min-height: 60px;
  margin-left: 24px;
  padding: 0 28px;
  border: 1px solid rgba(225,173,66,.76);
  color: #efbd5e;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.nav-cta-v44 svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hero.hero-premium-v44 {
  min-height: min(790px, calc(100vh - 114px));
  display: flex;
  align-items: center;
  padding: clamp(62px, 7vh, 96px) clamp(40px, 4vw, 68px) clamp(46px, 5vh, 72px);
  background-image: none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(216,165,68,.22);
}
.hero-v44-overlay {
  background:
    linear-gradient(90deg, rgba(3,4,6,.06) 0%, rgba(3,4,6,.02) 38%, rgba(3,4,6,0) 66%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.06));
}
.hero-content-v44 {
  width: min(700px, 46vw);
  max-width: 700px;
  padding-top: 0;
}
.hero-content-v44 .eyebrow {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
  color: #e5b75e;
  font-size: clamp(.74rem, .95vw, .94rem);
  letter-spacing: .12em;
}
.hero-content-v44 .eyebrow::after {
  content: "✦";
  display: inline-flex;
  align-items: center;
  width: 96px;
  overflow: visible;
  color: #e5b75e;
  font-size: .78rem;
  background: linear-gradient(90deg, rgba(229,183,94,.86), transparent) left center / 76px 1px no-repeat;
  padding-left: 84px;
}
.hero-content-v44 h1 {
  color: #fff5e4;
  font-size: clamp(5rem, 7.8vw, 8rem);
  line-height: .86;
  letter-spacing: -.055em;
  text-shadow: 0 8px 34px rgba(0,0,0,.28);
}
.hero-content-v44 h1 em {
  margin-top: 8px;
  color: #efc66f;
}
.hero-content-v44 .hero-copy {
  max-width: 680px;
  margin-top: 30px;
  color: rgba(255,255,255,.92);
  font-size: clamp(1rem, 1.27vw, 1.22rem);
  line-height: 1.58;
  text-shadow: 0 3px 16px rgba(0,0,0,.48);
}
.hero-actions-v44 {
  gap: 20px;
  margin-top: 34px;
}
.hero-button-v44 {
  min-height: 68px;
  padding-inline: 30px;
  font-size: clamp(1rem, 1.15vw, 1.18rem);
}
.hero-button-v44.button.primary {
  color: #1a1308;
  background: linear-gradient(180deg, #f4d995 0%, #e5b956 100%);
  border: 1px solid rgba(255,228,161,.68);
  box-shadow: 0 12px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.66);
}
.hero-button-outline-v44 {
  min-width: 290px;
  border-color: rgba(224,171,66,.72) !important;
  color: #f4cc76 !important;
  background: rgba(3,4,6,.38) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}
.hero-notes-v45 {
  gap: 26px !important;
  margin-top: 36px !important;
}
.hero-notes-v45 span {
  min-height: 64px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(218,168,67,.58) !important;
  border-radius: 12px !important;
  background: rgba(3,4,6,.34) !important;
  color: #edc470 !important;
  gap: 14px;
  font-size: .92rem !important;
  backdrop-filter: blur(4px);
}
.hero-note-icon-v45 {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 0;
  color: #e6b85e;
}
.hero-note-icon-v45 svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-floating-v44 { display: none !important; }

@media (max-width: 1180px) {
  .site-header { min-height: 96px; padding-inline: 24px; }
  .brand-header-v45 { width: 210px; height: 76px; }
  .site-nav > a:not(.nav-cta) { padding-inline: 16px; }
  .nav-cta-v44 { margin-left: 14px; padding-inline: 20px; }
  .hero.hero-premium-v44 {
    min-height: 690px;
    padding-inline: 34px;
    background-position: 55% center;
  }
  .hero-content-v44 { width: min(630px, 49vw); }
  .hero-content-v44 h1 { font-size: clamp(4.5rem, 7.3vw, 6.4rem); }
  .hero-notes-v45 { gap: 12px !important; }
  .hero-notes-v45 span { padding-inline: 14px !important; font-size: .78rem !important; }
}
@media (max-width: 980px) {
  .site-header { min-height: 78px; }
  .brand-header-v45 { width: 172px; height: 62px; }
  .site-nav {
    top: calc(100% + 1px);
    background: rgba(4,5,8,.98);
  }
  .site-nav > a:not(.nav-cta) + a:not(.nav-cta)::before { display: none; }
  .nav-cta-v44 { margin: 10px 0 0; }
  .hero.hero-premium-v44 {
    min-height: 720px;
    padding: 48px 28px 42px;
    background-position: 62% center;
  }
  .hero-v44-overlay {
    background: linear-gradient(90deg, rgba(2,3,5,.97) 0%, rgba(2,3,5,.87) 54%, rgba(2,3,5,.23) 100%);
  }
  .hero-content-v44 { width: min(650px, 78vw); }
  .hero-content-v44 h1 { font-size: clamp(4rem, 10vw, 5.8rem); }
  .hero-notes-v45 { flex-wrap: wrap !important; }
}
@media (max-width: 680px) {
  .site-header { padding-inline: 14px; }
  .brand-header-v45 { width: 150px; height: 56px; }
  .hero.hero-premium-v44 {
    min-height: 720px;
    padding: 38px 18px 30px;
    background-position: 69% center;
  }
  .hero-v44-overlay {
    background: linear-gradient(90deg, rgba(2,3,5,.99) 0%, rgba(2,3,5,.94) 68%, rgba(2,3,5,.46) 100%);
  }
  .hero-content-v44 { width: 100%; }
  .hero-content-v44 .eyebrow { font-size: .66rem; gap: 8px; }
  .hero-content-v44 .eyebrow::after { display: none; }
  .hero-content-v44 h1 { font-size: clamp(3.6rem, 16vw, 5rem); }
  .hero-content-v44 .hero-copy { max-width: 94%; font-size: .95rem; }
  .hero-actions-v44 { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .hero-button-v44, .hero-button-outline-v44 { width: 100%; min-width: 0; }
  .hero-notes-v45 { display: grid !important; grid-template-columns: 1fr; gap: 10px !important; }
  .hero-notes-v45 span { min-height: 54px !important; }
}


/* =========================================================
   V46 — Final refinement based on screenshot feedback
   ========================================================= */
.site-header {
  min-height: 92px !important;
  padding: 0 clamp(26px, 3vw, 48px) !important;
  background: rgba(5,6,9,.94) !important;
  border-bottom: 1px solid rgba(214,161,68,.22) !important;
}
.brand-header-v45 {
  width: clamp(160px, 12vw, 220px) !important;
  height: 68px !important;
}
.brand-header-v45 img {
  object-fit: contain !important;
  object-position: left center !important;
}
.site-nav > a:not(.nav-cta) {
  padding-inline: clamp(14px, 1.5vw, 24px) !important;
}
.nav-cta-v44 {
  min-height: 54px !important;
  margin-left: 14px !important;
  padding: 0 22px !important;
}

.hero.hero-premium-v44 {
  position: relative !important;
  min-height: clamp(720px, 88vh, 840px) !important;
  padding: clamp(54px, 6vh, 78px) clamp(34px, 4vw, 60px) clamp(46px, 5vh, 66px) !important;
  background-image: none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}
.hero.hero-premium-v44::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 120px;
  background: linear-gradient(180deg, rgba(9,8,12,0), rgba(9,8,12,.94) 82%, #0f0d12 100%);
  pointer-events: none;
}
.hero-v44-overlay {
  background: linear-gradient(90deg, rgba(4,5,8,.28) 0%, rgba(4,5,8,.12) 30%, rgba(4,5,8,.03) 52%, rgba(4,5,8,0) 70%) !important;
}
.hero-content-v44 {
  width: min(700px, 44vw) !important;
  max-width: 700px !important;
}
.hero-content-v44 .eyebrow {
  margin-bottom: 20px !important;
  color: #e0b255 !important;
  letter-spacing: .12em !important;
}
.hero-content-v44 .eyebrow::after {
  width: 124px !important;
  background-size: 100px 1px !important;
  padding-left: 108px !important;
}
.hero-content-v44 h1 {
  font-size: clamp(4.7rem, 6.6vw, 7.2rem) !important;
  line-height: .9 !important;
  max-width: 640px;
}
.hero-content-v44 h1 span,
.hero-content-v44 h1 em {
  display: block;
}
.hero-content-v44 h1 em {
  margin-top: 4px !important;
}
.hero-content-v44 .hero-copy {
  max-width: 620px !important;
  margin-top: 24px !important;
  font-size: clamp(1rem, 1.15vw, 1.16rem) !important;
  color: rgba(255,255,255,.9) !important;
}
.hero-actions-v44 {
  gap: 16px !important;
  margin-top: 30px !important;
}
.hero-button-v44 {
  min-height: 64px !important;
  padding-inline: 28px !important;
  font-size: 1.06rem !important;
}
.hero-button-outline-v44 {
  min-width: 260px !important;
}
.hero-notes-v45 {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  margin-top: 30px !important;
}
.hero-notes-v45 span {
  flex: 0 0 auto;
  min-height: 56px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  background: rgba(5,6,9,.26) !important;
  border: 1px solid rgba(218,168,67,.46) !important;
  color: #e5ba66 !important;
  font-size: .82rem !important;
  letter-spacing: 0 !important;
  backdrop-filter: blur(2px);
}
.hero-note-icon-v45 {
  width: 28px !important;
  height: 28px !important;
}
.hero-note-icon-v45 svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.55 !important;
}

/* smoother bridge into next section */
.moon-live-hero-before-services {
  position: relative;
  margin-top: -1px;
  padding-top: clamp(28px, 3vw, 42px) !important;
  border-top: 0 !important;
  background:
    linear-gradient(180deg, #0f0d12 0%, #111015 20%, #121014 100%) !important;
}
.moon-live-hero-before-services::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 88px;
  background: linear-gradient(180deg, rgba(15,13,18,.98), rgba(15,13,18,.35) 60%, rgba(15,13,18,0));
  pointer-events: none;
}

/* contact / map section refined to match target */
.location {
  padding-top: clamp(26px, 3vw, 42px) !important;
  background:
    radial-gradient(circle at 70% 10%, rgba(215,182,116,.08), transparent 24rem),
    linear-gradient(180deg, #111015 0%, #0d0b10 100%) !important;
}
.location-grid {
  max-width: 1580px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 1.42fr) minmax(260px, .56fr) !important;
  gap: clamp(18px, 2vw, 26px) !important;
  align-items: stretch !important;
}
.map-shell {
  position: relative;
  overflow: hidden;
  min-height: 520px !important;
  height: 520px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(216,165,68,.22) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.28);
  background: #0a0b0e;
}
.map-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.18));
  pointer-events: none;
  z-index: 1;
}
.map-shell iframe {
  min-height: 520px !important;
  height: 520px !important;
  width: 100%;
  filter: grayscale(.55) brightness(.58) contrast(1.15) saturate(.75) sepia(.1) !important;
  pointer-events: none;
}
.map-overlay {
  z-index: 2;
  left: 18px !important;
  right: 18px !important;
  bottom: 16px !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(15,15,18,.9), rgba(8,8,10,.96)) !important;
  border: 1px solid rgba(216,165,68,.18);
}
.map-overlay span,
.map-overlay a {
  color: #f0dfbd !important;
}
.contact-card-visual-only {
  min-height: 520px !important;
  height: 520px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.contact-card-visual-only img {
  width: min(100%, 365px) !important;
  height: auto !important;
  max-height: 520px !important;
  object-fit: contain !important;
}

@media (max-width: 1180px) {
  .brand-header-v45 {
    width: 180px !important;
    height: 62px !important;
  }
  .hero.hero-premium-v44 {
    min-height: 760px !important;
    background-position: 62% center !important;
  }
  .hero-content-v44 {
    width: min(610px, 50vw) !important;
  }
  .hero-content-v44 h1 {
    font-size: clamp(4.2rem, 6vw, 6rem) !important;
  }
  .hero-notes-v45 {
    gap: 12px !important;
  }
  .hero-notes-v45 span {
    padding: 0 14px !important;
    font-size: .76rem !important;
  }
  .location-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(240px, .62fr) !important;
  }
  .map-shell,
  .map-shell iframe,
  .contact-card-visual-only {
    min-height: 470px !important;
    height: 470px !important;
  }
  .contact-card-visual-only img { max-height: 470px !important; width: min(100%, 330px) !important; }
}
@media (max-width: 980px) {
  .site-header {
    min-height: 78px !important;
    padding-inline: 18px !important;
  }
  .brand-header-v45 {
    width: 162px !important;
    height: 56px !important;
  }
  .hero.hero-premium-v44 {
    min-height: 740px !important;
    padding: 46px 24px 36px !important;
    background-position: 70% center !important;
  }
  .hero-v44-overlay {
    background: linear-gradient(90deg, rgba(3,4,6,.9) 0%, rgba(3,4,6,.74) 48%, rgba(3,4,6,.2) 100%) !important;
  }
  .hero-content-v44 {
    width: min(640px, 84vw) !important;
  }
  .hero-notes-v45 {
    flex-wrap: wrap !important;
  }
  .location-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .map-shell,
  .map-shell iframe {
    min-height: 440px !important;
    height: 440px !important;
  }
  .contact-card-visual-only {
    min-height: 0 !important;
    height: auto !important;
    justify-content: center !important;
  }
  .contact-card-visual-only img {
    width: min(420px, 100%) !important;
    max-height: none !important;
  }
}
@media (max-width: 680px) {
  .brand-header-v45 {
    width: 148px !important;
    height: 52px !important;
  }
  .hero.hero-premium-v44 {
    min-height: 710px !important;
    padding: 36px 16px 30px !important;
    background-position: 74% center !important;
  }
  .hero-content-v44 {
    width: 100% !important;
  }
  .hero-content-v44 h1 {
    font-size: clamp(3.45rem, 14vw, 4.8rem) !important;
  }
  .hero-content-v44 .hero-copy {
    max-width: 96% !important;
    font-size: .95rem !important;
  }
  .hero-actions-v44 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .hero-button-v44,
  .hero-button-outline-v44 {
    width: 100% !important;
    min-width: 0 !important;
  }
  .hero-notes-v45 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .hero-notes-v45 span {
    min-height: 52px !important;
  }
  .map-shell,
  .map-shell iframe {
    min-height: 360px !important;
    height: 360px !important;
  }
  .contact-card-visual-only img {
    width: min(100%, 330px) !important;
  }
}


/* =========================================================
   V47 — Instagram moved above signature, icon and map refinements
   ========================================================= */
/* hero notes text next to icons */
.hero-notes-v45 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}
.hero-notes-v45 span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  white-space: nowrap !important;
  text-align: left !important;
}
.hero-note-icon-v45 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.hero-note-icon-v45--image img {
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(232,183,91,.18));
}
.hero-note-icon-v45--image svg { display: none !important; }

/* Instagram block placed directly above Moon Signature */
.featured-post-v8 {
  padding-top: clamp(34px, 4vw, 54px) !important;
  padding-bottom: clamp(24px, 3vw, 40px) !important;
  border-top: 0 !important;
  background: linear-gradient(180deg, #0f0d12 0, #e8e2d7 0, #ece7df 100%) !important;
}
.featured-post-v8 .featured-post-grid {
  align-items: center !important;
  gap: clamp(28px, 4vw, 66px) !important;
}
.featured-post-copy-v8 {
  max-width: 640px;
}
.featured-post-title-v47 {
  margin-top: 14px !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(4rem, 5.4vw, 5.7rem) !important;
  line-height: .92 !important;
  letter-spacing: -.045em !important;
  color: #201922 !important;
}
.featured-post-title-v47 span {
  display: block;
}
.featured-post-title-v47 em {
  font-style: normal;
  color: #d0a247;
}
.featured-post-copy-v8 > p:not(.eyebrow) {
  max-width: 620px;
  font-size: clamp(1rem, 1.18vw, 1.18rem) !important;
  color: #5a5358 !important;
}
.moon-ig-card--embed {
  overflow: hidden;
  border-radius: 26px !important;
  box-shadow: 0 24px 58px rgba(0,0,0,.14) !important;
}
.moon-ig-head {
  background: linear-gradient(180deg, rgba(243,239,232,.98), rgba(232,226,215,.98)) !important;
}
.moon-ig-chip {
  letter-spacing: .08em;
}

/* Moon Signature follows seamlessly under Instagram */
.moon-live-hero-before-services {
  padding-top: clamp(16px, 2vw, 24px) !important;
}

/* stronger dark grey + golden styled map look */
.map-shell {
  border-radius: 24px !important;
  overflow: hidden !important;
}
.map-shell::before {
  background:
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.24)),
    radial-gradient(circle at 82% 10%, rgba(224,173,83,.18), transparent 18rem) !important;
}
.map-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(12,10,8,.18);
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1;
}
.map-shell iframe {
  filter: grayscale(.92) brightness(.46) contrast(1.16) saturate(.8) sepia(.34) hue-rotate(-6deg) !important;
}
.map-overlay {
  background: linear-gradient(180deg, rgba(12,12,14,.92), rgba(8,8,10,.96)) !important;
}
.map-overlay span,
.map-overlay a {
  color: #f2ddba !important;
}

@media (max-width: 1180px) {
  .featured-post-title-v47 {
    font-size: clamp(3.3rem, 5vw, 4.8rem) !important;
  }
}
@media (max-width: 980px) {
  .featured-post-v8 {
    padding-top: 26px !important;
  }
  .featured-post-v8 .featured-post-grid {
    grid-template-columns: 1fr !important;
  }
  .featured-post-title-v47 {
    font-size: clamp(3rem, 9vw, 4.4rem) !important;
  }
  .hero-notes-v45 span {
    white-space: normal !important;
  }
}
@media (max-width: 680px) {
  .featured-post-title-v47 {
    font-size: clamp(2.6rem, 12vw, 3.7rem) !important;
  }
  .featured-post-copy-v8 > p:not(.eyebrow) {
    font-size: .96rem !important;
  }
  .hero-notes-v45 span {
    width: 100% !important;
  }
}


/* =========================================================
   V48 — transition smoothing, centered signature card, refined hero heading
   ========================================================= */
/* Main hero eyebrow & title closer to approved comp */
.hero-content-v44 .eyebrow {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  padding-right: 146px !important;
  color: #ddae53 !important;
  font-size: clamp(.72rem, .9vw, .92rem) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
.hero-content-v44 .eyebrow::before {
  content: "✦";
  position: absolute;
  right: 124px;
  top: 50%;
  transform: translateY(-56%);
  color: #e7b757;
  font-size: .75rem;
  text-shadow: 0 0 12px rgba(231,183,87,.62), 0 0 24px rgba(231,183,87,.25);
}
.hero-content-v44 .eyebrow::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 110px !important;
  height: 1px !important;
  transform: translateY(-50%) !important;
  background: linear-gradient(90deg, rgba(225,170,70,.95), rgba(225,170,70,.18) 68%, rgba(225,170,70,0)) !important;
}
.hero-content-v44 h1 {
  letter-spacing: -.05em !important;
}
.hero-content-v44 h1 span { color: #fffaf2 !important; }
.hero-content-v44 h1 em { color: #e5bc60 !important; }

/* Feature notes centered with recreated lotus icon */
.hero-notes-v45 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: min(880px, 100%) !important;
}
.hero-notes-v45 span {
  min-height: 66px !important;
  justify-content: center !important;
  text-align: center !important;
  padding-inline: 16px !important;
}
.hero-note-icon-v45--lotus {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(12,12,16,.86), rgba(5,5,7,.95)) !important;
  border: 1px solid rgba(228,176,77,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 14px rgba(0,0,0,.22) !important;
}
.hero-note-icon-v45--lotus svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #e2b24d !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Smoother transition from dark hero to light Instagram area */
.featured-post-v8 {
  position: relative !important;
  overflow: hidden !important;
  margin-top: -1px !important;
  padding-top: clamp(68px, 7vw, 108px) !important;
  padding-bottom: clamp(38px, 4vw, 58px) !important;
  background:
    linear-gradient(180deg,
      #0f0d12 0,
      #141116 26px,
      #3b322f 54px,
      #b8aea0 94px,
      #e7e0d5 142px,
      #ece7df 100%) !important;
}
.featured-post-v8::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 120px;
  background: linear-gradient(180deg, rgba(12,11,15,.55), rgba(12,11,15,.08) 48%, rgba(236,231,223,0) 100%);
  pointer-events: none;
}
.featured-post-v8::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 62px;
  background: linear-gradient(180deg, rgba(236,231,223,0), rgba(236,231,223,.55) 55%, rgba(236,231,223,1) 100%);
  pointer-events: none;
}
.featured-post-v8 .featured-post-grid,
.featured-post-v8 > .featured-post-grid {
  position: relative;
  z-index: 1;
  align-items: center !important;
}
.moon-ig-card--embed {
  align-self: center !important;
  justify-self: center !important;
}

/* Smooth beige-to-dark transition and center Moon Signature card in its black zone */
.moon-live-hero-before-services {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
  margin-top: -1px !important;
  padding-top: clamp(54px, 6vw, 86px) !important;
  padding-bottom: clamp(38px, 4vw, 58px) !important;
  background:
    linear-gradient(180deg,
      #ece7df 0,
      #dacdbb 18px,
      #7c6c5f 58px,
      #1b171c 102px,
      #0f0d12 148px,
      #0f0d12 100%) !important;
}
.moon-live-hero-before-services::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  height: 112px !important;
  background: linear-gradient(180deg, rgba(236,231,223,.35), rgba(236,231,223,0) 65%) !important;
  pointer-events: none;
}
.moon-live-hero-before-services .moon-live-hero-card {
  position: relative;
  z-index: 1;
  margin: 0 auto !important;
  width: min(94vw, 1780px) !important;
}

/* Mobile hero note fallback */
@media (max-width: 980px) {
  .hero-notes-v45 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .hero-notes-v45 span {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}
@media (max-width: 680px) {
  .hero-content-v44 .eyebrow {
    padding-right: 0 !important;
  }
  .hero-content-v44 .eyebrow::before,
  .hero-content-v44 .eyebrow::after {
    display: none !important;
  }
}


/* =========================================================
   V49 — softer transitions, roomier Instagram band, transparent header wordmark
   ========================================================= */
.brand-header-v45 {
  width: clamp(170px, 13vw, 236px) !important;
  height: 74px !important;
}
.brand-header-v45 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
}

/* Instagram light section: larger with soft fades to the dark sections above and below */
.featured-post-v8 {
  position: relative !important;
  overflow: hidden !important;
  margin-top: -1px !important;
  min-height: clamp(760px, 80vh, 900px) !important;
  padding-top: clamp(92px, 9vw, 138px) !important;
  padding-bottom: clamp(94px, 9vw, 138px) !important;
  background-color: #ece7df !important;
  background-image:
    radial-gradient(circle at 86% 14%, rgba(175,147,100,.10), transparent 24rem),
    radial-gradient(circle at 12% 82%, rgba(188,150,76,.08), transparent 21rem),
    linear-gradient(90deg, rgba(255,255,255,.20), rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.18)) !important;
}
.featured-post-v8::before {
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; top: 0 !important;
  height: 178px !important;
  background: linear-gradient(180deg,
    #0f0d12 0%,
    #1f1b20 16%,
    #564b42 38%,
    rgba(184,171,154,.86) 60%,
    rgba(236,231,223,.96) 82%,
    rgba(236,231,223,0) 100%) !important;
  pointer-events: none !important;
}
.featured-post-v8::after {
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; bottom: 0 !important;
  height: 182px !important;
  background: linear-gradient(180deg,
    rgba(236,231,223,0) 0%,
    rgba(236,231,223,.96) 18%,
    rgba(199,188,174,.94) 42%,
    rgba(93,80,69,.95) 72%,
    #0f0d12 100%) !important;
  pointer-events: none !important;
}
.featured-post-v8 .featured-post-grid,
.featured-post-v8 > .featured-post-grid {
  position: relative !important;
  z-index: 1 !important;
  width: min(1320px, 92vw) !important;
  margin-inline: auto !important;
  align-items: center !important;
  gap: clamp(38px, 5vw, 88px) !important;
}
.featured-post-copy-v8 {
  padding-block: clamp(18px, 2vw, 34px) !important;
}
.moon-ig-card--embed {
  align-self: center !important;
  justify-self: center !important;
  margin-block: clamp(10px, 1.2vw, 18px) !important;
}

/* Services band: soften the entry from the dark section above */
.services-cards-v21 {
  position: relative !important;
  overflow: hidden !important;
  margin-top: -1px !important;
  padding-top: clamp(86px, 9vw, 126px) !important;
  background-color: var(--moon-light) !important;
}
.services-cards-v21::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 162px;
  background: linear-gradient(180deg,
    #0f0d12 0%,
    #221d22 14%,
    #65564a 36%,
    rgba(204,194,180,.92) 62%,
    rgba(236,231,223,0) 100%);
  pointer-events: none;
  z-index: 0;
}
.services-cards-v21 > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 980px) {
  .featured-post-v8 {
    min-height: auto !important;
    padding-top: 88px !important;
    padding-bottom: 92px !important;
  }
  .featured-post-v8::before { height: 132px !important; }
  .featured-post-v8::after { height: 136px !important; }
  .services-cards-v21::after { height: 128px !important; }
}


/* =========================================================
   V50 — eyebrow line alignment + shadow-like backdrop behind Moon Signature
   ========================================================= */
.hero-content-v44 .eyebrow::before {
  top: 56% !important;
  transform: translateY(-50%) !important;
}
.hero-content-v44 .eyebrow::after {
  top: 56% !important;
  transform: translateY(-50%) !important;
}

.moon-live-hero-before-services {
  background:
    radial-gradient(ellipse at 50% 46%, rgba(184,160,132,.20) 0%, rgba(184,160,132,.10) 18%, rgba(184,160,132,0) 42%),
    radial-gradient(ellipse at 50% 58%, rgba(30,25,28,.72) 0%, rgba(24,20,24,.78) 34%, rgba(18,15,20,.92) 66%, rgba(16,13,18,.98) 100%),
    linear-gradient(180deg,
      #ece7df 0,
      #dbcfbe 20px,
      #8b7a6a 60px,
      #31282c 116px,
      #171419 170px,
      #151217 100%) !important;
}
.moon-live-hero-before-services::before {
  height: 128px !important;
  background: linear-gradient(180deg,
    rgba(236,231,223,.34) 0%,
    rgba(236,231,223,.12) 36%,
    rgba(236,231,223,0) 100%) !important;
}
.moon-live-hero-before-services::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  transform: translateX(-50%) !important;
  width: min(92vw, 1760px) !important;
  height: clamp(170px, 22vw, 290px) !important;
  background: radial-gradient(ellipse at center,
    rgba(205,184,154,.10) 0%,
    rgba(111,93,78,.18) 28%,
    rgba(28,23,27,.55) 56%,
    rgba(15,13,18,0) 78%) !important;
  pointer-events: none !important;
  filter: blur(20px) !important;
  z-index: 0 !important;
}
.moon-live-hero-before-services .moon-live-hero-card {
  box-shadow:
    0 18px 54px rgba(8,6,10,.18),
    0 42px 110px rgba(8,6,10,.30) !important;
}

/* =========================================================
   V51 — final correction: no eyebrow overlap, no black slab
   ========================================================= */
.hero-content-v44 .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding-right: 0 !important;
  white-space: nowrap !important;
}
.hero-content-v44 .eyebrow::before {
  content: none !important;
  display: none !important;
}
.hero-content-v44 .eyebrow::after {
  content: "✦" !important;
  position: static !important;
  flex: 0 0 clamp(118px, 10vw, 178px) !important;
  width: auto !important;
  height: 1.1em !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  color: #e7b757 !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(231,183,87,.56), 0 0 24px rgba(231,183,87,.22) !important;
  background:
    linear-gradient(90deg,
      transparent 0,
      transparent 23px,
      rgba(225,170,70,.92) 23px,
      rgba(225,170,70,.22) 74%,
      rgba(225,170,70,0) 100%)
    center / 100% 1px no-repeat !important;
}

.moon-live-hero-before-services {
  background:
    radial-gradient(ellipse at 50% 52%, rgba(60,45,35,.09) 0%, rgba(60,45,35,.045) 38%, rgba(60,45,35,0) 72%),
    linear-gradient(180deg, #ece7df 0%, #e9e2d8 48%, #ece7df 100%) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.moon-live-hero-before-services::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
  background:
    radial-gradient(ellipse at center,
      rgba(26,20,24,.13) 0%,
      rgba(26,20,24,.08) 26%,
      rgba(26,20,24,.025) 50%,
      rgba(26,20,24,0) 72%) !important;
  filter: blur(28px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.moon-live-hero-before-services::after {
  content: none !important;
  display: none !important;
}
.moon-live-hero-before-services .moon-live-hero-card {
  position: relative !important;
  z-index: 1 !important;
  box-shadow:
    0 18px 42px rgba(35,26,20,.16),
    0 34px 90px rgba(35,26,20,.19) !important;
}

@media (max-width: 680px) {
  .hero-content-v44 .eyebrow {
    white-space: normal !important;
  }
  .hero-content-v44 .eyebrow::after {
    display: none !important;
  }
}


/* =========================================================
   V52 — remove unneeded dark transitions and center Instagram content
   ========================================================= */
/* Keep only the upper hero-to-Instagram fade; give the Instagram content its own calm area */
.featured-post-v8 {
  min-height: auto !important;
  padding-top: clamp(190px, 15vw, 230px) !important;
  padding-bottom: clamp(76px, 7vw, 108px) !important;
  background-color: #ece7df !important;
  background-image:
    radial-gradient(circle at 84% 18%, rgba(175,147,100,.09), transparent 23rem),
    radial-gradient(circle at 14% 82%, rgba(188,150,76,.07), transparent 21rem),
    linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0) 24%, rgba(255,255,255,0) 76%, rgba(255,255,255,.16)) !important;
}
.featured-post-v8::before {
  height: 146px !important;
  background: linear-gradient(180deg,
    #0f0d12 0%,
    #211c21 18%,
    #62564c 43%,
    rgba(199,190,178,.92) 70%,
    rgba(236,231,223,1) 100%) !important;
}
.featured-post-v8::after {
  content: none !important;
  display: none !important;
}
.featured-post-v8 .featured-post-grid,
.featured-post-v8 > .featured-post-grid {
  width: min(1320px, 92vw) !important;
  margin-inline: auto !important;
  align-items: center !important;
}

/* Moon Signature now sits directly on the same light background, with no black band */
.moon-live-hero-before-services {
  margin-top: 0 !important;
  padding-top: clamp(44px, 5vw, 68px) !important;
  padding-bottom: clamp(62px, 6vw, 90px) !important;
  background: #ece7df !important;
  border: 0 !important;
}
.moon-live-hero-before-services::before,
.moon-live-hero-before-services::after {
  content: none !important;
  display: none !important;
}
.moon-live-hero-before-services .moon-live-hero-card {
  background: transparent !important;
  box-shadow: 0 24px 64px rgba(74,56,42,.16) !important;
}
.moon-live-hero-background {
  background: transparent !important;
}

/* Services follows without an artificial dark separator */
.services-cards-v21 {
  margin-top: 0 !important;
  padding-top: clamp(74px, 7vw, 104px) !important;
  background-color: var(--moon-light) !important;
}
.services-cards-v21::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 980px) {
  .featured-post-v8 {
    padding-top: 156px !important;
    padding-bottom: 72px !important;
  }
  .featured-post-v8::before { height: 118px !important; }
}
@media (max-width: 680px) {
  .featured-post-v8 {
    padding-top: 132px !important;
    padding-bottom: 58px !important;
  }
  .featured-post-v8::before { height: 102px !important; }
  .moon-live-hero-before-services {
    padding-top: 34px !important;
    padding-bottom: 48px !important;
  }
}


/* =========================================================
   V53 — cleaner hero-to-Instagram transition + refined feature pills
   ========================================================= */
/* Replace the heavy fade with a lighter shadow-style transition,
   and give the Instagram section more breathing room before content starts. */
.featured-post-v8 {
  margin-top: 0 !important;
  min-height: auto !important;
  padding-top: clamp(150px, 13vw, 190px) !important;
  padding-bottom: clamp(76px, 7vw, 108px) !important;
  background-color: #ece7df !important;
  background-image:
    radial-gradient(circle at 86% 16%, rgba(176,146,96,.08), transparent 24rem),
    radial-gradient(circle at 14% 82%, rgba(188,150,76,.06), transparent 21rem),
    linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,0) 24%, rgba(255,255,255,0) 76%, rgba(255,255,255,.14)) !important;
}
.featured-post-v8::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 88px !important;
  background: linear-gradient(180deg,
    rgba(15,13,18,.56) 0%,
    rgba(15,13,18,.34) 30%,
    rgba(15,13,18,.16) 58%,
    rgba(15,13,18,.04) 82%,
    rgba(15,13,18,0) 100%) !important;
  pointer-events: none !important;
}
.featured-post-v8::after {
  content: none !important;
  display: none !important;
}
.featured-post-v8 .featured-post-grid,
.featured-post-v8 > .featured-post-grid {
  width: min(1320px, 92vw) !important;
  margin-inline: auto !important;
  align-items: start !important;
  gap: clamp(42px, 5vw, 92px) !important;
}
.featured-post-copy-v8,
.moon-ig-card--embed {
  padding-top: clamp(10px, 1vw, 18px) !important;
}

/* Remove the extra soft transition before the services section for a cleaner light-to-light flow. */
.services-cards-v21 {
  margin-top: 0 !important;
  padding-top: clamp(58px, 6vw, 84px) !important;
  background: var(--moon-light) !important;
}
.services-cards-v21::before,
.services-cards-v21::after {
  content: none !important;
  display: none !important;
}

/* More balanced feature pills with the provided Modern icon used directly. */
.hero-notes-v45 {
  width: min(920px, 100%) !important;
  gap: 20px !important;
}
.hero-notes-v45 span {
  min-height: 74px !important;
  padding: 0 22px !important;
  gap: 14px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 20px !important;
}
.hero-note-icon-v45 {
  width: 28px !important;
  height: 28px !important;
}
.hero-note-icon-v45--image,
.hero-note-icon-v45--modern {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.hero-note-icon-v45--image img,
.hero-note-icon-v45--modern img {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(232,183,91,.14)) !important;
}
.hero-note-icon-v45--lotus,
.hero-note-icon-v45--lotus svg {
  display: none !important;
}

@media (max-width: 980px) {
  .featured-post-v8 {
    padding-top: 128px !important;
    padding-bottom: 82px !important;
  }
  .featured-post-v8::before {
    height: 72px !important;
  }
}
@media (max-width: 680px) {
  .featured-post-v8 {
    padding-top: 108px !important;
    padding-bottom: 64px !important;
  }
  .featured-post-v8::before {
    height: 58px !important;
  }
  .hero-notes-v45 {
    gap: 12px !important;
  }
  .hero-notes-v45 span {
    min-height: 64px !important;
    padding-inline: 18px !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}


/* =========================================================
   V54 — Instagram spacing, floating CTA icon, redesigned modern icon
   ========================================================= */
.featured-post-v8 {
  padding-top: clamp(98px, 8.5vw, 122px) !important;
  padding-bottom: clamp(82px, 7vw, 112px) !important;
}
.featured-post-v8::before {
  height: 54px !important;
  background: linear-gradient(180deg,
    rgba(22,18,20,.10) 0%,
    rgba(22,18,20,.05) 44%,
    rgba(22,18,20,.015) 72%,
    rgba(22,18,20,0) 100%) !important;
}
.featured-post-v8 .featured-post-grid,
.featured-post-v8 > .featured-post-grid {
  align-items: center !important;
}

/* floating button: use the dark booking icon instead of green dot */
.floating-whatsapp {
  gap: 10px !important;
}
.floating-whatsapp .whatsapp-dot {
  display: none !important;
}
.floating-booking-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}
.floating-booking-icon svg {
  width: 19px !important;
  height: 19px !important;
  stroke: #18131a !important;
  stroke-width: 2.05 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  display: block !important;
}

/* feature pills: cleaner centering + redesigned modern icon */
.hero-notes-v45 {
  gap: 18px !important;
}
.hero-notes-v45 span {
  min-height: 72px !important;
  padding: 0 24px !important;
  gap: 14px !important;
  justify-content: flex-start !important;
}
.hero-note-icon-v45 {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
}
.hero-note-icon-v45--modern-illustrated {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 10px !important;
  background: rgba(7,7,10,.62) !important;
  border: 1px solid rgba(233,186,89,.26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 6px 18px rgba(0,0,0,.14) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.hero-note-icon-v45--modern-illustrated svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #e2b24f !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}
.hero-note-icon-v45--image,
.hero-note-icon-v45--modern {
  display: none !important;
}

@media (max-width: 980px) {
  .featured-post-v8 {
    padding-top: 88px !important;
  }
}
@media (max-width: 680px) {
  .featured-post-v8 {
    padding-top: 74px !important;
    padding-bottom: 72px !important;
  }
  .featured-post-v8::before {
    height: 34px !important;
  }
  .hero-notes-v45 span {
    min-height: 64px !important;
    gap: 12px !important;
    padding-inline: 18px !important;
  }
}


/* =========================================================
   V58 — feature panels restored to smaller compact size
   ========================================================= */
.hero-notes-v55 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: min(900px, calc(100vw - 150px)) !important;
  max-width: none !important;
  gap: clamp(14px, 1.4vw, 20px) !important;
  margin-top: 26px !important;
  margin-left: 0 !important;
  overflow: visible !important;
}
.hero-notes-v55 .hero-feature-v55 {
  position: relative !important;
  min-width: 0 !important;
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 0 !important;
  padding: 8px 18px 8px 14px !important;
  border: 1.1px solid rgba(215,157,39,.80) !important;
  border-radius: 21px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 48%, rgba(203,137,28,.09), transparent 30%),
    linear-gradient(145deg, rgba(17,14,11,.95), rgba(3,4,6,.98) 64%, rgba(14,10,6,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,211,116,.09),
    inset 0 -1px 0 rgba(112,65,6,.24),
    0 10px 24px rgba(0,0,0,.22),
    0 0 0 1px rgba(120,72,8,.04) !important;
  color: #dda83d !important;
  white-space: nowrap !important;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}
.hero-notes-v55 .hero-feature-v55::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(100deg, transparent 0 42%, rgba(244,192,82,.05) 49%, transparent 57%),
    radial-gradient(ellipse at 50% 100%, rgba(217,150,30,.06), transparent 42%) !important;
  transform: translateX(-88%) !important;
  transition: transform .55s ease !important;
}
.hero-notes-v55 .hero-feature-v55::after {
  content: "" !important;
  position: absolute !important;
  left: 78px !important;
  top: 18px !important;
  bottom: 18px !important;
  width: 1px !important;
  background: linear-gradient(180deg,
    rgba(222,163,44,0),
    rgba(222,163,44,.55) 18%,
    rgba(222,163,44,.64) 50%,
    rgba(222,163,44,.55) 82%,
    rgba(222,163,44,0)) !important;
  box-shadow: 0 0 6px rgba(210,139,26,.08) !important;
  pointer-events: none !important;
}
.hero-notes-v55 .hero-feature-v55:hover,
.hero-notes-v55 .hero-feature-v55:focus-within {
  transform: translateY(-2px) !important;
  border-color: rgba(242,188,76,.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,215,128,.12),
    0 14px 28px rgba(0,0,0,.28),
    0 0 18px rgba(207,137,22,.08) !important;
}
.hero-notes-v55 .hero-feature-v55:hover::before,
.hero-notes-v55 .hero-feature-v55:focus-within::before {
  transform: translateX(88%) !important;
}
.hero-feature-logo-v55 {
  position: relative !important;
  z-index: 2 !important;
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.hero-feature-logo-v55 img {
  width: 44px !important;
  height: 44px !important;
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: drop-shadow(0 4px 8px rgba(161,95,8,.20)) !important;
}
.hero-feature-v55 b {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding-left: 14px !important;
  color: #dda83d !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: clamp(.84rem, .88vw, .96rem) !important;
  font-weight: 500 !important;
  line-height: 1.14 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  text-shadow: 0 1px 10px rgba(215,148,31,.10) !important;
}

@media (max-width: 1380px) {
  .hero-notes-v55 {
    width: min(870px, calc(100vw - 88px)) !important;
    gap: 14px !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 70px !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    padding: 8px 14px 8px 12px !important;
    border-radius: 20px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 70px !important;
    top: 16px !important;
    bottom: 16px !important;
  }
  .hero-feature-logo-v55 {
    width: 46px !important;
    height: 46px !important;
  }
  .hero-feature-logo-v55 img {
    width: 40px !important;
    height: 40px !important;
  }
  .hero-feature-v55 b {
    padding-left: 12px !important;
    font-size: clamp(.80rem, .86vw, .92rem) !important;
  }
}
@media (max-width: 1080px) {
  .hero-notes-v55 {
    grid-template-columns: 1fr !important;
    width: min(560px, 100%) !important;
    margin-inline: auto !important;
    gap: 13px !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 76px !important;
    grid-template-columns: 64px minmax(0,1fr) !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 78px !important;
  }
  .hero-feature-v55 b {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 16px !important;
    font-size: .95rem !important;
  }
}
@media (max-width: 680px) {
  .hero-notes-v55 {
    width: 100% !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 68px !important;
    grid-template-columns: 56px minmax(0,1fr) !important;
    padding: 7px 11px 7px 10px !important;
    border-radius: 18px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 67px !important;
    top: 14px !important;
    bottom: 14px !important;
  }
  .hero-feature-logo-v55 {
    width: 42px !important;
    height: 42px !important;
  }
  .hero-feature-logo-v55 img {
    width: 38px !important;
    height: 38px !important;
  }
  .hero-feature-v55 b {
    padding-left: 12px !important;
    font-size: .84rem !important;
  }
}


/* =========================================================
   V60 — feature panels slightly smaller, inner content stronger
   ========================================================= */
.hero-notes-v55 {
  width: min(840px, calc(100vw - 170px)) !important;
  gap: clamp(12px, 1.2vw, 18px) !important;
  margin-top: 22px !important;
}
.hero-notes-v55 .hero-feature-v55 {
  min-height: 66px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  padding: 7px 16px 7px 12px !important;
  border-radius: 19px !important;
}
.hero-notes-v55 .hero-feature-v55::after {
  left: 69px !important;
  top: 15px !important;
  bottom: 15px !important;
}
.hero-feature-logo-v55 {
  width: 44px !important;
  height: 44px !important;
}
.hero-feature-logo-v55 img {
  width: 38px !important;
  height: 38px !important;
  filter: drop-shadow(0 5px 10px rgba(161,95,8,.24)) !important;
}
.hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
  width: 40px !important;
  height: 40px !important;
}
.hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
  width: 48px !important;
  height: 48px !important;
}
.hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
  width: 34px !important;
  height: 34px !important;
}
.hero-feature-v55 b {
  padding-left: 12px !important;
  font-size: clamp(.90rem, .98vw, 1.02rem) !important;
  font-weight: 500 !important;
  letter-spacing: -.015em !important;
}

@media (max-width: 1380px) {
  .hero-notes-v55 {
    width: min(810px, calc(100vw - 92px)) !important;
    gap: 12px !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 64px !important;
    grid-template-columns: 54px minmax(0,1fr) !important;
    padding: 7px 14px 7px 11px !important;
    border-radius: 18px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 65px !important;
    top: 14px !important;
    bottom: 14px !important;
  }
  .hero-feature-logo-v55 {
    width: 42px !important;
    height: 42px !important;
  }
  .hero-feature-logo-v55 img {
    width: 36px !important;
    height: 36px !important;
  }
  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
    width: 38px !important;
    height: 38px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 44px !important;
    height: 44px !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 32px !important;
    height: 32px !important;
  }
  .hero-feature-v55 b {
    padding-left: 11px !important;
    font-size: clamp(.86rem, .95vw, .98rem) !important;
  }
}
@media (max-width: 1080px) {
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 72px !important;
    grid-template-columns: 60px minmax(0,1fr) !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 72px !important;
  }
  .hero-feature-v55 b {
    font-size: .94rem !important;
    padding-left: 14px !important;
  }
}
@media (max-width: 680px) {
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 64px !important;
    grid-template-columns: 52px minmax(0,1fr) !important;
    padding: 7px 10px 7px 9px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 62px !important;
    top: 13px !important;
    bottom: 13px !important;
  }
  .hero-feature-logo-v55 {
    width: 38px !important;
    height: 38px !important;
  }
  .hero-feature-logo-v55 img {
    width: 32px !important;
    height: 32px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 38px !important;
    height: 38px !important;
  }
  .hero-feature-v55 b {
    font-size: .82rem !important;
    padding-left: 10px !important;
  }
}

/* =========================================================
   V61 — buttons smaller again, text preserved, logos larger
   ========================================================= */
.hero-notes-v55 {
  width: min(790px, calc(100vw - 210px)) !important;
  gap: clamp(10px, 1vw, 16px) !important;
}
.hero-notes-v55 .hero-feature-v55 {
  min-height: 58px !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  padding: 5px 14px 5px 10px !important;
  border-radius: 17px !important;
}
.hero-notes-v55 .hero-feature-v55::after {
  left: 62px !important;
  top: 13px !important;
  bottom: 13px !important;
}
.hero-feature-logo-v55 {
  width: 46px !important;
  height: 46px !important;
}
.hero-feature-logo-v55 img {
  width: 40px !important;
  height: 40px !important;
}
.hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
  width: 42px !important;
  height: 42px !important;
}
.hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
  width: 56px !important;
  height: 56px !important;
}
.hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
  width: 36px !important;
  height: 36px !important;
}
.hero-feature-v55 b {
  padding-left: 11px !important;
  font-size: clamp(.90rem, .98vw, 1.02rem) !important;
  font-weight: 500 !important;
}

@media (max-width: 1380px) {
  .hero-notes-v55 {
    width: min(760px, calc(100vw - 110px)) !important;
    gap: 10px !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 56px !important;
    grid-template-columns: 49px minmax(0,1fr) !important;
    padding: 5px 12px 5px 9px !important;
    border-radius: 16px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 58px !important;
    top: 12px !important;
    bottom: 12px !important;
  }
  .hero-feature-logo-v55 {
    width: 44px !important;
    height: 44px !important;
  }
  .hero-feature-logo-v55 img {
    width: 38px !important;
    height: 38px !important;
  }
  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
    width: 40px !important;
    height: 40px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 50px !important;
    height: 50px !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 34px !important;
    height: 34px !important;
  }
  .hero-feature-v55 b {
    font-size: clamp(.86rem, .95vw, .98rem) !important;
    padding-left: 10px !important;
  }
}
@media (max-width: 1080px) {
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 68px !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    padding: 6px 12px 6px 10px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 68px !important;
  }
  .hero-feature-logo-v55 img {
    width: 40px !important;
    height: 40px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 52px !important;
    height: 52px !important;
  }
  .hero-feature-v55 b {
    font-size: .94rem !important;
    padding-left: 12px !important;
  }
}
@media (max-width: 680px) {
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 60px !important;
    grid-template-columns: 50px minmax(0,1fr) !important;
    padding: 6px 10px 6px 8px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 58px !important;
    top: 12px !important;
    bottom: 12px !important;
  }
  .hero-feature-logo-v55 {
    width: 40px !important;
    height: 40px !important;
  }
  .hero-feature-logo-v55 img {
    width: 34px !important;
    height: 34px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 42px !important;
    height: 42px !important;
  }
  .hero-feature-v55 b {
    font-size: .82rem !important;
    padding-left: 9px !important;
  }
}

/* =========================================================
   V62 — buttons slightly smaller, logos bigger, text unchanged
   ========================================================= */
.hero-notes-v55 {
  width: min(748px, calc(100vw - 238px)) !important;
  gap: clamp(9px, .85vw, 13px) !important;
}
.hero-notes-v55 .hero-feature-v55 {
  min-height: 53px !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  padding: 4px 12px 4px 9px !important;
  border-radius: 16px !important;
}
.hero-notes-v55 .hero-feature-v55::after {
  left: 63px !important;
  top: 11px !important;
  bottom: 11px !important;
}
.hero-feature-logo-v55 {
  width: 48px !important;
  height: 48px !important;
}
.hero-feature-logo-v55 img {
  width: 43px !important;
  height: 43px !important;
}
.hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
  width: 45px !important;
  height: 45px !important;
}
.hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
  width: 62px !important;
  height: 62px !important;
}
.hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
  width: 39px !important;
  height: 39px !important;
}
.hero-feature-v55 b {
  padding-left: 11px !important;
  font-size: clamp(.90rem, .98vw, 1.02rem) !important;
  font-weight: 500 !important;
}

@media (max-width: 1380px) {
  .hero-notes-v55 {
    width: min(724px, calc(100vw - 132px)) !important;
    gap: 9px !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 52px !important;
    grid-template-columns: 51px minmax(0,1fr) !important;
    padding: 4px 11px 4px 8px !important;
    border-radius: 15px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 60px !important;
    top: 11px !important;
    bottom: 11px !important;
  }
  .hero-feature-logo-v55 {
    width: 46px !important;
    height: 46px !important;
  }
  .hero-feature-logo-v55 img {
    width: 41px !important;
    height: 41px !important;
  }
  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
    width: 43px !important;
    height: 43px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 56px !important;
    height: 56px !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 36px !important;
    height: 36px !important;
  }
  .hero-feature-v55 b {
    font-size: clamp(.86rem, .95vw, .98rem) !important;
    padding-left: 10px !important;
  }
}
@media (max-width: 1080px) {
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 64px !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    padding: 5px 11px 5px 9px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 68px !important;
  }
  .hero-feature-logo-v55 img {
    width: 44px !important;
    height: 44px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 58px !important;
    height: 58px !important;
  }
  .hero-feature-v55 b {
    font-size: .94rem !important;
    padding-left: 12px !important;
  }
}
@media (max-width: 680px) {
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 58px !important;
    grid-template-columns: 52px minmax(0,1fr) !important;
    padding: 5px 9px 5px 8px !important;
  }
  .hero-notes-v55 .hero-feature-v55::after {
    left: 60px !important;
    top: 11px !important;
    bottom: 11px !important;
  }
  .hero-feature-logo-v55 {
    width: 42px !important;
    height: 42px !important;
  }
  .hero-feature-logo-v55 img {
    width: 36px !important;
    height: 36px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 46px !important;
    height: 46px !important;
  }
  .hero-feature-v55 b {
    font-size: .82rem !important;
    padding-left: 9px !important;
  }
}

/* =========================================================
   V63 — remove center divider, center text, enlarge 2nd & 3rd logos
   ========================================================= */
.hero-notes-v55 .hero-feature-v55 {
  grid-template-columns: 66px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  overflow: visible !important;
}
.hero-notes-v55 .hero-feature-v55::after {
  display: none !important;
  content: none !important;
}
.hero-feature-logo-v55 {
  justify-self: start !important;
}
.hero-feature-v55 b {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* 2nd and 3rd icons deliberately oversized and allowed to overflow the card slightly */
.hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
  width: 74px !important;
  height: 74px !important;
  transform: translateX(-6px) translateY(1px) !important;
}
.hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
  width: 50px !important;
  height: 50px !important;
  transform: translateX(-2px) translateY(1px) !important;
}

@media (max-width: 1380px) {
  .hero-notes-v55 .hero-feature-v55 {
    grid-template-columns: 63px minmax(0,1fr) !important;
    column-gap: 8px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 68px !important;
    height: 68px !important;
    transform: translateX(-5px) translateY(1px) !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 46px !important;
    height: 46px !important;
    transform: translateX(-2px) translateY(1px) !important;
  }
}

@media (max-width: 1080px) {
  .hero-notes-v55 .hero-feature-v55 {
    grid-template-columns: 68px minmax(0,1fr) !important;
    column-gap: 8px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 70px !important;
    height: 70px !important;
    transform: translateX(-5px) translateY(1px) !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 48px !important;
    height: 48px !important;
  }
}

@media (max-width: 680px) {
  .hero-notes-v55 .hero-feature-v55 {
    grid-template-columns: 56px minmax(0,1fr) !important;
    column-gap: 6px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 54px !important;
    height: 54px !important;
    transform: translateX(-2px) !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 39px !important;
    height: 39px !important;
    transform: none !important;
  }
}

/* =========================================================
   V64 — compact reference layout: larger icons, closer labels
   ========================================================= */
.hero-notes-v55 {
  width: min(690px, calc(100vw - 260px)) !important;
  gap: clamp(8px, .75vw, 11px) !important;
  margin-top: 20px !important;
}
.hero-notes-v55 .hero-feature-v55 {
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 4px 13px !important;
  border-radius: 15px !important;
  overflow: visible !important;
}
.hero-notes-v55 .hero-feature-v55::after {
  content: none !important;
  display: none !important;
}
.hero-feature-logo-v55 {
  flex: 0 0 auto !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  justify-self: auto !important;
}
.hero-feature-logo-v55 img {
  display: block !important;
  object-fit: contain !important;
  transform: none !important;
}
.hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
  width: 43px !important;
  height: 43px !important;
}
.hero-feature-v55:nth-child(2) .hero-feature-logo-v55 {
  width: 58px !important;
  height: 58px !important;
  margin-block: -3px !important;
}
.hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
  width: 58px !important;
  height: 58px !important;
}
.hero-feature-v55:nth-child(3) .hero-feature-logo-v55 {
  width: 49px !important;
  height: 49px !important;
  margin-block: -1px !important;
}
.hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
  width: 49px !important;
  height: 49px !important;
}
.hero-feature-v55 b {
  flex: 0 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  justify-content: flex-start !important;
  text-align: left !important;
  font-size: clamp(.90rem, .98vw, 1.02rem) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

@media (max-width: 1380px) {
  .hero-notes-v55 {
    width: min(660px, calc(100vw - 150px)) !important;
    gap: 8px !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 50px !important;
    gap: 8px !important;
    padding: 4px 11px !important;
    border-radius: 14px !important;
  }
  .hero-feature-logo-v55 {
    width: 43px !important;
    height: 43px !important;
  }
  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
    width: 40px !important;
    height: 40px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 54px !important;
    height: 54px !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 46px !important;
    height: 46px !important;
  }
  .hero-feature-v55 b {
    font-size: clamp(.86rem, .95vw, .98rem) !important;
  }
}

@media (max-width: 1080px) {
  .hero-notes-v55 {
    width: min(500px, 100%) !important;
  }
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 62px !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 5px 15px !important;
  }
  .hero-feature-v55 b {
    font-size: .94rem !important;
  }
}

@media (max-width: 680px) {
  .hero-notes-v55 .hero-feature-v55 {
    min-height: 57px !important;
    gap: 10px !important;
    padding: 5px 12px !important;
  }
  .hero-feature-logo-v55 {
    width: 39px !important;
    height: 39px !important;
  }
  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
    width: 36px !important;
    height: 36px !important;
  }
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 47px !important;
    height: 47px !important;
  }
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 41px !important;
    height: 41px !important;
  }
  .hero-feature-v55 b {
    font-size: .82rem !important;
  }
}

/* =========================================================
   V65 — individual horizontal alignment refinements
   ========================================================= */
/* First card: move the icon and its label slightly left together. */
.hero-feature-v55:nth-child(1) .hero-feature-logo-v55 {
  transform: translateX(-8px) !important;
}
.hero-feature-v55:nth-child(1) b {
  transform: translateX(-6px) !important;
}

/* Second card: keep the lotus position, pull only the label closer. */
.hero-feature-v55:nth-child(2) b {
  transform: translateX(-7px) !important;
}

/* Third card: move the location icon and its label slightly left together. */
.hero-feature-v55:nth-child(3) .hero-feature-logo-v55 {
  transform: translateX(-7px) !important;
}
.hero-feature-v55:nth-child(3) b {
  transform: translateX(-5px) !important;
}

@media (max-width: 1080px) {
  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(1) b,
  .hero-feature-v55:nth-child(2) b,
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(3) b {
    transform: none !important;
  }
}


/* =========================================================
   V66 — V53/V54/V55 features merged into current V65
   ========================================================= */
/* =========================================================
   V53 — fully rebuilt live map (MapLibre + OpenFreeMap)
   ========================================================= */
.moon-map-shell-v53 {
  position: relative;
  isolation: isolate;
  min-height: 520px;
  height: 520px;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(224, 169, 70, .28);
  background: #11110f;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .32);
}

.moon-map-shell-v53::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(7, 7, 7, .08) 0%, rgba(7, 7, 7, .10) 56%, rgba(7, 7, 7, .28) 100%),
    radial-gradient(circle at 72% 34%, rgba(224, 169, 70, .055), transparent 19rem);
}

.moon-map-canvas-v53,
.moon-map-canvas-v53 .maplibregl-map,
.moon-map-canvas-v53 .maplibregl-canvas-container,
.moon-map-canvas-v53 canvas {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}

.moon-map-canvas-v53 {
  z-index: 1;
  background: #11110f;
}

.moon-map-canvas-v53 .maplibregl-canvas {
  outline: none;
}

.moon-map-canvas-v53 .maplibregl-control-container {
  display: none !important;
}

.moon-map-loading-v53 {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: rgba(239, 220, 183, .86);
  font-size: .9rem;
  background:
    radial-gradient(circle at center, rgba(38, 33, 24, .96), rgba(15, 15, 14, .98));
  transition: opacity .4s ease, visibility .4s ease;
}

.moon-map-loading-v53.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.moon-map-loading-v53.is-error {
  padding: 28px;
  text-align: center;
  color: rgba(239, 220, 183, .82);
}

.moon-map-spinner-v53 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(225, 173, 79, .18);
  border-top-color: #e0ad4f;
  animation: moonMapSpinV53 .8s linear infinite;
}

@keyframes moonMapSpinV53 {
  to { transform: rotate(360deg); }
}

.moon-map-card-v53 {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 5;
  width: min(350px, calc(100% - 32px));
  min-height: 145px;
  padding: 17px 18px 16px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(15, 15, 16, .965), rgba(8, 8, 9, .975));
  border: 1px solid rgba(255, 255, 255, .035);
  box-shadow: 0 16px 35px rgba(0, 0, 0, .34);
  backdrop-filter: blur(8px);
}

.moon-map-card-copy-v53 {
  padding-right: 92px;
}

.moon-map-card-copy-v53 strong {
  display: block;
  margin-bottom: 7px;
  color: #f2dfbd;
  font-size: 1.05rem;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.moon-map-card-copy-v53 p {
  margin: 0;
  color: rgba(239, 221, 187, .76);
  font-size: .79rem;
  line-height: 1.48;
}

.moon-map-card-actions-v53 {
  position: absolute;
  top: 16px;
  right: 15px;
  display: flex;
  gap: 8px;
}

.moon-map-card-actions-v53 a {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #efc76f;
  background: rgba(224, 169, 70, .08);
  border: 1px solid rgba(224, 169, 70, .14);
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.moon-map-card-actions-v53 a:hover {
  transform: translateY(-1px);
  background: rgba(224, 169, 70, .14);
  border-color: rgba(224, 169, 70, .25);
}

.moon-map-card-actions-v53 svg,
.moon-map-bottom-v53 svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.moon-map-rating-v53 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  color: rgba(240, 222, 188, .82);
  font-size: .79rem;
}

.moon-map-rating-v53 > span:first-child {
  color: #f1dfbf;
  font-weight: 600;
}

.moon-map-stars-v53 {
  color: #efb84e;
  letter-spacing: .07em;
  font-size: .83rem;
  text-shadow: 0 0 12px rgba(239, 184, 78, .16);
}

.moon-map-detail-link-v53 {
  display: inline-block;
  margin-top: 11px;
  color: #6ea6df;
  font-size: .75rem;
  text-decoration: none;
}

.moon-map-detail-link-v53:hover {
  color: #8ebcf0;
}

.moon-map-marker-v53 {
  display: flex;
  align-items: center;
  gap: 9px;
  transform: translateY(-3px);
  pointer-events: auto;
}

.moon-map-marker-pin-v53 {
  position: relative;
  width: 31px;
  height: 42px;
  flex: 0 0 auto;
  filter: drop-shadow(0 7px 9px rgba(0, 0, 0, .35));
}

.moon-map-marker-pin-v53::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 27px;
  height: 27px;
  border-radius: 50% 50% 50% 7px;
  transform: rotate(-45deg);
  background: linear-gradient(145deg, #f5c767, #d99125);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34);
}

.moon-map-marker-pin-v53::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2a2114;
  border: 2px solid #f9deb0;
}

.moon-map-marker-label-v53 {
  padding: 4px 7px;
  color: #e9c47c;
  font-size: .9rem;
  line-height: 1;
  white-space: nowrap;
  text-shadow:
    0 1px 2px #111,
    0 0 6px #111,
    0 0 10px #111;
}

.moon-map-zoom-v53 {
  position: absolute;
  right: 13px;
  bottom: 78px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(224, 169, 70, .11);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .31);
}

.moon-map-zoom-v53 button {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border: 0;
  border-bottom: 1px solid rgba(224, 169, 70, .10);
  background: rgba(8, 8, 9, .94);
  color: #f1d496;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

.moon-map-zoom-v53 button:last-child {
  border-bottom: 0;
}

.moon-map-zoom-v53 button:hover {
  background: rgba(29, 26, 21, .97);
}

.moon-map-attribution-v53 {
  position: absolute;
  right: 14px;
  bottom: 62px;
  z-index: 4;
  color: rgba(235, 221, 196, .42);
  font-size: .55rem;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

.moon-map-attribution-v53 a {
  color: inherit;
  text-decoration: none;
}

.moon-map-bottom-v53 {
  position: absolute;
  left: 11px;
  right: 11px;
  bottom: 10px;
  z-index: 6;
  min-height: 48px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(8, 8, 9, .97), rgba(5, 5, 6, .99));
  border: 1px solid rgba(224, 169, 70, .12);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.moon-map-bottom-v53 strong {
  color: #f1dfbe;
  font-size: .9rem;
  line-height: 1;
}

.moon-map-bottom-v53 a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #efd9ae;
  font-size: .77rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.moon-map-bottom-v53 a:hover {
  color: #fff0d0;
}

.moon-map-card-actions-v53 a:focus-visible,
.moon-map-detail-link-v53:focus-visible,
.moon-map-bottom-v53 a:focus-visible,
.moon-map-zoom-v53 button:focus-visible {
  outline: 2px solid rgba(237, 193, 108, .8);
  outline-offset: 2px;
}

@media (max-width: 1180px) {
  .moon-map-shell-v53 {
    min-height: 470px;
    height: 470px;
  }
}

@media (max-width: 980px) {
  .moon-map-shell-v53 {
    min-height: 440px;
    height: 440px;
  }

  .moon-map-card-v53 {
    width: min(330px, calc(100% - 30px));
    top: 15px;
    left: 15px;
  }
}

@media (max-width: 680px) {
  .moon-map-shell-v53 {
    min-height: 390px;
    height: 390px;
    border-radius: 20px;
  }

  .moon-map-card-v53 {
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    min-height: 132px;
    padding: 14px 15px 13px;
  }

  .moon-map-card-copy-v53 {
    padding-right: 82px;
  }

  .moon-map-card-copy-v53 strong {
    font-size: .96rem;
  }

  .moon-map-card-copy-v53 p,
  .moon-map-rating-v53,
  .moon-map-detail-link-v53 {
    font-size: .71rem;
  }

  .moon-map-card-actions-v53 {
    top: 13px;
    right: 12px;
  }

  .moon-map-card-actions-v53 a {
    width: 31px;
    height: 31px;
  }

  .moon-map-marker-label-v53 {
    font-size: .78rem;
  }

  .moon-map-zoom-v53 {
    right: 12px;
    bottom: 75px;
  }

  .moon-map-zoom-v53 button {
    width: 35px;
    height: 35px;
  }

  .moon-map-attribution-v53 {
    right: 12px;
    bottom: 60px;
    font-size: .48rem;
  }

  .moon-map-bottom-v53 {
    left: 9px;
    right: 9px;
    bottom: 9px;
    min-height: 45px;
    padding: 0 14px;
  }

  .moon-map-bottom-v53 strong {
    font-size: .82rem;
  }

  .moon-map-bottom-v53 a {
    font-size: .7rem;
  }
}

@media (max-width: 460px) {
  .moon-map-shell-v53 {
    min-height: 365px;
    height: 365px;
  }

  .moon-map-card-v53 {
    min-height: 126px;
  }

  .moon-map-card-copy-v53 p br:nth-of-type(1) {
    display: none;
  }

  .moon-map-bottom-v53 {
    padding-inline: 12px;
  }

  .moon-map-bottom-v53 strong {
    max-width: 54%;
    line-height: 1.2;
  }
}

.moon-map-marker-v53 {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

/* =========================================================
   V54 — Moon custom date picker (no native white calendar)
   ========================================================= */
.booking-form,
.form-row,
.moon-date-field,
.moon-date-picker {
  overflow: visible !important;
}

.moon-date-field {
  position: relative;
  z-index: 12;
}

.moon-date-picker {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 8px;
}

.booking-form .moon-date-trigger {
  width: 100%;
  min-height: 51px;
  margin: 0;
  padding: 0 14px 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  color: var(--text);
  font: inherit;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.booking-form .moon-date-trigger:hover {
  border-color: rgba(215,182,116,.36);
  background: rgba(255,255,255,.07);
}

.booking-form .moon-date-trigger:focus-visible,
.booking-form .moon-date-trigger[aria-expanded="true"] {
  border-color: rgba(215,182,116,.72);
  box-shadow: 0 0 0 3px rgba(215,182,116,.10);
}

.moon-date-trigger svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: none;
  stroke: #d8b56f;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.moon-date-value {
  display: block;
  color: #91877f;
}

.moon-date-value.has-value {
  color: #f3e9df;
}

.moon-date-error {
  display: none;
  margin: 7px 2px 0;
  color: #e8b67a;
  font-size: .76rem;
  font-weight: 500;
}

.moon-date-error.is-visible {
  display: block;
}

.moon-calendar-panel {
  position: absolute;
  z-index: 80;
  top: calc(100% + 10px);
  left: 0;
  width: min(360px, calc(100vw - 44px));
  padding: 16px;
  display: block;
  border: 1px solid rgba(218,177,96,.30);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(220,174,84,.10), transparent 12rem),
    linear-gradient(165deg, #18151b 0%, #0e0c10 100%);
  box-shadow: 0 24px 54px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.03);
  color: #f2e9df;
  backdrop-filter: blur(18px);
  transform-origin: top left;
  animation: moonCalendarIn .16s ease-out;
}

.moon-calendar-panel[hidden] {
  display: none !important;
}

@keyframes moonCalendarIn {
  from { opacity: 0; transform: translateY(-5px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.moon-calendar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.booking-form .moon-calendar-month {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f5dfb6;
  font: inherit;
  font-size: .98rem;
  font-weight: 750;
  cursor: default;
}

.moon-calendar-nav {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.booking-form .moon-calendar-nav button {
  width: 34px;
  height: 34px;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(218,177,96,.18);
  border-radius: 11px;
  background: rgba(255,255,255,.035);
  color: #e4bf78;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.booking-form .moon-calendar-nav button:hover:not(:disabled) {
  background: rgba(218,177,96,.10);
  border-color: rgba(218,177,96,.34);
  transform: translateY(-1px);
}

.booking-form .moon-calendar-nav button:disabled {
  opacity: .28;
  cursor: not-allowed;
}

.moon-calendar-nav svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.moon-calendar-weekdays,
.moon-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}

.moon-calendar-weekdays {
  margin-bottom: 7px;
}

.moon-calendar-weekdays span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  color: rgba(241,223,190,.58);
  font-size: .72rem;
  font-weight: 650;
}

.moon-calendar-day-spacer {
  display: block;
  min-height: 37px;
}

.booking-form .moon-calendar-day {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 37px;
  min-height: 37px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #e5dbd0;
  font: inherit;
  font-size: .82rem;
  font-weight: 550;
  cursor: pointer;
  transition: color .14s ease, background .14s ease, border-color .14s ease, transform .14s ease;
}

.booking-form .moon-calendar-day:hover:not(:disabled):not(.is-selected) {
  color: #ffe8bb;
  background: rgba(218,177,96,.10);
  border-color: rgba(218,177,96,.16);
  transform: translateY(-1px);
}

.booking-form .moon-calendar-day.is-today:not(.is-selected) {
  color: #e9c47f;
  border-color: rgba(218,177,96,.28);
}

.booking-form .moon-calendar-day.is-selected {
  color: #17100a;
  border-color: #edc77d;
  background: linear-gradient(145deg, #f2d28f 0%, #c98a35 100%);
  box-shadow: 0 7px 16px rgba(196,130,42,.28), inset 0 1px 0 rgba(255,255,255,.35);
  font-weight: 800;
}

.booking-form .moon-calendar-day:disabled {
  color: rgba(229,219,208,.22);
  cursor: not-allowed;
}

.booking-form .moon-calendar-day:focus-visible,
.booking-form .moon-calendar-nav button:focus-visible,
.booking-form .moon-calendar-footer button:focus-visible {
  outline: 2px solid rgba(237,199,125,.80);
  outline-offset: 2px;
}

.moon-calendar-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid rgba(218,177,96,.13);
}

.booking-form .moon-calendar-footer button {
  min-height: auto;
  margin: 0;
  padding: 5px 2px;
  border: 0;
  background: transparent;
  color: #d9ae63;
  font: inherit;
  font-size: .79rem;
  font-weight: 650;
  cursor: pointer;
}

.booking-form .moon-calendar-footer button:hover {
  color: #f2d59c;
}

@media (max-width: 680px) {
  .moon-calendar-panel {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: min(360px, calc(100vw - 28px));
    transform: translate(-50%, -50%);
    transform-origin: center;
    animation: moonCalendarMobileIn .16s ease-out;
  }

  .moon-date-picker::after {
    content: "";
    position: fixed;
    z-index: 9998;
    inset: 0;
    background: rgba(5,4,6,.65);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
  }

  .moon-date-picker.is-open::after {
    opacity: 1;
    pointer-events: auto;
  }

  @keyframes moonCalendarMobileIn {
    from { opacity: 0; transform: translate(-50%, calc(-50% - 8px)) scale(.98); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  }
}

/* =========================================================
   V55 — Moon themed service/time select menus
   ========================================================= */
.moon-custom-select {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 8px;
}

.booking-form .moon-native-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.booking-form .moon-select-trigger {
  width: 100%;
  min-height: 51px;
  margin: 0;
  padding: 0 14px 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background:
    linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    rgba(19,16,22,.76);
  color: #91877f;
  font: inherit;
  font-size: .92rem;
  font-weight: 520;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: border-color .17s ease, box-shadow .17s ease, background .17s ease;
}

.booking-form .moon-select-trigger:hover,
.booking-form .moon-custom-select.is-open .moon-select-trigger {
  border-color: rgba(215,182,116,.55);
  background:
    linear-gradient(155deg, rgba(215,182,116,.06), rgba(255,255,255,.025)),
    rgba(19,16,22,.88);
}

.booking-form .moon-custom-select.is-open .moon-select-trigger,
.booking-form .moon-select-trigger:focus-visible {
  outline: none;
  border-color: rgba(215,182,116,.76);
  box-shadow: 0 0 0 3px rgba(215,182,116,.10);
}

.booking-form .moon-select-trigger.has-value {
  color: #f1e7dc;
}

.booking-form .moon-select-trigger.has-error {
  border-color: rgba(229,104,104,.78);
  box-shadow: 0 0 0 3px rgba(229,104,104,.10);
}

.moon-select-trigger svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  fill: none;
  stroke: #d9ae63;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .18s ease;
}

.moon-custom-select.is-open .moon-select-trigger svg {
  transform: rotate(180deg);
}

.moon-select-panel {
  position: absolute;
  z-index: 90;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  max-height: 345px;
  padding: 8px;
  display: block;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(218,177,96,.30);
  border-radius: 17px;
  background:
    radial-gradient(circle at 100% 0%, rgba(220,174,84,.10), transparent 12rem),
    linear-gradient(165deg, #18151b 0%, #0e0c10 100%);
  box-shadow: 0 24px 54px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.03);
  color: #f2e9df;
  backdrop-filter: blur(18px);
  transform-origin: top center;
  animation: moonSelectIn .16s ease-out;
  scrollbar-width: thin;
  scrollbar-color: rgba(218,177,96,.38) transparent;
}

.moon-select-panel[hidden] {
  display: none !important;
}

.moon-select-panel::-webkit-scrollbar {
  width: 7px;
}

.moon-select-panel::-webkit-scrollbar-track {
  background: transparent;
}

.moon-select-panel::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(218,177,96,.34);
}

@keyframes moonSelectIn {
  from { opacity: 0; transform: translateY(-5px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.booking-form .moon-select-option {
  width: 100%;
  min-height: 43px;
  margin: 0;
  padding: 9px 11px 9px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: #e6dcd1;
  font: inherit;
  font-size: .88rem;
  font-weight: 520;
  text-align: left;
  cursor: pointer;
  transition: color .14s ease, background .14s ease, border-color .14s ease, transform .14s ease;
}

.booking-form .moon-select-option + .moon-select-option {
  margin-top: 2px;
}

.booking-form .moon-select-option:hover,
.booking-form .moon-select-option:focus-visible {
  outline: none;
  color: #ffe8bb;
  background: rgba(218,177,96,.10);
  border-color: rgba(218,177,96,.16);
  transform: translateX(2px);
}

.booking-form .moon-select-option.is-selected {
  color: #17100a;
  border-color: #edc77d;
  background: linear-gradient(145deg, #f2d28f 0%, #c98a35 100%);
  box-shadow: 0 7px 16px rgba(196,130,42,.20), inset 0 1px 0 rgba(255,255,255,.30);
  font-weight: 760;
}

.moon-select-option svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
}

.moon-select-option.is-selected svg {
  opacity: 1;
}

.moon-select-error {
  display: none;
  margin-top: 7px;
  color: #e9a2a2;
  font-size: .74rem;
  font-weight: 540;
}

.moon-select-error.is-visible {
  display: block;
}

/* Information option: only the service choice is required. */
.booking-form.is-information-mode .moon-name-field,
.booking-form.is-information-mode .moon-schedule-row {
  display: none !important;
}

.booking-form.is-information-mode .moon-service-field {
  grid-column: 1 / -1;
}

.booking-form.is-information-mode .moon-main-row {
  grid-template-columns: 1fr;
}

.booking-form.is-information-mode .form-submit {
  background: linear-gradient(135deg, #f0d39a 0%, #c89242 100%);
}

@media (max-width: 680px) {
  .moon-select-panel {
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    width: min(390px, calc(100vw - 28px));
    max-height: min(68vh, 520px);
    transform: translate(-50%, -50%);
    transform-origin: center;
    animation: moonSelectMobileIn .16s ease-out;
  }

  .moon-custom-select::after {
    content: "";
    position: fixed;
    z-index: 10000;
    inset: 0;
    background: rgba(5,4,6,.68);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
  }

  .moon-custom-select.is-open::after {
    opacity: 1;
    pointer-events: auto;
  }

  @keyframes moonSelectMobileIn {
    from { opacity: 0; transform: translate(-50%, calc(-50% - 8px)) scale(.98); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  }
}


/* =========================================================
   V67 — hero feature animation refinements + contact card live
   ========================================================= */
.brand-header-v45 {
  transform: translateY(-3px) !important;
}
.brand-header-v45 img {
  transform: translateY(-2px) !important;
}

.hero-notes-v55 .hero-feature-v55 {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease !important;
  box-shadow: inset 0 0 0 1px rgba(214, 160, 51, 0.08), 0 10px 22px rgba(0, 0, 0, 0.18) !important;
}
.hero-notes-v55 .hero-feature-v55:hover,
.hero-notes-v55 .hero-feature-v55:focus-within {
  transform: translateY(-4px) scale(1.012) !important;
  background: linear-gradient(180deg, rgba(34, 23, 8, 0.92), rgba(9, 8, 6, 0.98)) !important;
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(224, 169, 62, 0.25), 0 0 18px rgba(210, 154, 42, 0.12) !important;
}
.hero-notes-v55 .hero-feature-v55:hover .hero-feature-logo-v55 img,
.hero-notes-v55 .hero-feature-v55:focus-within .hero-feature-logo-v55 img {
  transform: scale(1.06) !important;
}
.hero-feature-logo-v55 img {
  transition: transform .28s ease, filter .28s ease !important;
}

.contact-card-live-wrap-v67 {
  min-height: 560px !important;
  height: auto !important;
  padding: 0 !important;
}
.contact-card-live-v67 {
  position: relative;
  width: min(100%, 392px);
  min-height: 560px;
  margin: 0 auto;
  padding: 30px 28px 152px;
  border-radius: 34px;
  overflow: hidden;
  background:
    radial-gradient(120% 95% at 100% 0%, rgba(225, 197, 153, 0.42) 0%, rgba(225, 197, 153, 0) 42%),
    radial-gradient(85% 80% at 12% 100%, rgba(215, 169, 101, 0.18) 0%, rgba(215, 169, 101, 0) 52%),
    linear-gradient(180deg, #f7ecd9 0%, #f1dfc4 44%, #ecd6b7 100%);
  border: 1px solid rgba(205, 153, 70, 0.58);
  box-shadow: 0 28px 54px rgba(70, 45, 14, 0.16), inset 0 0 0 1px rgba(255,255,255,0.38);
}
.contact-card-live-v67::before {
  content: '';
  position: absolute;
  inset: 10px;
  border-radius: 28px;
  border: 1px solid rgba(203, 157, 82, 0.20);
  pointer-events: none;
}
.contact-card-live-v67::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 112px;
  height: 120px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(235, 210, 170, 0.22));
  pointer-events: none;
}
.contact-card-mark-v67 {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.contact-card-mark-v67 svg {
  width: 86px;
  height: 62px;
  filter: drop-shadow(0 8px 16px rgba(176, 122, 29, .14));
}
.contact-card-signature-v67 {
  margin: 0;
  text-align: center;
  font-size: .9rem;
  letter-spacing: .42em;
  color: #9b6a20;
}
.contact-card-divider-v67 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 10px 0 12px;
  color: #b37a26;
}
.contact-card-divider-v67::before,
.contact-card-divider-v67::after {
  content: '';
  width: 78px;
  height: 1px;
  background: linear-gradient(90deg, rgba(185,130,39,0), rgba(185,130,39,.65), rgba(185,130,39,0));
}
.contact-card-divider-v67 span {
  font-size: .95rem;
}
.contact-card-tagline-v67 {
  margin: 0 0 24px;
  text-align: center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.1rem;
  color: #5e422b;
}
.contact-card-row-v67 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 0;
  color: inherit;
  text-decoration: none;
}
.contact-card-row-v67 + .contact-card-row-v67 {
  border-top: 1px solid rgba(131, 92, 41, .14);
}
.contact-card-row-link-v67 {
  transition: transform .22s ease, color .22s ease;
}
.contact-card-row-link-v67:hover,
.contact-card-row-link-v67:focus-visible {
  transform: translateX(4px);
  color: #8f5f1b;
}
.contact-card-icon-v67 {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1.5px solid rgba(193, 140, 60, .62);
  background: rgba(255,255,255,.24);
  color: #b27722;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
}
.contact-card-icon-v67 svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.contact-card-row-copy-v67 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 4px;
}
.contact-card-row-copy-v67 strong {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.02rem;
  font-weight: 600;
  color: #6d4827;
}
.contact-card-row-copy-v67 span {
  font-size: .98rem;
  line-height: 1.52;
  color: #70563f;
  word-break: break-word;
}
.contact-card-row-empty-v67 .contact-card-row-copy-v67 {
  min-height: 52px;
}
.contact-card-empty-space-v67 {
  display: block;
  width: 100%;
  height: 38px;
}
.contact-card-decor-v67 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 164px;
  pointer-events: none;
}
.contact-card-leaf-v67 {
  position: absolute;
  left: 22px;
  bottom: 18px;
  width: 124px;
  height: 88px;
  opacity: .62;
}
.contact-card-leaf-v67::before,
.contact-card-leaf-v67::after {
  content: '';
  position: absolute;
  inset: auto auto 0 0;
  width: 90px;
  height: 54px;
  border: 1.4px solid rgba(196, 150, 84, .42);
  border-top-left-radius: 100px 70px;
  border-bottom-right-radius: 100px 60px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  transform: skewX(-20deg) rotate(-10deg);
}
.contact-card-leaf-v67::after {
  left: 44px;
  bottom: 18px;
  width: 58px;
  height: 34px;
  transform: skewX(-18deg) rotate(18deg);
}
.contact-card-orb-v67 {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.88), rgba(234, 203, 147, .62) 25%, rgba(205, 153, 79, .95) 72%, rgba(177, 116, 38, .98));
  box-shadow: inset -12px -16px 26px rgba(135, 86, 30, .22), 0 14px 24px rgba(142, 99, 40, .12);
}
.contact-card-orb-v67.orb-large {
  width: 76px;
  height: 76px;
  right: 34px;
  bottom: 18px;
}
.contact-card-orb-v67.orb-small {
  width: 26px;
  height: 26px;
  right: 104px;
  bottom: 14px;
}

@media (max-width: 1180px) {
  .contact-card-live-wrap-v67,
  .contact-card-live-v67 {
    min-height: 500px !important;
  }
  .contact-card-live-v67 {
    width: min(100%, 356px);
    padding-inline: 24px;
    padding-bottom: 130px;
  }
}
@media (max-width: 980px) {
  .brand-header-v45 {
    transform: translateY(-2px) !important;
  }
  .contact-card-live-wrap-v67 {
    min-height: 470px !important;
  }
  .contact-card-live-v67 {
    min-height: 470px !important;
    width: min(100%, 340px);
    padding: 24px 22px 118px;
  }
}
@media (max-width: 680px) {
  .brand-header-v45,
  .brand-header-v45 img {
    transform: none !important;
  }
  .contact-card-live-v67 {
    width: min(100%, 360px);
  }
  .contact-card-divider-v67::before,
  .contact-card-divider-v67::after {
    width: 64px;
  }
  .contact-card-row-copy-v67 span {
    font-size: .92rem;
  }
}


/* =========================================================
   V68 — eski kart tasarımına yakın geri dönüş
   ========================================================= */
.location-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .78fr) !important;
  gap: clamp(20px, 2vw, 28px) !important;
  align-items: stretch !important;
}
.moon-map-shell-v53,
.contact-card-live-wrap-v68 {
  min-height: 575px !important;
  height: 575px !important;
}
.contact-card-live-wrap-v68 {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
}
.contact-card-live-v68 {
  position: relative;
  width: min(100%, 412px);
  height: 100%;
  padding: 28px 26px 150px;
  overflow: hidden;
  border-radius: 38px;
  background:
    radial-gradient(140% 100% at 100% 0%, rgba(241,226,201,.72) 0%, rgba(241,226,201,.08) 42%, rgba(241,226,201,0) 58%),
    radial-gradient(85% 70% at 20% 92%, rgba(228, 198, 151, .48) 0%, rgba(228,198,151,0) 52%),
    linear-gradient(180deg, #faefdf 0%, #f4e3c6 48%, #ecd5b3 100%);
  border: 1.3px solid rgba(192, 138, 62, .68);
  box-shadow: 0 22px 50px rgba(47, 28, 7, .20), inset 0 0 0 1px rgba(255,255,255,.38);
}
.contact-card-live-v68::before {
  content: '';
  position: absolute;
  inset: 6px;
  border-radius: 33px;
  border: 1px solid rgba(196, 149, 73, .42);
  pointer-events: none;
}
.contact-card-live-v68::after {
  content: '';
  position: absolute;
  left: -10%;
  bottom: 88px;
  width: 85%;
  height: 180px;
  background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 70%);
  border-radius: 50% 50% 0 0;
  transform: rotate(-12deg);
  opacity: .55;
  pointer-events: none;
}
.contact-card-topmark-v68 {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.contact-card-topmark-v68 svg {
  width: 78px;
  height: 58px;
  filter: drop-shadow(0 8px 10px rgba(185, 130, 43, .12));
}
.contact-card-signature-v68 {
  margin: 0;
  text-align: center;
  letter-spacing: .42em;
  font-size: .92rem;
  color: #a66e20;
}
.contact-card-divider-v68 {
  margin: 16px auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #b67b28;
}
.contact-card-divider-v68::before,
.contact-card-divider-v68::after {
  content: '';
  width: 108px;
  height: 1px;
  background: rgba(190, 145, 75, .52);
}
.contact-card-divider-v68 span { font-size: .96rem; }
.contact-card-tagline-v68 {
  margin: 0 0 26px;
  text-align: center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.18rem;
  color: #654528;
}
.contact-card-row-v68 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 20px 4px;
  color: inherit;
  text-decoration: none;
}
.contact-card-row-v68 + .contact-card-row-v68 {
  border-top: 1px solid rgba(194, 153, 88, .35);
}
.contact-card-icon-v68 {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1.4px solid rgba(198, 147, 74, .72);
  color: #b47a25;
  background: rgba(255,255,255,.16);
}
.contact-card-icon-v68 svg {
  width: 28px;
  height: 28px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.contact-card-copy-v68 {
  min-width: 0;
  flex: 1;
  padding-top: 7px;
}
.contact-card-copy-v68 strong {
  display: block;
  margin-bottom: 10px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.03rem;
  font-weight: 600;
  color: #734b25;
}
.contact-card-copy-v68 span {
  display: block;
  font-size: .98rem;
  line-height: 1.45;
  color: #6c5741;
  word-break: break-word;
}
.address-row-v68 .contact-card-copy-v68 {
  min-height: 98px;
}
.contact-card-empty-v68 {
  width: 100%;
  height: 68px;
}
.contact-card-link-v68 {
  transition: transform .2s ease, filter .2s ease;
}
.contact-card-link-v68:hover,
.contact-card-link-v68:focus-visible {
  transform: translateX(4px);
  filter: brightness(.97);
}
.contact-card-decor-v68 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 190px;
  pointer-events: none;
}
.contact-card-decor-v68::before {
  content: '';
  position: absolute;
  right: -12px;
  bottom: 6px;
  width: 188px;
  height: 188px;
  border-radius: 50%;
  border: 1px solid rgba(226, 200, 161, .52);
  transform: rotate(18deg);
  opacity: .75;
}
.contact-card-decor-v68::after {
  content: '';
  position: absolute;
  right: 12px;
  bottom: 26px;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  border: 1px solid rgba(245, 231, 208, .55);
  transform: rotate(18deg);
  opacity: .55;
}
.contact-card-leaf-v68 {
  position: absolute;
  left: 22px;
  bottom: 24px;
  width: 122px;
  height: 86px;
  opacity: .66;
}
.contact-card-leaf-v68::before,
.contact-card-leaf-v68::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 84px;
  height: 54px;
  border: 1.2px solid rgba(196, 153, 91, .52);
  border-top-left-radius: 90px 60px;
  border-bottom-right-radius: 90px 60px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  transform: skewX(-18deg) rotate(-9deg);
}
.contact-card-leaf-v68::after {
  left: 36px;
  bottom: 16px;
  width: 58px;
  height: 36px;
  transform: skewX(-18deg) rotate(16deg);
}
.contact-card-orb-v68 {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(244,228,194,.82) 18%, rgba(218,179,111,.95) 56%, rgba(184,127,48,.98));
  box-shadow: inset -10px -12px 18px rgba(136,91,34,.25), 0 10px 18px rgba(139,94,37,.12);
}
.orb-lg-v68 { width: 84px; height: 84px; right: 34px; bottom: 12px; }
.orb-sm-v68 { width: 28px; height: 28px; right: 112px; bottom: 12px; }
.contact-card-live-v68 .contact-card-row-v68:last-of-type { padding-bottom: 10px; }

@media (max-width: 1180px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .75fr) !important;
  }
  .moon-map-shell-v53,
  .contact-card-live-wrap-v68 { min-height: 530px !important; height: 530px !important; }
  .contact-card-live-v68 { width: min(100%, 384px); padding: 24px 22px 138px; }
  .contact-card-divider-v68::before,
  .contact-card-divider-v68::after { width: 90px; }
}
@media (max-width: 980px) {
  .location-grid { grid-template-columns: 1fr !important; }
  .moon-map-shell-v53 { min-height: 430px !important; height: 430px !important; }
  .contact-card-live-wrap-v68 { min-height: auto !important; height: auto !important; }
  .contact-card-live-v68 { width: min(100%, 430px); min-height: 0; height: auto; aspect-ratio: 814 / 1358; }
}
@media (max-width: 680px) {
  .contact-card-live-v68 {
    width: min(100%, 430px);
    padding: 24px 18px 120px;
    border-radius: 30px;
  }
  .contact-card-live-v68::before { inset: 5px; border-radius: 26px; }
  .contact-card-divider-v68::before,
  .contact-card-divider-v68::after { width: 72px; }
  .contact-card-signature-v68 { font-size: .82rem; }
  .contact-card-tagline-v68 { font-size: 1.05rem; }
  .contact-card-row-v68 { gap: 14px; padding: 16px 2px; }
  .contact-card-icon-v68 { width: 54px; height: 54px; flex-basis: 54px; }
  .contact-card-copy-v68 strong { font-size: .98rem; margin-bottom: 8px; }
  .contact-card-copy-v68 span { font-size: .92rem; }
  .address-row-v68 .contact-card-copy-v68 { min-height: 78px; }
  .contact-card-empty-v68 { height: 48px; }
  .contact-card-decor-v68 { height: 156px; }
  .orb-lg-v68 { width: 72px; height: 72px; right: 28px; }
  .orb-sm-v68 { right: 94px; }
}


/* =========================================================
   V69 — kart tam referans görsel gibi, adres boş, tıklanabilir alanlar
   ========================================================= */
.location-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(350px, .78fr) !important;
  gap: clamp(20px, 2vw, 28px) !important;
  align-items: stretch !important;
}
.moon-map-shell-v53,
.contact-card-static-wrap-v69 {
  min-height: 575px !important;
  height: 575px !important;
}
.contact-card-static-wrap-v69 {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
}
.contact-card-static-v69 {
  position: relative;
  width: min(100%, 405px);
  height: 100%;
  border-radius: 34px;
  overflow: hidden;
}
.contact-card-image-v69 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.contact-address-blank-v69 {
  position: absolute;
  left: 28.6%;
  top: 35.8%;
  width: 60.6%;
  height: 12.1%;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(245, 234, 215, .75), rgba(245,234,215,0) 46%),
    linear-gradient(180deg, rgba(243, 227, 201, .96), rgba(241, 223, 194, .96));
  border-radius: 10px;
}
.contact-hotspot-v69 {
  position: absolute;
  left: 6.5%;
  width: 86.5%;
  display: block;
  border-radius: 18px;
  z-index: 3;
}
.contact-hotspot-v69:hover,
.contact-hotspot-v69:focus-visible {
  outline: 2px solid rgba(184, 127, 48, .55);
  outline-offset: 2px;
  background: rgba(255,255,255,.04);
}
.hotspot-whatsapp-v69 { top: 47.8%; height: 13.8%; }
.hotspot-instagram-v69 { top: 61.8%; height: 12.8%; }

@media (max-width: 1180px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .74fr) !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69 { min-height: 540px !important; height: 540px !important; }
  .contact-card-static-v69 { width: min(100%, 382px); }
}
@media (max-width: 980px) {
  .location-grid { grid-template-columns: 1fr !important; }
  .moon-map-shell-v53 { min-height: 430px !important; height: 430px !important; }
  .contact-card-static-wrap-v69 { min-height: auto !important; height: auto !important; }
  .contact-card-static-v69 {
    width: min(100%, 430px);
    height: auto;
    aspect-ratio: 814 / 1358;
  }
}
@media (max-width: 680px) {
  .contact-card-static-v69 { width: min(100%, 420px); border-radius: 28px; }
  .contact-hotspot-v69 { left: 5.7%; width: 88.2%; }
}


/* =========================================================
   V70 — visible hotspot/overlay cleanup; exact old card image
   ========================================================= */
.contact-address-blank-v69 {
  display: none !important;
}
.contact-hotspot-v69,
.contact-hotspot-v69:hover,
.contact-hotspot-v69:active,
.contact-hotspot-v69:focus,
.contact-hotspot-v69:focus-visible {
  position: absolute !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  z-index: 6 !important;
}
.contact-card-image-v69 {
  object-position: center center !important;
}


/* =========================================================
   V71 — Card height matches map, larger static card, hotspot rows aligned
   ========================================================= */
.location-grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(390px, .84fr) !important;
  gap: clamp(24px, 2.2vw, 34px) !important;
  align-items: stretch !important;
}
.moon-map-shell-v53,
.contact-card-static-wrap-v69 {
  min-height: 650px !important;
  height: 650px !important;
}
.contact-card-static-wrap-v69 {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
}
.contact-card-static-v69 {
  position: relative !important;
  height: 100% !important;
  width: auto !important;
  aspect-ratio: 814 / 1358 !important;
  max-width: 100% !important;
  border-radius: 34px !important;
  overflow: hidden !important;
}
.contact-card-image-v69 {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
.contact-hotspot-v69 {
  left: 6.2% !important;
  width: 87.2% !important;
}
.hotspot-whatsapp-v69 {
  top: 44.9% !important;
  height: 10.8% !important;
}
.hotspot-instagram-v69 {
  top: 57.8% !important;
  height: 10.4% !important;
}
@media (max-width: 1180px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr) !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69 {
    min-height: 610px !important;
    height: 610px !important;
  }
}
@media (max-width: 980px) {
  .location-grid { grid-template-columns: 1fr !important; }
  .moon-map-shell-v53 {
    min-height: 430px !important;
    height: 430px !important;
  }
  .contact-card-static-wrap-v69 {
    min-height: auto !important;
    height: auto !important;
  }
  .contact-card-static-v69 {
    width: min(100%, 430px) !important;
    height: auto !important;
    aspect-ratio: 814 / 1358 !important;
  }
  .contact-card-image-v69 {
    width: 100% !important;
    height: 100% !important;
  }
}
@media (max-width: 680px) {
  .contact-card-static-v69 {
    width: min(100%, 400px) !important;
    border-radius: 28px !important;
  }
}


/* =========================================================
   V72 — Disable card hotspots, make card match map height
   ========================================================= */
.location-grid {
  grid-template-columns: minmax(0, 1fr) 456px !important;
  gap: clamp(28px, 2.4vw, 40px) !important;
  align-items: stretch !important;
}
.moon-map-shell-v53,
.contact-card-static-wrap-v69 {
  height: 760px !important;
  min-height: 760px !important;
}
.contact-card-static-wrap-v69 {
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}
.contact-card-static-v69 {
  width: 100% !important;
  max-width: 456px !important;
  height: 100% !important;
  aspect-ratio: 814 / 1358 !important;
}
.contact-card-image-v69 {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.contact-hotspot-v69,
.contact-hotspot-v69:hover,
.contact-hotspot-v69:focus,
.contact-hotspot-v69:focus-visible,
.contact-hotspot-v69:active {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
@media (max-width: 1320px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) 430px !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69 {
    height: 718px !important;
    min-height: 718px !important;
  }
  .contact-card-static-v69 {
    max-width: 430px !important;
  }
}
@media (max-width: 1180px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) 390px !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69 {
    height: 650px !important;
    min-height: 650px !important;
  }
  .contact-card-static-v69 {
    max-width: 390px !important;
  }
}
@media (max-width: 980px) {
  .location-grid {
    grid-template-columns: 1fr !important;
  }
  .moon-map-shell-v53 {
    height: 430px !important;
    min-height: 430px !important;
  }
  .contact-card-static-wrap-v69 {
    height: auto !important;
    min-height: auto !important;
  }
  .contact-card-static-v69 {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    height: auto !important;
  }
}


/* =========================================================
   V73 — Static card only, true visible bounds matched to map
   ========================================================= */
.location-grid {
  grid-template-columns: minmax(0, 1fr) 402px !important;
  gap: clamp(26px, 2.2vw, 38px) !important;
  align-items: stretch !important;
}
.moon-map-shell-v53,
.contact-card-static-wrap-v69 {
  height: 760px !important;
  min-height: 760px !important;
}
.contact-card-static-wrap-v69 {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
}
.contact-card-static-v69 {
  position: relative !important;
  width: 402px !important;
  max-width: 402px !important;
  height: 760px !important;
  min-height: 760px !important;
  border-radius: 34px !important;
  overflow: hidden !important;
}
.contact-card-image-v69 {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  display: block !important;
}
.contact-hotspot-v69 { display: none !important; }
@media (max-width: 1320px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) 380px !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69,
  .contact-card-static-v69 {
    height: 718px !important;
    min-height: 718px !important;
  }
  .contact-card-static-v69 {
    width: 380px !important;
    max-width: 380px !important;
  }
}
@media (max-width: 1180px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) 344px !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69,
  .contact-card-static-v69 {
    height: 650px !important;
    min-height: 650px !important;
  }
  .contact-card-static-v69 {
    width: 344px !important;
    max-width: 344px !important;
  }
}
@media (max-width: 980px) {
  .location-grid {
    grid-template-columns: 1fr !important;
  }
  .moon-map-shell-v53 {
    height: 430px !important;
    min-height: 430px !important;
  }
  .contact-card-static-wrap-v69,
  .contact-card-static-v69 {
    height: auto !important;
    min-height: auto !important;
  }
  .contact-card-static-v69 {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    aspect-ratio: 686 / 1300 !important;
  }
}


/* =========================================================
   V74 — Use final user-approved card image, match map height
   ========================================================= */
.location-grid {
  grid-template-columns: minmax(0, 1fr) 456px !important;
  gap: clamp(28px, 2.4vw, 40px) !important;
  align-items: stretch !important;
}
.moon-map-shell-v53,
.contact-card-static-wrap-v69 {
  height: 760px !important;
  min-height: 760px !important;
}
.contact-card-static-wrap-v69 {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
}
.contact-card-static-v69 {
  position: relative !important;
  width: 456px !important;
  max-width: 456px !important;
  height: 760px !important;
  min-height: 760px !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  background: transparent !important;
}
.contact-card-image-v69 {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  display: block !important;
}
@media (max-width: 1360px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) 430px !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69,
  .contact-card-static-v69 {
    height: 716px !important;
    min-height: 716px !important;
  }
  .contact-card-static-v69 {
    width: 430px !important;
    max-width: 430px !important;
  }
}
@media (max-width: 1180px) {
  .location-grid {
    grid-template-columns: minmax(0, 1fr) 384px !important;
  }
  .moon-map-shell-v53,
  .contact-card-static-wrap-v69,
  .contact-card-static-v69 {
    height: 640px !important;
    min-height: 640px !important;
  }
  .contact-card-static-v69 {
    width: 384px !important;
    max-width: 384px !important;
  }
}
@media (max-width: 980px) {
  .location-grid {
    grid-template-columns: 1fr !important;
  }
  .moon-map-shell-v53 {
    height: 430px !important;
    min-height: 430px !important;
  }
  .contact-card-static-wrap-v69,
  .contact-card-static-v69 {
    height: auto !important;
    min-height: auto !important;
  }
  .contact-card-static-v69 {
    width: min(100%, 456px) !important;
    max-width: 456px !important;
    aspect-ratio: 814 / 1358 !important;
  }
}

/* =========================================================
   V75 — Harita ve iletişim kartının görünen boylarını eşitle
   Eski .contact-card-visual-only img kurallarının 365/520 px
   sınırlarını daha yüksek özgüllükle geçersiz kılar.
   ========================================================= */
@media (min-width: 981px) {
  .contact-card-visual-only.contact-card-static-wrap-v69
  .contact-card-static-v69
  img.contact-card-image-v69 {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: fill !important;
    object-position: center center !important;
    margin: 0 !important;
  }
}

@media (max-width: 980px) {
  .contact-card-visual-only.contact-card-static-wrap-v69
  .contact-card-static-v69
  img.contact-card-image-v69 {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    margin: 0 !important;
  }
}

/* =========================================================
   V76.1 — Android/mobile only alignment refinements
   Keeps desktop layout untouched.
   ========================================================= */
@media (max-width: 680px) {
  /* 1) Hero feature buttons: align label starts consistently */
  .hero-notes-v55 {
    width: 100% !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .hero-notes-v55 .hero-feature-v55 {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: flex-start !important;
    column-gap: 10px !important;
    min-height: 48px !important;
    padding: 5px 16px !important;
  }

  .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 {
    width: 42px !important;
    height: 42px !important;
    transform: none !important;
    margin: 0 !important;
    justify-self: start !important;
  }

  .hero-feature-v55:nth-child(1) .hero-feature-logo-v55 img {
    width: 34px !important;
    height: 34px !important;
  }

  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55,
  .hero-feature-v55:nth-child(2) .hero-feature-logo-v55 img {
    width: 44px !important;
    height: 44px !important;
    transform: none !important;
    margin: 0 !important;
  }

  .hero-feature-v55:nth-child(3) .hero-feature-logo-v55 img {
    width: 34px !important;
    height: 34px !important;
  }

  .hero-feature-v55 b,
  .hero-feature-v55:nth-child(1) b,
  .hero-feature-v55:nth-child(2) b,
  .hero-feature-v55:nth-child(3) b {
    justify-content: flex-start !important;
    text-align: left !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    font-size: .82rem !important;
  }

  /* 2) Instagram copy block: center on mobile */
  .featured-post-v8 .featured-post-grid,
  .featured-post-v8 > .featured-post-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    row-gap: 28px !important;
  }

  .featured-post-copy-v8 {
    width: 100% !important;
    max-width: 320px !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  .featured-post-copy-v8 .eyebrow,
  .featured-post-title-v47,
  .featured-post-compact-copy {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .featured-post-copy-v8 > p:not(.eyebrow) {
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ig-product-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .instagram-button {
    width: 100% !important;
    max-width: 308px !important;
  }

  .featured-post-copy-v8 .text-link {
    justify-content: center !important;
  }

  /* 3) Instagram embed card: center on mobile */
  .moon-ig-card--embed {
    width: min(100%, 336px) !important;
    margin-inline: auto !important;
  }
}


/* =========================================================
   V77 — Android bottom bar: custom gold icons only
   Desktop layout remains untouched.
   ========================================================= */
@media (max-width: 620px) {
  .mobile-contact-bar a {
    gap: 2px !important;
    padding: 5px 4px 4px !important;
  }

  .mobile-contact-bar .mobile-action-icon {
    width: 30px !important;
    height: 27px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    overflow: visible !important;
  }

  .mobile-contact-bar .mobile-action-icon img {
    display: block !important;
    width: 27px !important;
    height: 27px !important;
    max-width: none !important;
    object-fit: contain !important;
    background: transparent !important;
    filter: none !important;
  }

  .mobile-contact-bar a:nth-child(1) .mobile-action-icon img {
    width: 27px !important;
    height: 27px !important;
  }

  .mobile-contact-bar a:nth-child(2) .mobile-action-icon img {
    width: 29px !important;
    height: 29px !important;
  }

  .mobile-contact-bar a:nth-child(3) .mobile-action-icon img {
    width: 29px !important;
    height: 29px !important;
  }
}

/* =========================================================
   V78 — Android Instagram block truly centered
   Desktop remains untouched.
   ========================================================= */
@media (max-width: 620px) {
  .featured-post-v8 .featured-post-grid,
  .featured-post-v8 > .featured-post-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: start !important;
    row-gap: 28px !important;
  }

  .featured-post-copy-v8 {
    width: 100% !important;
    max-width: 320px !important;
    margin-inline: auto !important;
    padding-top: 0 !important;
    text-align: center !important;
  }

  .featured-post-copy-v8 .eyebrow,
  .featured-post-title-v47,
  .featured-post-compact-copy {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .featured-post-copy-v8 > p:not(.eyebrow) {
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ig-product-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  .instagram-button {
    width: 100% !important;
    max-width: 308px !important;
    margin-inline: auto !important;
  }

  .featured-post-copy-v8 .text-link {
    display: inline-flex !important;
    justify-content: center !important;
    margin-inline: auto !important;
  }

  .moon-ig-card--embed {
    width: min(100%, 336px) !important;
    max-width: 336px !important;
    margin-inline: auto !important;
    justify-self: center !important;
    align-self: start !important;
  }

  .moon-ig-embed-shell,
  .moon-ig-embed {
    display: block !important;
    width: 100% !important;
    margin-inline: auto !important;
  }
}


/* =========================================================
   V79 — Faster image delivery + Moon automatic support widget
   ========================================================= */
img {
  max-width: 100%;
}

.moon-support {
  position: fixed;
  z-index: 12000;
  right: 22px;
  bottom: 94px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.moon-support-panel[hidden] { display: none !important; }

.moon-support-panel {
  position: absolute;
  right: 0;
  bottom: 72px;
  width: min(370px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid rgba(215, 164, 70, .28);
  border-radius: 24px;
  background: #f9f4ea;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34), 0 0 0 1px rgba(255,255,255,.05);
  transform-origin: right bottom;
  animation: moonSupportIn .2s ease-out;
}

@keyframes moonSupportIn {
  from { opacity: 0; transform: translateY(10px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.moon-support-head {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 11px;
  padding: 16px 16px 14px;
  color: #f7e8c8;
  background:
    radial-gradient(circle at 0 0, rgba(221, 171, 73, .22), transparent 42%),
    linear-gradient(135deg, #18120a, #090909 64%);
}

.moon-support-avatar {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(226, 181, 89, .55);
  border-radius: 15px;
  color: #e9c375;
  background: linear-gradient(145deg, rgba(220,170,71,.17), rgba(255,255,255,.03));
  font-family: "Cormorant Garamond", serif;
  font-size: 1.55rem;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.moon-support-head-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.moon-support-head-copy strong { font-size: .98rem; letter-spacing: .01em; }
.moon-support-head-copy small { color: rgba(247,232,200,.68); font-size: .68rem; line-height: 1.35; }

.moon-support-close {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.06);
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.moon-support-close:hover { color: #fff; background: rgba(255,255,255,.12); transform: rotate(5deg); }

.moon-support-body {
  max-height: min(490px, calc(100vh - 250px));
  overflow-y: auto;
  padding: 17px;
  background:
    radial-gradient(circle at 100% 0, rgba(213,163,65,.08), transparent 42%),
    #f9f4ea;
}

.moon-support-message {
  width: fit-content;
  max-width: 88%;
  padding: 11px 13px;
  border-radius: 15px 15px 15px 5px;
  color: #34291e;
  background: #fff;
  border: 1px solid rgba(98, 69, 33, .08);
  box-shadow: 0 8px 24px rgba(72, 48, 18, .07);
  font-size: .86rem;
  line-height: 1.55;
}

.moon-support-options {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.moon-support-options button {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid rgba(173, 122, 39, .22);
  border-radius: 13px;
  color: #4a351c;
  background: rgba(255,255,255,.68);
  text-align: left;
  font: inherit;
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.moon-support-options button:hover,
.moon-support-options button:focus-visible {
  transform: translateX(3px);
  border-color: rgba(173, 122, 39, .48);
  background: #fff;
  outline: none;
}

.moon-support-reply { margin-top: 14px; }
.moon-support-reply .moon-support-message { margin-bottom: 10px; }

.moon-support-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 13px;
  color: #160f06;
  background: linear-gradient(135deg, #efd18d, #c38a35);
  box-shadow: 0 10px 24px rgba(151, 102, 29, .18);
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
}

.moon-support-foot {
  padding: 10px 16px 12px;
  color: rgba(247,232,200,.52);
  background: #0d0b08;
  font-size: .61rem;
  line-height: 1.45;
  text-align: center;
}

.moon-support-launcher {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 8px 15px 8px 9px;
  border: 1px solid rgba(222, 171, 72, .34);
  border-radius: 999px;
  color: #f5e6c6;
  background: linear-gradient(135deg, #15100a, #070707);
  box-shadow: 0 16px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.moon-support-launcher:hover {
  transform: translateY(-3px);
  border-color: rgba(229, 183, 91, .62);
  box-shadow: 0 21px 44px rgba(0,0,0,.34), 0 0 20px rgba(203,146,48,.10);
}
.moon-support-launcher-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  color: #e4b95f;
  background: rgba(215,161,57,.12);
}
.moon-support-launcher-icon svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.moon-support-launcher-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; }
.moon-support-launcher-copy strong { font-size: .76rem; }
.moon-support-launcher-copy small { color: rgba(245,230,198,.62); font-size: .63rem; }

@media (max-width: 620px) {
  .moon-support {
    right: 12px;
    bottom: 78px;
  }

  .moon-support-panel {
    position: fixed;
    right: 12px;
    bottom: 142px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 164px);
    border-radius: 21px;
  }

  .moon-support-body {
    max-height: calc(100vh - 315px);
  }

  .moon-support-launcher {
    width: 52px;
    min-height: 52px;
    padding: 5px;
    justify-content: center;
  }

  .moon-support-launcher-icon {
    width: 41px;
    height: 41px;
    flex-basis: 41px;
  }

  .moon-support-launcher-copy { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .moon-support-panel { animation: none; }
  .moon-support-launcher,
  .moon-support-options button,
  .moon-support-close { transition: none; }
}

/* =========================================================
   V80 — Single premium help launcher (floating booking CTA removed)
   ========================================================= */
.moon-support {
  bottom: 24px;
}

.moon-support-launcher {
  position: relative;
  min-width: 344px;
  min-height: 76px;
  gap: 13px;
  padding: 10px 12px 10px 10px;
  overflow: hidden;
  border-color: rgba(230, 184, 91, .42);
  background:
    radial-gradient(circle at 12% 0%, rgba(225, 174, 75, .20), transparent 36%),
    linear-gradient(135deg, #181109 0%, #090807 58%, #050505 100%);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, .32),
    0 0 0 1px rgba(255, 255, 255, .025) inset,
    0 1px 0 rgba(255, 255, 255, .08) inset;
}

.moon-support-launcher::before {
  content: "";
  position: absolute;
  inset: -80% auto -80% -34%;
  width: 42%;
  pointer-events: none;
  transform: rotate(16deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.075), transparent);
  transition: transform .55s ease;
}

.moon-support-launcher:hover::before {
  transform: translateX(350%) rotate(16deg);
}

.moon-support-launcher-icon {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  border: 1px solid rgba(228, 185, 95, .24);
  background:
    radial-gradient(circle at 35% 28%, rgba(239, 201, 119, .19), transparent 36%),
    rgba(210, 153, 43, .11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 8px 18px rgba(0,0,0,.18);
}

.moon-support-launcher-icon svg {
  width: 25px;
  height: 25px;
}

.moon-support-launcher-copy {
  position: relative;
  z-index: 1;
  flex: 1;
  gap: 2px;
}

.moon-support-launcher-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 1px;
  color: #d9ac50;
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
}

.moon-support-launcher-kicker i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dfb65e;
  box-shadow: 0 0 0 4px rgba(223, 182, 94, .10), 0 0 12px rgba(223, 182, 94, .42);
}

.moon-support-launcher-copy strong {
  color: #fff4dc;
  font-size: .88rem;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.moon-support-launcher-copy small {
  color: rgba(245,230,198,.59);
  font-size: .65rem;
  line-height: 1.35;
}

.moon-support-launcher-arrow {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid rgba(229, 183, 91, .22);
  border-radius: 50%;
  color: #e9c473;
  background: rgba(255,255,255,.035);
  font-size: 1rem;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.moon-support-launcher:hover .moon-support-launcher-arrow {
  transform: translateX(2px);
  border-color: rgba(229, 183, 91, .48);
  background: rgba(229, 183, 91, .08);
}

.moon-support-welcome-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 9px 2px;
  color: #8f672a;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.moon-support-welcome-kicker i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c99338;
  box-shadow: 0 0 0 4px rgba(201, 147, 56, .10);
}

.moon-support-message {
  max-width: 100%;
}

.moon-support-options {
  gap: 9px;
}

.moon-support-options button {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 9px 11px;
  border-radius: 15px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 7px 18px rgba(75, 48, 15, .035);
}

.moon-support-options button > span {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 10px;
  color: #7b551f;
  background: rgba(205, 151, 58, .11);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .03em;
}

.moon-support-options button > em {
  color: inherit;
  font-style: normal;
  line-height: 1.3;
}

.moon-support-options button > b {
  color: rgba(123, 85, 31, .46);
  font-size: .9rem;
  font-weight: 500;
  transition: transform .18s ease, color .18s ease;
}

.moon-support-options button:hover > b,
.moon-support-options button:focus-visible > b {
  color: #9b6b24;
  transform: translateX(2px);
}

@media (max-width: 620px) {
  .moon-support {
    bottom: 78px;
  }

  .moon-support-launcher {
    min-width: 0;
    width: 56px;
    min-height: 56px;
    padding: 5px;
  }

  .moon-support-launcher-icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  .moon-support-launcher-arrow {
    display: none;
  }
}


/* =========================================================
   V81 — Logo tabanlı gelişmiş Moon Asistan
   ========================================================= */
.moon-support {
  right: 24px;
  bottom: 24px;
  z-index: 12000;
}

.moon-support-panel {
  width: min(430px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 116px));
  border: 1px solid rgba(225, 181, 91, .50);
  border-radius: 28px;
  background: #f8f1e5;
  box-shadow: 0 34px 100px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.08) inset;
}

.moon-support-head {
  grid-template-columns: 62px minmax(0, 1fr) 40px;
  gap: 13px;
  padding: 16px 16px 15px;
  border-bottom: 1px solid rgba(228, 188, 108, .24);
  background:
    radial-gradient(circle at 10% -20%, rgba(228, 177, 76, .28), transparent 42%),
    radial-gradient(circle at 92% 10%, rgba(177, 120, 25, .11), transparent 34%),
    linear-gradient(145deg, #171109 0%, #0b0907 64%, #060606 100%);
}

.moon-support-avatar {
  width: 62px;
  height: 62px;
  overflow: hidden;
  padding: 4px;
  border-radius: 19px;
  border: 1px solid rgba(239, 199, 114, .46);
  background: radial-gradient(circle, rgba(229,183,90,.16), rgba(255,255,255,.02));
  box-shadow: 0 10px 25px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}

.moon-support-avatar img,
.moon-support-launcher-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.moon-support-brandline {
  color: #dcae52;
  font-size: .54rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .17em;
}

.moon-support-head-copy {
  gap: 3px;
}

.moon-support-head-copy strong {
  color: #fff2d4;
  font-size: 1.08rem;
  line-height: 1.15;
}

.moon-support-head-copy small {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(246,231,198,.66);
  font-size: .65rem;
}

.moon-support-head-copy small i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dfb55c;
  box-shadow: 0 0 0 4px rgba(223,181,92,.10), 0 0 12px rgba(223,181,92,.36);
}

.moon-support-close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1.6rem;
}

.moon-support-body {
  max-height: min(570px, calc(100vh - 266px));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px;
  scrollbar-width: thin;
  scrollbar-color: rgba(154,104,28,.32) transparent;
  background:
    radial-gradient(circle at 100% 0, rgba(227,177,81,.12), transparent 31%),
    linear-gradient(180deg, #fbf7f0, #f5ecdd);
}

.moon-support-stage {
  display: grid;
  gap: 14px;
}

.moon-support-intro {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 10px;
  align-items: start;
}

.moon-support-mini-logo {
  width: 38px;
  height: 38px;
  padding: 3px;
  overflow: hidden;
  border: 1px solid rgba(174,119,31,.25);
  border-radius: 13px;
  background: #14100b;
  box-shadow: 0 8px 20px rgba(67,42,12,.12);
}

.moon-support-mini-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.moon-support-bubble {
  padding: 12px 14px;
  border: 1px solid rgba(168,116,35,.16);
  border-radius: 5px 17px 17px 17px;
  color: #49351f;
  background: rgba(255,255,255,.82);
  box-shadow: 0 9px 22px rgba(73,48,18,.07);
  font-size: .82rem;
  line-height: 1.52;
}

.moon-support-bubble strong { color: #21160b; }

.moon-support-caption {
  margin: 2px 0 0;
  color: #8c6b3b;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.moon-support-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
}

.moon-support-topic {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 18px;
  align-items: center;
  gap: 9px;
  min-height: 68px;
  padding: 10px;
  border: 1px solid rgba(165,111,29,.20);
  border-radius: 16px;
  color: #443019;
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 20px rgba(75,48,14,.045);
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.moon-support-topic:hover,
.moon-support-topic:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(170,112,25,.52);
  background: #fff;
  box-shadow: 0 13px 28px rgba(75,48,14,.10);
  outline: none;
}

.moon-support-topic-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  color: #9a681d;
  background: linear-gradient(145deg, rgba(225,184,101,.24), rgba(187,124,26,.08));
}

.moon-support-topic-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.moon-support-topic-copy { min-width: 0; }
.moon-support-topic-copy strong { display: block; font-size: .75rem; line-height: 1.25; }
.moon-support-topic-copy small { display: block; margin-top: 3px; color: #917550; font-size: .59rem; line-height: 1.25; }
.moon-support-topic-arrow { color: #b58236; font-size: .9rem; }

.moon-support-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.moon-support-panel-title h3 {
  margin: 0;
  color: #24170b;
  font-size: 1rem;
  line-height: 1.25;
}

.moon-support-back {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border: 1px solid rgba(161,108,30,.18);
  border-radius: 999px;
  color: #765020;
  background: rgba(255,255,255,.55);
  font: inherit;
  font-size: .62rem;
  font-weight: 700;
  cursor: pointer;
}

.moon-support-description {
  margin: -4px 0 0;
  color: #7e6544;
  font-size: .72rem;
  line-height: 1.5;
}

.moon-support-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
}

.moon-support-service {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 46px;
  padding: 9px 11px;
  border: 1px solid rgba(166,112,29,.18);
  border-radius: 13px;
  color: #4b351c;
  background: rgba(255,255,255,.70);
  text-align: left;
  font: inherit;
  font-size: .69rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.moon-support-service:hover,
.moon-support-service:focus-visible {
  transform: translateX(2px);
  border-color: rgba(161,105,22,.48);
  background: #fff;
  outline: none;
}

.moon-support-service span:last-child { color: #ae7829; }

.moon-support-form {
  display: grid;
  gap: 11px;
  padding: 14px;
  border: 1px solid rgba(158,104,26,.18);
  border-radius: 17px;
  background: rgba(255,255,255,.68);
}

.moon-support-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
}

.moon-support-field {
  display: grid;
  gap: 6px;
  color: #5c4324;
  font-size: .64rem;
  font-weight: 700;
}

.moon-support-field input,
.moon-support-field select {
  width: 100%;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid rgba(157,105,29,.20);
  border-radius: 11px;
  color: #32210f;
  background: #fffdf8;
  font: inherit;
  font-size: .71rem;
  outline: none;
}

.moon-support-field input:focus,
.moon-support-field select:focus {
  border-color: rgba(166,108,21,.56);
  box-shadow: 0 0 0 3px rgba(204,151,61,.10);
}

.moon-support-selection {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid rgba(164,110,30,.19);
  border-radius: 13px;
  color: #50371b;
  background: rgba(226,184,101,.12);
  font-size: .7rem;
}

.moon-support-selection b { color: #24170b; }

.moon-support-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
}

.moon-support-primary,
.moon-support-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 13px;
  font: inherit;
  font-size: .7rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.moon-support-primary {
  border: 1px solid rgba(116,73,10,.24);
  color: #1b1105;
  background: linear-gradient(135deg, #f1d795, #d5a34d 58%, #bf8128);
  box-shadow: 0 10px 22px rgba(142,91,18,.16);
}

.moon-support-secondary {
  border: 1px solid rgba(154,101,24,.22);
  color: #6a471d;
  background: rgba(255,255,255,.74);
}

.moon-support-advisor-grid {
  display: grid;
  gap: 8px;
}

.moon-support-advisor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(160,106,29,.18);
  border-radius: 14px;
  color: #49331a;
  background: rgba(255,255,255,.70);
  text-align: left;
  font: inherit;
  font-size: .7rem;
  font-weight: 700;
  cursor: pointer;
}

.moon-support-result {
  padding: 14px;
  border: 1px solid rgba(166,111,29,.21);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(235,210,160,.18));
}

.moon-support-result h4 { margin: 0 0 7px; color: #26180a; font-size: .84rem; }
.moon-support-result p { margin: 0; color: #735a3a; font-size: .7rem; line-height: 1.48; }
.moon-support-result-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.moon-support-result-list button {
  padding: 7px 9px;
  border: 1px solid rgba(161,106,25,.24);
  border-radius: 999px;
  color: #69451a;
  background: #fffaf0;
  font: inherit;
  font-size: .62rem;
  font-weight: 800;
  cursor: pointer;
}

.moon-support-note {
  display: flex;
  gap: 8px;
  padding: 10px 11px;
  border-radius: 12px;
  color: #725a3b;
  background: rgba(124,91,43,.06);
  font-size: .62rem;
  line-height: 1.45;
}

.moon-support-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 9px 15px 10px;
  color: rgba(247,232,200,.50);
  background: linear-gradient(135deg, #110d08, #080706);
  font-size: .56rem;
  line-height: 1.35;
  text-align: left;
}

.moon-support-reset {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border: 1px solid rgba(231,190,109,.20);
  border-radius: 999px;
  color: #e0b765;
  background: rgba(255,255,255,.04);
  font: inherit;
  font-size: .57rem;
  font-weight: 700;
  cursor: pointer;
}

.moon-support-launcher {
  min-width: 365px;
  min-height: 78px;
}

.moon-support-launcher-icon {
  width: 56px;
  height: 56px;
  flex-basis: 56px;
  overflow: hidden;
  padding: 3px;
  border-radius: 18px;
  background: #100d09;
}

.moon-support-launcher-copy strong { font-size: .9rem; }
.moon-support-launcher-copy small { font-size: .62rem; }

@media (max-width: 620px) {
  .moon-support { right: 12px; bottom: 79px; }
  .moon-support-panel {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 141px;
    width: auto;
    max-height: calc(100vh - 158px);
    border-radius: 23px;
  }
  .moon-support-head { grid-template-columns: 52px minmax(0,1fr) 38px; padding: 13px; }
  .moon-support-avatar { width: 52px; height: 52px; border-radius: 16px; }
  .moon-support-body { max-height: calc(100vh - 293px); padding: 14px; }
  .moon-support-topic-grid,
  .moon-support-service-grid { grid-template-columns: 1fr; }
  .moon-support-form-row,
  .moon-support-action-row { grid-template-columns: 1fr; }
  .moon-support-launcher {
    min-width: 0;
    width: 56px;
    min-height: 56px;
    padding: 4px;
  }
  .moon-support-launcher-icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 15px; }
  .moon-support-launcher-copy,
  .moon-support-launcher-arrow { display: none; }
}
.moon-support-reset[hidden] { display: none !important; }


/* =========================================================
   V82 — Moon Asistan logo kalite, ikon ve açıkken gizleme iyileştirmeleri
   ========================================================= */
body.moon-support-open .moon-support-launcher { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px) scale(.96); }
.moon-support-avatar, .moon-support-launcher-icon, .moon-support-mini-logo { background: transparent; border: 0; box-shadow: none; padding: 0; }
.moon-support-avatar { width: 68px; height: 68px; border-radius: 0; }
.moon-support-avatar img { filter: drop-shadow(0 10px 24px rgba(0,0,0,.26)); }
.moon-support-mini-logo { width: 44px; height: 44px; border-radius: 0; }
.moon-support-mini-logo img, .moon-support-launcher-icon img, .moon-support-avatar img { width: 100%; height: 100%; object-fit: contain; display: block; image-rendering: -webkit-optimize-contrast; }
.moon-support-launcher { min-width: 378px; min-height: 82px; }
.moon-support-launcher-icon { width: 64px; height: 64px; flex-basis: 64px; border-radius: 0; overflow: visible; }
.moon-support-head { grid-template-columns: 68px minmax(0, 1fr) 40px; }
.moon-support-intro { grid-template-columns: 44px minmax(0,1fr); }
.moon-support-topic-icon { overflow: hidden; }
.moon-support-topic-icon img { width: 22px; height: 22px; object-fit: contain; display: block; filter: drop-shadow(0 2px 8px rgba(164,108,29,.15)); }
.moon-support-panel { overflow: hidden; }
@media (max-width: 620px) {
  body.moon-support-open .moon-support { left: auto; right: 12px; }
  .moon-support-head { grid-template-columns: 56px minmax(0,1fr) 38px; }
  .moon-support-avatar { width: 56px; height: 56px; }
  .moon-support-launcher { width: 58px; min-height: 58px; padding: 4px; }
  .moon-support-launcher-icon { width: 50px; height: 50px; flex-basis: 50px; }
  .moon-support-mini-logo { width: 40px; height: 40px; }
}


/* =========================================================
   V84 — Asistan ikonlarını büyütme ve hero başlık düzeltmesi
   ========================================================= */
.moon-support-topic { grid-template-columns: 50px minmax(0,1fr) 18px; min-height: 84px; gap: 12px; padding: 14px; }
.moon-support-topic-icon { width: 50px; height: 50px; border-radius: 16px; }
.moon-support-topic-icon img { width: 30px; height: 30px; }
.moon-support-topic-copy strong { font-size: .96rem; line-height: 1.12; }
.moon-support-topic-copy small { font-size: .82rem; line-height: 1.22; margin-top: 4px; }
.moon-support-topic-arrow { font-size: 1.05rem; }
@media (max-width: 620px) { .moon-support-topic { grid-template-columns: 46px minmax(0,1fr) 18px; min-height: 78px; padding: 13px; } .moon-support-topic-icon { width: 46px; height: 46px; } .moon-support-topic-icon img { width: 28px; height: 28px; } .moon-support-topic-copy strong { font-size: .92rem; } .moon-support-topic-copy small { font-size: .78rem; } }


/* =========================================================
   V85 — Kutuları eski boyuta döndür, ikonları büyüt
   ========================================================= */
.moon-support-topic { grid-template-columns: 38px minmax(0,1fr) 18px; min-height: 68px; gap: 9px; padding: 10px; }
.moon-support-topic-icon { width: 38px; height: 38px; border-radius: 13px; }
.moon-support-topic-icon img { width: 28px; height: 28px; }
.moon-support-topic-copy strong { font-size: .75rem; line-height: 1.25; }
.moon-support-topic-copy small { font-size: .59rem; line-height: 1.25; margin-top: 3px; }
.moon-support-topic-arrow { font-size: .9rem; }
@media (max-width: 620px) { .moon-support-topic { grid-template-columns: 38px minmax(0,1fr) 18px; min-height: 68px; gap: 9px; padding: 10px; } .moon-support-topic-icon { width: 38px; height: 38px; } .moon-support-topic-icon img { width: 28px; height: 28px; } .moon-support-topic-copy strong { font-size: .75rem; } .moon-support-topic-copy small { font-size: .59rem; } }


/* =========================================================
   V86 — SMS tarzı Moon Asistan görünümü ve açıkken mini logo launcher
   ========================================================= */
.moon-support-chat-stack { display: grid; gap: 10px; }
.moon-support-bubble-label { display:block; margin-bottom:6px; color:#b07b31; font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.moon-support-chat-note { margin-left: 48px; padding: 10px 14px; border-radius: 14px 14px 14px 6px; color: #7a6241; background: rgba(255,255,255,.68); border:1px solid rgba(170,118,36,.10); font-size: .72rem; line-height: 1.45; box-shadow: 0 8px 20px rgba(73,48,18,.05); }
.moon-support-caption { margin: 6px 0 2px; }
.moon-support-topic-grid--home { margin-top: 2px; }
.moon-support-topic { border-radius: 18px; }
.moon-support-bubble { border-radius: 6px 18px 18px 18px; }
body.moon-support-open .moon-support-launcher { opacity: 1; visibility: visible; pointer-events: auto; transform: none; width: 72px; min-width: 72px; min-height: 72px; padding: 6px; border-radius: 999px; justify-content: center; gap: 0; }
body.moon-support-open .moon-support-launcher-copy, body.moon-support-open .moon-support-launcher-arrow { display: none !important; }
body.moon-support-open .moon-support-launcher-icon { width: 58px; height: 58px; flex-basis: 58px; }
body.moon-support-open .moon-support-launcher::before { opacity: .55; }
@media (max-width: 620px) { .moon-support-chat-note { margin-left: 0; } body.moon-support-open .moon-support-launcher { width: 60px; min-width: 60px; min-height: 60px; padding: 5px; } body.moon-support-open .moon-support-launcher-icon { width: 48px; height: 48px; flex-basis: 48px; } }


/* =========================================================
   V87 — Sohbet tarzı karşılama, sade mini logo, yeni iletişim kartı
   ========================================================= */
.moon-support-chat-thread { display:grid; gap:10px; }
.moon-support-chat-row { display:grid; grid-template-columns: 42px minmax(0,1fr); gap:10px; align-items:flex-start; }
.moon-support-chat-avatar { width:42px; height:42px; display:block; }
.moon-support-chat-avatar img { width:100%; height:100%; object-fit:contain; display:block; filter: drop-shadow(0 6px 18px rgba(0,0,0,.18)); }
.moon-support-chat-message { padding: 12px 14px; border:1px solid rgba(168,116,35,.14); border-radius: 8px 18px 18px 18px; background: rgba(255,255,255,.84); box-shadow: 0 9px 22px rgba(73,48,18,.07); color:#49351f; display:grid; gap:3px; }
.moon-support-chat-name { color:#b07b31; font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.moon-support-chat-message strong { color:#21160b; font-size:.98rem; line-height:1.3; }
.moon-support-chat-message small { color:#7a6241; font-size:.72rem; line-height:1.45; }
.moon-support-caption { margin: 6px 0 2px; color:#8c6b3b; font-size:.63rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.moon-support-topic-grid--home { grid-template-columns: 1fr; gap:10px; }
.moon-support-topic-grid--home .moon-support-topic { grid-template-columns: minmax(0,1fr) 18px; min-height: auto; padding: 12px 14px; border-radius: 16px; }
.moon-support-topic-grid--home .moon-support-topic-icon { display:none; }
.moon-support-topic-grid--home .moon-support-topic-copy strong { font-size:.84rem; line-height:1.2; }
.moon-support-topic-grid--home .moon-support-topic-copy small { font-size:.68rem; line-height:1.35; margin-top:4px; }
body.moon-support-open .moon-support-launcher { opacity: 1; visibility: visible; pointer-events: auto; transform: none; width: 66px; min-width: 66px; min-height: 66px; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; justify-content:center; gap:0; }
body.moon-support-open .moon-support-launcher::before { display:none; }
body.moon-support-open .moon-support-launcher-copy, body.moon-support-open .moon-support-launcher-arrow { display:none !important; }
body.moon-support-open .moon-support-launcher-icon { width: 62px; height: 62px; flex-basis: 62px; border-radius: 0; background: transparent; box-shadow:none; filter: drop-shadow(0 8px 18px rgba(0,0,0,.22)); }
body.moon-support-open .moon-support-launcher-icon img { object-fit: contain; }
@media (max-width:620px) { .moon-support-chat-row { grid-template-columns: 38px minmax(0,1fr); } .moon-support-chat-avatar { width:38px; height:38px; } .moon-support-chat-message strong { font-size:.92rem; } .moon-support-chat-message small { font-size:.69rem; } body.moon-support-open .moon-support-launcher { width: 58px; min-width:58px; min-height:58px; } body.moon-support-open .moon-support-launcher-icon { width:54px; height:54px; flex-basis:54px; } }


/* =========================================================
   V89 — Launcher animasyonu ve WhatsApp benzeri sohbet düzeni
   ========================================================= */
.moon-support-launcher, .moon-support-launcher-icon, .moon-support-launcher-copy, .moon-support-launcher-arrow { transition: width .42s cubic-bezier(.22,.61,.36,1), min-width .42s cubic-bezier(.22,.61,.36,1), min-height .42s cubic-bezier(.22,.61,.36,1), padding .42s cubic-bezier(.22,.61,.36,1), border-radius .38s ease, gap .32s ease, opacity .25s ease, transform .42s cubic-bezier(.22,.61,.36,1), background .3s ease, box-shadow .3s ease; }
.moon-support-launcher { transform-origin: bottom right; }
body.moon-support-open .moon-support-launcher { animation: moonSupportMorphOpen .46s cubic-bezier(.22,.61,.36,1); }
body.moon-support-open .moon-support-launcher-icon { animation: moonSupportLogoPop .48s cubic-bezier(.2,.8,.2,1); }
@keyframes moonSupportMorphOpen { 0% { transform: translateY(0) scale(1); } 40% { transform: translateY(0) scale(.94); } 100% { transform: translateY(0) scale(1); } }
@keyframes moonSupportLogoPop { 0% { transform: scale(.78) rotate(-14deg); opacity: .75; } 62% { transform: scale(1.08) rotate(4deg); opacity: 1; } 100% { transform: scale(1) rotate(0deg); opacity: 1; } }
.moon-support-chat-thread { display:grid; gap:10px; }
.moon-support-chat-row { display:grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items:flex-start; }
.moon-support-chat-row--user { grid-template-columns: minmax(0,1fr); justify-items:end; }
.moon-support-chat-row--user .moon-support-chat-message { max-width: 92%; }
.moon-support-chat-message--user { border-radius: 18px 8px 18px 18px; background: linear-gradient(135deg, rgba(241,215,149,.96), rgba(228,192,118,.98)); border-color: rgba(170,118,36,.18); color:#2f1d08; }
.moon-support-chat-message--user strong { color:#2b1705; font-size: .9rem; }
.moon-support-chat-message--user small { color:#6a4a1b; }
.moon-support-caption { margin-top: 4px; }
.moon-support-topic-grid--home { grid-template-columns: 1fr; gap: 10px; justify-items: end; }
.moon-support-topic-grid--home .moon-support-topic { width: min(100%, 92%); margin-left: auto; grid-template-columns: minmax(0,1fr) 18px; min-height: auto; padding: 12px 14px; border-radius: 16px 8px 16px 16px; background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(252,247,239,.98)); box-shadow: 0 8px 20px rgba(73,48,18,.05); }
.moon-support-topic-grid--home .moon-support-topic-icon { display:none; }
.moon-support-topic-grid--home .moon-support-topic-copy strong { font-size: .84rem; line-height: 1.2; }
.moon-support-topic-grid--home .moon-support-topic-copy small { font-size: .68rem; line-height: 1.35; margin-top: 4px; }
.moon-support-service-grid { grid-template-columns: 1fr; }
.moon-support-service, .moon-support-advisor { width: min(100%, 92%); margin-left: auto; border-radius: 16px 8px 16px 16px; background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(251,247,239,.98)); box-shadow: 0 7px 18px rgba(73,48,18,.04); }
.moon-support-result-list { justify-content: flex-end; }
.moon-support-result-list button { border-radius: 999px; background: rgba(255,255,255,.82); }
.moon-support-note, .moon-support-form, .moon-support-result { box-shadow: 0 8px 18px rgba(73,48,18,.04); }
@media (max-width: 620px) { .moon-support-chat-row { grid-template-columns: 38px minmax(0,1fr); } .moon-support-chat-avatar { width:38px; height:38px; } .moon-support-chat-message strong { font-size: .94rem; } .moon-support-chat-message small { font-size: .7rem; } .moon-support-chat-row--user .moon-support-chat-message { max-width: 96%; } .moon-support-topic-grid--home .moon-support-topic, .moon-support-service, .moon-support-advisor { width: 96%; } }


/* =========================================================
   V90 — çift yön animasyon, typing ve session sohbet geçmişi
   ========================================================= */
.moon-support-launcher.is-returning { animation: moonSupportMorphClose .42s cubic-bezier(.22,.61,.36,1); }
.moon-support-launcher.is-returning .moon-support-launcher-icon { animation: moonSupportLogoBack .42s cubic-bezier(.22,.61,.36,1); }
@keyframes moonSupportMorphClose { 0% { transform: scale(1); } 40% { transform: scale(.92); } 100% { transform: scale(1); } }
@keyframes moonSupportLogoBack { 0% { transform: scale(1) rotate(0deg); } 45% { transform: scale(.88) rotate(-4deg); } 100% { transform: scale(1) rotate(0deg); } }
.moon-support-chat-thread--history { margin-bottom: 12px; }
.moon-support-chat-row--typing .moon-support-chat-message { min-height: 62px; justify-content: center; }
.moon-support-chat-message--typing { padding-bottom: 12px; }
.moon-support-typing-dots { display:inline-flex; align-items:center; gap:6px; min-height: 14px; }
.moon-support-typing-dots span { width: 7px; height: 7px; border-radius: 999px; background: #c08b39; opacity: .35; animation: moonSupportTyping 1s infinite ease-in-out; }
.moon-support-typing-dots span:nth-child(2) { animation-delay: .15s; }
.moon-support-typing-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes moonSupportTyping { 0%, 80%, 100% { transform: translateY(0); opacity:.35; } 40% { transform: translateY(-3px); opacity:1; } }
.moon-support-chat-thread--history .moon-support-chat-row + .moon-support-chat-row { margin-top: 2px; }
.moon-support-chat-thread--history .moon-support-chat-message { max-width: 92%; }
.moon-support-chat-thread--history .moon-support-chat-row--user .moon-support-chat-message { margin-left:auto; }
.moon-support-chat-thread--history .moon-support-chat-row--assistant .moon-support-chat-message { margin-right:auto; }
.moon-support-chat-thread--history .moon-support-chat-row--user { justify-items:end; }
@media (max-width: 620px) { .moon-support-chat-thread--history .moon-support-chat-message { max-width: 96%; } }


/* =========================================================
   V91 — daha uzun typing ve kapanışta geri dönüş animasyonu
   ========================================================= */
.moon-support-launcher-copy, .moon-support-launcher-arrow { transition: width .42s cubic-bezier(.22,.61,.36,1), max-width .42s cubic-bezier(.22,.61,.36,1), flex-basis .42s cubic-bezier(.22,.61,.36,1), padding .42s cubic-bezier(.22,.61,.36,1), opacity .24s ease, transform .42s cubic-bezier(.22,.61,.36,1), margin .42s cubic-bezier(.22,.61,.36,1), height .42s cubic-bezier(.22,.61,.36,1), border-color .22s ease, background .22s ease; }
body.moon-support-open .moon-support-launcher-copy { display:flex !important; opacity:0; max-width:0; width:0; flex:0 0 0; overflow:hidden; margin:0; transform: translateX(10px); pointer-events:none; }
body.moon-support-open .moon-support-launcher-arrow { display:grid !important; opacity:0; width:0; height:0; flex:0 0 0; overflow:hidden; margin:0; border-width:0; transform: scale(.72); pointer-events:none; }
.moon-support-launcher.is-returning .moon-support-launcher-copy { animation: moonSupportRevealCopy .44s cubic-bezier(.22,.61,.36,1); }
.moon-support-launcher.is-returning .moon-support-launcher-arrow { animation: moonSupportRevealArrow .44s cubic-bezier(.22,.61,.36,1); }
@keyframes moonSupportRevealCopy { 0% { opacity:0; transform: translateX(10px); } 100% { opacity:1; transform: translateX(0); } }
@keyframes moonSupportRevealArrow { 0% { opacity:0; transform: scale(.72); } 100% { opacity:1; transform: scale(1); } }


/* =========================================================
   V92 — SVG logo ve ilk mesaj typing iyileştirmesi
   ========================================================= */
.moon-support-avatar img, .moon-support-launcher-icon img, .moon-support-mini-logo img, .moon-support-chat-avatar img { image-rendering: auto; }
.moon-support-chat-thread--history:has(.moon-support-chat-row--typing:only-child) { min-height: 84px; align-content: center; }
.moon-support-chat-row--typing .moon-support-chat-avatar img { animation: moonSupportTypingLogoPulse 1.15s ease-in-out infinite; }
@keyframes moonSupportTypingLogoPulse { 0%,100% { transform: scale(1); filter: drop-shadow(0 6px 16px rgba(139,91,18,.14)); } 50% { transform: scale(1.035); filter: drop-shadow(0 8px 22px rgba(195,139,48,.25)); } }


/* =========================================================
   V93 — SVG logo konum düzeltmesi (biraz aşağı)
   ========================================================= */
.moon-support-avatar img, .moon-support-launcher-icon img, .moon-support-mini-logo img, .moon-support-chat-avatar img { transform: translateY(3px); }
body.moon-support-open .moon-support-launcher-icon img { transform: translateY(3px); }
@media (max-width: 620px) { .moon-support-avatar img, .moon-support-launcher-icon img, .moon-support-mini-logo img, .moon-support-chat-avatar img, body.moon-support-open .moon-support-launcher-icon img { transform: translateY(2px); } }


/* =========================================================
   V94 — Açık durumdaki Moon Asistan launcher hizası düzeltmesi
   ========================================================= */
.moon-support { transition: bottom .34s cubic-bezier(.22,.61,.36,1), right .34s cubic-bezier(.22,.61,.36,1); }
body.moon-support-open .moon-support { bottom: 16px; }
@media (max-width: 620px) { body.moon-support-open .moon-support { bottom: 68px; right: 12px; } }


/* =========================================================
   V95 — Açık panel launcherın üstüne binmesin düzeltmesi
   ========================================================= */
body.moon-support-open .moon-support-panel { bottom: 84px; }
body.moon-support-open .moon-support-launcher { position: relative; z-index: 3; }
@media (max-width: 620px) { body.moon-support-open .moon-support-panel { bottom: 78px; } body.moon-support-open .moon-support-launcher { z-index: 3; } }


/* =========================================================
   V96 — Açık/kapalı launcher aynı hizada
   ========================================================= */
body.moon-support-open .moon-support { bottom: 94px; right: 22px; }
@media (max-width: 620px) { body.moon-support-open .moon-support { bottom: 79px; right: 12px; } }


/* =========================================================
   V97 — Açıkken kart ve logo birlikte aşağı alındı
   ========================================================= */
body.moon-support-open .moon-support { bottom: 24px; right: 24px; }
body.moon-support-open .moon-support-panel { bottom: 76px; }
@media (max-width: 620px) { body.moon-support-open .moon-support { bottom: 24px; right: 12px; } body.moon-support-open .moon-support-panel { bottom: 70px; } }


/* =========================================================
   V98 — Sabit merkezli, akıcı Moon Asistan morph animasyonu
   ========================================================= */
.moon-support {
  transition: none !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.moon-support-launcher {
  box-sizing: border-box;
  width: 378px;
  min-width: 378px;
  height: 82px;
  min-height: 82px;
  transform: translate3d(0, 0, 0);
  transform-origin: right center;
  backface-visibility: hidden;
  contain: layout paint style;
  will-change: width, height, transform;
  animation: none !important;
  transition:
    width .48s cubic-bezier(.22,.72,.22,1),
    min-width .48s cubic-bezier(.22,.72,.22,1),
    height .48s cubic-bezier(.22,.72,.22,1),
    min-height .48s cubic-bezier(.22,.72,.22,1),
    padding .48s cubic-bezier(.22,.72,.22,1),
    gap .40s cubic-bezier(.22,.72,.22,1),
    border-radius .42s cubic-bezier(.22,.72,.22,1),
    border-color .30s ease,
    background .34s ease,
    box-shadow .34s ease,
    transform .48s cubic-bezier(.22,.72,.22,1) !important;
}

.moon-support-launcher-icon {
  transform: translateZ(0);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: width, height, flex-basis, transform, filter;
  animation: none !important;
  transition:
    width .48s cubic-bezier(.22,.72,.22,1),
    height .48s cubic-bezier(.22,.72,.22,1),
    flex-basis .48s cubic-bezier(.22,.72,.22,1),
    transform .48s cubic-bezier(.22,.72,.22,1),
    filter .34s ease !important;
}

.moon-support-launcher-icon img {
  backface-visibility: hidden;
  transform: translate3d(0, 3px, 0);
}

.moon-support-launcher-copy {
  width: auto;
  max-width: 248px;
  flex: 1 1 248px;
  opacity: 1;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  will-change: max-width, opacity, transform;
  transition:
    max-width .40s cubic-bezier(.22,.72,.22,1),
    flex-basis .40s cubic-bezier(.22,.72,.22,1),
    opacity .22s ease,
    transform .40s cubic-bezier(.22,.72,.22,1) !important;
}

.moon-support-launcher-arrow {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: width, opacity, transform;
  transition:
    width .36s cubic-bezier(.22,.72,.22,1),
    flex-basis .36s cubic-bezier(.22,.72,.22,1),
    opacity .20s ease,
    transform .36s cubic-bezier(.22,.72,.22,1) !important;
}

body.moon-support-open .moon-support {
  right: 24px;
  bottom: 24px;
}

body.moon-support-open .moon-support-launcher {
  width: 66px;
  min-width: 66px;
  height: 66px;
  min-height: 66px;
  padding: 0;
  gap: 0;
  transform: translate3d(0, var(--moon-launcher-open-y, 0px), 0);
  animation: none !important;
}

body.moon-support-open .moon-support-launcher-icon {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
  transform: translateZ(0);
  animation: none !important;
}

body.moon-support-open .moon-support-launcher-copy {
  display: flex !important;
  width: 0;
  max-width: 0;
  flex: 0 0 0;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transform: translate3d(14px, 0, 0);
}

body.moon-support-open .moon-support-launcher-arrow {
  display: grid !important;
  width: 0;
  height: 0;
  flex: 0 0 0;
  opacity: 0;
  margin: 0;
  border-width: 0;
  pointer-events: none;
  transform: translate3d(8px, 0, 0) scale(.74);
}

.moon-support-launcher.is-returning,
.moon-support-launcher.is-returning .moon-support-launcher-icon,
.moon-support-launcher.is-returning .moon-support-launcher-copy,
.moon-support-launcher.is-returning .moon-support-launcher-arrow {
  animation: none !important;
}

.moon-support-launcher.is-measuring,
.moon-support-launcher.is-measuring *,
body.moon-support-measuring .moon-support-launcher,
body.moon-support-measuring .moon-support-launcher * {
  transition: none !important;
  animation: none !important;
}

@media (max-width: 620px) {
  .moon-support,
  body.moon-support-open .moon-support {
    right: 12px;
    bottom: 24px;
  }

  .moon-support-launcher,
  body.moon-support-open .moon-support-launcher {
    width: 58px;
    min-width: 58px;
    height: 58px;
    min-height: 58px;
    padding: 4px;
    transform: translate3d(0, var(--moon-launcher-open-y, 0px), 0);
  }

  .moon-support-launcher-icon,
  body.moon-support-open .moon-support-launcher-icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }

  .moon-support-launcher-icon img,
  body.moon-support-open .moon-support-launcher-icon img {
    transform: translate3d(0, 2px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .moon-support-launcher,
  .moon-support-launcher-icon,
  .moon-support-launcher-copy,
  .moon-support-launcher-arrow {
    transition-duration: .01ms !important;
  }
}


/* =========================================================
   V99 — Launcher tıklama / basma animasyonu (60 FPS)
   ========================================================= */
.moon-support-launcher {
  position: relative;
  overflow: hidden;
  --moon-launcher-base-y: 0px;
  --moon-launcher-extra-y: 0px;
  --moon-launcher-press-scale: 1;
  --moon-launcher-icon-scale: 1;
  --moon-launcher-copy-shift: 0px;
  --moon-launcher-arrow-shift: 0px;
  transform: translate3d(0, calc(var(--moon-launcher-base-y) + var(--moon-launcher-extra-y)), 0) scale(var(--moon-launcher-press-scale));
  will-change: transform, box-shadow, filter;
}

.moon-support-launcher::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transform: scale(.92);
  background:
    radial-gradient(circle at 50% 50%, rgba(236, 194, 106, .22) 0%, rgba(236, 194, 106, .12) 36%, rgba(236, 194, 106, 0) 72%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  transition: transform .28s cubic-bezier(.22,.72,.22,1), opacity .24s ease;
  will-change: transform, opacity;
}

.moon-support-launcher-icon {
  transform: translateZ(0) scale(var(--moon-launcher-icon-scale));
  will-change: transform, filter;
}

.moon-support-launcher-copy {
  transform: translate3d(0, var(--moon-launcher-copy-shift), 0);
}

.moon-support-launcher-arrow {
  transform: translate3d(0, var(--moon-launcher-arrow-shift), 0) scale(1);
}

body.moon-support-open .moon-support-launcher {
  --moon-launcher-base-y: var(--moon-launcher-open-y, 0px);
}

body.moon-support-open .moon-support-launcher-arrow {
  transform: translate3d(8px, var(--moon-launcher-arrow-shift), 0) scale(.74);
}

.moon-support-launcher.is-pressing {
  --moon-launcher-press-scale: .972;
  --moon-launcher-extra-y: 1.5px;
  --moon-launcher-icon-scale: .968;
  --moon-launcher-copy-shift: 1px;
  --moon-launcher-arrow-shift: 1px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255,255,255,.06);
}

body.moon-support-open .moon-support-launcher.is-pressing {
  --moon-launcher-press-scale: .955;
  --moon-launcher-extra-y: 2px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.18));
}

.moon-support-launcher.is-pressing::after {
  opacity: .36;
  transform: scale(1);
}

.moon-support-launcher.is-pressed::after {
  opacity: .55;
  transform: scale(1.08);
}

.moon-support-launcher.is-pressed .moon-support-launcher-icon {
  filter: brightness(1.05) saturate(1.05);
}

@keyframes moonSupportLauncherTapPulse {
  0% { transform: scale(.94); opacity: .08; }
  35% { transform: scale(1.01); opacity: .42; }
  100% { transform: scale(1.12); opacity: 0; }
}

.moon-support-launcher.is-pressed::after {
  animation: moonSupportLauncherTapPulse .34s cubic-bezier(.22,.72,.22,1);
}

@media (prefers-reduced-motion: reduce) {
  .moon-support-launcher,
  .moon-support-launcher-icon,
  .moon-support-launcher-copy,
  .moon-support-launcher-arrow,
  .moon-support-launcher::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* =========================================================
   V104 — Özel sosyal vitrin + sürüklenebilir Moon Asistan
   ========================================================= */
.moon-social-showcase {
  width: min(100%, 430px);
  justify-self: center;
  border: 1px solid rgba(165, 110, 34, .26);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(244,232,213,.96));
  box-shadow: 0 28px 70px rgba(70, 44, 15, .15), inset 0 1px 0 rgba(255,255,255,.9);
  overflow: hidden;
}
.moon-social-showcase-link { display:block; color:inherit; text-decoration:none; }
.moon-social-visual { position:relative; height:330px; overflow:hidden; background:#17110b; }
.moon-social-grid { position:absolute; inset:0; display:grid; grid-template-columns:1.45fr .8fr; grid-template-rows:1fr 1fr; gap:5px; padding:5px; }
.moon-social-photo { margin:0; overflow:hidden; background:#24190e; }
.moon-social-photo--main { grid-row:1 / 3; border-radius:22px 7px 7px 22px; }
.moon-social-photo:not(.moon-social-photo--main) { border-radius:7px 22px 7px 7px; }
.moon-social-photo:last-child { border-radius:7px 7px 22px 7px; }
.moon-social-photo img { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.02); transition:transform .65s cubic-bezier(.22,.72,.22,1), filter .45s ease; }
.moon-social-visual-shade { position:absolute; inset:0; background:linear-gradient(180deg, rgba(9,7,5,.02) 35%, rgba(9,7,5,.76) 100%); pointer-events:none; }
.moon-social-signature { position:absolute; left:22px; right:68px; bottom:20px; display:flex; align-items:center; gap:12px; color:#fff4de; }
.moon-social-signature img { width:55px; height:55px; object-fit:contain; filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)); }
.moon-social-signature span { display:grid; gap:3px; }
.moon-social-signature small { color:#d9aa52; font:800 .58rem/1 Inter,sans-serif; letter-spacing:.17em; }
.moon-social-signature strong { font:600 1.18rem/1.15 "Cormorant Garamond",serif; }
.moon-social-open-icon { position:absolute; right:20px; bottom:22px; display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(236,194,108,.5); border-radius:50%; color:#f3cf83; background:rgba(8,7,6,.5); backdrop-filter:blur(8px); transition:transform .3s ease, background .3s ease; }
.moon-social-content { padding:20px 22px 22px; }
.moon-social-profile { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:11px; }
.moon-social-profile > img { width:48px; height:48px; object-fit:contain; }
.moon-social-profile > span { min-width:0; display:grid; gap:3px; }
.moon-social-profile strong { color:#24170c; font-size:.87rem; }
.moon-social-profile small { overflow:hidden; color:#8a6a42; font-size:.66rem; text-overflow:ellipsis; white-space:nowrap; }
.moon-social-profile b { padding:7px 10px; border:1px solid rgba(164,108,27,.22); border-radius:999px; color:#8b5c1f; background:rgba(210,158,70,.10); font-size:.56rem; letter-spacing:.1em; }
.moon-social-content > p { margin:16px 0 13px; color:#6d5334; font-size:.76rem; line-height:1.55; }
.moon-social-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:17px; }
.moon-social-tags span { padding:6px 9px; border-radius:999px; color:#7d5a2c; background:rgba(190,135,47,.09); font-size:.58rem; font-weight:700; }
.moon-social-cta { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 15px 0 17px; border-radius:15px; color:#fff0d2; background:linear-gradient(135deg,#24170c,#090807); font-size:.72rem; font-weight:700; box-shadow:0 12px 26px rgba(37,23,9,.18); }
.moon-social-cta i { font-style:normal; font-size:1rem; transition:transform .3s ease; }
.moon-social-showcase-link:hover .moon-social-photo img { transform:scale(1.065); filter:saturate(1.05) contrast(1.02); }
.moon-social-showcase-link:hover .moon-social-open-icon { transform:translate(2px,-2px); background:rgba(176,116,25,.48); }
.moon-social-showcase-link:hover .moon-social-cta i { transform:translateX(4px); }

.moon-support-launcher { touch-action:none; cursor:grab; user-select:none; -webkit-user-select:none; }
.moon-support-launcher img { -webkit-user-drag:none; }
.moon-support.is-dragging { transition:none !important; }
.moon-support.is-dragging .moon-support-launcher { cursor:grabbing; }
.moon-support.is-dragging .moon-support-launcher::after { opacity:.18; }
body.moon-support-open .moon-support.panel-below .moon-support-panel { top:76px; bottom:auto !important; transform-origin:right top; }
body.moon-support-open .moon-support.panel-align-left .moon-support-panel { left:0; right:auto; transform-origin:left bottom; }
body.moon-support-open .moon-support.panel-below.panel-align-left .moon-support-panel { transform-origin:left top; }

@media (max-width:620px) {
  .moon-social-showcase { width:min(100%,336px); border-radius:24px; }
  .moon-social-visual { height:270px; }
  .moon-social-content { padding:17px 17px 18px; }
  .moon-social-signature { left:16px; right:58px; bottom:15px; }
  .moon-social-signature img { width:46px; height:46px; }
  .moon-social-signature strong { font-size:1rem; }
  .moon-social-open-icon { right:14px; bottom:17px; width:36px; height:36px; }
  body.moon-support-open .moon-support.panel-below .moon-support-panel { top:70px; }
}


/* =========================================================
   V110 — Eski kolaj tasarımına dönüş, overlayler kaldırıldı
   ========================================================= */
.instagram-profile-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 56px;
  padding: 0 26px;
  border: 1px solid rgba(215,182,116,.30);
  border-radius: 999px;
  background: linear-gradient(135deg, #23170c, #090807);
  color: #fff0d0;
  box-shadow: 0 14px 30px rgba(16,10,5,.20);
}

.instagram-profile-button span {
  font-size: 1rem;
  line-height: 1;
}

.moon-social-showcase--clean {
  overflow: hidden;
  border: 1px solid rgba(23,19,24,.10);
  border-radius: 28px;
  background: #fffdfa;
  box-shadow: 0 24px 64px rgba(36,27,18,.10);
}

.moon-social-visual--clean {
  height: 395px;
}

.moon-social-visual-shade--subtle {
  background: linear-gradient(180deg, rgba(9,7,5,.04) 46%, rgba(9,7,5,.32) 100%);
}

.moon-social-content--clean {
  padding: 20px 22px 22px;
}

.moon-social-content--clean > p {
  margin: 16px 0 13px;
  color: #6d5334;
  font-size: .76rem;
  line-height: 1.55;
}

.moon-social-showcase--clean .moon-social-profile b {
  color: #fff0d0;
  background: linear-gradient(135deg, #25180d, #0b0907);
  border-color: rgba(215,182,116,.20);
}

.moon-social-showcase--clean .moon-social-cta {
  background: linear-gradient(135deg, #24170c, #090807);
  color: #fff0d0;
}

.moon-social-showcase--clean .moon-social-open-icon {
  right: 20px;
  bottom: 20px;
}

@media (max-width: 760px) {
  .instagram-profile-button,
  .instagram-button {
    width: 100%;
  }

  .moon-social-showcase--clean {
    width: min(100%, 336px);
    margin-inline: auto;
    border-radius: 24px;
  }

  .moon-social-visual--clean {
    height: 270px;
  }

  .moon-social-content--clean {
    padding: 17px 17px 18px;
  }

  .moon-social-showcase--clean .moon-social-open-icon {
    right: 14px;
    bottom: 17px;
    width: 36px;
    height: 36px;
  }
}


/* =========================================================
   V112 — Kolaj görselleri daha yumuşak ve uyumlu
   ========================================================= */
.moon-social-showcase--clean .moon-social-photo {
  background: #e9decd;
}

.moon-social-showcase--clean .moon-social-photo img {
  transform: scale(1.01);
  filter: saturate(.93) contrast(.96) brightness(1.03);
}

.moon-social-showcase--clean .moon-social-photo--main img {
  object-position: center center;
}

.moon-social-showcase--clean .moon-social-photo:not(.moon-social-photo--main) img {
  object-position: center center;
}

.moon-social-showcase--clean .moon-social-showcase-link:hover .moon-social-photo img {
  transform: scale(1.04);
  filter: saturate(.97) contrast(.98) brightness(1.04);
}


/* =========================================================
   V114 — Sağdaki iki görselin oranı düzeltildi
   ========================================================= */
.moon-social-showcase--clean .moon-social-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: none;
  filter: saturate(.97) contrast(.98) brightness(1.01);
}

.moon-social-showcase--clean .moon-social-photo--main img {
  object-position: center center;
}

.moon-social-showcase--clean .moon-social-photo:nth-child(2) img {
  object-position: center center;
}

.moon-social-showcase--clean .moon-social-photo:nth-child(3) img {
  object-position: center center;
}

.moon-social-showcase--clean .moon-social-showcase-link:hover .moon-social-photo img {
  transform: scale(1.02);
  filter: saturate(.99) contrast(.99) brightness(1.02);
}


/* =========================================================
   V119 — Mobil Moon Asistan tam açılsın, dış daire kalksın
   ========================================================= */
@media (max-width: 620px) {
  .moon-support,
  body.moon-support-open .moon-support {
    left: auto !important;
    top: auto !important;
    right: 12px !important;
    bottom: max(12px, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
  }

  .moon-support-panel,
  body.moon-support-open .moon-support-panel,
  body.moon-support-open .moon-support.panel-below .moon-support-panel,
  body.moon-support-open .moon-support.panel-align-left .moon-support-panel,
  body.moon-support-open .moon-support.panel-below.panel-align-left .moon-support-panel {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: max(12px, calc(env(safe-area-inset-top, 0px) + 12px)) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 82px) !important;
    width: auto !important;
    max-height: none !important;
    height: auto !important;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border-radius: 22px !important;
    transform-origin: right bottom !important;
  }

  .moon-support-body {
    min-height: 0;
    max-height: none !important;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .moon-support-stage {
    min-height: 0;
  }

  .moon-support-launcher,
  body.moon-support-open .moon-support-launcher {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
  }

  .moon-support-launcher::before,
  .moon-support-launcher::after {
    display: none !important;
    content: none !important;
  }

  .moon-support-launcher-icon,
  body.moon-support-open .moon-support-launcher-icon {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.18));
  }

  .moon-support-launcher-icon img,
  body.moon-support-open .moon-support-launcher-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translate3d(0, 1px, 0) !important;
  }

  .moon-support-head {
    padding: 14px 14px 13px;
  }

  .moon-support-foot {
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  }
}


/* =========================================================
   V120 — Mobil launcher alt bardan ayrıldı ve dokunma düzeltildi
   ========================================================= */
@media (max-width: 620px) {
  .moon-support,
  body.moon-support-open .moon-support {
    right: 14px !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 86px) !important;
  }

  .moon-support-launcher {
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  body.moon-support-open .moon-support-panel,
  body.moon-support-open .moon-support.panel-below .moon-support-panel,
  body.moon-support-open .moon-support.panel-align-left .moon-support-panel,
  body.moon-support-open .moon-support.panel-below.panel-align-left .moon-support-panel {
    left: 10px !important;
    right: 10px !important;
    top: max(10px, calc(env(safe-area-inset-top, 0px) + 10px)) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 156px) !important;
    width: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.moon-support-open .moon-support-body {
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
  }
}

/* =========================================================
   V121 — Mobil panelin launcher içine sıkışması düzeltildi
   ========================================================= */
@media (max-width: 620px) {
  .moon-support,
  body.moon-support-open .moon-support {
    transform: none !important;
    backface-visibility: visible !important;
  }

  body.moon-support-open .moon-support-panel,
  body.moon-support-open .moon-support.panel-below .moon-support-panel,
  body.moon-support-open .moon-support.panel-align-left .moon-support-panel,
  body.moon-support-open .moon-support.panel-below.panel-align-left .moon-support-panel {
    position: fixed !important;
    inset: max(10px, calc(env(safe-area-inset-top, 0px) + 10px)) 10px calc(env(safe-area-inset-bottom, 0px) + 156px) 10px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    transform-origin: right bottom !important;
  }
}


/* =========================================================
   V122 — Mobil randevu / WhatsApp akışı
   Masaüstü kurallarına dokunulmadı
   ========================================================= */
@media (max-width: 620px) {
  .moon-support-body {
    scroll-behavior: smooth;
    touch-action: pan-y;
    overscroll-behavior: contain;
  }

  .moon-support-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .moon-support-service-grid .moon-support-service,
  .moon-support-stage > .moon-support-service {
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 10px 11px !important;
    border-radius: 14px !important;
    touch-action: manipulation;
  }

  .moon-support-service-grid .moon-support-service span:first-child,
  .moon-support-stage > .moon-support-service span:first-child {
    font-size: .68rem;
    line-height: 1.25;
  }

  .moon-support-form {
    scroll-margin-top: 12px;
  }

  .moon-support-primary {
    min-height: 50px;
    font-size: .76rem;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  #moonSupportAppointmentAction {
    position: relative;
    z-index: 2;
  }
}


/* =========================================================
   V123 — Kullanıcı mesajları sağa yaslı ve tam balon gibi görünsün
   ========================================================= */
.moon-support-chat-row--user {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: end;
}

.moon-support-chat-row--user .moon-support-chat-message,
.moon-support-chat-thread--history .moon-support-chat-row--user .moon-support-chat-message {
  justify-self: end;
  margin-left: auto;
  width: min(100%, 320px);
  max-width: min(100%, 320px);
  min-width: 168px;
  text-align: left;
}

.moon-support-chat-message--user {
  border-radius: 18px 8px 18px 18px;
  background: linear-gradient(135deg, rgba(241,215,149,.98), rgba(228,192,118,.99));
  box-shadow: 0 10px 22px rgba(151, 102, 29, .12);
}

.moon-support-chat-message--user strong,
.moon-support-chat-message--user small {
  width: 100%;
  display: block;
}

@media (max-width: 620px) {
  .moon-support-chat-row--user .moon-support-chat-message,
  .moon-support-chat-thread--history .moon-support-chat-row--user .moon-support-chat-message {
    width: min(100%, 84%);
    max-width: min(100%, 84%);
    min-width: 176px;
    padding: 12px 14px;
  }

  .moon-support-chat-message--user strong {
    font-size: .96rem;
    line-height: 1.28;
  }

  .moon-support-chat-message--user small {
    font-size: .72rem;
    line-height: 1.42;
  }
}


/* =========================================================
   V128 — Yeni Moon favicon ve footer logosu
   ========================================================= */
.footer-brand-link img {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px;
  object-fit: contain !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .22);
}

@media (max-width: 620px) {
  .footer-brand-link img {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px;
  }
}


/* =========================================================
   V129 — Footer logosu küçültüldü, tek Instagram butonu kaldı
   ========================================================= */
.footer-brand-link img {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
}

.ig-product-actions {
  justify-content: flex-start;
}

.ig-product-actions .instagram-profile-button {
  min-width: 248px;
}

@media (max-width: 760px) {
  .footer-brand-link img {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  .ig-product-actions .instagram-profile-button {
    width: 100%;
    max-width: 308px;
    min-width: 0;
    margin-inline: auto;
  }
}

/* =========================================================
   V132 — Pink / purple identity refresh + people-free hero
   ========================================================= */
:root {
  --bg: #16091c;
  --bg-soft: #211027;
  --panel: #2a1332;
  --panel-light: #f8eef8;
  --text: #fff9ff;
  --muted: #d9c1dc;
  --gold: #df58ae;
  --gold-soft: #f1a9df;
  --ink: #2a1230;
  --line: rgba(240, 169, 224, .18);
  --moon-dark: #16091c;
  --moon-light: #f8eef8;
  --moon-pink: #df58ae;
  --moon-pink-soft: #f4b5e5;
  --moon-purple: #7a3aa0;
  --moon-purple-deep: #3a1748;
}

html { background: #16091c; }
body {
  background:
    radial-gradient(circle at 86% 4%, rgba(223,88,174,.12), transparent 30rem),
    radial-gradient(circle at 8% 44%, rgba(122,58,160,.10), transparent 32rem),
    #16091c !important;
}

.site-header {
  background: rgba(20,7,27,.94) !important;
  border-bottom-color: rgba(232,111,195,.28) !important;
  box-shadow: 0 10px 34px rgba(17,5,24,.20);
}
.brand-header-v45 img {
  filter: hue-rotate(278deg) saturate(1.08) brightness(1.08);
}
.site-nav > a:not(.nav-cta) { color: #f6eaf7 !important; }
.site-nav > a:not(.nav-cta):hover { color: #f4acdF !important; }
.site-nav > a:not(.nav-cta) + a:not(.nav-cta)::before {
  background: rgba(226,91,179,.35) !important;
}
.nav-cta-v44 {
  color: #ffd8f3 !important;
  border-color: rgba(232,93,186,.72) !important;
  background: linear-gradient(135deg, rgba(223,88,174,.18), rgba(122,58,160,.16)) !important;
  box-shadow: 0 10px 26px rgba(109,34,120,.16), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.nav-cta-v44:hover {
  background: linear-gradient(135deg, rgba(223,88,174,.32), rgba(122,58,160,.28)) !important;
}

/* Main hero: no model photo, abstract pink-purple composition */
.hero.hero-premium-v44 {
  min-height: clamp(720px, 88vh, 850px) !important;
  display: flex !important;
  align-items: center !important;
  padding: clamp(58px, 7vh, 92px) clamp(34px, 5vw, 78px) clamp(56px, 7vh, 84px) !important;
  background-image:
    radial-gradient(circle at 83% 29%, rgba(236,97,190,.27) 0, rgba(236,97,190,.10) 22%, transparent 43%),
    radial-gradient(circle at 65% 82%, rgba(126,65,170,.30) 0, transparent 38%),
    linear-gradient(118deg, #130719 0%, #1d0a25 42%, #351243 72%, #210c2a 100%) !important;
  background-position: center !important;
  border-bottom: 0 !important;
  isolation: isolate;
}
.hero.hero-premium-v44::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.035), transparent 36%),
    repeating-linear-gradient(122deg, transparent 0 72px, rgba(255,255,255,.012) 73px 74px);
}
.hero.hero-premium-v44::after {
  height: 92px !important;
  background: linear-gradient(180deg, transparent, rgba(22,9,28,.72) 70%, #16091c 100%) !important;
}
.hero-v44-overlay {
  background: linear-gradient(90deg, rgba(13,4,18,.25) 0%, rgba(13,4,18,.10) 48%, transparent 76%) !important;
}
.hero-content-v44 {
  position: relative !important;
  z-index: 3 !important;
  width: min(690px, 52vw) !important;
  max-width: 690px !important;
}
.hero-content-v44 .eyebrow,
.eyebrow {
  color: #ed83ca !important;
}
.hero-content-v44 .eyebrow::after {
  color: #f19bd8 !important;
  text-shadow: 0 0 14px rgba(239,113,201,.56), 0 0 28px rgba(122,58,160,.30) !important;
  background: linear-gradient(90deg, transparent 0, transparent 23px, rgba(236,100,191,.92) 23px, rgba(185,90,193,.28) 74%, transparent 100%) center / 100% 1px no-repeat !important;
}
.hero-content-v44 h1 { color: #fff7fe !important; }
.hero-content-v44 h1 em {
  color: #f4a9df !important;
  text-shadow: 0 10px 30px rgba(223,88,174,.15);
}
.hero-content-v44 .hero-copy { color: rgba(255,244,253,.84) !important; }
.button.primary,
.hero-button-v44.button.primary,
.form-submit {
  color: #fff !important;
  background: linear-gradient(135deg, #df58ae 0%, #a94dc2 58%, #71399a 100%) !important;
  box-shadow: 0 14px 30px rgba(177,55,154,.26) !important;
}
.button.primary:hover,
.hero-button-v44.button.primary:hover,
.form-submit:hover {
  box-shadow: 0 18px 38px rgba(177,55,154,.36) !important;
}
.hero-button-outline-v44 {
  color: #ffe6f8 !important;
  border-color: rgba(238,119,204,.62) !important;
  background: rgba(47,16,58,.42) !important;
}
.hero-notes-v45 span,
.hero-feature-v55 {
  color: #f8c3e8 !important;
  border-color: rgba(231,101,188,.42) !important;
  background: linear-gradient(135deg, rgba(73,25,88,.52), rgba(37,12,48,.48)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.hero-feature-logo-v55 img {
  filter: hue-rotate(280deg) saturate(1.18) brightness(1.14) drop-shadow(0 0 10px rgba(226,88,180,.20)) !important;
}

.hero-brand-art {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: clamp(28px, 6vw, 104px);
  width: clamp(390px, 39vw, 650px);
  aspect-ratio: 1;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  pointer-events: none;
}
.hero-brand-art::before {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 30%, rgba(255,255,255,.16), transparent 28%),
    radial-gradient(circle at 68% 68%, rgba(223,88,174,.18), transparent 38%),
    linear-gradient(145deg, rgba(248,193,231,.12), rgba(107,44,137,.13));
  border: 1px solid rgba(246,177,224,.24);
  box-shadow:
    inset 0 0 64px rgba(244,154,216,.08),
    0 42px 110px rgba(9,2,14,.34),
    0 0 90px rgba(215,72,172,.12);
  backdrop-filter: blur(6px);
}
.hero-brand-art::after {
  content: "";
  position: absolute;
  inset: 20%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,220,246,.13), rgba(57,20,70,.08) 58%, transparent 72%);
}
.hero-brand-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(244,167,219,.34);
  box-shadow: 0 0 26px rgba(233,91,188,.10);
}
.hero-brand-ring--outer { inset: 4%; transform: rotate(-8deg); }
.hero-brand-ring--inner { inset: 16%; border-color: rgba(185,104,203,.34); transform: rotate(14deg); }
.hero-brand-ring--outer::after,
.hero-brand-ring--inner::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #f5b2e3;
  box-shadow: 0 0 18px rgba(245,178,227,.86);
}
.hero-brand-ring--outer::after { right: 12%; top: 16%; }
.hero-brand-ring--inner::after { left: 8%; bottom: 25%; width: 7px; height: 7px; }
.hero-brand-mark {
  position: relative;
  z-index: 3;
  width: min(62%, 330px);
  display: grid;
  justify-items: center;
  gap: 14px;
  padding: 28px 22px 24px;
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(29,9,38,.58), rgba(69,24,83,.28));
  border: 1px solid rgba(248,191,231,.18);
  box-shadow: 0 22px 65px rgba(10,2,15,.30);
  backdrop-filter: blur(12px);
}
.hero-brand-mark img {
  width: 100%;
  height: auto;
  filter: hue-rotate(279deg) saturate(1.16) brightness(1.16) drop-shadow(0 10px 26px rgba(9,2,14,.25));
}
.hero-brand-mark span {
  color: #efc8e8;
  font-size: clamp(.65rem, .75vw, .82rem);
  font-weight: 600;
  letter-spacing: .16em;
  text-align: center;
  text-transform: uppercase;
}
.hero-brand-petal {
  position: absolute;
  width: 44%;
  height: 20%;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(110deg, rgba(243,164,220,.18), rgba(122,58,160,.035));
  filter: blur(.2px);
}
.hero-brand-petal--one { right: 0; bottom: 18%; transform: rotate(-18deg); }
.hero-brand-petal--two { left: 2%; top: 20%; transform: rotate(162deg) scale(.82); }
.hero-brand-spark {
  position: absolute;
  z-index: 4;
  color: #ffd2ef;
  font-style: normal;
  text-shadow: 0 0 18px rgba(244,147,215,.90);
}
.hero-brand-spark--one { right: 15%; top: 15%; font-size: 1.25rem; }
.hero-brand-spark--two { left: 16%; bottom: 18%; font-size: .78rem; }

/* Light sections */
.featured-post-v8,
.services-cards-v21,
.faq,
.moon-live-hero-before-services {
  background-color: #f8eef8 !important;
  background-image:
    radial-gradient(circle at 90% 8%, rgba(222,105,190,.10), transparent 25rem),
    radial-gradient(circle at 6% 94%, rgba(126,65,170,.08), transparent 22rem),
    linear-gradient(135deg, rgba(255,255,255,.64), transparent 44%) !important;
}
.featured-post-v8::before {
  background: linear-gradient(180deg, #16091c 0%, rgba(52,18,66,.78) 34%, rgba(183,108,185,.28) 68%, rgba(248,238,248,0) 100%) !important;
}
.featured-post-title-v47,
.services-heading-v21 h2,
.faq h2 { color: #2b1331 !important; }
.featured-post-title-v47 em,
.services-heading-v21 h2 span { color: #a8449d !important; }
.featured-post-compact-copy,
.featured-post-copy-v8 > p:not(.eyebrow) { color: #6c506f !important; }
.instagram-profile-button {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #df58ae, #9141b0) !important;
  box-shadow: 0 14px 28px rgba(137,53,139,.20) !important;
}
.moon-social-showcase--clean {
  border-color: rgba(144,63,152,.18) !important;
  box-shadow: 0 26px 62px rgba(78,32,83,.17) !important;
}
.moon-social-showcase--clean .moon-social-photo { background: #f0ddec !important; }
.moon-social-content--clean { background: linear-gradient(180deg, #fffafd, #f8edf7) !important; }
.moon-social-showcase--clean .moon-social-profile strong { color: #2e1534 !important; }
.moon-social-showcase--clean .moon-social-profile small,
.moon-social-content--clean > p { color: #765878 !important; }
.moon-social-showcase--clean .moon-social-profile b {
  color: #8e3887 !important;
  background: rgba(220,85,172,.10) !important;
  border-color: rgba(188,70,158,.20) !important;
}
.moon-social-tags span {
  color: #853b82 !important;
  background: rgba(211,91,174,.09) !important;
}
.moon-social-showcase--clean .moon-social-cta {
  color: #fff !important;
  background: linear-gradient(135deg, #40194b, #8e3ea2) !important;
}
.moon-social-showcase--clean .moon-social-open-icon {
  color: #fff !important;
  border-color: rgba(255,213,242,.44) !important;
  background: rgba(90,32,105,.64) !important;
}

/* Signature banner without a person */
.moon-live-hero-before-services {
  padding-top: clamp(42px, 5vw, 72px) !important;
  padding-bottom: clamp(60px, 7vw, 96px) !important;
}
.moon-live-hero-before-services .moon-live-hero-card {
  min-height: clamp(530px, 44vw, 680px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr) !important;
  align-items: center !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 78% 22%, rgba(236,124,201,.28), transparent 30%),
    radial-gradient(circle at 58% 86%, rgba(126,65,170,.22), transparent 36%),
    linear-gradient(126deg, #fdf7fc 0%, #f5dff1 52%, #ead1ee 100%) !important;
  border: 1px solid rgba(158,67,155,.14) !important;
  border-radius: clamp(28px, 3vw, 46px) !important;
  box-shadow: 0 28px 78px rgba(91,38,92,.18) !important;
}
.moon-live-hero-copy {
  position: relative !important;
  z-index: 3 !important;
  width: auto !important;
  max-width: 720px !important;
  padding: clamp(48px, 6vw, 92px) 0 clamp(84px, 8vw, 116px) clamp(38px, 6vw, 96px) !important;
  color: #2c1431 !important;
}
.moon-live-hero-label { color: #9a3f91 !important; }
.moon-live-hero-label i { background: linear-gradient(90deg, #d653a8, transparent) !important; }
.moon-live-hero-copy h2 { color: #2b1230 !important; }
.moon-live-hero-copy h2 em { color: #ad469f !important; }
.moon-live-hero-copy p { color: #725474 !important; }
.moon-live-hero-button {
  z-index: 4 !important;
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #df58ae, #873dab) !important;
  box-shadow: 0 15px 32px rgba(127,48,135,.24) !important;
}
.moon-live-hero-art {
  position: relative;
  z-index: 2;
  width: min(92%, 520px);
  aspect-ratio: 1;
  justify-self: center;
  display: grid;
  place-items: center;
}
.moon-live-hero-art::before {
  content: "";
  position: absolute;
  inset: 13%;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(225,155,211,.20));
  border: 1px solid rgba(176,69,161,.18);
  box-shadow: inset 0 0 56px rgba(179,74,164,.08), 0 30px 75px rgba(104,45,111,.18);
}
.moon-live-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(173,67,160,.26);
}
.moon-live-orbit--outer { inset: 3%; transform: rotate(-10deg); }
.moon-live-orbit--inner { inset: 20%; border-color: rgba(221,83,171,.30); transform: rotate(18deg); }
.moon-live-orbit--outer::after,
.moon-live-orbit--inner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #d955aa;
  box-shadow: 0 0 17px rgba(217,85,170,.58);
}
.moon-live-orbit--outer::after { width: 10px; height: 10px; right: 14%; top: 12%; }
.moon-live-orbit--inner::after { width: 7px; height: 7px; left: 9%; bottom: 22%; }
.moon-live-hero-mark {
  position: relative;
  z-index: 3;
  width: min(56%, 275px);
  height: auto;
  filter: hue-rotate(279deg) saturate(1.15) brightness(.84) contrast(1.05) drop-shadow(0 12px 24px rgba(65,17,70,.12));
}
.moon-live-petal {
  position: absolute;
  width: 46%;
  height: 20%;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(100deg, rgba(214,80,166,.20), rgba(125,57,155,.02));
}
.moon-live-petal--one { right: 0; bottom: 18%; transform: rotate(-14deg); }
.moon-live-petal--two { left: 1%; top: 23%; transform: rotate(166deg) scale(.78); }
.moon-live-spark {
  position: absolute;
  z-index: 4;
  top: 19%;
  right: 19%;
  color: #b8449b;
  font-style: normal;
  font-size: 1.3rem;
  text-shadow: 0 0 18px rgba(214,80,166,.34);
}

/* Services */
.services-cards-v21 { color: #2b1331 !important; }
.service-card-v7--visual {
  border-color: rgba(131,51,139,.17) !important;
  box-shadow: 0 15px 35px rgba(76,30,80,.08);
}
.service-card-v7--visual::after {
  background: linear-gradient(180deg, rgba(37,13,42,.01) 18%, rgba(36,12,41,.72) 70%, rgba(28,8,34,.94) 100%) !important;
}
.service-card-v7--visual .service-no,
.service-card-v7--visual .service-tag { color: #f7bae3 !important; }
.service-card-v7--featured .service-tag {
  background: linear-gradient(135deg, #e05aac, #8e3ea8) !important;
  color: #fff !important;
}
.services-expander-v21 { color: #983f91 !important; }
.services-expander-line { background: linear-gradient(90deg, transparent, rgba(171,63,153,.32), transparent) !important; }

/* Booking */
.booking {
  background-color: #1a0a21 !important;
  background-image:
    radial-gradient(circle at 89% 14%, rgba(222,85,174,.19), transparent 29rem),
    radial-gradient(circle at 5% 88%, rgba(119,55,154,.17), transparent 24rem),
    linear-gradient(138deg, rgba(255,255,255,.018), transparent 44%) !important;
}
.booking-copy h2 { color: #fff8fe !important; }
.booking-benefits div {
  border-color: rgba(229,98,185,.24) !important;
  background: linear-gradient(145deg, rgba(100,35,111,.18), rgba(255,255,255,.018)) !important;
}
.booking-benefits strong { color: #ee8bce !important; }
.booking-benefits span { color: #ecd9eb !important; }
.booking-form {
  border-color: rgba(231,102,187,.24) !important;
  background: linear-gradient(150deg, rgba(255,255,255,.055), transparent 54%), #291231 !important;
  box-shadow: 0 28px 75px rgba(7,1,11,.34) !important;
}
.booking-form label { color: #f0deef !important; }
.booking-form input,
.booking-form select,
.booking-form textarea,
.booking-form .moon-date-trigger,
.booking-form .moon-select-trigger {
  border-color: rgba(241,178,226,.16) !important;
  background: rgba(255,255,255,.055) !important;
  color: #fff7fd !important;
}
.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus,
.booking-form .moon-date-trigger:focus-visible,
.booking-form .moon-select-trigger:focus-visible,
.booking-form .moon-custom-select.is-open .moon-select-trigger {
  border-color: rgba(232,102,190,.78) !important;
  box-shadow: 0 0 0 3px rgba(223,88,174,.13) !important;
}
.booking-form .moon-calendar-panel,
.booking-form .moon-select-panel {
  border-color: rgba(179,72,164,.20) !important;
  background: #fff9fd !important;
  box-shadow: 0 24px 58px rgba(55,18,60,.24) !important;
}
.booking-form .moon-calendar-day.is-selected,
.booking-form .moon-select-option.is-selected {
  color: #fff !important;
  background: linear-gradient(135deg, #df58ae, #8b3fa9) !important;
}
.booking-form .moon-calendar-day:hover:not(:disabled):not(.is-selected),
.booking-form .moon-select-option:hover,
.booking-form .moon-select-option:focus-visible {
  background: rgba(219,85,173,.10) !important;
}

/* FAQ */
.faq { color: #2b1331 !important; }
.faq .eyebrow { color: #ad469f !important; }
.faq-list,
.faq details { border-color: rgba(96,39,101,.16) !important; }
.faq summary::after { color: #c84da1 !important; }
.faq details p { color: #705472 !important; }

/* Contact and map */
.location {
  background-color: #130719 !important;
  background-image:
    radial-gradient(circle at 80% 10%, rgba(222,85,174,.17), transparent 27rem),
    radial-gradient(circle at 9% 88%, rgba(116,55,150,.15), transparent 23rem),
    linear-gradient(180deg, #18091f 0%, #100514 100%) !important;
}
.location-head h2 { color: #fff7fd !important; }
.moon-map-shell-v53,
.map-shell {
  border-color: rgba(229,102,187,.25) !important;
  box-shadow: 0 24px 62px rgba(4,0,8,.34) !important;
}
.moon-map-loading-v53 {
  color: rgba(248,213,239,.86) !important;
  background: radial-gradient(circle at center, rgba(55,19,65,.96), rgba(18,5,23,.98)) !important;
}
.moon-map-spinner-v53 {
  border-color: rgba(228,92,181,.20) !important;
  border-top-color: #e45caf !important;
}
.moon-map-card-v53 {
  background: linear-gradient(180deg, rgba(43,14,52,.97), rgba(18,5,23,.98)) !important;
  border-color: rgba(238,137,209,.09) !important;
}
.moon-map-card-copy-v53 strong { color: #ffd9f2 !important; }
.moon-map-card-copy-v53 p,
.moon-map-rating-v53 { color: rgba(246,211,237,.74) !important; }
.moon-map-card-actions-v53 a {
  color: #f28bcf !important;
  background: rgba(225,82,174,.10) !important;
  border-color: rgba(225,82,174,.18) !important;
}
.moon-map-stars-v53 { color: #f06ac0 !important; }
.moon-map-detail-link-v53 { color: #d49ae8 !important; }
.contact-card-static-v69,
.contact-card-visual-only img {
  filter: drop-shadow(0 26px 58px rgba(4,0,8,.30));
}

/* Footer + assistant + mobile bar */
footer {
  background: #0d0411 !important;
  border-top-color: rgba(228,94,181,.18) !important;
}
footer a:hover { color: #f19bd8 !important; }
.moon-support-launcher {
  border-color: rgba(225,87,176,.35) !important;
  background: linear-gradient(135deg, rgba(46,15,55,.96), rgba(20,6,25,.97)) !important;
  box-shadow: 0 18px 48px rgba(8,1,12,.34), 0 0 0 1px rgba(255,255,255,.02) !important;
}
.moon-support-launcher-kicker,
.moon-support-launcher-arrow { color: #ef8dce !important; }
.moon-support-panel {
  border-color: rgba(181,72,164,.20) !important;
  background: #fff8fc !important;
}
.moon-support-primary {
  color: #fff !important;
  background: linear-gradient(135deg, #df58ae, #8a3faa) !important;
}
.moon-support-chat-message--user {
  color: #fff !important;
  border-color: rgba(166,63,148,.18) !important;
  background: linear-gradient(135deg, #e064b4, #9c49b2) !important;
}
.moon-support-chat-message--user strong,
.moon-support-chat-message--user small { color: #fff !important; }
.moon-support-typing-dots span { background: #d952a8 !important; }
.mobile-contact-bar {
  background: rgba(22,8,28,.96) !important;
  border-top-color: rgba(228,93,181,.24) !important;
}
.mobile-action-primary {
  background: linear-gradient(135deg, #df58ae, #873da9) !important;
}

@media (max-width: 1180px) {
  .hero-brand-art {
    right: 18px;
    width: clamp(360px, 40vw, 520px);
  }
  .hero-content-v44 { width: min(620px, 54vw) !important; }
  .moon-live-hero-before-services .moon-live-hero-card {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important;
  }
}

@media (max-width: 980px) {
  .hero.hero-premium-v44 {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px;
    padding: 54px 24px 48px !important;
  }
  .hero-v44-overlay {
    background: linear-gradient(180deg, rgba(14,4,19,.15), rgba(14,4,19,.04)) !important;
  }
  .hero-content-v44 {
    width: min(720px, 100%) !important;
    max-width: 720px !important;
  }
  .hero-brand-art {
    position: relative;
    top: auto;
    right: auto;
    width: min(520px, 86vw);
    margin: 0 auto;
    transform: none;
  }
  .moon-live-hero-before-services .moon-live-hero-card {
    grid-template-columns: 1fr !important;
  }
  .moon-live-hero-copy {
    padding: 54px 34px 12px !important;
  }
  .moon-live-hero-art {
    width: min(480px, 82vw);
    margin-bottom: 72px;
  }
  .moon-live-hero-button {
    left: 34px !important;
    right: auto !important;
    bottom: 30px !important;
  }
}

@media (max-width: 680px) {
  .site-header { background: rgba(20,7,27,.98) !important; }
  .menu-button {
    border-color: rgba(231,105,190,.30) !important;
    background: rgba(91,31,104,.18) !important;
  }
  .site-nav {
    background: rgba(27,9,34,.98) !important;
    border-color: rgba(229,98,184,.18) !important;
  }
  .hero.hero-premium-v44 {
    min-height: auto !important;
    padding: 38px 16px 42px !important;
  }
  .hero-content-v44 h1 { font-size: clamp(3.35rem, 15vw, 4.65rem) !important; }
  .hero-content-v44 .hero-copy { max-width: 100% !important; }
  .hero-brand-art { width: min(390px, 96vw); }
  .hero-brand-mark { width: 64%; padding: 20px 16px 18px; }
  .hero-brand-mark span { font-size: .58rem; letter-spacing: .12em; }
  .hero-notes-v45 { grid-template-columns: 1fr !important; }
  .moon-live-hero-before-services { padding-inline: 14px !important; }
  .moon-live-hero-before-services .moon-live-hero-card { min-height: 650px !important; }
  .moon-live-hero-copy { padding: 40px 24px 6px !important; }
  .moon-live-hero-copy h2 { font-size: clamp(2.7rem, 12vw, 4rem) !important; }
  .moon-live-hero-art { width: min(350px, 88vw); margin-bottom: 76px; }
  .moon-live-hero-button { left: 24px !important; bottom: 24px !important; }
  .featured-post-v8::before { height: 76px !important; }
}

/* V132 layout correction: signature text left, abstract artwork right */
@media (min-width: 981px) {
  .moon-live-hero-copy { grid-column: 1 !important; grid-row: 1 !important; }
  .moon-live-hero-art { grid-column: 2 !important; grid-row: 1 !important; }
}
@media (max-width: 980px) {
  .moon-live-hero-copy { grid-column: 1 !important; grid-row: 1 !important; }
  .moon-live-hero-art { grid-column: 1 !important; grid-row: 2 !important; }
}

/* V132 polish — feature panels and assistant icons fully match the new palette */
.hero-notes-v55 .hero-feature-v55 {
  border-color: rgba(232,91,186,.64) !important;
  color: #f3a8dc !important;
  background:
    radial-gradient(circle at 18% 48%, rgba(223,88,174,.13), transparent 31%),
    linear-gradient(145deg, rgba(49,16,59,.94), rgba(18,5,23,.98) 66%, rgba(41,12,49,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,203,240,.07),
    inset 0 -1px 0 rgba(89,28,100,.28),
    0 10px 24px rgba(6,1,10,.24),
    0 0 0 1px rgba(137,43,128,.04) !important;
}
.hero-notes-v55 .hero-feature-v55::before {
  background:
    linear-gradient(100deg, transparent 0 42%, rgba(244,151,216,.07) 49%, transparent 57%),
    radial-gradient(ellipse at 50% 100%, rgba(189,74,168,.08), transparent 42%) !important;
}
.hero-notes-v55 .hero-feature-v55::after {
  background: linear-gradient(180deg,
    rgba(229,104,190,0),
    rgba(229,104,190,.52) 18%,
    rgba(229,104,190,.68) 50%,
    rgba(229,104,190,.52) 82%,
    rgba(229,104,190,0)) !important;
  box-shadow: 0 0 7px rgba(222,84,177,.12) !important;
}
.hero-notes-v55 .hero-feature-v55:hover,
.hero-notes-v55 .hero-feature-v55:focus-within {
  border-color: rgba(246,140,211,.90) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,218,244,.09),
    0 15px 32px rgba(72,18,76,.30),
    0 0 24px rgba(217,75,171,.10) !important;
}
.hero-notes-v55 .hero-feature-v55 b {
  color: #f3a8dc !important;
}
.hero-notes-v55 .hero-feature-logo-v55 img {
  filter: hue-rotate(280deg) saturate(1.18) brightness(1.16) drop-shadow(0 4px 9px rgba(196,56,157,.20)) !important;
}
.moon-support-launcher-icon img,
.moon-support-avatar img,
.moon-support-mini-logo img,
.moon-support-chat-avatar img,
.footer-brand-link img {
  filter: hue-rotate(279deg) saturate(1.16) brightness(1.12) drop-shadow(0 8px 18px rgba(0,0,0,.18)) !important;
}
.moon-support-launcher-kicker i { background: #e85bb1 !important; box-shadow: 0 0 10px rgba(232,91,177,.58) !important; }
.mobile-action-icon img { filter: hue-rotate(280deg) saturate(1.18) brightness(1.14) !important; }

/* V132 usability and service-card contrast */
#galeri,
#moon-signature,
#hizmetler,
#randevu,
#sss,
#iletisim {
  scroll-margin-top: 124px;
}
.service-card-v7.service-card-v7--visual h3,
.service-card-v7--featured.service-card-v7--visual h3 {
  color: #fff8fd !important;
  text-shadow: 0 3px 18px rgba(18,4,22,.34) !important;
}
.service-card-v7.service-card-v7--visual p,
.service-card-v7--featured.service-card-v7--visual p {
  color: rgba(255,238,250,.78) !important;
  text-shadow: 0 2px 12px rgba(18,4,22,.28) !important;
}
.service-card-v7.service-card-v7--visual::after {
  background: linear-gradient(180deg,
    rgba(34,9,40,.03) 10%,
    rgba(40,11,47,.18) 38%,
    rgba(38,10,46,.75) 72%,
    rgba(23,5,29,.96) 100%) !important;
}
.service-card-v7.service-card-v7--visual .service-no {
  color: #f7a8dc !important;
  text-shadow: 0 0 12px rgba(229,84,177,.26) !important;
}
@media (max-width: 980px) {
  #galeri,
  #moon-signature,
  #hizmetler,
  #randevu,
  #sss,
  #iletisim { scroll-margin-top: 88px; }
}

/* =========================================================
   V133 — Final supplied visuals integrated
   - People-free Moon artwork in the opening hero
   - Pink/purple model artwork in the Moon Signature banner
   ========================================================= */

/* Main opening: use the supplied people-free artwork. */
.hero.hero-premium-v44 {
  background-color: #120616 !important;
  background-image:
    linear-gradient(90deg,
      rgba(10, 2, 14, .88) 0%,
      rgba(12, 3, 17, .74) 31%,
      rgba(15, 4, 20, .34) 54%,
      rgba(12, 3, 17, .08) 76%,
      rgba(8, 1, 11, .10) 100%),
    url("../images/hero/hero-background.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.hero.hero-premium-v44::before {
  background:
    radial-gradient(circle at 23% 34%, rgba(225, 82, 177, .09), transparent 31rem),
    linear-gradient(115deg, rgba(255,255,255,.025), transparent 38%) !important;
}
.hero-v44-overlay {
  background: linear-gradient(90deg, rgba(9,2,13,.18), rgba(9,2,13,.05) 58%, transparent 78%) !important;
}
.hero-brand-art {
  display: none !important;
}
.hero-content-v44 {
  width: min(700px, 49vw) !important;
  max-width: 700px !important;
}
.hero-content-v44 h1,
.hero-content-v44 .hero-copy,
.hero-content-v44 .eyebrow,
.hero-actions-v44,
.hero-notes-v55 {
  position: relative;
  z-index: 4;
}

/* Signature banner: supplied model visual becomes the real card background. */
.moon-live-hero-before-services .moon-live-hero-card {
  position: relative !important;
  display: block !important;
  min-height: clamp(520px, 47vw, 690px) !important;
  aspect-ratio: 1792 / 853 !important;
  background-color: #360936 !important;
  background-image:
    linear-gradient(90deg,
      rgba(31, 3, 34, .86) 0%,
      rgba(38, 5, 42, .72) 32%,
      rgba(46, 7, 48, .28) 54%,
      rgba(28, 3, 31, .03) 73%),
    url("../images/signature/signature-banner.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-color: rgba(235, 86, 186, .32) !important;
  box-shadow:
    0 30px 82px rgba(55, 8, 58, .25),
    0 0 0 1px rgba(255, 181, 231, .035) inset !important;
}
.moon-live-hero-before-services .moon-live-hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(circle at 17% 25%, rgba(238, 78, 184, .16), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 42%);
}
.moon-live-hero-art {
  display: none !important;
}
.moon-live-hero-copy {
  position: absolute !important;
  z-index: 3 !important;
  left: clamp(46px, 6vw, 104px) !important;
  top: 50% !important;
  width: min(47%, 720px) !important;
  max-width: 720px !important;
  padding: 0 !important;
  transform: translateY(-55%);
  color: #fff5fd !important;
}
.moon-live-hero-label {
  color: #f28acd !important;
  text-shadow: 0 0 22px rgba(226, 76, 175, .22);
}
.moon-live-hero-label i {
  background: linear-gradient(90deg, #f260bd, transparent) !important;
}
.moon-live-hero-copy h2 {
  color: #fff8fd !important;
  text-shadow: 0 7px 30px rgba(15, 1, 18, .35);
}
.moon-live-hero-copy h2 em {
  color: #f39ad5 !important;
}
.moon-live-hero-copy p {
  color: rgba(255, 231, 249, .84) !important;
  text-shadow: 0 3px 16px rgba(16, 1, 18, .35);
}
.moon-live-hero-button {
  left: clamp(46px, 6vw, 104px) !important;
  right: auto !important;
  bottom: clamp(36px, 4.2vw, 68px) !important;
  z-index: 4 !important;
  border: 1px solid rgba(255, 178, 231, .32) !important;
  background: linear-gradient(135deg, #e758b2, #913fb0) !important;
  box-shadow: 0 17px 38px rgba(61, 7, 65, .34) !important;
}

@media (max-width: 1180px) {
  .hero-content-v44 {
    width: min(650px, 54vw) !important;
  }
  .hero.hero-premium-v44 {
    background-position: 58% center !important;
  }
}

@media (max-width: 980px) {
  .hero.hero-premium-v44 {
    min-height: 760px !important;
    display: flex !important;
    align-items: flex-start !important;
    padding: 68px 28px 54px !important;
    background-image:
      linear-gradient(180deg,
        rgba(10,2,14,.84) 0%,
        rgba(12,3,17,.67) 45%,
        rgba(12,3,17,.38) 71%,
        rgba(9,2,13,.58) 100%),
      url("../images/hero/hero-background.webp") !important;
    background-position: 67% center !important;
  }
  .hero-content-v44 {
    width: min(700px, 100%) !important;
    max-width: 700px !important;
  }
  .moon-live-hero-before-services .moon-live-hero-card {
    min-height: 650px !important;
    aspect-ratio: auto !important;
    background-size: auto 100% !important;
    background-position: 68% center !important;
  }
  .moon-live-hero-before-services .moon-live-hero-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(27,3,31,.90), rgba(35,4,39,.64) 52%, rgba(25,2,28,.12) 82%);
  }
  .moon-live-hero-copy {
    left: 34px !important;
    top: 48px !important;
    width: min(62%, 560px) !important;
    transform: none !important;
  }
  .moon-live-hero-button {
    left: 34px !important;
    bottom: 30px !important;
  }
}

@media (max-width: 680px) {
  .hero.hero-premium-v44 {
    min-height: 720px !important;
    padding: 48px 16px 44px !important;
    background-position: 71% center !important;
  }
  .hero-content-v44 {
    padding: 18px 4px 0;
  }
  .hero-content-v44 .hero-copy {
    max-width: 34rem !important;
  }
  .moon-live-hero-before-services .moon-live-hero-card {
    min-height: 680px !important;
    background-size: auto 100% !important;
    background-position: 72% center !important;
  }
  .moon-live-hero-before-services .moon-live-hero-card::before {
    background:
      linear-gradient(180deg, rgba(27,3,31,.82) 0%, rgba(28,3,32,.66) 46%, rgba(25,2,29,.34) 72%, rgba(22,2,25,.62) 100%),
      linear-gradient(90deg, rgba(27,3,31,.82), rgba(31,3,35,.32) 72%, transparent);
  }
  .moon-live-hero-copy {
    left: 24px !important;
    right: 24px !important;
    top: 34px !important;
    width: auto !important;
  }
  .moon-live-hero-copy h2 {
    max-width: 10ch;
    font-size: clamp(2.7rem, 12vw, 4rem) !important;
  }
  .moon-live-hero-copy p {
    display: block !important;
    max-width: 25rem;
    font-size: .94rem !important;
  }
  .moon-live-hero-button {
    left: 24px !important;
    bottom: 24px !important;
  }
}

/* V133 mobile correction: keep the supplied hero artwork, but crop to its
   empty left field so the embedded logo never collides with live text. */
@media (max-width: 680px) {
  .hero.hero-premium-v44 {
    background-position: 8% center !important;
    background-image:
      linear-gradient(180deg,
        rgba(10,2,14,.74) 0%,
        rgba(12,3,17,.58) 48%,
        rgba(10,2,14,.62) 100%),
      url("../images/hero/hero-background.webp") !important;
  }
}

/* =========================================================
   V134 — remove unwanted transition, lift signature text,
   integrate new contact card, and recolor live map
   ========================================================= */

/* Remove the pale transition/fade between sections and keep the new purple band clean. */
.featured-post-v8::after,
.moon-live-hero-before-services::before,
.moon-live-hero-before-services::after {
  content: none !important;
  display: none !important;
}

.moon-live-hero-before-services {
  margin-top: 0 !important;
  padding-top: clamp(22px, 3vw, 36px) !important;
  padding-bottom: clamp(30px, 4vw, 54px) !important;
  background: linear-gradient(180deg, #150214 0%, #11010f 100%) !important;
}

/* Move the copy a little higher on the signature visual. */
.moon-live-hero-copy {
  top: 44% !important;
  transform: translateY(-58%) !important;
}

.moon-live-hero-button {
  bottom: clamp(28px, 3.6vw, 56px) !important;
}

/* Replace the static contact image with the supplied Moon Signature card and keep it crisp. */
.contact-card-visual-only {
  background: transparent !important;
  box-shadow: none !important;
}

.contact-card-static-v69,
.contact-card-static-wrap-v69 {
  background: transparent !important;
  box-shadow: none !important;
}

.contact-card-image-v69,
.contact-card-visual-only img {
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 26px !important;
  box-shadow: 0 24px 56px rgba(18, 3, 21, .28) !important;
}

/* Bring the live map closer to the site's pink-purple palette while keeping readability. */
.moon-map-shell-v53 {
  border: 1px solid rgba(238, 102, 199, .26) !important;
  background: #0e0711 !important;
  box-shadow: 0 22px 54px rgba(14, 4, 16, .34) !important;
}

.moon-map-shell-v53::after {
  background:
    linear-gradient(180deg, rgba(6, 3, 10, .12) 0%, rgba(8, 3, 11, .12) 56%, rgba(7, 3, 11, .30) 100%),
    radial-gradient(circle at 18% 12%, rgba(232, 90, 186, .12), transparent 18rem),
    radial-gradient(circle at 82% 78%, rgba(194, 91, 255, .10), transparent 20rem) !important;
}

.moon-map-canvas-v53 {
  background: #09040b !important;
}

.moon-map-canvas-v53 canvas {
  filter: saturate(.72) hue-rotate(286deg) brightness(.68) contrast(1.02) !important;
}

.moon-map-loading-v53 {
  color: rgba(255, 228, 248, .86) !important;
  background: radial-gradient(circle at center, rgba(31, 6, 32, .96), rgba(9, 4, 12, .98)) !important;
}

.moon-map-spinner-v53 {
  border-color: rgba(246, 123, 212, .18) !important;
  border-top-color: #ef74c8 !important;
}

.moon-map-card-v53 {
  background: linear-gradient(180deg, rgba(43, 7, 49, .97), rgba(20, 3, 24, .98)) !important;
  border: 1px solid rgba(244, 140, 218, .16) !important;
  box-shadow: 0 16px 38px rgba(15, 2, 17, .36) !important;
}

.moon-map-card-copy-v53 strong {
  color: #ffe7fb !important;
}

.moon-map-card-copy-v53 p {
  color: rgba(255, 224, 245, .80) !important;
}

.moon-map-card-actions-v53 a {
  color: #f4a6dd !important;
  background: rgba(244, 110, 202, .09) !important;
  border-color: rgba(244, 110, 202, .16) !important;
}

.moon-map-card-actions-v53 a:hover {
  background: rgba(244, 110, 202, .16) !important;
  border-color: rgba(244, 110, 202, .26) !important;
}

.moon-map-rating-v53 {
  gap: 8px !important;
  color: rgba(255, 229, 247, .86) !important;
}

.moon-map-rating-v53 > span:first-child {
  color: #fff2fc !important;
}

.moon-map-stars-v53 {
  color: #ffc85f !important;
  font-size: .86rem !important;
  letter-spacing: .08em !important;
  text-shadow: 0 0 10px rgba(255, 200, 95, .18) !important;
}

.moon-map-reviews-v53 {
  color: rgba(255, 214, 237, .82) !important;
}

.moon-map-detail-link-v53,
.moon-map-bottom-v53 a {
  color: #f3c1e9 !important;
}

.moon-map-detail-link-v53:hover,
.moon-map-bottom-v53 a:hover {
  color: #ffe6fa !important;
}

.moon-map-marker-pin-v53::before {
  background: linear-gradient(145deg, #f59adf, #bf4ec7) !important;
}

.moon-map-marker-pin-v53::after {
  background: #240a23 !important;
  border-color: #ffd6f3 !important;
}

.moon-map-marker-label-v53 {
  color: #ffd5f2 !important;
}

.moon-map-zoom-v53 {
  border-color: rgba(244, 110, 202, .14) !important;
}

.moon-map-zoom-v53 button {
  background: rgba(11, 4, 14, .94) !important;
  color: #ffd0ef !important;
  border-bottom-color: rgba(244, 110, 202, .12) !important;
}

.moon-map-zoom-v53 button:hover {
  background: rgba(28, 7, 31, .97) !important;
}

.moon-map-attribution-v53 {
  color: rgba(255, 230, 248, .34) !important;
}

.moon-map-bottom-v53 {
  background: linear-gradient(180deg, rgba(8, 3, 10, .97), rgba(5, 2, 7, .99)) !important;
  border-color: rgba(244, 110, 202, .12) !important;
}

.moon-map-bottom-v53 strong {
  color: #fff0fc !important;
}

@media (max-width: 980px) {
  .moon-live-hero-copy {
    top: 32px !important;
    transform: none !important;
  }

  .contact-card-image-v69,
  .contact-card-visual-only img {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
  }
}

@media (max-width: 680px) {
  .moon-live-hero-before-services {
    padding-top: 16px !important;
    padding-bottom: 36px !important;
  }

  .moon-live-hero-copy {
    top: 22px !important;
    left: 22px !important;
    right: 22px !important;
  }

  .contact-card-image-v69,
  .contact-card-visual-only img {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    border-radius: 22px !important;
  }
}

/* =========================================================
   V135 — Moon Asistan mor tema + randevu formu/dropdown uyumu
   ========================================================= */

:root {
  --moon-v135-panel-bg: #f7f1f7;
  --moon-v135-soft-bg: #f5eef7;
  --moon-v135-card-bg: rgba(255,255,255,.88);
  --moon-v135-card-border: rgba(194, 132, 196, .24);
  --moon-v135-text: #3f2b3d;
  --moon-v135-muted: #826680;
  --moon-v135-accent: #dc69c7;
  --moon-v135-accent-2: #9a4cc2;
  --moon-v135-accent-soft: rgba(220, 105, 199, .12);
}

/* Support / assistant panel */
.moon-support-panel {
  border: 1px solid rgba(228, 129, 214, .34) !important;
  border-radius: 30px !important;
  background: var(--moon-v135-panel-bg) !important;
  box-shadow:
    0 34px 90px rgba(31, 7, 37, .34),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

.moon-support-head {
  border-bottom: 1px solid rgba(232, 162, 221, .22) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 194, 235, .14), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(222, 96, 204, .10), transparent 24%),
    linear-gradient(135deg, #251028 0%, #10060f 58%, #080408 100%) !important;
}

.moon-support-brandline {
  color: #e8bd63 !important;
}

.moon-support-head-copy strong {
  color: #fff5fd !important;
  font-size: 1.16rem !important;
}

.moon-support-head-copy small {
  color: rgba(255, 229, 248, .70) !important;
  font-size: .67rem !important;
}

.moon-support-head-copy small i {
  background: #dca94f !important;
  box-shadow: 0 0 0 4px rgba(220,169,79,.12), 0 0 14px rgba(220,169,79,.30) !important;
}

.moon-support-avatar,
.moon-support-mini-logo {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.moon-support-avatar img,
.moon-support-mini-logo img,
.moon-support-launcher-icon img {
  filter: drop-shadow(0 10px 24px rgba(39, 8, 46, .24)) !important;
}

.moon-support-close {
  color: #f6d8f3 !important;
  background: rgba(255,255,255,.08) !important;
}

.moon-support-close:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.14) !important;
}

.moon-support-body {
  padding: 20px 18px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(220, 105, 199, .12), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(168, 107, 196, .10), transparent 26%),
    linear-gradient(180deg, #fbf8fb 0%, #f4edf3 100%) !important;
  scrollbar-color: rgba(181, 124, 181, .42) transparent !important;
}

.moon-support-chat-message,
.moon-support-bubble {
  border: 1px solid var(--moon-v135-card-border) !important;
  color: var(--moon-v135-text) !important;
  background: var(--moon-v135-card-bg) !important;
  box-shadow: 0 10px 24px rgba(56, 23, 58, .07) !important;
}

.moon-support-chat-name,
.moon-support-caption,
.moon-support-bubble-label {
  color: #b18444 !important;
}

.moon-support-chat-message strong,
.moon-support-bubble strong {
  color: #2f1e2e !important;
}

.moon-support-chat-message small,
.moon-support-chat-note,
.moon-support-description {
  color: var(--moon-v135-muted) !important;
}

.moon-support-topic-grid--home,
.moon-support-service-grid,
.moon-support-advisor-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.moon-support-topic-grid--home .moon-support-topic,
.moon-support-service,
.moon-support-advisor {
  width: 100% !important;
  margin-left: 0 !important;
  border: 1px solid var(--moon-v135-card-border) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(252,248,252,.96)) !important;
  box-shadow: 0 10px 24px rgba(53, 23, 55, .05) !important;
}

.moon-support-topic-grid--home .moon-support-topic {
  min-height: 74px !important;
  padding: 14px 16px !important;
  grid-template-columns: minmax(0,1fr) 18px !important;
}

.moon-support-topic-copy strong {
  font-size: .95rem !important;
  line-height: 1.15 !important;
  color: #483442 !important;
}

.moon-support-topic-copy small {
  margin-top: 5px !important;
  font-size: .76rem !important;
  line-height: 1.34 !important;
  color: #8d727f !important;
}

.moon-support-topic-arrow,
.moon-support-service span:last-child {
  color: #c48b32 !important;
}

.moon-support-topic:hover,
.moon-support-topic:focus-visible,
.moon-support-service:hover,
.moon-support-service:focus-visible,
.moon-support-advisor:hover,
.moon-support-advisor:focus-visible {
  border-color: rgba(213, 102, 190, .42) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 28px rgba(53, 23, 55, .10) !important;
}

.moon-support-panel-title h3,
.moon-support-selection b,
.moon-support-result h4 {
  color: #352333 !important;
}

.moon-support-back,
.moon-support-result-list button,
.moon-support-secondary {
  border-color: rgba(203, 143, 206, .30) !important;
  color: #7f4c7b !important;
  background: rgba(255,255,255,.78) !important;
}

.moon-support-form,
.moon-support-result,
.moon-support-note,
.moon-support-selection {
  border: 1px solid rgba(210, 155, 210, .22) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 22px rgba(53, 23, 55, .05) !important;
}

.moon-support-field {
  color: #6d4a68 !important;
}

.moon-support-field input,
.moon-support-field select {
  border: 1px solid rgba(204, 151, 206, .24) !important;
  color: #3d2b3b !important;
  background: rgba(255,255,255,.94) !important;
}

.moon-support-field input:focus,
.moon-support-field select:focus,
.moon-support-back:focus-visible,
.moon-support-result-list button:focus-visible,
.moon-support-primary:focus-visible,
.moon-support-secondary:focus-visible,
.moon-support-reset:focus-visible {
  border-color: rgba(217, 104, 196, .54) !important;
  box-shadow: 0 0 0 3px rgba(217, 104, 196, .12) !important;
  outline: none !important;
}

.moon-support-primary,
.moon-support-reset {
  border: 1px solid rgba(221, 131, 210, .24) !important;
  color: #fff7fd !important;
  background: linear-gradient(135deg, #e565c8 0%, #b858cb 52%, #7f43a6 100%) !important;
  box-shadow: 0 12px 24px rgba(124, 48, 125, .20) !important;
}

.moon-support-note {
  color: #7a6378 !important;
  background: rgba(234, 209, 235, .24) !important;
}

.moon-support-foot {
  color: rgba(255, 229, 248, .64) !important;
  background: linear-gradient(135deg, #160818 0%, #0a040a 100%) !important;
  font-size: .58rem !important;
}

/* Keep the launcher in the same family. */
.moon-support-launcher {
  border: 1px solid rgba(231, 141, 215, .22) !important;
  background: linear-gradient(135deg, rgba(36, 10, 40, .94), rgba(12, 5, 15, .97)) !important;
  box-shadow: 0 18px 38px rgba(23, 7, 28, .30) !important;
}

.moon-support-launcher::before {
  background: radial-gradient(circle at center, rgba(220, 105, 199, .28), rgba(220, 105, 199, 0) 70%) !important;
}

.moon-support-launcher-copy strong,
.moon-support-launcher-copy small,
.moon-support-launcher-kicker,
.moon-support-launcher-arrow {
  color: #f8def5 !important;
}

.moon-support-launcher-kicker i {
  background: #dca94f !important;
}

/* Booking form / selects / date picker */
.booking-form input,
.booking-form textarea {
  border: 1px solid rgba(222, 130, 211, .18) !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.booking-form input::placeholder,
.booking-form textarea::placeholder {
  color: rgba(255, 235, 248, .42) !important;
}

.booking-form .moon-date-trigger,
.booking-form .moon-select-trigger {
  border: 1px solid rgba(223, 129, 210, .22) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), rgba(41, 15, 51, .78) !important;
  color: rgba(255, 236, 248, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.booking-form .moon-date-trigger:hover,
.booking-form .moon-select-trigger:hover,
.booking-form .moon-custom-select.is-open .moon-select-trigger {
  border-color: rgba(228, 131, 212, .46) !important;
  background: linear-gradient(180deg, rgba(228,131,212,.08), rgba(255,255,255,.02)), rgba(51, 18, 62, .86) !important;
}

.booking-form .moon-date-trigger:focus-visible,
.booking-form .moon-date-trigger[aria-expanded="true"],
.booking-form .moon-custom-select.is-open .moon-select-trigger,
.booking-form .moon-select-trigger:focus-visible {
  border-color: rgba(231, 136, 214, .72) !important;
  box-shadow: 0 0 0 3px rgba(220, 105, 199, .13) !important;
}

.moon-date-value,
.booking-form .moon-select-trigger {
  font-weight: 600 !important;
}

.moon-date-value.has-value,
.booking-form .moon-select-trigger.has-value {
  color: #fff2fc !important;
}

.moon-date-trigger svg,
.moon-select-trigger svg {
  stroke: #e8bc64 !important;
}

.moon-calendar-panel,
.moon-select-panel {
  border: 1px solid rgba(230, 145, 216, .28) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(231, 121, 214, .14), transparent 12rem),
    linear-gradient(165deg, #341139 0%, #19081d 100%) !important;
  color: #fdeffd !important;
  box-shadow: 0 26px 60px rgba(12, 2, 15, .46), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.moon-select-panel {
  z-index: 10020 !important;
}

.moon-select-panel::-webkit-scrollbar-thumb,
.moon-calendar-panel::-webkit-scrollbar-thumb {
  background: rgba(231, 135, 214, .34) !important;
}

.moon-calendar-weekdays span {
  color: rgba(255, 223, 247, .60) !important;
}

.booking-form .moon-calendar-month,
.booking-form .moon-calendar-day,
.booking-form .moon-select-option {
  color: #f7ebf5 !important;
}

.booking-form .moon-calendar-nav button {
  border-color: rgba(231, 135, 214, .20) !important;
  color: #efc46d !important;
  background: rgba(255,255,255,.04) !important;
}

.booking-form .moon-calendar-day:hover:not(:disabled):not(.is-selected),
.booking-form .moon-select-option:hover,
.booking-form .moon-select-option:focus-visible {
  color: #fff7fe !important;
  background: rgba(229, 127, 212, .14) !important;
  border-color: rgba(231, 135, 214, .18) !important;
}

.booking-form .moon-calendar-day.is-today:not(.is-selected) {
  color: #f1c86e !important;
  border-color: rgba(241, 200, 110, .28) !important;
}

.booking-form .moon-calendar-day.is-selected,
.booking-form .moon-select-option.is-selected {
  color: #fff8fd !important;
  border-color: rgba(238, 166, 226, .40) !important;
  background: linear-gradient(135deg, #e36bcc 0%, #b154c8 55%, #7a3faf 100%) !important;
  box-shadow: 0 10px 20px rgba(126, 58, 139, .24), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.moon-select-option svg {
  color: #fff4fd !important;
}

.moon-calendar-footer {
  border-top-color: rgba(233, 157, 220, .12) !important;
}

.booking-form .moon-calendar-footer button {
  color: #efc46d !important;
}

.moon-select-error,
.moon-date-error {
  color: #ffbfd9 !important;
}

@media (max-width: 680px) {
  .moon-support-panel {
    width: min(540px, calc(100vw - 20px)) !important;
    max-height: min(760px, calc(100vh - 20px)) !important;
    border-radius: 28px !important;
  }

  .moon-support-head {
    grid-template-columns: 56px minmax(0,1fr) 38px !important;
    padding: 14px 14px 13px !important;
  }

  .moon-support-avatar { width: 56px !important; height: 56px !important; }
  .moon-support-body { max-height: calc(100vh - 215px) !important; padding: 16px 14px !important; }

  .moon-support-topic-grid--home .moon-support-topic {
    min-height: 68px !important;
    padding: 13px 14px !important;
  }

  .moon-support-topic-copy strong { font-size: .88rem !important; }
  .moon-support-topic-copy small { font-size: .72rem !important; }

  .moon-select-panel,
  .moon-calendar-panel {
    width: min(390px, calc(100vw - 26px)) !important;
    max-height: min(70vh, 520px) !important;
  }
}

/* =========================================================
   V136 — corrected section backgrounds, transition, favicon target,
   and fully visible calendar/select popovers
   ========================================================= */

/* Restore the former soft pink background behind the Moon Signature card. */
.moon-live-hero-before-services {
  margin-top: 0 !important;
  padding-top: clamp(44px, 5vw, 68px) !important;
  padding-bottom: clamp(62px, 6vw, 90px) !important;
  background-color: #f8eef8 !important;
  background-image:
    radial-gradient(circle at 90% 8%, rgba(222,105,190,.10), transparent 25rem),
    radial-gradient(circle at 6% 94%, rgba(126,65,170,.08), transparent 22rem),
    linear-gradient(135deg, rgba(255,255,255,.64), transparent 44%) !important;
}

.moon-live-hero-before-services::before,
.moon-live-hero-before-services::after {
  content: none !important;
  display: none !important;
}

/* Remove the actual hero-to-Instagram transition shown in the screenshot. */
.hero.hero-premium-v44::after,
.featured-post-v8::before {
  content: none !important;
  display: none !important;
}

.featured-post-v8 {
  margin-top: 0 !important;
  padding-top: clamp(88px, 8vw, 116px) !important;
}

/* The older, more specific light-popup rule was still winning.
   Override it at equal/higher specificity so all options stay readable. */
.booking-form .moon-calendar-panel,
.booking-form .moon-select-panel {
  z-index: 10050 !important;
  border: 1px solid rgba(235, 145, 219, .34) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(231, 121, 214, .16), transparent 12rem),
    radial-gradient(circle at 0% 100%, rgba(133, 71, 173, .13), transparent 13rem),
    linear-gradient(165deg, #35113b 0%, #210a27 52%, #16071b 100%) !important;
  color: #fff1fc !important;
  box-shadow:
    0 28px 64px rgba(12, 2, 15, .50),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter: blur(20px) !important;
}

.booking-form .moon-calendar-month {
  color: #fff0fb !important;
}

.booking-form .moon-calendar-weekdays span {
  color: rgba(255, 211, 242, .72) !important;
}

.booking-form .moon-calendar-day:not(:disabled) {
  color: #f9eaf7 !important;
}

.booking-form .moon-calendar-day:disabled {
  color: rgba(249, 222, 244, .25) !important;
}

.booking-form .moon-calendar-day:hover:not(:disabled):not(.is-selected) {
  color: #ffffff !important;
  border-color: rgba(235, 145, 219, .22) !important;
  background: rgba(229, 111, 207, .16) !important;
}

.booking-form .moon-calendar-day.is-today:not(.is-selected) {
  color: #f4c861 !important;
  border-color: rgba(244, 200, 97, .44) !important;
}

.booking-form .moon-calendar-day.is-selected {
  color: #ffffff !important;
  border-color: rgba(255, 198, 240, .52) !important;
  background: linear-gradient(135deg, #e76bce 0%, #ad50c7 54%, #7740a7 100%) !important;
  box-shadow: 0 10px 22px rgba(117, 43, 129, .30), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.booking-form .moon-calendar-nav button {
  border-color: rgba(235, 145, 219, .23) !important;
  color: #f1c76c !important;
  background: rgba(255,255,255,.045) !important;
}

.booking-form .moon-calendar-nav button:hover:not(:disabled) {
  border-color: rgba(235, 145, 219, .42) !important;
  background: rgba(229, 111, 207, .15) !important;
}

.booking-form .moon-calendar-footer {
  border-top-color: rgba(235, 145, 219, .16) !important;
}

.booking-form .moon-calendar-footer button {
  color: #f3c663 !important;
}

.booking-form .moon-calendar-footer button:hover {
  color: #ffe3a1 !important;
}

.booking-form .moon-select-option {
  color: #f8e9f6 !important;
}

.booking-form .moon-select-option:hover,
.booking-form .moon-select-option:focus-visible {
  color: #ffffff !important;
  border-color: rgba(235, 145, 219, .22) !important;
  background: rgba(229, 111, 207, .16) !important;
}

.booking-form .moon-select-option.is-selected {
  color: #ffffff !important;
  border-color: rgba(255, 198, 240, .48) !important;
  background: linear-gradient(135deg, #e76bce 0%, #ad50c7 54%, #7740a7 100%) !important;
}

.booking-form .moon-select-panel::-webkit-scrollbar-thumb {
  background: rgba(235, 145, 219, .42) !important;
}

@media (max-width: 980px) {
  .featured-post-v8 {
    padding-top: 76px !important;
  }

  .moon-live-hero-before-services {
    padding-top: 34px !important;
    padding-bottom: 58px !important;
  }
}

@media (max-width: 680px) {
  .featured-post-v8 {
    padding-top: 62px !important;
  }

  .moon-live-hero-before-services {
    padding-top: 24px !important;
    padding-bottom: 48px !important;
  }

  .booking-form .moon-calendar-panel,
  .booking-form .moon-select-panel {
    z-index: 10050 !important;
  }
}

/* =========================================================
   V138 — kalan sarı tonları temizleme + asistan uyumu
   ========================================================= */

/* Hizmet kartları: sol üstteki bej/sarı perdeyi kaldır, mor-pembe tonlara çek. */
.service-card-v7--visual::before {
  background-image:
    linear-gradient(145deg,
      rgba(248, 244, 249, .92) 0%,
      rgba(245, 237, 247, .76) 18%,
      rgba(231, 205, 234, .36) 42%,
      rgba(66, 16, 77, .44) 78%,
      rgba(33, 7, 39, .72) 100%),
    var(--service-image) !important;
}

.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(122deg,
      rgba(248, 243, 249, .92) 0%,
      rgba(244, 235, 247, .80) 20%,
      rgba(227, 196, 232, .42) 46%,
      rgba(72, 16, 82, .48) 74%,
      rgba(29, 6, 35, .76) 100%),
    var(--service-image) !important;
}

.service-card-v7--visual::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(245, 167, 228, .16), transparent 18rem) !important;
}

.service-card-v7--visual {
  background: #f7f0f7 !important;
  box-shadow: 0 16px 40px rgba(48, 16, 51, .08) !important;
}

.service-card-v7--featured.service-card-v7--visual {
  background: #f3e8f4 !important;
}

.service-card-v7--visual .service-no,
.service-card-v7--visual .service-tag {
  color: #ef8ed8 !important;
}

.service-card-v7--featured .service-tag {
  background: #c759b1 !important;
  color: #fff6fd !important;
}

.service-card-v7--visual h3 {
  color: #fff8fd !important;
  text-shadow: 0 2px 14px rgba(24, 4, 29, .30) !important;
}

.service-card-v7--visual p {
  color: rgba(255, 241, 251, .90) !important;
  text-shadow: 0 1px 10px rgba(24, 4, 29, .24) !important;
}

/* Tarih seçici ve saat alanı: sarıları sitenin ana rengine çevir. */
.booking-form .moon-date-trigger svg,
.moon-select-trigger svg,
.booking-form .moon-calendar-footer button,
.booking-form .moon-calendar-nav button,
.booking-form .moon-calendar-day.is-today:not(.is-selected),
.moon-date-error,
.moon-select-error {
  color: #ef94da !important;
  stroke: #ef94da !important;
}

.booking-form .moon-date-trigger:hover,
.booking-form .moon-select-trigger:hover,
.booking-form .moon-custom-select.is-open .moon-select-trigger,
.booking-form .moon-date-trigger:focus-visible,
.booking-form .moon-date-trigger[aria-expanded="true"],
.booking-form .moon-select-trigger:focus-visible {
  border-color: rgba(236, 136, 219, .50) !important;
  box-shadow: 0 0 0 3px rgba(236, 136, 219, .12) !important;
}

.moon-calendar-panel,
.moon-select-panel {
  border-color: rgba(229, 123, 214, .26) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(226, 116, 210, .16), transparent 12rem),
    linear-gradient(165deg, #321037 0%, #16061a 100%) !important;
}

.booking-form .moon-calendar-day:hover:not(:disabled):not(.is-selected),
.booking-form .moon-select-option:hover,
.booking-form .moon-select-option:focus-visible {
  color: #fff6fd !important;
  background: rgba(239, 148, 218, .12) !important;
  border-color: rgba(239, 148, 218, .18) !important;
}

.booking-form .moon-calendar-day.is-selected,
.booking-form .moon-select-option.is-selected {
  border-color: rgba(241, 170, 230, .40) !important;
  background: linear-gradient(135deg, #ef94da 0%, #c963ca 52%, #8848ba 100%) !important;
  box-shadow: 0 10px 20px rgba(132, 62, 155, .24), inset 0 1px 0 rgba(255,255,255,.22) !important;
  color: #fff8fe !important;
}

.booking-form .moon-calendar-nav button:hover:not(:disabled) {
  background: rgba(239, 148, 218, .10) !important;
  border-color: rgba(239, 148, 218, .24) !important;
}

.moon-calendar-weekdays span,
.booking-form .moon-calendar-day,
.booking-form .moon-calendar-month,
.booking-form .moon-select-option,
.moon-date-value.has-value,
.booking-form .moon-select-trigger.has-value {
  color: #fdeffd !important;
}

/* Moon Asistan: logo cache-bust + mavi/gold hissini kaldırıp mor-pembe uyum ver. */
.moon-support-brandline,
.moon-support-chat-name,
.moon-support-caption,
.moon-support-bubble-label {
  color: #d878cb !important;
}

.moon-support-head-copy small,
.moon-support-chat-message small,
.moon-support-description,
.moon-support-topic-copy small,
.moon-support-note,
.moon-support-foot,
.moon-support-field,
.moon-support-selection,
.moon-support-field input::placeholder,
.moon-support-field textarea::placeholder {
  color: #8f7791 !important;
}

.moon-support-head-copy small i,
.moon-support-launcher-kicker i {
  background: #ef94da !important;
  box-shadow: 0 0 0 4px rgba(239,148,218,.10), 0 0 12px rgba(239,148,218,.28) !important;
}

.moon-support-chat-message,
.moon-support-bubble,
.moon-support-form,
.moon-support-result,
.moon-support-note,
.moon-support-selection,
.moon-support-topic-grid--home .moon-support-topic,
.moon-support-service,
.moon-support-advisor {
  border-color: rgba(226, 171, 226, .28) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(250,245,251,.95)) !important;
}

.moon-support-topic-copy strong,
.moon-support-chat-message strong,
.moon-support-bubble strong,
.moon-support-panel-title h3,
.moon-support-selection b,
.moon-support-result h4 {
  color: #4b2f48 !important;
}

.moon-support-topic-arrow,
.moon-support-service span:last-child,
.moon-support-advisor span:last-child,
.moon-support-back,
.moon-support-secondary,
.moon-support-result-list button {
  color: #cf68c1 !important;
}

.moon-support-primary,
.moon-support-reset {
  background: linear-gradient(135deg, #ef94da 0%, #ca61cb 55%, #8848ba 100%) !important;
  color: #fff8fe !important;
}

.moon-support-close {
  background: rgba(255,255,255,.10) !important;
  color: #f7d7f0 !important;
}

.moon-support-avatar img,
.moon-support-mini-logo img,
.moon-support-launcher-icon img,
.moon-support-chat-avatar img {
  filter: drop-shadow(0 8px 20px rgba(62, 13, 73, .22)) saturate(1.02) !important;
}

/* =========================================================
   V139 — hizmet kartı overlay düzeltmeleri + kalan sarılar
   ========================================================= */

/* Hizmet kartlarında sol üstten gelen beyaz sis tonu pembemsi hale getirildi. */
.service-card-v7--visual::before {
  background-image:
    linear-gradient(145deg,
      rgba(247, 236, 244, .88) 0%,
      rgba(241, 223, 238, .72) 16%,
      rgba(226, 189, 226, .44) 36%,
      rgba(81, 22, 88, .42) 70%,
      rgba(31, 7, 37, .74) 100%),
    var(--service-image) !important;
}

.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(122deg,
      rgba(247, 235, 244, .90) 0%,
      rgba(241, 224, 239, .76) 18%,
      rgba(225, 189, 226, .48) 42%,
      rgba(83, 22, 90, .46) 74%,
      rgba(30, 7, 35, .78) 100%),
    var(--service-image) !important;
}

.service-card-v7--visual::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 24%),
    radial-gradient(circle at 84% 14%, rgba(243, 163, 227, .15), transparent 18rem) !important;
}

/* 01 02 03 numaraları kaldırıldı. */
.service-card-v7--visual .service-no {
  display: none !important;
}

/* Popüler etiketi daha belirgin hale getirildi. */
.service-card-v7--featured .service-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ef8fd8 0%, #cc5fbe 100%) !important;
  color: #fff8fd !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 22px rgba(183, 74, 164, .22) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

/* Takvim ve seçim kutularındaki kalan sarılar mor/pembe palette toplandı. */
.booking-form .moon-date-trigger svg,
.moon-select-trigger svg {
  stroke: #ef90d8 !important;
}

.booking-form .moon-calendar-nav button,
.booking-form .moon-calendar-footer button {
  color: #ef90d8 !important;
}

.booking-form .moon-calendar-nav button svg {
  stroke: #ef90d8 !important;
}

.booking-form .moon-calendar-day.is-today:not(.is-selected) {
  color: #f4b3e6 !important;
  border-color: rgba(239, 144, 216, .36) !important;
}

.booking-form .moon-calendar-day.is-selected {
  color: #fff8fe !important;
  border: 1px solid rgba(243, 184, 233, .52) !important;
  background: linear-gradient(135deg, #ef90d8 0%, #c95ac4 55%, #8f4ac0 100%) !important;
  box-shadow: 0 10px 24px rgba(143, 74, 192, .24), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.booking-form .moon-select-option.is-selected {
  color: #fff8fe !important;
  border-color: rgba(243, 184, 233, .46) !important;
  background: linear-gradient(135deg, #ef90d8 0%, #c95ac4 55%, #8f4ac0 100%) !important;
}

.booking-form .moon-select-panel,
.booking-form .moon-calendar-panel {
  scrollbar-color: rgba(239, 144, 216, .58) rgba(255,255,255,0) !important;
}

.booking-form .moon-select-panel::-webkit-scrollbar-thumb,
.booking-form .moon-calendar-panel::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(239,144,216,.92), rgba(165,82,195,.92)) !important;
  border-radius: 999px !important;
}

.booking-form .moon-select-panel::-webkit-scrollbar-track,
.booking-form .moon-calendar-panel::-webkit-scrollbar-track {
  background: rgba(255,255,255,.02) !important;
}

/* Moon Asistan: sohbet ve dönüş butonu daha uyumlu hale getirildi. */
.moon-support-avatar img,
.moon-support-mini-logo img,
.moon-support-launcher-icon img,
.moon-support-chat-avatar img {
  filter: drop-shadow(0 8px 20px rgba(67, 16, 78, .20)) saturate(1.03) brightness(1.02) !important;
}

.moon-support-chat-message,
.moon-support-bubble,
.moon-support-topic-grid--home .moon-support-topic,
.moon-support-service,
.moon-support-advisor,
.moon-support-form,
.moon-support-note,
.moon-support-selection,
.moon-support-result {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,241,249,.97)) !important;
  border-color: rgba(231, 194, 230, .34) !important;
}

.moon-support-chat-message strong,
.moon-support-bubble strong,
.moon-support-topic-copy strong {
  color: #4c3049 !important;
}

.moon-support-chat-message small,
.moon-support-description,
.moon-support-topic-copy small,
.moon-support-note,
.moon-support-foot {
  color: #927a92 !important;
}

.moon-support-reset {
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(135deg, #ef90d8 0%, #cc63cb 60%, #944fc2 100%) !important;
  color: #fff8fe !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 24px rgba(139, 68, 170, .18) !important;
}

.moon-support-reset:hover,
.moon-support-reset:focus-visible {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

/* =========================================================
   V140 — hizmet kartı sol üst beyazlık düzeltmesi
   ========================================================= */

/* Sol üstte kalan beyaz parlamayı kaldırıp daha pembe/mor yumuşak bir geçişe çekiyoruz. */
.service-card-v7--visual::before {
  background-image:
    linear-gradient(145deg,
      rgba(235, 205, 229, .52) 0%,
      rgba(214, 170, 215, .34) 14%,
      rgba(173, 103, 177, .20) 28%,
      rgba(82, 22, 88, .42) 68%,
      rgba(31, 7, 37, .76) 100%),
    var(--service-image) !important;
}

.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(122deg,
      rgba(234, 201, 227, .54) 0%,
      rgba(213, 168, 214, .36) 16%,
      rgba(171, 100, 175, .22) 32%,
      rgba(84, 22, 90, .44) 72%,
      rgba(30, 7, 35, .78) 100%),
    var(--service-image) !important;
}

/* İlave beyaz highlight da daha hafif pembe glow olsun. */
.service-card-v7--visual::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 18%),
    radial-gradient(circle at 82% 14%, rgba(235, 137, 216, .12), transparent 18rem) !important;
}

/* =========================================================
   V141 — hizmet görselleri doğal hale getirildi + hero canlandırıldı
   ========================================================= */

/* Hero bölümünü biraz daha canlı ve daha az soluk göster. */
.hero.hero-premium-v44 {
  background-image:
    linear-gradient(90deg,
      rgba(11, 2, 15, .72) 0%,
      rgba(14, 3, 19, .54) 28%,
      rgba(18, 4, 24, .18) 53%,
      rgba(13, 2, 18, .04) 76%,
      rgba(8, 1, 12, .02) 100%),
    url("../images/hero/hero-background.webp") !important;
}
.hero.hero-premium-v44::before {
  background:
    radial-gradient(circle at 25% 34%, rgba(242, 102, 196, .18), transparent 34rem),
    radial-gradient(circle at 72% 30%, rgba(171, 85, 212, .10), transparent 26rem),
    linear-gradient(120deg, rgba(255,255,255,.028), transparent 36%) !important;
}
.hero-v44-overlay {
  background: linear-gradient(90deg, rgba(9,2,13,.08), rgba(9,2,13,.03) 55%, transparent 78%) !important;
}

/* Hizmet görsellerinde logo/tabela bulunan sürümler yerine düzenlenmiş daha doğal görseller. */
.service-card-v7--kalici { --service-image: url("../images/services/kalici-makyaj.webp") !important; }
.service-card-v7--protez { --service-image: url("../images/services/protez-tirnak.webp") !important; }
.service-card-v7--ipek   { --service-image: url("../images/services/ipek-kirpik.webp") !important; }
.service-card-v7--dudak  { --service-image: url("../images/services/dudak-renklendirme.webp") !important; }
.service-card-v7--kuafor { --service-image: url("../images/services/kuafor.webp") !important; }

/* Hizmet kartlarının görsel katmanını biraz daha temiz ve dengeli yap. */
.service-card-v7--visual::before {
  background-image:
    linear-gradient(152deg,
      rgba(246, 234, 244, .90) 0%,
      rgba(238, 211, 234, .70) 17%,
      rgba(198, 136, 201, .28) 37%,
      rgba(73, 18, 80, .48) 68%,
      rgba(25, 5, 31, .82) 100%),
    var(--service-image) !important;
  background-position: center, center center !important;
  background-size: cover, cover !important;
}
.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(135deg,
      rgba(247, 236, 246, .88) 0%,
      rgba(240, 215, 236, .68) 18%,
      rgba(208, 146, 207, .28) 38%,
      rgba(83, 21, 90, .44) 68%,
      rgba(24, 5, 30, .80) 100%),
    var(--service-image) !important;
}
.service-card-v7--visual::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 17%),
    radial-gradient(circle at 82% 18%, rgba(234, 122, 218, .14), transparent 16rem) !important;
}

/* Instagram/kolaj bölümünü biraz daha canlı göster. */
.moon-social-showcase--clean .moon-social-photo img {
  filter: saturate(1.03) contrast(1.01) brightness(1.02) !important;
}
.moon-social-showcase--clean .moon-social-showcase-link:hover .moon-social-photo img {
  filter: saturate(1.06) contrast(1.02) brightness(1.03) !important;
}

/* =========================================================
   V142 — hero daha canlı + hizmet kartları daha net + kolaj daha premium
   ========================================================= */

/* HERO: daha parlak, daha canlı, ama hâlâ premium karanlık görünüm. */
.hero.hero-premium-v44 {
  background-image:
    linear-gradient(90deg,
      rgba(12, 2, 16, .58) 0%,
      rgba(15, 3, 20, .40) 27%,
      rgba(18, 4, 24, .12) 52%,
      rgba(13, 2, 18, .02) 76%,
      rgba(8, 1, 12, 0) 100%),
    url("../images/hero/hero-background.webp") !important;
}
.hero.hero-premium-v44::before {
  background:
    radial-gradient(circle at 22% 34%, rgba(248, 126, 206, .24), transparent 34rem),
    radial-gradient(circle at 70% 28%, rgba(195, 103, 232, .12), transparent 24rem),
    linear-gradient(120deg, rgba(255,255,255,.04), transparent 36%) !important;
}
.hero-v44-overlay {
  background: linear-gradient(90deg, rgba(8,2,13,.03), rgba(9,2,13,.015) 50%, transparent 76%) !important;
}
.hero-content-v44 h1 {
  text-shadow: 0 10px 28px rgba(56, 10, 65, .18) !important;
}
.hero-content-v44 .hero-copy {
  color: rgba(255, 245, 252, .92) !important;
}
.hero-actions-v44 .btn,
.hero-actions-v44 .button,
.hero-actions-v44 a {
  box-shadow: 0 16px 34px rgba(132, 53, 151, .20) !important;
}

/* HİZMET KARTLARI: görselleri bir tık daha net, kontrastlı ve premium yap. */
.service-card-v7--visual {
  box-shadow: 0 18px 44px rgba(77, 30, 86, .10) !important;
}
.service-card-v7--visual::before {
  background-image:
    linear-gradient(150deg,
      rgba(246, 234, 244, .80) 0%,
      rgba(236, 205, 232, .56) 16%,
      rgba(207, 136, 207, .18) 34%,
      rgba(71, 17, 77, .38) 65%,
      rgba(24, 5, 30, .72) 100%),
    var(--service-image) !important;
}
.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(130deg,
      rgba(247, 236, 246, .78) 0%,
      rgba(239, 210, 235, .54) 18%,
      rgba(212, 146, 208, .18) 36%,
      rgba(80, 21, 88, .36) 67%,
      rgba(23, 5, 29, .72) 100%),
    var(--service-image) !important;
}
.service-card-v7--visual::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 16%),
    radial-gradient(circle at 80% 16%, rgba(236, 128, 220, .12), transparent 15rem) !important;
}
.service-card-v7--visual h3,
.service-card-v7--visual p,
.service-card-v7--visual .service-card-v7__tag,
.service-card-v7--visual .service-card-v7__badge {
  position: relative;
  z-index: 2;
}
.service-card-v7--visual h3 {
  text-shadow: 0 8px 22px rgba(38, 11, 43, .20) !important;
}
.service-card-v7--visual p {
  color: rgba(255, 245, 252, .94) !important;
}
.service-card-v7__badge,
.service-card-v7__tag {
  box-shadow: 0 10px 22px rgba(146, 53, 148, .12) !important;
}

/* KOLAJ: daha premium çerçeve, daha tok kart hissi. */
.moon-social-showcase--clean {
  position: relative;
  border-radius: 32px !important;
  border: 1px solid rgba(190, 109, 188, .22) !important;
  background: linear-gradient(180deg, #fffafd 0%, #f7ecf8 100%) !important;
  box-shadow:
    0 26px 64px rgba(88, 37, 95, .16),
    0 0 0 1px rgba(255,255,255,.46) inset !important;
}
.moon-social-showcase--clean::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 24px;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .52);
}
.moon-social-visual--clean {
  padding: 10px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(232, 207, 232, .10)) !important;
}
.moon-social-grid {
  gap: 10px !important;
  padding: 0 !important;
}
.moon-social-showcase--clean .moon-social-photo {
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  box-shadow: 0 10px 28px rgba(83, 30, 85, .10) !important;
  background: #f2e4ef !important;
}
.moon-social-showcase--clean .moon-social-photo img {
  filter: saturate(1.06) contrast(1.02) brightness(1.03) !important;
}
.moon-social-content--clean {
  background: linear-gradient(180deg, #fffafd, #f6e8f5) !important;
}
.moon-social-showcase--clean .moon-social-open-icon {
  box-shadow: 0 10px 26px rgba(86, 34, 104, .20) !important;
}

@media (max-width: 760px) {
  .moon-social-showcase--clean {
    border-radius: 26px !important;
  }
  .moon-social-showcase--clean::before {
    inset: 8px;
    border-radius: 20px;
  }
  .moon-social-visual--clean {
    padding: 8px !important;
  }
  .moon-social-grid {
    gap: 8px !important;
  }
  .moon-social-showcase--clean .moon-social-photo {
    border-radius: 16px !important;
  }
}

/* =========================================================
   V143 — lazer kartı sol üst beyazlık tamamen bastırıldı + popüler etiketi hizalandı
   ========================================================= */

/* Özellikle featured/lazer kartındaki sol üst beyaz sis efektini iptal edip daha koyu pembemsi tona çek. */
.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(130deg,
      rgba(224, 182, 220, .34) 0%,
      rgba(198, 136, 201, .18) 14%,
      rgba(146, 80, 156, .14) 28%,
      rgba(77, 20, 84, .34) 58%,
      rgba(23, 5, 29, .74) 100%),
    var(--service-image) !important;
}

/* Üstten gelen açık perdeyi de azalt. */
.service-card-v7--visual::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,.006), transparent 14%),
    radial-gradient(circle at 80% 16%, rgba(232, 121, 214, .10), transparent 14rem) !important;
}

/* Popüler etiketi içerikle aynı sol hizaya gelsin. */
.service-card-v7--featured .service-tag {
  left: 28px !important;
  right: auto !important;
  top: 28px !important;
  margin: 0 !important;
  min-height: 38px !important;
  padding: 7px 14px !important;
}

/* Başlık biraz daha aşağıdan başlasın ki etiketle çakışma olmasın. */
.service-card-v7--featured h3 {
  margin-top: 56px !important;
}

/* =========================================================
   V144 — Popüler etiketi sağ üste alındı
   ========================================================= */
.service-card-v7--featured .service-tag {
  left: auto !important;
  right: 28px !important;
  top: 28px !important;
}

/* =========================================================
   V145 — tüm hizmet kartlarında sis kaldırıldı + Popüler kesin sağ üstte
   ========================================================= */

/* Kartlardaki beyaz/pembe sis yerine yalnızca metni okunur tutan temiz koyu mor katman. */
.service-card-v7--visual::before,
.service-card-v7--featured.service-card-v7--visual::before {
  background-image:
    linear-gradient(90deg,
      rgba(24, 5, 30, .76) 0%,
      rgba(27, 6, 33, .58) 38%,
      rgba(28, 7, 34, .28) 68%,
      rgba(28, 7, 34, .10) 100%),
    var(--service-image) !important;
  background-position: center, center !important;
  background-size: cover, cover !important;
  filter: none !important;
  opacity: 1 !important;
}

/* İkinci parıltı/sis katmanını tamamen kapat. */
.service-card-v7--visual::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Etiketin konumunu eski kurallardan bağımsız biçimde sağ üste sabitle. */
.service-card-v7--featured {
  position: relative !important;
}

.service-card-v7--featured .service-tag {
  position: absolute !important;
  inset: 24px 24px auto auto !important;
  left: auto !important;
  right: 24px !important;
  top: 24px !important;
  bottom: auto !important;
  z-index: 6 !important;
  margin: 0 !important;
  transform: none !important;
  min-height: 38px !important;
  padding: 7px 15px !important;
  white-space: nowrap !important;
}

/* Etiket artık sağda olduğu için başlık normal akışına dönsün. */
.service-card-v7--featured h3 {
  margin-top: 30px !important;
}

@media (max-width: 680px) {
  .service-card-v7--featured .service-tag {
    inset: 18px 18px auto auto !important;
    right: 18px !important;
    top: 18px !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
  }
}


/* =========================================================
   V146 PRODUCTION — hizmet görselleri bilgilendirme notu
   ========================================================= */
.services-visual-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  max-width: 720px;
  margin: 18px auto 0;
  padding: 10px 15px;
  border: 1px solid rgba(174, 83, 163, .16);
  border-radius: 999px;
  color: rgba(93, 50, 93, .78);
  background: rgba(255, 250, 254, .66);
  box-shadow: 0 10px 28px rgba(83, 34, 88, .045);
  font-size: .78rem;
  line-height: 1.45;
  text-align: center;
}
.services-visual-note span {
  flex: 0 0 auto;
  color: #c456b2;
  font-size: .72rem;
}
@media (max-width: 680px) {
  .services-visual-note {
    max-width: 94%;
    margin-top: 14px;
    padding: 9px 13px;
    border-radius: 18px;
    font-size: .7rem;
  }
}


/* =========================================================
   V147 — Harita yorum sayısı + Android mobil asistan logosu temizliği
   Mobilde launcher arka kutusu kaldırıldı; yalnızca Moon logosu görünür.
   ========================================================= */
@media (max-width: 620px) {
  .moon-support-launcher,
  body.moon-support-open .moon-support-launcher {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
  }

  .moon-support-launcher::before,
  .moon-support-launcher::after {
    display: none !important;
  }

  .moon-support-launcher-icon,
  body.moon-support-open .moon-support-launcher-icon {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
}