@charset "UTF-8";
/* =====================================================================
   ATAŞEHİR MASSAGE — "Noir Luxe" varyantı (premium / butik spa)
   Ortak style.css + theme.css'ten SONRA yüklenir; aynı HTML, farklı düzen.
   Baştan sona koyu zemin, altın ince çizgiler, Bodoni Moda başlıklar,
   büyük harfli aralıklı etiketler, keskin köşeler, yavaş video zoom.
   ===================================================================== */
:root {
  --bg:#0e1312; --bg-soft:#151c1b; --bg-deep:#0a0e0d;
  --ink:#f3efe7; --ink-soft:#e4dfd5; --muted:#a6aba8; --line:rgba(255,255,255,.10);
  --gold:#d4b37a; --gold-rgb:212,179,122;
  --accent:#2a8f85; --accent-dark:#1a5f58; --accent-light:rgba(42,143,133,.16);
  --shadow:0 20px 50px rgba(0,0,0,.35); --shadow-lg:0 30px 80px rgba(0,0,0,.55);
  --radius:6px; --radius-sm:4px;
}
body { background:var(--bg); color:var(--ink); }

/* ---------- Tipografi ---------- */
h1, h2, h3, .hero__title, .section__title, .card__body h3, .cta-banner h2, .page-hero h1,
.seo-prose h2, .seo-cta h2, .seo-neighbors h2, .seo-service h3, .brand__text { font-weight:500; letter-spacing:.005em; }
.brand__text span { color:var(--gold); font-style:italic; }
.nav__link { text-transform:uppercase; font-size:.74rem; letter-spacing:2.4px; font-weight:500; color:rgba(255,255,255,.85); }
.nav__link::after { background:var(--gold); }
.section__eyebrow { color:var(--gold); letter-spacing:5px; font-size:.7rem; }
.section__eyebrow::before, .section__eyebrow::after { background:var(--gold); opacity:.8; width:34px; }
.section__lead { color:var(--muted); }

/* ---------- Header ---------- */
.header.scrolled { background:rgba(14,19,18,.86); box-shadow:0 6px 30px rgba(0,0,0,.45); }
.header.scrolled .brand__text { color:var(--ink); }
.header.scrolled .brand__text span { color:var(--gold); }
.header.scrolled .nav__link { color:rgba(255,255,255,.85); }
.header.scrolled .nav__link::after { background:var(--gold); }
.header.scrolled .nav__toggle span { background:var(--ink); }
.btn--phone, .header.scrolled .btn--phone { background:transparent; color:var(--gold); border-color:rgba(var(--gold-rgb),.6); backdrop-filter:none; }
.btn--phone:hover, .header.scrolled .btn--phone:hover { background:var(--gold); color:#111; }

/* ---------- Butonlar ---------- */
.btn { border-radius:2px; letter-spacing:.4px; }
.btn--primary, .btn--light { background:var(--gold); color:#111; }
.btn--primary:hover, .btn--light:hover { background:#e3c48e; box-shadow:0 16px 34px rgba(var(--gold-rgb),.3); }
.btn--outline { border-color:rgba(var(--gold-rgb),.75); color:var(--ink); background:transparent; backdrop-filter:none; }
.btn--outline:hover { background:var(--gold); border-color:var(--gold); color:#111; }
.btn--ghost { color:var(--ink); border-color:rgba(var(--gold-rgb),.5); }
.btn--ghost:hover { border-color:var(--gold); color:var(--gold); }
.floaty { border-radius:2px; }
.floaty--whatsapp::before { border-radius:2px; }
.floaty--call { background:var(--gold); color:#111; }

/* ---------- Hero ---------- */
.hero__video { animation:kenburns 26s ease-in-out infinite alternate; }
@keyframes kenburns { from { transform:scale(1.02); } to { transform:scale(1.12); } }
.hero__overlay { background:linear-gradient(180deg,rgba(10,14,13,.6) 0%,rgba(10,14,13,.35) 45%,var(--bg) 100%); }
.hero__overlay::after { background:radial-gradient(70% 60% at 30% 50%,rgba(10,14,13,.45),transparent 70%); }
.hero__eyebrow { letter-spacing:5px; font-size:.7rem; }
.hero__title { font-size:clamp(3rem,6.6vw,5.9rem); line-height:1; }
.hero__title em { color:var(--gold); font-weight:400; }
.hero__subtitle { color:rgba(243,239,231,.8); font-weight:300; }
.hero__badges { background:rgba(255,255,255,.04); border-color:rgba(var(--gold-rgb),.35); border-radius:0; backdrop-filter:none; -webkit-backdrop-filter:none; }
.hero__badges span { text-transform:uppercase; letter-spacing:1.6px; font-size:.72rem; border-color:rgba(var(--gold-rgb),.3); color:rgba(243,239,231,.9); }
.hero__scroll { color:var(--gold); }

/* ---------- Özellikler ---------- */
.features { background:var(--bg-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:40px 0; }
.features::before { display:none; }
.feature { border-right:1px solid var(--line); padding-right:16px; }
.feature:last-child { border-right:0; }
.feature strong { font-family:var(--font-head); font-size:1.25rem; font-weight:500; letter-spacing:.3px; }
.feature span { color:var(--muted); letter-spacing:.3px; }

/* ---------- Kayan şerit ---------- */
.marquee { background:var(--bg); border-color:var(--line); padding:20px 0; }
.marquee__item { color:var(--gold); font-style:italic; font-weight:400; font-size:1.45rem; }
.marquee__item::after { color:rgba(var(--gold-rgb),.6); }

/* ---------- Hizmetler ---------- */
.services { background:var(--bg); }
.services::before { background:radial-gradient(circle,rgba(var(--gold-rgb),.10),transparent 65%); }
.card { background:var(--bg-soft); border:1px solid var(--line); box-shadow:none; }
.card:hover { border-color:rgba(var(--gold-rgb),.55); box-shadow:var(--shadow-lg); }
.card__img::before { background:rgba(0,0,0,.5); border-color:rgba(var(--gold-rgb),.5); color:var(--gold); border-radius:0; font-weight:500; }
.card__body p { color:var(--muted); }
.card__link { color:var(--gold); }
.card__link::after { background:var(--gold); }

/* ---------- Hakkımızda ---------- */
.about { background:var(--bg-soft); }
.about__media::before { border-color:rgba(var(--gold-rgb),.6); border-radius:var(--radius); }
.about__media img { border-radius:var(--radius); }
.about__badge { background:var(--gold); color:#111; border-radius:0; box-shadow:0 20px 40px rgba(0,0,0,.4); }
.about__content > p { color:var(--muted); }
.about__list span { background:rgba(var(--gold-rgb),.15); color:var(--gold); }

/* ---------- Galeri ---------- */
.gallery { background:var(--bg); }
.gallery__item { border:1px solid var(--line); box-shadow:none; }
.gallery__item::after { background:rgba(var(--gold-rgb),.22); color:var(--gold); }

/* ---------- CTA ---------- */
.cta-banner { background:var(--bg-deep); }
.cta-banner::before { background:linear-gradient(120deg,rgba(10,14,13,.88),rgba(26,95,88,.5)); }
.cta-banner::after { content:""; position:absolute; inset:26px; border:1px solid rgba(var(--gold-rgb),.35); pointer-events:none; }
.cta-banner__video { opacity:.6; filter:saturate(.6); }
.cta-banner p { color:rgba(243,239,231,.8); }

/* ---------- İletişim ---------- */
.contact { background:var(--bg-soft); }
.contact__row { background:var(--bg); border-color:var(--line); }
.contact__row:hover { border-color:rgba(var(--gold-rgb),.5); }
.contact__row svg { color:var(--gold); }
.contact__row span { color:var(--muted); }
.contact__row a, .contact__row p { color:var(--ink); }
.contact__row a:hover { color:var(--gold); }
.contact__map { border:1px solid var(--line); box-shadow:none; }
.contact__map iframe { filter:invert(.92) hue-rotate(180deg) saturate(.35) brightness(.92); }

/* ---------- Mahalle bölümü & footer ---------- */
.seo-areas { background:var(--bg); border-top:1px solid var(--line); }
.seo-areas__chips a, .seo-neighbors__links a, .seo-hub__item { background:rgba(255,255,255,.04); color:var(--ink-soft); border:1px solid var(--line); border-radius:2px; }
.seo-areas__chips a:hover, .seo-neighbors__links a:hover, .seo-hub__item:hover { background:var(--gold); color:#111; border-color:var(--gold); }
.footer { background:var(--bg-deep); border-top:1px solid var(--line); color:var(--muted); }
.footer::before { opacity:.05; }
.footer__nav a:hover { color:var(--gold); }
.footer__social a:hover { background:var(--gold); border-color:var(--gold); color:#111; }

/* ---------- Alt sayfalar ---------- */
.page-hero { background:var(--bg-deep); border-bottom:1px solid var(--line); }
.page-hero::after { background:radial-gradient(60% 80% at 100% 100%,rgba(var(--gold-rgb),.12),transparent 60%); }
.page-hero h1 { font-weight:500; }
.page-hero__lead { color:rgba(243,239,231,.8); }
.seo-prose p { color:var(--muted); }
.seo-intro { color:var(--ink) !important; }
.seo-list li::before { color:var(--gold); }
.seo-service { background:var(--bg-soft); border-color:var(--line); }
.seo-service:hover { border-color:rgba(var(--gold-rgb),.5); }
.seo-faq__item { background:var(--bg-soft); border-color:var(--line); }
.seo-faq__item summary { color:var(--ink); }
.seo-faq__item summary::after { color:var(--gold); }
.seo-cta { background:var(--bg-deep); border:1px solid rgba(var(--gold-rgb),.35); }

/* ---------- Mobil menü (koyu çekmece) ---------- */
@media (max-width:1024px) { .feature:nth-child(2n) { border-right:0; } }
@media (max-width:760px) {
  .nav { background:var(--bg-soft); box-shadow:-10px 0 40px rgba(0,0,0,.6); }
  .nav__link { color:var(--ink) !important; border-bottom-color:var(--line); font-size:.9rem; letter-spacing:2px; }
  .feature { border-right:0; padding-right:0; }
  .hero__badges span { border-bottom-color:rgba(var(--gold-rgb),.3); }
  .cta-banner::after { inset:14px; }
}