/* ═══════════════════════════════════════════════════
   Medyum Nusret Hoca — Awwwards-grade UI
   Palette: deep charcoal / midnight blue / warm cream / bronze-gold accents
   ═══════════════════════════════════════════════════ */

/* ── Tokens ──────────────────────────────────────── */
:root {
  --bg:       #06080d;
  --bg-2:     #0c0f18;
  --bg-3:     #111624;
  --gold:     #c9a84c;
  --gold-2:   #dfc36a;
  --gold-3:   #f0d98a;
  --bronze:   #b08d57;
  --cream:    #f5efe0;
  --cream-2:  #ece4d1;
  --muted:    #a09887;
  --slate:    #8892a4;
  --line:     rgba(201,168,76,.22);
  --glass:    rgba(12,15,24,.72);
  --glass-2:  rgba(12,15,24,.55);
  --radius:   20px;
  --radius-sm:12px;
  --ease:     cubic-bezier(.22,1,.36,1);
  --dur:      .45s;
}

/* ── Reset ───────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0 }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased }
body {
  color:var(--cream);
  background:var(--bg);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.85;
  overflow-x:hidden;
}
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }

/* ── Typography hierarchy ────────────────────────── */
h1,h2,h3,.brand strong {
  font-family:'Cinzel','Playfair Display',serif;
  color:var(--cream);
  letter-spacing:.035em;
  line-height:1.18;
  font-weight:600;
}
h1 {
  font-size:clamp(2.4rem,6vw,5rem);
  margin:.18em 0 .28em;
  text-wrap:balance;
}
h2 {
  font-size:clamp(1.5rem,3.2vw,2.7rem);
  text-wrap:balance;
}
h3 { font-size:1.15rem; }
p { margin:0; }

.kicker {
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:.32em;
  font-size:.68rem;
  font-weight:500;
  margin:0 0 .55rem;
}
.lead {
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-size:clamp(1.05rem,1.6vw,1.28rem);
  color:var(--cream-2);
  max-width:42rem;
  line-height:1.8;
  opacity:.88;
}

/* ── Layout ──────────────────────────────────────── */
.container { width:min(1200px,calc(100% - 40px)); margin-inline:auto; }
.narrow    { width:min(820px,calc(100% - 40px)); margin-inline:auto; }
.section   { padding:100px 0; position:relative; }
.section.dim {
  background:linear-gradient(180deg,transparent,rgba(12,15,24,.92) 15%,rgba(12,15,24,.92) 85%,transparent);
}
.section-head { margin-bottom:44px; }
.center { text-align:center; margin-top:40px; }

/* ── Atmospheric layers (subtle) ─────────────────── */
.cosmos,.gold-veil {
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:0;
}
.cosmos {
  background-image:
    radial-gradient(1px 1px at 12% 22%, rgba(201,168,76,.55),transparent),
    radial-gradient(1px 1px at 78% 28%, rgba(160,152,135,.4),transparent),
    radial-gradient(1.4px 1.4px at 42% 72%, rgba(201,168,76,.35),transparent),
    radial-gradient(1px 1px at 68% 82%, rgba(255,255,255,.15),transparent);
  opacity:.32;
}
.gold-veil {
  background:repeating-conic-gradient(from 28deg at 50% 0%,transparent 0 14deg,rgba(201,168,76,.008) 14deg 15deg);
  mix-blend-mode:screen;
}
main,.site-header,.site-footer,.wa-float,.wa-bar { position:relative; z-index:1; }

/* ── Header ──────────────────────────────────────── */
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(22px) saturate(1.4);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);
  background:rgba(6,8,13,.78);
  border-bottom:1px solid var(--line);
  transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.site-header.is-scrolled {
  background:rgba(6,8,13,.92);
  box-shadow:0 8px 40px rgba(0,0,0,.35);
}
.header-inner { display:flex; align-items:center; gap:20px; min-height:78px; }
.brand { display:flex; gap:14px; align-items:center; min-width:0; }
.brand-logo {
  height:44px; width:auto; max-width:min(220px,40vw); display:block;
  filter:drop-shadow(0 0 18px rgba(201,168,76,.15));
  transition:filter var(--dur);
}
.brand:hover .brand-logo { filter:drop-shadow(0 0 28px rgba(201,168,76,.3)); }
.site-nav { margin-left:auto; display:flex; gap:6px; align-items:center; }
.site-nav a {
  font-size:.88rem;
  color:var(--slate);
  padding:8px 12px;
  border-radius:999px;
  transition:color var(--dur),background var(--dur);
  font-weight:500;
}
.site-nav a:hover { color:var(--cream); background:rgba(201,168,76,.08); }
.has-sub { position:relative; }
.submenu {
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  min-width:260px;
  padding:14px;
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.submenu a { display:block; padding:8px 12px; border-radius:8px; font-size:.88rem; color:var(--cream-2); }
.submenu a:hover { background:rgba(201,168,76,.1); color:var(--cream); }
.has-sub:hover .submenu { display:grid; gap:2px; }
.nav-toggle { display:none; background:none; border:0; width:44px; height:44px; cursor:pointer; padding:10px; }
.nav-toggle span { display:block; height:2px; background:var(--gold); margin:5px 0; border-radius:2px; transition:var(--dur); }
.header-cta { white-space:nowrap; }

/* ── Buttons ─────────────────────────────────────── */
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 26px;
  border-radius:999px;
  border:1px solid var(--line);
  font-weight:600;
  font-size:.9rem;
  letter-spacing:.02em;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur);
}
.btn::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);
  transform:translateX(-110%);
  transition:transform .65s var(--ease);
}
.btn:hover::before { transform:translateX(110%); }
.btn-gold {
  background:linear-gradient(165deg,var(--gold-2),var(--gold));
  color:#1a1408;
  border-color:rgba(201,168,76,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.3),0 12px 36px rgba(201,168,76,.2);
}
.btn-gold:hover {
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(0,0,0,.3),0 20px 50px rgba(201,168,76,.35);
}
.btn-ghost { color:var(--gold-2); background:transparent; }
.btn-ghost:hover { background:rgba(201,168,76,.06); transform:translateY(-1px); }
.btn-outline {
  color:var(--cream);
  background:transparent;
  border-color:rgba(255,255,255,.12);
}
.btn-outline:hover { border-color:var(--gold); color:var(--gold-2); }

/* ── Hero ────────────────────────────────────────── */
.hero {
  position:relative;
  min-height:94vh;
  overflow:hidden;
  isolation:isolate;
  --mx:50%; --my:20%;
}
.hero-slides { position:relative; }
.hero-slide {
  position:absolute;
  inset:0;
  background-image:var(--bg);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1.06);
  transition:opacity 1.4s ease,transform 7s ease;
}
.hero-slide.is-active { opacity:1; transform:scale(1); position:relative; min-height:94vh; }
.hero-overlay {
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at var(--mx) var(--my),rgba(201,168,76,.12),transparent 62%),
    linear-gradient(180deg,rgba(6,8,13,.08) 0%,rgba(6,8,13,.42) 40%,rgba(6,8,13,.88) 75%);
  pointer-events:none;
}
.hero-overlay::before {
  content:"";
  position:absolute;
  inset:0;
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="n"><feTurbulence baseFrequency=".65" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity=".035"/></svg>');
  mix-blend-mode:overlay;
  pointer-events:none;
}
.hero-overlay::after {
  content:"";
  position:absolute;
  inset:-40% -30%;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.14),transparent);
  transform:translateX(-35%) rotate(6deg);
  animation:heroShimmer 9s ease-in-out infinite;
  opacity:.5;
  mix-blend-mode:screen;
}
.hero-copy {
  position:relative;
  z-index:2;
  padding:24vh 0 14vh;
  max-width:860px;
}
.hero-copy .kicker {
  animation:fadeUp .8s var(--ease) .2s both;
}
.hero-copy h1 {
  animation:fadeUp .8s var(--ease) .4s both;
}
.hero-copy .lead {
  animation:fadeUp .8s var(--ease) .55s both;
}
.hero-actions {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
  animation:fadeUp .8s var(--ease) .7s both;
}
.hero-nav {
  position:absolute;
  bottom:36px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:14px;
  align-items:center;
  z-index:3;
}
.hero-nav button {
  width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:var(--glass-2);
  color:var(--cream);
  cursor:pointer;
  font-size:1.1rem;
  transition:all var(--dur) var(--ease);
}
.hero-nav button:hover {
  border-color:var(--gold);
  box-shadow:0 0 22px rgba(201,168,76,.2);
  transform:scale(1.06);
}
.hero-dots { display:flex; gap:8px; align-items:center; }
.hero-dots button {
  width:8px; height:8px; padding:0; border-radius:50%;
  background:rgba(255,255,255,.25); border:0; cursor:pointer;
  transition:all .4s var(--ease);
}
.hero-dots button.is-active {
  background:var(--gold);
  width:28px;
  border-radius:99px;
  box-shadow:0 0 18px rgba(201,168,76,.3);
}

@keyframes heroShimmer {
  0%,100% { transform:translateX(-40%) rotate(6deg); opacity:.25; }
  50% { transform:translateX(10%) rotate(6deg); opacity:.6; }
}
@keyframes fadeUp {
  from { opacity:0; transform:translateY(24px); }
  to   { opacity:1; transform:none; }
}

/* ── Glass card ──────────────────────────────────── */
.glass-card {
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:28px;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur);
}
.glass-card:hover {
  border-color:rgba(201,168,76,.35);
  box-shadow:0 22px 50px rgba(0,0,0,.25),0 0 0 1px rgba(201,168,76,.2);
  transform:translateY(-5px);
}

/* ── Stats row ───────────────────────────────────── */
.stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.stats-row .glass-card { text-align:center; padding:32px 20px; }
.stats-row strong {
  display:block;
  font-size:clamp(1.8rem,3vw,2.6rem);
  color:var(--gold-2);
  font-family:'Cinzel',serif;
  line-height:1.2;
}
.stats-row span { display:block; color:var(--muted); font-size:.82rem; margin-top:6px; letter-spacing:.02em; }

/* ── About split ─────────────────────────────────── */
.split {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:52px;
  align-items:start;
}
.portrait-frame {
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 40px 90px rgba(0,0,0,.4);
  transition:transform var(--dur) var(--ease);
}
.portrait-frame:hover { transform:scale(1.01); }

/* ── Bento Grid — Services ───────────────────────── */
.bento-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:minmax(220px,auto);
  gap:18px;
}
.bento-grid .bento-item:nth-child(1) { grid-column:span 2; grid-row:span 2; }
.bento-grid .bento-item:nth-child(4) { grid-column:span 2; }

.bento-item {
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.bento-item:hover {
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(0,0,0,.3);
  border-color:rgba(201,168,76,.3);
}
.bento-item img {
  position:absolute;
  inset:0;
  width:100%; height:100%;
  object-fit:cover;
  transition:transform 6s ease;
}
.bento-item:hover img { transform:scale(1.06); }
.bento-item .bento-overlay {
  position:relative;
  z-index:1;
  padding:28px;
  background:linear-gradient(0deg,rgba(6,8,13,.88) 0%,rgba(6,8,13,.45) 60%,transparent 100%);
  min-height:140px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.bento-item .chip { margin-bottom:6px; }
.bento-item h3 { font-size:1.1rem; margin-bottom:4px; }
.bento-item p { color:var(--muted); font-size:.86rem; line-height:1.6; }

/* Fallback: old card-grid (for services page) */
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.service-card { display:flex; flex-direction:column; }
.service-card img { border-radius:var(--radius-sm); height:200px; object-fit:cover; margin-bottom:16px; }

/* ── Zodiac grid ─────────────────────────────────── */
.zodiac-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.zodiac-card {
  padding:24px 20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--glass-2);
  transition:all var(--dur) var(--ease);
}
.zodiac-card:hover {
  border-color:rgba(201,168,76,.35);
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,.2);
}
.zodiac-card strong { display:block; margin-bottom:2px; }
.zodiac-card small { color:var(--muted); font-size:.78rem; }
.zodiac-card .chip { margin-top:8px; display:inline-block; }
.zodiac-card p { color:var(--muted); font-size:.84rem; margin-top:10px; line-height:1.6; }
.daily-kicker { color:var(--gold-2)!important; letter-spacing:.04em; }

/* ── Review grid ─────────────────────────────────── */
.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.review-grid .glass-card,
.review-card {
  display:flex;
  flex-direction:column;
  gap:12px;
  background:rgba(12,15,24,.94);
  border:1px solid rgba(201,168,76,.28);
  min-width:0;
  overflow:visible;
}
.review-grid .glass-card p,
.review-card p {
  color:var(--cream);
  font-size:.95rem;
  line-height:1.75;
  margin:0;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.review-grid .glass-card strong,
.review-card strong {
  color:var(--cream);
  font-size:.92rem;
  font-weight:600;
}
.stars { color:var(--gold-2); letter-spacing:2px; font-size:.92rem; }
.review-grid small,
.review-card small {
  color:var(--muted);
  font-size:.82rem;
  margin-top:auto;
}

/* ── Chips / Tags ────────────────────────────────── */
.chip {
  display:inline-block;
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:500;
}
.chip-cloud { display:flex; flex-wrap:wrap; gap:10px; }
.chip-cloud a {
  border:1px solid var(--line);
  padding:9px 16px;
  border-radius:999px;
  color:var(--slate);
  background:var(--glass-2);
  font-size:.84rem;
  transition:all var(--dur) var(--ease);
}
.chip-cloud a:hover {
  color:#1a1408;
  background:linear-gradient(165deg,var(--gold-2),var(--gold));
  border-color:var(--gold);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(201,168,76,.2);
}

/* ── Page hero (sub pages) ───────────────────────── */
.page-hero {
  min-height:44vh;
  display:grid;
  align-items:end;
  padding:130px 0 52px;
  background:
    linear-gradient(180deg,rgba(6,8,13,.15),rgba(6,8,13,.88)),
    var(--bg, url('/assets/img/hero-1.jpg')) center/cover;
  position:relative;
}
.page-hero::after {
  content:"";
  position:absolute;
  bottom:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--line),transparent);
}

/* ── Prose / content ─────────────────────────────── */
.prose p  { margin:0 0 1.3em; color:var(--cream-2); line-height:1.9; }
.prose h2,.prose h3 { color:var(--gold-2); margin:1.6em 0 .6em; }
.prose ul,.prose ol { color:var(--cream-2); padding-left:1.4em; margin-bottom:1.2em; }
.prose a  { color:var(--gold-2); text-decoration:underline; text-underline-offset:3px; }
.sticky-card { position:sticky; top:100px; }
.sticky-card h3 { margin-bottom:12px; }
.sticky-card p { color:var(--muted); margin-bottom:8px; font-size:.92rem; }
.sticky-card hr { border:0; border-top:1px solid var(--line); margin:16px 0; }
.sticky-card h4 { font-size:.9rem; margin-bottom:8px; color:var(--cream-2); }
.mini-link {
  display:block;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:var(--slate);
  font-size:.88rem;
  transition:color var(--dur);
}
.mini-link:hover { color:var(--gold-2); }

/* ── Forms ───────────────────────────────────────── */
.form { display:grid; gap:14px; }
.form label { display:grid; gap:6px; font-size:.86rem; color:var(--slate); font-weight:500; }
.form input,.form textarea,.form select {
  background:rgba(12,15,24,.8);
  border:1px solid var(--line);
  color:var(--cream);
  border-radius:var(--radius-sm);
  padding:14px 16px;
  font:inherit;
  transition:border-color var(--dur),box-shadow var(--dur);
}
.form input:focus,.form textarea:focus,.form select:focus {
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,168,76,.12);
}
.alert { padding:14px 18px; border-radius:var(--radius-sm); font-size:.9rem; }
.alert.success { background:rgba(20,50,28,.8); color:#b6f5c4; border:1px solid rgba(37,211,102,.2); }
.alert.error { background:rgba(58,21,21,.8); color:#ffd0d0; border:1px solid rgba(255,100,100,.2); }
.crumbs { display:flex; gap:10px; flex-wrap:wrap; color:var(--slate); font-size:.88rem; }
.crumbs a:hover { color:var(--gold-2); }
.tiny { color:var(--muted); font-size:.82rem; }

/* ── Region / Location pages ─────────────────────── */
.region-search { margin-bottom:32px; }
.region-search input {
  width:100%; margin-top:8px;
  background:rgba(12,15,24,.8);
  border:1px solid var(--line);
  color:var(--cream);
  border-radius:var(--radius-sm);
  padding:14px 16px;
  font:inherit;
  transition:border-color var(--dur),box-shadow var(--dur);
}
.region-search input:focus {
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,168,76,.12);
}
.province-accordion { display:grid; gap:14px; margin-bottom:40px; }
.province-block summary {
  cursor:pointer; list-style:none;
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  font-family:'Cinzel',serif; color:var(--gold-2);
  padding:6px 0;
}
.province-block summary::-webkit-details-marker { display:none; }
.province-block summary a { color:inherit; }
.province-block summary span { color:var(--muted); font-size:.82rem; font-family:'Inter',sans-serif; }
.province-block .chip-cloud { margin-top:14px; }
.region-hidden { display:none!important; }

/* ── Footer ──────────────────────────────────────── */
.site-footer {
  border-top:1px solid var(--line);
  padding:72px 0 28px;
  background:var(--bg);
}
.footer-grid {
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:32px;
}
.footer-grid h3 {
  font-size:.88rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  font-family:'Inter',sans-serif;
  margin-bottom:14px;
  font-weight:600;
}
.footer-grid a,.footer-grid p {
  display:block;
  color:var(--slate);
  font-size:.88rem;
  padding:4px 0;
  transition:color var(--dur);
}
.footer-grid a:hover { color:var(--cream); }
.footer-bottom {
  display:flex;
  justify-content:space-between;
  margin-top:40px;
  color:rgba(136,146,164,.5);
  font-size:.82rem;
  border-top:1px solid rgba(255,255,255,.05);
  padding-top:18px;
}

/* ── WhatsApp float (desktop) ────────────────────── */
.wa-float-wrap {
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:50;
  width:60px;
  height:60px;
}
.wa-float {
  position:relative;
  z-index:2;
  width:60px;
  height:60px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(165deg,#5ee08a,#25d366);
  box-shadow:0 14px 36px rgba(37,211,102,.28);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.wa-float-wrap:hover .wa-float,
.wa-float-wrap.is-touch .wa-float {
  transform:scale(1.06);
  box-shadow:0 18px 44px rgba(37,211,102,.38);
}
.wa-pulse-ring {
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(37,211,102,.45);
  animation:waRing 2s ease-out infinite;
  pointer-events:none;
}
.wa-pulse-ring--delay { animation-delay:1s; }
@keyframes waRing {
  0% { transform:scale(1); opacity:.55; }
  100% { transform:scale(1.85); opacity:0; }
}
.wa-tooltip {
  position:absolute;
  right:calc(100% + 14px);
  top:50%;
  transform:translateY(-50%) translateX(8px);
  padding:10px 14px;
  border-radius:999px;
  background:rgba(12,15,24,.88);
  border:1px solid rgba(201,168,76,.28);
  color:var(--cream);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.04em;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  pointer-events:none;
}
.wa-tooltip::after {
  content:"";
  position:absolute;
  right:-5px;
  top:50%;
  width:10px;
  height:10px;
  background:rgba(12,15,24,.88);
  border-right:1px solid rgba(201,168,76,.28);
  border-top:1px solid rgba(201,168,76,.28);
  transform:translateY(-50%) rotate(45deg);
}
.wa-float-wrap:hover .wa-tooltip,
.wa-float-wrap.is-touch .wa-tooltip {
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}

/* ── Social proof toasts ─────────────────────────── */
.social-proof-root {
  position:fixed;
  left:20px;
  bottom:24px;
  z-index:48;
  pointer-events:none;
  max-width:min(340px,calc(100vw - 40px));
}
.social-toast {
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:var(--radius-sm);
  background:rgba(12,15,24,.78);
  border:1px solid rgba(201,168,76,.22);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 16px 40px rgba(0,0,0,.32);
  opacity:0;
  transform:translateY(16px) scale(.98);
  transition:opacity .45s var(--ease),transform .55s var(--ease);
}
.social-toast.is-visible {
  opacity:1;
  transform:none;
}
.social-toast.is-leaving {
  opacity:0;
  transform:translateY(10px) scale(.98);
}
.social-toast__icon {
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(201,168,76,.12);
  color:var(--gold-2);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.02em;
}
.social-toast__body { min-width:0; }
.social-toast__title {
  font-size:.84rem;
  font-weight:600;
  color:var(--cream);
  margin-bottom:2px;
}
.social-toast__text {
  font-size:.76rem;
  color:var(--slate);
  line-height:1.5;
}
.social-toast__meta {
  display:block;
  margin-top:4px;
  font-size:.68rem;
  color:var(--muted);
  letter-spacing:.02em;
}

/* ── WhatsApp sticky bar (mobile) ────────────────── */
.wa-bar {
  display:none;
  position:fixed;
  bottom:0; left:0; right:0;
  z-index:50;
  padding:12px 16px;
  background:rgba(6,8,13,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-top:1px solid var(--line);
}
.wa-bar a {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:14px;
  border-radius:var(--radius-sm);
  background:linear-gradient(165deg,#5ee08a,#25d366);
  color:#fff;
  font-weight:700;
  font-size:.92rem;
  letter-spacing:.02em;
  box-shadow:0 8px 28px rgba(37,211,102,.25);
}
.wa-bar svg { flex-shrink:0; }

/* ── Reveal animations (scroll-triggered) ────────── */
.reveal {
  opacity:0;
  transform:translateY(32px);
}
.reveal.is-in {
  opacity:1;
  transform:none;
  transition:opacity .7s var(--ease),transform 1s var(--ease);
}
.reveal-delay-1 { transition-delay:.1s!important; }
.reveal-delay-2 { transition-delay:.2s!important; }
.reveal-delay-3 { transition-delay:.3s!important; }
.reveal-delay-4 { transition-delay:.4s!important; }

@media (prefers-reduced-motion:reduce) {
  .reveal,.reveal.is-in { opacity:1; transform:none; transition:none; }
  .hero-overlay::after,.hero-copy .kicker,.hero-copy h1,.hero-copy .lead,.hero-actions { animation:none!important; }
  .wa-pulse-ring { animation:none; opacity:0; }
  .social-toast { transition:none; }
}

/* ── Responsive ──────────────────────────────────── */
@media (max-width:1080px) {
  .bento-grid { grid-template-columns:1fr 1fr; }
  .bento-grid .bento-item:nth-child(1) { grid-column:span 2; grid-row:span 1; }
  .bento-grid .bento-item:nth-child(4) { grid-column:span 2; }
}

@media (max-width:980px) {
  .stats-row,.card-grid,.review-grid,.footer-grid,.split,.zodiac-grid { grid-template-columns:1fr 1fr; }
  .split { gap:32px; }
  .site-nav,.header-cta { display:none; }
  .site-nav.is-open {
    display:grid;
    position:absolute;
    inset:78px 12px auto;
    background:var(--glass);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    padding:18px;
    border-radius:var(--radius);
    border:1px solid var(--line);
    gap:4px;
    box-shadow:0 24px 60px rgba(0,0,0,.4);
  }
  .site-nav.is-open a { padding:12px 14px; border-radius:8px; }
  .site-nav.is-open .has-sub .submenu { position:static; transform:none; min-width:0; box-shadow:none; border:0; padding:0 0 0 16px; }
  .nav-toggle { display:block; margin-left:auto; }
  .wa-float-wrap { display:none; }
  .wa-bar { display:block; }
  .social-proof-root {
    left:12px;
    bottom:84px;
    max-width:calc(100vw - 24px);
    z-index:45;
  }
  body { padding-bottom:88px; }
  /* Mobilde yorumlar asla görünmez kalmasın */
  .review-grid .reveal,
  .review-card.reveal {
    opacity:1 !important;
    transform:none !important;
  }
  .review-grid { gap:14px; }
  .review-grid .glass-card,
  .review-card {
    padding:20px 18px;
    background:#121722;
  }
  .review-grid .glass-card p,
  .review-card p {
    font-size:1rem;
    line-height:1.8;
    color:#f5efe0;
  }
  .section:has(.review-grid) { padding-bottom:88px; }
}

@media (max-width:640px) {
  .stats-row,.card-grid,.review-grid,.footer-grid,.split,.zodiac-grid { grid-template-columns:1fr; }
  .bento-grid { grid-template-columns:1fr; }
  .bento-grid .bento-item:nth-child(1),
  .bento-grid .bento-item:nth-child(4) { grid-column:span 1; }
  .hero { min-height:88vh; }
  .hero-copy { padding:20vh 0 12vh; }
  .section { padding:64px 0; }
  .section:has(.review-grid) { padding-bottom:96px; }
  h1 { font-size:clamp(1.8rem,7vw,3rem); }
  .footer-grid { gap:24px; }
  .container.review-grid,
  .review-grid { width:min(100%,calc(100% - 0px)); }
}