/*
Theme Name: Psychic Healer Baba
Theme URI: https://www.psychichealerbaba.com
Author: FSK Digital Marketing
Description: Complete pixel-perfect replica of psychichealerbaba.com — Pink & Black cosmic theme, gold text, Lord Vishnu hero, 15 services, 300+ location pages, full blog sync.
Version: 3.0.0
License: GNU General Public License v2 or later
Text Domain: phb
Tags: dark, mystical, psychic, astrology, custom-logo, custom-menu, full-width-template, blog
*/

/* ============================================
   DESIGN TOKENS — exact from source index.css
   background: hsl(0 0% 8%) = #141414
   foreground: hsl(45 100% 65%) = #f5c518 (gold)
   primary: hsl(330 80% 55%) = #e0358a (pink)
   card: hsl(330 50% 15%) = #3d0f26
   ============================================ */
:root {
  --bg:          #141414;
  --bg2:         #1a0a1a;
  --card:        #3d0f26;
  --card2:       #2a0a1e;
  --gold:        #f5c518;
  --gold-light:  #ffe566;
  --gold-dark:   #c9a000;
  --pink:        #e0358a;
  --pink-dark:   #b82a70;
  --pink-light:  #ff4db8;
  --border:      rgba(224,53,138,0.25);
  --border-gold: rgba(245,197,24,0.2);
  --text-gold:   #f5c518;
  --text-light:  #d4b896;
  --text-muted:  #a07850;
  --shadow-pink: 0 0 30px rgba(224,53,138,0.4);
  --shadow-gold: 0 0 30px rgba(245,197,24,0.3);
  --shadow-deep: 0 20px 60px rgba(0,0,0,0.8);
  --gradient-mystical: linear-gradient(135deg, #e0358a, #f5c518);
  --font-heading: 'Cinzel', Georgia, serif;
  --font-body:    'Inter', 'Helvetica Neue', sans-serif;
  --radius: 0.75rem;
  --transition: all 0.3s ease;
}

/* ============================================ RESET */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; }
body {
  background-color: var(--bg);
  color: var(--text-gold);
  font-family: var(--font-body);
  line-height: 1.7;
  overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 { font-family: var(--font-heading); line-height: 1.25; color: var(--text-gold); }
a { color: var(--pink); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--pink-light); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
p { color: var(--text-light); margin-bottom: 1em; line-height: 1.7; }
input, textarea, select { font-family: var(--font-body); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.section-padding { padding: 80px 0; }

/* ============================================
   MYSTICAL CARD (from source .mystical-card)
   ============================================ */
.mystical-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px -5px rgba(224,53,138,0.3);
}

/* ============================================
   GLOW BUTTON (from source .glow-button)
   ============================================ */
.glow-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pink);
  color: var(--gold);
  border: none;
  border-radius: var(--radius);
  padding: 12px 28px;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition);
  box-shadow: var(--shadow-pink);
}
.glow-button:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-pink), var(--shadow-deep);
  color: var(--gold);
  background: var(--pink-dark);
}

/* Outline button */
.outline-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--text-gold);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 28px;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition);
  backdrop-filter: blur(4px);
}
.outline-button:hover { background: rgba(224,53,138,0.1); color: var(--text-gold); border-color: var(--pink); }

/* TEXT GRADIENT (from source .text-mystical) */
.text-mystical {
  background: var(--gradient-mystical);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Float animation */
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.float-animation { animation: float 3s ease-in-out infinite; }
@keyframes pulse-glow { 0%,100%{box-shadow:var(--shadow-pink)} 50%{box-shadow:0 0 50px rgba(224,53,138,0.6)} }
.pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
@keyframes spin-slow { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

/* Fade in */
.fade-in { opacity:0; transform:translateY(22px); transition:opacity 0.6s ease,transform 0.6s ease; }
.fade-in.visible { opacity:1; transform:translateY(0); }

/* ============================================
   TOP BAR
   ============================================ */
.top-bar {
  background: var(--card2);
  border-bottom: 1px solid var(--border);
  padding: 8px 0;
  font-size: 0.82rem;
}
.top-bar-inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-bar-left { display:flex; align-items:center; gap:24px; }
.top-bar-left a {
  color: var(--text-light);
  display:flex; align-items:center; gap:7px;
}
.top-bar-left a:hover { color:var(--gold); }
.top-bar-left a i { color: var(--pink); }
.top-bar-right { display:flex; gap:10px; }
.top-bar-right a {
  width:28px; height:28px;
  background: rgba(255,255,255,0.06);
  border-radius: 50%;
  display:flex; align-items:center; justify-content:center;
  color: var(--text-light); font-size:0.8rem;
  transition:var(--transition);
}
.top-bar-right a:hover { background:var(--pink); color:#fff; }

/* ============================================
   HEADER
   ============================================ */
#masthead {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(20,20,20,0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.site-header-inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
.site-logo a { display:flex; align-items:center; gap:12px; text-decoration:none; }
.site-logo img { height:64px; width:auto; }
.logo-fallback { display:flex; align-items:center; gap:12px; }
.logo-icon {
  width:56px; height:56px;
  background: linear-gradient(135deg,#3d0f26,#6b1a45);
  border: 2px solid var(--gold);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; color:var(--gold);
}
.logo-text { display:flex; flex-direction:column; }
.logo-name { font-family:var(--font-heading); font-size:1rem; color:var(--gold); letter-spacing:0.05em; line-height:1.2; }
.logo-sub { font-size:0.6rem; color:var(--text-muted); letter-spacing:0.2em; text-transform:uppercase; }

/* Nav */
.main-navigation ul { display:flex; align-items:center; gap:2px; }
.main-navigation ul li { position:relative; }
.main-navigation ul li a {
  display:block; padding:8px 14px;
  font-family:var(--font-body); font-size:0.88rem; font-weight:600;
  color:var(--text-gold); border-radius:6px; transition:var(--transition);
  white-space:nowrap;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a { color:var(--pink); }

/* Dropdown */
.main-navigation ul li ul {
  display:none; position:absolute; top:100%; left:0;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  min-width:220px; padding:8px 0;
  box-shadow:var(--shadow-deep); flex-direction:column; z-index:999;
  max-height:400px; overflow-y:auto;
}
.main-navigation ul li:hover > ul { display:flex; }
.main-navigation ul li ul li a { padding:9px 18px; border-radius:0; font-size:0.82rem; color:var(--text-light); }
.main-navigation ul li ul li a:hover { color:var(--gold); background:rgba(224,53,138,0.08); }

/* Get Help Now button */
.btn-help {
  background: var(--pink);
  color: var(--gold) !important;
  padding: 10px 22px;
  border-radius: var(--radius);
  font-weight: 700;
  font-size: 0.88rem;
  white-space: nowrap;
  box-shadow: var(--shadow-pink);
  transition: var(--transition);
  text-decoration: none;
  display: inline-block;
}
.btn-help:hover { background:var(--pink-dark); transform:translateY(-1px); }
.menu-toggle {
  display:none; background:none; border:1px solid var(--border);
  color:var(--pink); padding:8px 12px; cursor:pointer; border-radius:6px; font-size:1.1rem;
}

/* ============================================
   HERO — Lord Vishnu + chakra + pink dots
   ============================================ */
.hero-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  padding: 120px 0 80px;
}

/* Cosmic bg gradient */
.hero-bg {
  position:absolute; inset:0; z-index:0;
  background: linear-gradient(135deg, var(--bg) 0%, var(--bg2) 40%, #1a0510 70%, var(--bg) 100%);
}

/* Vishnu image — faded in background */
.hero-vishnu {
  position:absolute; inset:0; z-index:1;
  display:flex; align-items:center; justify-content:center;
  opacity:0.25;
}
.hero-vishnu img { max-width:100%; max-height:90vh; object-fit:contain; }

/* Spinning chakra above Vishnu's head */
.hero-chakra {
  position:absolute; top:5%; left:50%;
  transform:translateX(-50%);
  z-index:2; width:180px; height:180px;
}
.hero-chakra img {
  width:100%; height:100%;
  animation: spin-slow 12s linear infinite;
  filter: brightness(1.4) contrast(1.3) saturate(1.5) drop-shadow(0 0 20px rgba(245,197,24,0.6));
}
.hero-chakra-glow {
  position:absolute; inset:-20px;
  background: radial-gradient(circle, rgba(245,197,24,0.3), transparent 70%);
  border-radius:50%;
  animation: pulse-glow 3s ease-in-out infinite;
}

/* Floating pink orbs */
.hero-orb {
  position:absolute; border-radius:50%; z-index:2;
  animation: float 4s ease-in-out infinite;
}
.hero-orb-1 { width:120px; height:120px; top:20%; left:4%;
  background:radial-gradient(circle, rgba(139,30,60,0.8), rgba(80,0,40,0.5));
  filter:blur(2px); }
.hero-orb-2 { width:60px; height:60px; top:35%; right:6%;
  background:radial-gradient(circle, rgba(100,20,50,0.7), rgba(60,0,30,0.4));
  filter:blur(2px); animation-delay:1s; }
.hero-orb-3 { width:40px; height:40px; top:55%; left:12%;
  background:radial-gradient(circle, rgba(224,53,138,0.4), transparent);
  filter:blur(1px); animation-delay:2s; }

/* Scattered pink dots */
.hero-dots { position:absolute; inset:0; z-index:2; pointer-events:none; }
.hero-dot { position:absolute; border-radius:50%; background:var(--pink); }

/* Main hero content */
.hero-content { position:relative; z-index:3; width:100%; padding:0 24px; }
.hero-stars { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:20px; color:var(--pink); font-size:1.1rem; }
.hero-stars span { color:var(--text-muted); font-size:0.9rem; }

/* 3D gold title — matching exact CSS from source */
.hero-title {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 5.5rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: var(--gold);
  text-shadow:
    0 1px 0 rgba(255,255,255,0.4),
    2px 2px 0 rgba(201,160,0,0.7),
    4px 4px 0 rgba(180,140,0,0.6),
    6px 6px 0 rgba(160,120,0,0.5),
    8px 8px 0 rgba(140,100,0,0.4),
    10px 10px 15px rgba(0,0,0,0.4);
}
.hero-subtitle { font-size:clamp(1rem,2.5vw,1.2rem); color:var(--text-muted); max-width:700px; margin:0 auto 36px; line-height:1.7; }
.hero-subtitle .pink { color:var(--pink); font-weight:700; }
.hero-actions { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; }

/* Trust indicators row */
.hero-trust-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
  max-width: 600px;
  margin: 48px auto 0;
}
.hero-trust-item {
  padding: 16px 12px;
  text-align: center;
  border-radius: var(--radius);
}
.hero-trust-item .num { font-size:1.6rem; font-weight:700; color:var(--pink); display:block; }
.hero-trust-item .lbl { font-size:0.72rem; color:var(--text-muted); }

/* ============================================
   ABOUT/ARTICLE SECTION
   ============================================ */
.article-section { padding:64px 0; background:var(--bg); }
.article-inner { max-width:860px; margin:0 auto; text-align:center; }
.article-inner h2 { font-size:clamp(2rem,4vw,2.8rem); margin-bottom:16px; }
.divider { width:96px; height:3px; background:var(--gradient-mystical); margin:0 auto 24px; border-radius:2px; }
.article-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; text-align:left; margin:32px 0; }
.why-box { background:rgba(224,53,138,0.08); border:1px solid var(--border); border-radius:var(--radius); padding:28px; }
.why-box h3 { font-size:1.2rem; margin-bottom:16px; }
.why-list { display:flex; flex-direction:column; gap:10px; }
.why-list li { display:flex; gap:10px; font-size:0.9rem; color:var(--text-light); }
.why-list li i { color:var(--pink); margin-top:3px; flex-shrink:0; }

/* ============================================
   SERVICES SECTION
   ============================================ */
.services-section { padding:80px 0; background:var(--bg2); }
.section-header { text-align:center; margin-bottom:56px; }
.section-eyebrow { font-size:0.78rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--pink); margin-bottom:12px; display:block; }
.section-title { font-size:clamp(2rem,4vw,2.8rem); margin-bottom:12px; }
.section-subtitle-text { color:var(--text-muted); max-width:600px; margin:0 auto; font-size:0.95rem; }

.services-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:24px;
}
.svc-card {
  padding:24px;
  transition:var(--transition);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.svc-card:hover { transform:scale(1.05); }
.svc-img-wrap { position:relative; margin-bottom:20px; border-radius:10px; overflow:hidden; }
.svc-img-wrap img { width:100%; height:180px; object-fit:cover; transition:transform 0.5s ease; }
.svc-card:hover .svc-img-wrap img { transform:scale(1.1); }
.svc-img-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.6), transparent); }
.svc-card h3 { font-size:1.05rem; margin-bottom:10px; transition:var(--transition); }
.svc-card:hover h3 { color:var(--pink); }
.svc-card p { font-size:0.84rem; color:var(--text-muted); margin-bottom:16px; line-height:1.6; }
.svc-buttons { display:flex; flex-direction:column; gap:10px; }
.svc-btn-learn {
  display:block; width:100%; padding:8px;
  border:1px solid rgba(224,53,138,0.3); border-radius:8px;
  background:transparent; color:var(--text-gold);
  font-size:0.84rem; cursor:pointer; transition:var(--transition); text-align:center;
}
.svc-btn-learn:hover { background:rgba(224,53,138,0.15); color:var(--text-gold); }

/* ============================================
   TESTIMONIALS
   ============================================ */
.testimonials-section { padding:80px 0; background:var(--bg); }
.testimonials-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:28px; }
.t-card { padding:32px; position:relative; }
.t-card::before { content:'"'; position:absolute; top:12px; right:20px; font-family:var(--font-heading); font-size:5rem; color:rgba(224,53,138,0.12); line-height:1; }
.t-stars { color:var(--pink); font-size:0.9rem; letter-spacing:2px; margin-bottom:12px; }
.t-card p { font-size:0.9rem; font-style:italic; color:var(--text-light); margin-bottom:20px; line-height:1.7; }
.t-author { display:flex; align-items:center; gap:12px; }
.t-avatar {
  width:44px; height:44px;
  background:var(--gradient-mystical);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-family:var(--font-heading); font-weight:700; color:#fff; font-size:1rem;
}
.t-name { font-weight:700; font-size:0.9rem; color:var(--text-gold); }
.t-loc { font-size:0.75rem; color:var(--text-muted); }
.t-service { font-size:0.75rem; color:var(--pink); margin-top:2px; }
.t-stats { margin-top:48px; display:flex; justify-content:center; }
.t-stats-inner { display:flex; align-items:center; gap:32px; padding:24px 40px; }
.t-stat { text-align:center; }
.t-stat .n { font-size:2rem; font-weight:700; color:var(--pink); display:block; }
.t-stat .l { font-size:0.8rem; color:var(--text-muted); }
.t-divider { width:1px; height:48px; background:var(--border); }

/* ============================================
   LOCATIONS
   ============================================ */
.locations-section { padding:80px 0; background:var(--bg2); }
.locations-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; margin-top:40px; }
.loc-card {
  background:var(--card); border:1px solid var(--border); border-radius:10px;
  overflow:hidden; transition:var(--transition); display:block;
}
.loc-card:hover { border-color:var(--pink); transform:translateY(-3px); box-shadow:var(--shadow-pink); }
.loc-card img { width:100%; height:100px; object-fit:cover; opacity:0.75; transition:var(--transition); }
.loc-card:hover img { opacity:1; }
.loc-card-body { padding:10px 12px; }
.loc-card-body h4 { font-size:0.84rem; color:var(--gold); }
.loc-card-body span { font-size:0.72rem; color:var(--text-muted); }

/* ============================================
   CTA SECTION
   ============================================ */
.cta-section {
  padding:80px 0; text-align:center;
  background: linear-gradient(135deg, rgba(224,53,138,0.1), rgba(20,20,20,0.95), rgba(245,197,24,0.05));
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  position:relative; overflow:hidden;
}
.cta-orb-1 { position:absolute; top:10%; right:10%; width:160px; height:160px; background:radial-gradient(circle,rgba(224,53,138,0.2),transparent); border-radius:50%; animation:float 5s ease-in-out infinite; }
.cta-orb-2 { position:absolute; bottom:10%; left:10%; width:120px; height:120px; background:radial-gradient(circle,rgba(245,197,24,0.1),transparent); border-radius:50%; animation:float 4s ease-in-out infinite 1s; }
.cta-section h2 { font-size:clamp(2.5rem,5vw,4rem); margin-bottom:20px; }
.cta-section p { font-size:1.1rem; color:var(--text-muted); max-width:560px; margin:0 auto 40px; }
.cta-trust-row { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; max-width:600px; margin:0 auto 40px; }
.cta-trust-item { padding:16px 10px; text-align:center; }
.cta-trust-item i { font-size:1.5rem; color:var(--pink); display:block; margin-bottom:8px; }
.cta-trust-item span { font-size:0.78rem; color:var(--text-muted); }
.cta-phone { font-family:var(--font-heading); font-size:2rem; color:var(--pink); display:block; margin:0 0 32px; }
.cta-buttons { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; }
.emergency-box { margin-top:48px; padding:24px 36px; display:inline-block; }
.emergency-box h3 { font-size:1.3rem; margin-bottom:8px; }
.emergency-box p { font-size:0.9rem; color:var(--text-muted); margin-bottom:12px; }
.emergency-phone { font-size:1.6rem; font-weight:700; color:var(--pink); }

/* ============================================
   FOOTER
   ============================================ */
.site-footer { background:#0a0510; border-top:1px solid var(--border); padding-top:48px; }
.footer-trust { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:48px; }
.footer-trust-item { padding:20px 16px; text-align:center; }
.footer-trust-item .title { color:var(--pink); font-weight:700; font-size:0.88rem; margin-bottom:4px; }
.footer-trust-item .desc { color:var(--text-muted); font-size:0.78rem; }
.footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.footer-logo img { height:64px; margin-bottom:16px; }
.footer-logo p { font-size:0.85rem; color:var(--text-muted); margin-bottom:16px; line-height:1.6; }
.footer-contact-item { display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:0.85rem; }
.footer-contact-item i { color:var(--pink); width:16px; flex-shrink:0; }
.footer-contact-item a { color:var(--text-muted); }
.footer-contact-item a:hover { color:var(--gold); }
.footer-wa-btn { margin-top:20px; }
.footer-col h4 { font-size:0.88rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.footer-col ul li { margin-bottom:8px; }
.footer-col ul li a { font-size:0.84rem; color:var(--text-muted); transition:var(--transition); }
.footer-col ul li a:hover { color:var(--gold); }
.footer-contact-form { display:flex; flex-direction:column; gap:10px; }
.footer-contact-form input {
  width:100%; background:rgba(255,255,255,0.05); border:1px solid var(--border);
  border-radius:6px; color:var(--text-gold); padding:10px 14px;
  font-family:var(--font-body); font-size:0.85rem;
}
.footer-contact-form input::placeholder { color:var(--text-muted); }
.footer-contact-form input:focus { outline:none; border-color:var(--pink); }
.footer-bottom { border-top:1px solid var(--border); padding:16px 0; text-align:center; }
.footer-bottom p { font-size:0.8rem; color:var(--text-muted); margin:0; }

/* ============================================
   PAGE HERO (inner pages)
   ============================================ */
.page-hero {
  padding:100px 0 64px; text-align:center;
  background: linear-gradient(180deg, var(--bg2) 0%, rgba(224,53,138,0.1) 50%, var(--bg) 100%);
  border-bottom:1px solid var(--border); position:relative; overflow:hidden;
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,0.3) 1px,transparent 1px);
  background-size:50px 50px; opacity:0.08;
}
.page-hero h1 { font-size:clamp(2rem,5vw,3.5rem); margin-bottom:14px; position:relative; }
.page-hero p { color:var(--text-muted); font-size:1.05rem; max-width:580px; margin:0 auto; position:relative; }
.page-hero .eyebrow { font-size:0.78rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--pink); margin-bottom:10px; display:block; position:relative; }

/* Breadcrumbs */
.breadcrumbs { background:rgba(224,53,138,0.04); border-bottom:1px solid var(--border); padding:11px 0; }
.breadcrumbs .container { display:flex; align-items:center; gap:8px; font-size:0.82rem; color:var(--text-muted); }
.breadcrumbs a { color:var(--gold); }
.breadcrumbs .sep { color:var(--border); }

/* ============================================
   SERVICES ARCHIVE PAGE
   ============================================ */
.services-archive { padding:60px 0; }
.services-archive-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:28px; }
.svc-archive-card { padding:28px; text-align:center; }
.svc-archive-card .icon { font-size:2.5rem; margin-bottom:16px; display:block; }
.svc-archive-card h2 { font-size:1.1rem; margin-bottom:10px; }
.svc-archive-card p { font-size:0.85rem; color:var(--text-muted); margin-bottom:10px; }
.svc-archive-card .price { color:var(--pink); font-weight:700; font-size:0.9rem; }
.svc-archive-card .duration { color:var(--text-muted); font-size:0.78rem; display:block; margin-bottom:16px; }

/* ============================================
   SERVICE DETAIL PAGE
   ============================================ */
.service-detail { padding:40px 0 80px; }
.service-hero-img { width:100%; height:280px; object-fit:cover; border-radius:var(--radius); margin-bottom:40px; border:1px solid var(--border); }
.service-layout { display:grid; grid-template-columns:2fr 1fr; gap:48px; align-items:start; }
.service-main h1 { font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:16px; }
.service-main .desc { font-size:1rem; color:var(--text-light); line-height:1.8; margin-bottom:32px; }
.process-list { display:flex; flex-direction:column; gap:16px; margin-bottom:36px; }
.process-step { display:flex; gap:16px; padding:20px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); }
.process-num { width:44px; height:44px; background:var(--pink); color:var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; flex-shrink:0; font-size:1rem; }
.process-step h4 { font-size:0.95rem; margin-bottom:4px; }
.process-step p { font-size:0.84rem; color:var(--text-muted); margin:0; }
.service-sidebar { display:flex; flex-direction:column; gap:24px; }
.sidebar-card { padding:24px; }
.sidebar-card h3 { font-size:1rem; margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.benefit-list { display:flex; flex-direction:column; gap:10px; }
.benefit-item { display:flex; gap:10px; font-size:0.86rem; color:var(--text-light); }
.benefit-item i { color:var(--pink); margin-top:2px; flex-shrink:0; }
.pricing-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border); font-size:0.9rem; }
.pricing-row .val { color:var(--pink); font-weight:700; }

/* ============================================
   LOCATIONS ARCHIVE PAGE
   ============================================ */
.locations-archive { padding:60px 0; }
.services-available-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin-bottom:48px; }
.service-available-card { padding:18px; text-align:center; }
.service-available-card h3 { font-size:0.9rem; margin-bottom:6px; }
.service-available-card p { font-size:0.78rem; color:var(--text-muted); margin:0; }
.cities-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
.city-link {
  display:block; padding:12px 14px;
  background:var(--card); border:1px solid var(--border); border-radius:10px;
  transition:var(--transition);
}
.city-link:hover { border-color:var(--pink); color:var(--gold); }
.city-link .cn { font-size:0.88rem; font-weight:600; color:var(--text-gold); display:block; }
.city-link .cs { font-size:0.72rem; color:var(--text-muted); }
.city-link:hover .cn { color:var(--pink); }

/* ============================================
   LOCATION DETAIL PAGE
   ============================================ */
.location-detail { padding:40px 0 80px; }
.location-hero-section {
  padding:80px 0; text-align:center;
  background:linear-gradient(135deg,var(--bg2),rgba(224,53,138,0.15),var(--bg));
  border-bottom:1px solid var(--border); margin-bottom:40px; position:relative;
}
.location-hero-section img { width:100%; height:400px; object-fit:cover; opacity:0.4; position:absolute; inset:0; }
.location-hero-content { position:relative; z-index:2; }
.location-hero-content h1 { font-size:clamp(2rem,5vw,3.2rem); margin-bottom:10px; }
.location-intro { background:rgba(224,53,138,0.08); border:1px solid var(--border); border-radius:var(--radius); padding:24px; margin-bottom:32px; font-size:0.95rem; line-height:1.8; }
.location-section-title { font-size:1.6rem; margin-bottom:20px; color:var(--pink); }
.mini-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin-bottom:32px; }
.mini-card { background:var(--card2); border:1px solid var(--border); border-radius:10px; padding:16px; }
.mini-card h3 { font-size:0.95rem; margin-bottom:6px; }
.mini-card p { font-size:0.82rem; color:var(--text-muted); margin:0; }
.problems-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:32px; }
.problem-group h3 { font-size:1rem; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.problem-group ul { display:flex; flex-direction:column; gap:6px; }
.problem-group ul li { font-size:0.84rem; color:var(--text-muted); display:flex; gap:8px; }
.problem-group ul li::before { content:'•'; color:var(--pink); flex-shrink:0; }
.why-choose { background:linear-gradient(135deg,rgba(224,53,138,0.1),rgba(245,197,24,0.05)); border:1px solid var(--border); border-radius:var(--radius); padding:28px; margin-bottom:32px; }
.why-choose-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.why-point h3 { font-size:0.9rem; margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.why-point p { font-size:0.82rem; color:var(--text-muted); margin:0; }
.location-cta { background:rgba(224,53,138,0.1); border:1px solid var(--border); border-radius:var(--radius); padding:28px; text-align:center; margin-bottom:32px; }
.location-cta h2 { font-size:1.4rem; margin-bottom:10px; }
.location-cta p { color:var(--text-muted); margin-bottom:20px; }
.loc-cta-badges { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:20px; font-size:0.8rem; color:var(--text-muted); }

/* ============================================
   BLOG
   ============================================ */
.blog-section { padding:80px 0; background:var(--bg2); }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:28px; }
.blog-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:var(--transition); }
.blog-card:hover { transform:translateY(-5px); border-color:rgba(224,53,138,0.4); box-shadow:var(--shadow-pink); }
.blog-card-img { width:100%; height:200px; object-fit:cover; transition:var(--transition); }
.blog-card-img-placeholder { width:100%; height:200px; background:linear-gradient(135deg,var(--card2),var(--bg2)); display:flex; align-items:center; justify-content:center; font-size:3rem; }
.blog-card:hover .blog-card-img { opacity:0.85; }
.blog-card-body { padding:22px; }
.blog-meta { display:flex; gap:12px; font-size:0.75rem; color:var(--text-muted); margin-bottom:10px; }
.blog-meta .cat { color:var(--pink); font-weight:700; }
.blog-card h3 { font-size:1.05rem; margin-bottom:10px; line-height:1.4; }
.blog-card h3 a { color:var(--text-gold); }
.blog-card h3 a:hover { color:var(--pink); }
.blog-card p { font-size:0.85rem; color:var(--text-muted); margin-bottom:14px; }
.read-more { font-size:0.78rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--pink); }
.read-more:hover { color:var(--gold); }

/* Blog archive layout */
.blog-archive-layout { display:grid; grid-template-columns:2fr 1fr; gap:48px; padding:60px 0; }
.sidebar { display:flex; flex-direction:column; gap:24px; }
.sidebar-widget { padding:24px; }
.sidebar-widget h3 { font-size:0.88rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--border); }

/* Single post */
.post-body-wrap { padding:40px; margin-bottom:32px; }
.post-body-wrap h2,.post-body-wrap h3 { color:var(--gold); margin:24px 0 12px; }
.post-body-wrap p { color:var(--text-light); margin-bottom:16px; }
.post-body-wrap a { color:var(--pink); }
.post-body-wrap ul,.post-body-wrap ol { padding-left:22px; margin-bottom:16px; }
.post-body-wrap li { color:var(--text-light); list-style:disc; margin-bottom:6px; }
.post-body-wrap img { border-radius:var(--radius); margin:16px 0; border:1px solid var(--border); }

/* Contact / Book */
.contact-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:56px; align-items:start; padding:60px 0; }
.contact-info-item { display:flex; gap:14px; align-items:flex-start; margin-bottom:22px; }
.contact-info-item i { color:var(--pink); font-size:1.2rem; margin-top:3px; flex-shrink:0; }
.contact-info-item strong { display:block; color:var(--text-gold); margin-bottom:3px; font-size:0.9rem; }
.contact-info-item span,.contact-info-item a { font-size:0.88rem; color:var(--text-muted); }
.form-wrap { padding:36px; }
.form-wrap h2 { font-size:1.3rem; margin-bottom:20px; }
.form-wrap input,.form-wrap textarea,.form-wrap select,
.wpcf7-form input,.wpcf7-form textarea,.wpcf7-form select {
  width:100%; background:rgba(255,255,255,0.04); border:1px solid var(--border-gold);
  border-radius:8px; color:var(--text-gold); padding:12px 16px; font-family:var(--font-body);
  font-size:0.9rem; margin-bottom:14px; outline:none; transition:var(--transition);
}
.form-wrap input:focus,.form-wrap textarea:focus,.wpcf7-form input:focus,.wpcf7-form textarea:focus { border-color:var(--pink); background:rgba(224,53,138,0.05); }
.form-wrap textarea,.wpcf7-form textarea { min-height:130px; resize:vertical; }
.form-wrap input[type="submit"],.wpcf7-form input[type="submit"] {
  background:var(--pink); color:var(--gold); font-weight:700; border:none;
  cursor:pointer; letter-spacing:0.05em; border-radius:var(--radius);
  box-shadow:var(--shadow-pink); margin-bottom:0;
}
.form-wrap input[type="submit"]:hover,.wpcf7-form input[type="submit"]:hover { background:var(--pink-dark); transform:translateY(-1px); }
.form-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

/* ============================================
   FLOATING WHATSAPP + BACK TO TOP
   ============================================ */
.float-wa {
  position:fixed; bottom:24px; right:24px; z-index:9999;
  width:56px; height:56px; background:#25D366; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.6rem; color:#fff;
  box-shadow:0 4px 20px rgba(37,211,102,0.5); text-decoration:none;
  transition:var(--transition);
}
.float-wa:hover { transform:scale(1.1); color:#fff; }
.back-to-top {
  position:fixed; bottom:92px; right:26px; z-index:9998;
  width:44px; height:44px;
  background:rgba(224,53,138,0.15); border:1px solid var(--border);
  border-radius:50%; color:var(--pink); font-size:1rem;
  cursor:pointer; display:none; align-items:center; justify-content:center;
  transition:var(--transition);
}
.back-to-top:hover { background:var(--pink); color:var(--gold); }
.back-to-top.show { display:flex; }

/* ============================================
   PAGINATION
   ============================================ */
.pagination { display:flex; justify-content:center; gap:8px; padding:36px 0; }
.pagination a,.pagination span { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--border); border-radius:6px; font-size:0.88rem; color:var(--text-muted); transition:var(--transition); }
.pagination a:hover,.pagination .current { background:var(--pink); color:var(--gold); border-color:var(--pink); }

/* ============================================
   UTILS
   ============================================ */
.text-center { text-align:center; }
.mt-6 { margin-top:48px; }
.text-pink { color:var(--pink) !important; }
.text-gold { color:var(--gold) !important; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }
.wp-caption { border:1px solid var(--border); border-radius:var(--radius); padding:8px; background:var(--card); }

/* ============================================
   404
   ============================================ */
.not-found { min-height:70vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:80px 20px; }
.not-found .big { font-size:6rem; color:var(--pink); font-family:var(--font-heading); display:block; line-height:1; }
.not-found h2 { margin:16px 0; }
.not-found p { color:var(--text-muted); max-width:400px; margin:0 auto 32px; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:1024px) {
  .service-layout,.contact-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .blog-archive-layout { grid-template-columns:1fr; }
  .hero-trust-grid,.cta-trust-row { grid-template-columns:repeat(2,1fr); }
  .footer-trust { grid-template-columns:1fr 1fr; }
  .problems-grid,.why-choose-grid { grid-template-columns:1fr; }
}
@media(max-width:768px) {
  .top-bar-left a span { display:none; }
  .main-navigation { display:none; position:fixed; inset:0; top:80px; background:var(--card); padding:20px; overflow-y:auto; z-index:999; }
  .main-navigation.is-open { display:block; }
  .main-navigation ul { flex-direction:column; gap:0; }
  .main-navigation ul li a { padding:12px 16px; border-bottom:1px solid var(--border); font-size:0.95rem; }
  .main-navigation ul li ul { display:none !important; }
  .menu-toggle { display:block; }
  .hero-title { font-size:2.2rem; text-shadow:2px 2px 0 rgba(201,160,0,0.5); }
  .hero-orb-1,.hero-orb-2,.hero-orb-3 { display:none; }
  .article-grid,.footer-grid { grid-template-columns:1fr; }
  .footer-trust { grid-template-columns:1fr 1fr; }
  .services-grid,.testimonials-grid,.blog-grid { grid-template-columns:1fr; }
  .hero-actions,.cta-buttons { flex-direction:column; align-items:center; }
  .t-stats-inner { flex-direction:column; gap:20px; }
  .t-divider { width:80px; height:1px; }
  .form-grid-2 { grid-template-columns:1fr; }
  .hero-chakra { width:120px; height:120px; }
  .page-hero { padding:80px 0 48px; }
}
@media(max-width:480px) {
  .hero-trust-grid,.cta-trust-row { grid-template-columns:repeat(2,1fr); }
  .cities-grid { grid-template-columns:repeat(2,1fr); }
  .services-archive-grid { grid-template-columns:1fr; }
}