/*
Theme Name: Detangler London
Theme URI: https://detangler.co.uk
Author: ORD Studio
Author URI: https://ordstudio.cc
Description: Custom dark luxury theme for Detangler London - Professional Hair Detangling Services
Version: 2.3.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: detangler
Tags: dark, luxury, hair-salon, custom-theme
*/

/* === DETANGLER THEME CSS === */
:root {
  --bg-primary:#0f0f0f;--bg-secondary:#272626;--bg-card:#1e1c19;--bg-accent:#2a2520;
  --text-primary:#f5f0e8;--text-secondary:#c4b9a8;--text-muted:#8a7e6e;
  --accent-gold:#c9a96e;--accent-gold-light:#e0c992;--accent-warm:#d4a574;--accent-rose:#c4877a;
  --divider:rgba(201,169,110,0.15);--shadow:0 20px 60px rgba(0,0,0,0.5);
  --font-display:'Cormorant Garamond',serif;
  --font-body:'Montserrat',sans-serif;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-smooth:cubic-bezier(0.4,0,0.2,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:auto;font-size:16px;}
body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
img{display:block;max-width:100%;height:auto;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
.container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}

@keyframes fadeUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes ctaPulse{0%,100%{box-shadow:0 4px 20px rgba(201,169,110,0.35);}50%{box-shadow:0 6px 30px rgba(201,169,110,0.55);}}
.reveal{opacity:1;transform:none;transition:opacity 0.9s var(--ease-out),transform 0.9s var(--ease-out);}
.js-ready .reveal{opacity:0;transform:translateY(40px);}
.js-ready .reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.1s;}.reveal-delay-2{transition-delay:0.2s;}.reveal-delay-3{transition-delay:0.3s;}.reveal-delay-4{transition-delay:0.4s;}
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:clamp(14px,2vw,24px) 0;transition:all 0.5s var(--ease-smooth);background:transparent;padding-top:env(safe-area-inset-top,0px);}
.nav.scrolled{background:rgba(15,15,15,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:clamp(10px,1.5vw,16px) 0;padding-top:env(safe-area-inset-top,0px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,40px);}
.nav-logo{z-index:1002;position:relative;display:flex;align-items:baseline;gap:clamp(6px,0.8vw,10px);}
.nav-logo-text{font-family:var(--font-display);font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:600;color:var(--text-primary);letter-spacing:2px;line-height:1;}
.nav-logo-dot{color:var(--accent-gold);}
.nav-logo-sub{font-family:var(--font-body);font-size:clamp(0.5rem,0.7vw,0.6rem);font-weight:500;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;line-height:1;}
.nav-links{display:flex;align-items:center;gap:clamp(14px,1.8vw,24px);flex-wrap:nowrap;list-style:none;}
.nav-links a{font-family:var(--font-body);font-size:0.7rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);transition:color 0.3s;position:relative;padding:8px 0;display:flex;align-items:center;}
.nav-links a::after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--accent-gold);transition:width 0.4s var(--ease-out);}
.nav-links a:hover{color:var(--accent-gold);}
.nav-links a:hover::after{width:100%;}
.nav-cta{font-weight:700!important;letter-spacing:2.5px;color:var(--bg-primary)!important;background:var(--accent-gold);padding:10px 22px!important;font-size:0.68rem!important;transition:all 0.4s var(--ease-smooth);box-shadow:0 4px 20px rgba(201,169,110,0.35);animation:ctaPulse 2.5s ease-in-out infinite;}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--accent-gold-light);transform:translateY(-2px);box-shadow:0 10px 40px rgba(201,169,110,0.5);animation:none;}
/* HAMBURGER */
.nav-hamburger{display:none;flex-direction:column;gap:6px;padding:14px;z-index:1002;min-width:48px;min-height:48px;align-items:center;justify-content:center;position:relative;-webkit-tap-highlight-color:transparent;cursor:pointer;}
.nav-hamburger span{width:24px;height:2px;background:var(--text-primary);transition:all 0.3s;border-radius:1px;display:block;}
.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);}
.nav-hamburger.active span:nth-child(2){opacity:0;}
.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}
/* MOBILE MENU CLOSE */
.mobile-nav-close{position:absolute;top:20px;right:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(201,169,110,0.3);color:var(--accent-gold);font-size:1.4rem;cursor:pointer;z-index:1003;-webkit-tap-highlight-color:transparent;transition:all 0.3s;}
.mobile-nav-close:hover{background:rgba(201,169,110,0.1);border-color:var(--accent-gold);}
/* MOBILE NAV OVERLAY */
.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,15,0.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1001;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:80px 32px 40px;overflow-y:auto;}
.mobile-nav.active{display:flex;}
.mobile-nav a{font-family:var(--font-body);font-size:0.9rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);padding:16px 24px;transition:color 0.3s;min-height:52px;display:flex;align-items:center;width:100%;max-width:320px;justify-content:center;border-bottom:1px solid rgba(201,169,110,0.08);-webkit-tap-highlight-color:transparent;}
.mobile-nav a:last-child{border-bottom:none;margin-top:12px;background:var(--accent-gold);color:var(--bg-primary);font-weight:700;letter-spacing:2.5px;}
.mobile-nav a:hover,.mobile-nav a:active{color:var(--accent-gold);}
.mobile-nav a:last-child:hover,.mobile-nav a:last-child:active{background:var(--accent-gold-light);color:var(--bg-primary);}
body.menu-open{overflow:hidden;position:fixed;width:100%;}
/* SECTION LABEL */
.section-label{font-family:var(--font-body);font-size:clamp(0.58rem,0.8vw,0.65rem);font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent-gold);margin-top:clamp(16px,2vw,24px);margin-bottom:clamp(24px,3.5vw,36px);display:flex;align-items:center;gap:16px;}
.section-label::before{content:'';width:30px;height:1px;background:var(--accent-gold);}
.section-label.center{justify-content:center;}
.section-label.center::before{display:none;}
/* BUTTONS */
.btn-primary{font-family:var(--font-body);font-size:clamp(0.65rem,1vw,0.72rem);font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--bg-primary);background:var(--accent-gold);padding:clamp(14px,2vw,18px) clamp(28px,4vw,42px);display:inline-flex;align-items:center;justify-content:center;transition:all 0.4s var(--ease-smooth);position:relative;overflow:hidden;}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.6s;}
.btn-primary:hover{background:var(--accent-gold-light);transform:translateY(-2px);box-shadow:0 12px 40px rgba(201,169,110,0.3);}
.btn-primary:hover::before{left:100%;}
.btn-outline{font-family:var(--font-body);font-size:clamp(0.65rem,1vw,0.72rem);font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);padding:clamp(14px,2vw,18px) clamp(24px,3vw,32px);border:1px solid var(--divider);transition:all 0.4s var(--ease-smooth);display:inline-flex;align-items:center;justify-content:center;}
.btn-outline:hover{border-color:var(--accent-gold);color:var(--accent-gold);}
/* HERO */
.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;position:relative;overflow:hidden;background:var(--bg-secondary);}
.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:140px clamp(24px,6vw,80px) 80px;position:relative;z-index:2;max-width:55%;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(201,169,110,0.06) 0%,transparent 70%);z-index:1;}
.hero-badge{font-family:var(--font-body);font-size:clamp(0.55rem,1.2vw,0.65rem);font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:clamp(20px,3vw,32px);display:flex;align-items:center;gap:16px;}
.js-ready .hero-badge{opacity:0;animation:fadeUp 1s var(--ease-out) 0.3s forwards;}
.hero-badge::before{content:'';width:40px;height:1px;background:var(--accent-gold);}
.hero h1{font-size:clamp(2.6rem,6.5vw,5.6rem);font-weight:700;line-height:1.08;color:var(--text-primary);margin-bottom:clamp(18px,2.5vw,28px);letter-spacing:0.5px;}
.js-ready .hero h1{opacity:0;animation:fadeUp 1s var(--ease-out) 0.5s forwards;}
.hero h1 em{font-style:italic;color:var(--accent-gold);}
.hero-desc{font-size:clamp(0.95rem,1.3vw,1.08rem);line-height:1.9;color:var(--text-secondary);max-width:500px;margin-bottom:clamp(36px,4.5vw,52px);}
.js-ready .hero-desc{opacity:0;animation:fadeUp 1s var(--ease-out) 0.7s forwards;}
.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.js-ready .hero-actions{opacity:0;animation:fadeUp 1s var(--ease-out) 0.9s forwards;}
.hero-image{flex:1;position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;max-width:45%;}
.js-ready .hero-image{opacity:0;animation:fadeIn 1.2s var(--ease-out) 0.4s forwards;}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.hero-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--bg-secondary) 0%,transparent 30%);pointer-events:none;}
.hero-stat-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(15,15,15,0.85);backdrop-filter:blur(20px);padding:clamp(18px,3vw,28px) clamp(24px,5vw,80px);display:flex;justify-content:center;gap:clamp(24px,4vw,60px);z-index:3;border-top:1px solid var(--divider);flex-wrap:wrap;}
.js-ready .hero-stat-bar{opacity:0;animation:fadeUp 1s var(--ease-out) 1.1s forwards;}
.hero-stat{display:flex;align-items:baseline;gap:clamp(6px,1vw,12px);}
.hero-stat-number{font-family:var(--font-display);font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:600;color:var(--accent-gold);letter-spacing:0.5px;}
.hero-stat-label{font-family:var(--font-body);font-size:clamp(0.55rem,0.8vw,0.68rem);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);}
/* GALLERY GRID */
.gallery-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,20px);margin:clamp(32px,4vw,48px) 0;}
.gallery-item{position:relative;overflow:hidden;aspect-ratio:1;background:var(--bg-card);}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease-out);}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,15,0.5) 0%,transparent 50%);opacity:0;transition:opacity 0.4s;}
.gallery-item:hover::after{opacity:1;}
/* HOME VISIT SECTION */
.home-visit-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,96px);align-items:center;}
.home-visit-image{position:relative;overflow:hidden;aspect-ratio:4/5;}
.home-visit-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease-out);}
.home-visit-image:hover img{transform:scale(1.04);}
.home-visit-image::after{content:'';position:absolute;inset:0;border:1px solid var(--divider);pointer-events:none;}
/* ABOUT IMAGE */
.about-image{position:relative;}
.about-image-main{aspect-ratio:1;overflow:hidden;}
.about-image-main img{width:100%;height:100%;object-fit:cover;}
.about-image-accent{position:absolute;bottom:-20px;left:-20px;background:var(--accent-gold);padding:clamp(16px,2.5vw,28px);z-index:2;}
.about-image-accent span{font-family:var(--font-display);font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:600;color:var(--bg-primary);display:block;line-height:1;letter-spacing:0.5px;}
.about-image-accent small{font-family:var(--font-body);font-size:0.55rem;letter-spacing:2px;text-transform:uppercase;color:var(--bg-primary);opacity:0.7;}
/* MARQUEE */
.marquee-section{background:var(--bg-primary);padding:clamp(24px,3vw,40px) 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);overflow:hidden;}
.marquee-track{display:flex;animation:marquee 25s linear infinite;width:max-content;will-change:transform;}
.marquee-item{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:400;color:var(--text-muted);white-space:nowrap;padding:0 clamp(12px,2vw,24px);display:flex;align-items:center;gap:clamp(12px,2vw,24px);letter-spacing:0.5px;}
.marquee-item em{font-style:italic;color:var(--accent-gold);}
.marquee-item strong{font-weight:700;text-transform:uppercase;letter-spacing:3px;}
.marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-gold);opacity:0.5;flex-shrink:0;}
/* SECTIONS */
.sec{padding:clamp(80px,10vw,120px) 0;}
.sec-alt{background:var(--bg-secondary);}
.sec-title{font-size:clamp(2.2rem,4.8vw,4rem);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:0;letter-spacing:0.5px;}
.sec-title em{font-style:italic;color:var(--accent-gold);font-weight:400;}
.sec-subtitle{font-size:clamp(0.95rem,1.15vw,1.05rem);color:var(--text-muted);max-width:660px;line-height:1.75;margin-top:clamp(20px,2.5vw,32px);}
.sec-center{text-align:center;}
.sec-center .sec-subtitle{margin-left:auto;margin-right:auto;}
/* RESULTS TEXT */
.content-text{font-size:clamp(0.95rem,1.08vw,1.05rem);color:var(--text-secondary);line-height:1.75;margin-bottom:clamp(20px,2.5vw,28px);max-width:680px;}
.content-text strong{color:var(--accent-gold);}

/* Article body — optimized for reading */
.article-body{max-width:680px;margin-left:auto;margin-right:auto;}
.article-body p{font-size:clamp(0.98rem,1.1vw,1.08rem);color:var(--text-secondary);line-height:1.8;margin-bottom:clamp(18px,2.2vw,26px);}
.article-body p:last-child{margin-bottom:0;}
.article-body strong{color:var(--text-primary);font-weight:600;}
.article-body a{color:var(--accent-gold);border-bottom:1px solid rgba(201,169,110,0.3);transition:border-color 0.3s;}
.article-body a:hover{border-color:var(--accent-gold);}
.article-body ul{margin:clamp(20px,2.5vw,28px) 0;padding-left:0;list-style:none;}
.article-body ul li{font-size:clamp(0.92rem,1.02vw,1rem);color:var(--text-secondary);line-height:1.75;padding:clamp(10px,1.2vw,14px) 0 clamp(10px,1.2vw,14px) 22px;border-bottom:1px solid rgba(201,169,110,0.06);position:relative;}
.article-body ul li::before{content:'';position:absolute;left:0;top:clamp(18px,1.6vw,22px);width:6px;height:6px;border-radius:50%;background:rgba(201,169,110,0.35);}
.article-body ul li strong{color:var(--accent-gold);}

.content-text a{color:var(--accent-gold);border-bottom:1px solid rgba(201,169,110,0.3);transition:border-color 0.3s;}
.content-text a:hover{border-color:var(--accent-gold);}
.sec-center .content-text{margin-left:auto;margin-right:auto;}
/* CAUSE GRID */
.cause-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2px,0.5vw,8px);margin:clamp(32px,4vw,48px) 0;}
.cause-item{background:var(--bg-secondary);padding:clamp(28px,3.5vw,40px) clamp(24px,3vw,32px);transition:all 0.5s var(--ease-out);border:1px solid transparent;position:relative;overflow:hidden;display:flex;flex-direction:column;}
.cause-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:0;transition:opacity 0.5s;}
.cause-item:hover{background:var(--bg-card);border-color:var(--divider);transform:translateY(-4px);box-shadow:var(--shadow);}
.cause-item:hover::before{opacity:1;}
.cause-item strong{color:var(--accent-gold);font-size:clamp(0.92rem,1.05vw,1rem);display:block;margin-bottom:10px;font-family:var(--font-display);font-weight:500;letter-spacing:0.3px;}
.cause-item span{color:var(--text-secondary);font-size:clamp(0.8rem,0.9vw,0.88rem);line-height:1.8;flex:1;}
.cause-item span a{color:var(--accent-gold);}
.cause-item span strong{color:var(--accent-gold);font-weight:600;}
.cause-full{grid-column:1/-1;}
.highlight-quote{text-align:center;font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:400;font-style:italic;color:var(--accent-gold);padding:clamp(36px,5vw,64px) 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);margin:clamp(36px,4vw,56px) 0;letter-spacing:0.5px;}
.see-also{font-size:clamp(0.78rem,0.9vw,0.85rem);color:var(--text-muted);margin-top:clamp(28px,3vw,40px);}
.see-also a{color:var(--text-secondary);border-bottom:1px solid rgba(201,169,110,0.2);transition:all 0.3s;}
.see-also a:hover{color:var(--accent-gold);border-color:var(--accent-gold);}
.see-also strong{color:var(--text-secondary);}
/* STEP CARDS */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2px,0.5vw,8px);margin:clamp(32px,4vw,48px) 0;width:100%;}
.step-card{background:var(--bg-secondary);padding:clamp(44px,5.5vw,64px) clamp(28px,3.5vw,36px);position:relative;overflow:hidden;transition:all 0.5s var(--ease-out);border:1px solid transparent;}
.step-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:0;transition:opacity 0.5s;}
.step-card:hover{background:var(--bg-card);border-color:var(--divider);transform:translateY(-4px);box-shadow:var(--shadow);}
.step-card:hover::before{opacity:1;}
.step-num{font-family:var(--font-display);font-size:clamp(2.8rem,4.5vw,4rem);color:rgba(201,169,110,0.12);font-weight:300;line-height:1;margin-bottom:16px;letter-spacing:1px;}
.step-card h3{font-size:clamp(1.1rem,1.4vw,1.25rem);font-weight:600;color:var(--text-primary);margin-bottom:clamp(14px,2vw,20px);line-height:1.35;}
.step-card p{font-size:clamp(0.88rem,1vw,0.95rem);color:var(--text-secondary);line-height:1.8;}
.step-card p strong{color:var(--accent-gold);font-weight:600;}
.step-card p a{color:var(--accent-gold);}
/* SAFETY */
.safety-banner{display:inline-block;background:rgba(196,92,74,0.12);border:1px solid rgba(196,92,74,0.25);color:var(--accent-rose);font-weight:600;font-size:clamp(0.6rem,0.8vw,0.7rem);letter-spacing:2px;text-transform:uppercase;padding:8px 20px;margin-bottom:24px;}
.contra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(2px,0.5vw,8px);margin:clamp(24px,3vw,36px) 0;}
.contra-item{background:rgba(196,92,74,0.04);border:1px solid rgba(196,92,74,0.1);padding:clamp(20px,2.5vw,28px) clamp(18px,2vw,24px);transition:all 0.4s;}
.contra-item:hover{border-color:rgba(196,92,74,0.3);}
.contra-item strong{color:var(--accent-rose);font-size:clamp(0.85rem,1vw,0.92rem);display:block;margin-bottom:4px;font-family:var(--font-display);font-weight:600;}
.contra-item span{color:var(--text-secondary);font-size:clamp(0.8rem,0.9vw,0.86rem);line-height:1.7;}
.safe-box{background:var(--bg-accent);border-left:2px solid var(--accent-gold);padding:clamp(20px,3vw,28px) clamp(20px,3vw,32px);margin-top:clamp(24px,3vw,36px);}
.safe-box p{font-size:clamp(0.88rem,1vw,0.95rem);color:var(--text-secondary);line-height:1.8;}
.safe-box strong{color:var(--accent-gold);}
.safe-box a{color:var(--accent-gold);}
/* LOCATION GRID */
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2px,0.5vw,8px);margin:clamp(32px,4vw,48px) 0;}
.loc-card{background:var(--bg-secondary);padding:clamp(40px,5.5vw,64px) clamp(32px,4vw,48px);border:1px solid transparent;transition:all 0.5s var(--ease-out);}
.loc-card:hover{border-color:var(--divider);transform:translateY(-4px);box-shadow:var(--shadow);}
.loc-card h3{font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.3;}
.loc-card .loc-sub{font-family:var(--font-body);font-size:clamp(0.6rem,0.8vw,0.68rem);font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:20px;display:block;}
.loc-card p{font-size:clamp(0.88rem,1vw,0.95rem);color:var(--text-secondary);line-height:1.9;}
.loc-card p strong{color:var(--accent-gold);}
.loc-card p a{color:var(--accent-gold);}
/* TESTIMONIALS */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px);margin:clamp(36px,5vw,60px) 0;}
.testimonial-card{background:var(--bg-card);padding:clamp(32px,4vw,48px) clamp(24px,3vw,36px);position:relative;border:1px solid var(--divider);transition:all 0.5s var(--ease-out);}
.testimonial-card:hover{transform:translateY(-6px);border-color:rgba(201,169,110,0.3);box-shadow:0 20px 50px rgba(0,0,0,0.3);}
.testimonial-stars{display:flex;gap:4px;margin-bottom:24px;}
.testimonial-stars svg{width:16px;height:16px;fill:var(--accent-gold);}
.testimonial-card blockquote{font-size:clamp(0.88rem,1vw,0.95rem);font-style:italic;color:var(--text-secondary);line-height:1.9;margin-bottom:32px;}
.testimonial-author{display:flex;align-items:center;gap:16px;padding-top:24px;border-top:1px solid var(--divider);}
.testimonial-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--bg-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--accent-gold);border:1px solid var(--accent-gold);}
.testimonial-name{font-family:var(--font-body);font-size:0.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);}
.testimonial-detail{font-size:0.68rem;color:var(--text-muted);margin-top:2px;}
.review-summary{text-align:center;font-size:clamp(0.88rem,1vw,0.95rem);color:var(--text-secondary);}
.review-summary strong{color:var(--accent-gold);}
/* PRICING TABLE */
.pricing-table-wrap{overflow-x:auto;margin:clamp(36px,5vw,56px) 0;}
.pricing-table{width:100%;border-collapse:collapse;}
.pricing-table th{font-family:var(--font-body);font-size:clamp(0.58rem,0.8vw,0.65rem);font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-gold);padding:20px 28px;text-align:left;border-bottom:2px solid var(--divider);}
.pricing-table td{padding:24px 28px;border-bottom:1px solid rgba(201,169,110,0.08);font-size:clamp(0.88rem,1.05vw,0.95rem);color:var(--text-secondary);transition:background 0.3s;}
.pricing-table tr:hover td{background:rgba(201,169,110,0.03);}
.pricing-table td:first-child{color:var(--text-primary);font-weight:500;}
.pricing-table td:nth-child(3){font-family:var(--font-display);font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:500;color:var(--text-primary);letter-spacing:0.5px;}
.pricing-notes{list-style:none;margin-top:clamp(28px,3vw,40px);}
.pricing-notes li{padding:14px 0;font-size:clamp(0.88rem,1vw,0.95rem);color:var(--text-secondary);border-bottom:1px solid rgba(201,169,110,0.06);}
.pricing-notes li:last-child{border:none;}
.pricing-notes strong{color:var(--accent-gold);}
.pricing-notes a{color:var(--accent-gold);}
/* WHY GRID */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(2px,0.5vw,8px);margin:clamp(32px,4vw,48px) 0;}
.why-card{background:var(--bg-card);padding:clamp(36px,4.5vw,56px) clamp(28px,3.5vw,40px);border:1px solid var(--divider);transition:all 0.5s var(--ease-out);}
.why-card:hover{transform:translateY(-6px);border-color:rgba(201,169,110,0.3);box-shadow:0 20px 50px rgba(0,0,0,0.3);}
.why-card h3{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:500;color:var(--text-primary);margin-bottom:14px;line-height:1.3;letter-spacing:0.3px;}
.why-card p{font-size:clamp(0.85rem,1vw,0.9rem);color:var(--text-muted);line-height:1.8;}
.why-card p strong{color:var(--accent-gold);}
.why-card p a{color:var(--accent-gold);}
/* BOOK SECTION */
.book-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:clamp(32px,4vw,48px) 0;}
.book-way{background:var(--bg-secondary);padding:clamp(32px,4vw,48px) clamp(24px,3vw,36px);border:1px solid transparent;transition:all 0.5s var(--ease-out);}
.book-way:hover{border-color:var(--divider);transform:translateY(-4px);}
.book-way .way-num{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);color:rgba(201,169,110,0.15);font-weight:700;margin-bottom:12px;}
.book-way h4{font-family:var(--font-display);font-size:clamp(0.95rem,1.2vw,1.1rem);font-weight:600;color:var(--text-primary);margin-bottom:10px;}
.book-way p{font-size:clamp(0.82rem,0.95vw,0.88rem);color:var(--text-secondary);line-height:1.8;}
.book-way p a{color:var(--accent-gold);}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:clamp(32px,4vw,48px) 0;text-align:left;}
.contact-item{font-size:clamp(0.82rem,0.95vw,0.88rem);color:var(--text-secondary);}
.contact-item strong{font-family:var(--font-body);font-size:clamp(0.55rem,0.7vw,0.62rem);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:4px;}
.contact-item a{color:var(--accent-gold);}
.closing-text{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.6rem);font-style:italic;color:var(--accent-gold);margin-top:clamp(32px,4vw,48px);}
/* EXPLORE */
.explore-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2px,0.5vw,8px);margin:clamp(36px,5vw,56px) 0 clamp(2px,0.5vw,8px);}
.explore-card{display:flex;flex-direction:column;background:var(--bg-secondary);padding:clamp(36px,4.5vw,56px) clamp(28px,3.5vw,40px);border:1px solid var(--divider);transition:all 0.5s var(--ease-out);text-align:center;align-items:center;}
.explore-card:hover{border-color:rgba(201,169,110,0.3);transform:translateY(-6px);background:var(--bg-card);box-shadow:0 20px 50px rgba(0,0,0,0.3);}
.explore-num{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.6rem);font-weight:300;color:var(--accent-gold);line-height:1;margin-bottom:12px;letter-spacing:1px;}
.explore-card strong{font-size:clamp(1rem,1.2vw,1.1rem);color:var(--text-primary);display:block;margin-bottom:12px;font-family:var(--font-display);font-weight:600;line-height:1.3;}
.explore-card span{font-size:clamp(0.82rem,0.92vw,0.88rem);color:var(--text-muted);line-height:1.8;flex:1;}
.explore-secondary{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2px,0.5vw,8px);}
.explore-link{display:flex;flex-direction:column;background:var(--bg-card);padding:clamp(24px,3vw,32px) clamp(24px,3vw,32px);border:1px solid var(--divider);transition:all 0.4s var(--ease-out);text-align:center;align-items:center;}
.explore-link:hover{border-color:rgba(201,169,110,0.3);transform:translateY(-4px);background:var(--bg-accent);box-shadow:var(--shadow);}
.explore-link strong{font-size:clamp(0.88rem,1vw,0.95rem);color:var(--accent-gold);display:block;margin-bottom:8px;font-family:var(--font-display);font-weight:600;line-height:1.3;}
.explore-link span{font-size:clamp(0.78rem,0.88vw,0.84rem);color:var(--text-muted);line-height:1.7;flex:1;}
/* FOOTER — clean 3-col layout */
.footer{background:var(--bg-primary);padding:clamp(60px,8vw,80px) 0 clamp(28px,3vw,40px);}

/* 3 equal columns on desktop */
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(40px,5vw,60px);margin-bottom:clamp(32px,4vw,48px);}
.footer-col h5{font-family:var(--font-body);font-size:0.6rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:clamp(14px,1.8vw,20px);}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col ul li{margin-bottom:clamp(6px,0.8vw,10px);}
.footer-col ul a{font-family:var(--font-body);font-size:clamp(0.78rem,0.9vw,0.85rem);color:var(--text-muted);transition:color 0.3s;padding:4px 0;display:inline-block;line-height:1.6;}
.footer-col ul a:hover{color:var(--accent-gold);}

/* Follow Us block — centered below columns */
.footer-follow{text-align:center;padding:clamp(24px,3vw,32px) 0;margin-bottom:clamp(8px,1vw,16px);}
.footer-follow h5{font-family:var(--font-body);font-size:0.6rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:clamp(14px,1.8vw,18px);}
.footer-socials{display:flex;gap:clamp(10px,1.2vw,14px);justify-content:center;}
.footer-socials a{width:42px;height:42px;border:1px solid rgba(201,169,110,0.2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all 0.4s var(--ease-smooth);border-radius:50%;}
.footer-socials a:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 8px 24px rgba(201,169,110,0.12);background:rgba(201,169,110,0.05);}
.footer-socials a.footer-social-wa:hover{border-color:#25D366;color:#25D366;box-shadow:0 8px 24px rgba(37,211,102,0.25);background:rgba(37,211,102,0.06);}
.footer-socials a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}

/* Contact inline bottom */
.footer-contact{display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,28px);flex-wrap:wrap;padding:clamp(20px,2.5vw,28px) 0;margin-bottom:clamp(14px,2vw,20px);}
.footer-contact-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:clamp(0.78rem,0.9vw,0.85rem);color:var(--text-secondary);text-decoration:none;transition:color 0.3s;white-space:nowrap;}
.footer-contact-link:hover{color:var(--accent-gold);}
.footer-contact-link svg{flex-shrink:0;stroke:var(--accent-gold);fill:none;stroke-width:2;display:block;}
.footer-contact-sep{color:var(--text-muted);opacity:0.5;font-size:0.9rem;}

/* Bottom bar */
.footer-bottom{display:flex;justify-content:center;align-items:center;gap:8px 20px;flex-wrap:wrap;text-align:center;}
.footer-bottom p{font-family:var(--font-body);font-size:0.65rem;color:var(--text-muted);letter-spacing:1px;line-height:1.6;margin:0;}

/* ===================================================================
   RESPONSIVE BREAKPOINTS — properly structured (no nesting)
   =================================================================== */

/* TABLET — max 1024px */
@media(max-width:1024px){
  .steps-grid{grid-template-columns:repeat(2,1fr);}
  .cause-grid{grid-template-columns:repeat(2,1fr);}
  .cred-grid{grid-template-columns:1fr;}
  .explore-featured{grid-template-columns:repeat(3,1fr);}
  .explore-secondary{grid-template-columns:repeat(2,1fr);}
  .testimonials-grid{grid-template-columns:1fr;}
  .book-ways{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:repeat(3,1fr);gap:32px;}
  .why-grid{grid-template-columns:1fr;}
  .pricing-table-wrap{margin-left:-16px;margin-right:-16px;padding:0 16px;}
}

/* MOBILE — max 768px */
@media(max-width:768px){

  /* NAV */
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
  .nav{padding:12px 0;}
  .nav.scrolled{padding:10px 0;}
  .nav-logo-text{font-size:1.1rem;}
  .nav-logo-sub{font-size:0.45rem;letter-spacing:2.5px;}

  /* SECTIONS */
  .sec{padding:clamp(44px,9vw,68px) 0;}
  .container{padding:0 16px;}

  /* HERO */
  .hero{min-height:auto;flex-direction:column;}
  .hero-content{max-width:100%;padding:calc(80px + env(safe-area-inset-top,0px)) 20px 40px;order:1;text-align:center;}
  .hero-image{max-width:100%;min-height:300px;order:2;aspect-ratio:4/3;}
  .hero-image::after{background:linear-gradient(to bottom,var(--bg-secondary) 0%,transparent 30%);}
  .hero h1{font-size:clamp(2.2rem,6.5vw,3.2rem);}
  .hero-desc{font-size:0.92rem;margin-bottom:28px;max-width:100%;}
  .hero-badge{justify-content:center;}
  .hero-actions{flex-direction:column;width:100%;justify-content:center;}
  .btn-primary,.btn-outline{width:100%;text-align:center;justify-content:center;min-height:52px;}
  .hero-stat-bar{position:relative;order:3;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;}
  .hero-stat{justify-content:center;padding:clamp(14px,3vw,20px) 10px;border-bottom:1px solid var(--divider);}
  .hero-stat:nth-child(odd){border-right:1px solid var(--divider);}
  .hero-stat:nth-last-child(-n+2){border-bottom:none;}
  .hero-stat-number{font-size:clamp(1.2rem,5vw,1.6rem);}
  .hero-badge::before{width:24px;}

  /* TYPOGRAPHY */
  .sec-title{font-size:clamp(2rem,7vw,2.8rem) !important;line-height:1.15 !important;}
  .sec-subtitle{font-size:0.88rem !important;}
  .content-text{font-size:0.9rem !important;line-height:1.8 !important;}
  .section-label{font-size:0.52rem;letter-spacing:3px;margin-bottom:14px;}

  /* MARQUEE */
  .marquee-section{padding:16px 0;}
  .marquee-item{font-size:0.9rem;padding:0 10px;gap:10px;}

  /* STEPS — 1 column on mobile */
  .steps-grid{grid-template-columns:1fr !important;gap:1px;}
  .step-card{padding:22px 18px;}
  .step-num{font-size:2rem;margin-bottom:8px;}
  .step-card h3{font-size:1rem;}

  /* CAUSE GRID */
  .cause-grid{grid-template-columns:1fr !important;gap:1px;}
  .cause-item{padding:16px 14px;}
  .cause-full{grid-column:auto;}

  /* HIGHLIGHT QUOTE */
  .highlight-quote{font-size:clamp(1rem,4.5vw,1.3rem);padding:clamp(24px,5vw,40px) 0;}

  /* WHY GRID */
  .why-grid{grid-template-columns:1fr !important;gap:1px;}
  .why-card{padding:22px 18px;}
  .why-card h3{font-size:1rem;}

  /* SAFETY */
  .contra-grid{grid-template-columns:1fr;gap:1px;}
  .contra-item{padding:14px 12px;}
  .safe-box{padding:16px 16px;}
  .safe-box p{font-size:0.86rem;}

  /* LOC CARDS */
  .loc-grid{grid-template-columns:1fr !important;gap:1px;}
  .loc-card{padding:22px 16px;}
  .loc-card h3{font-size:1.1rem;}
  .loc-card p{font-size:0.86rem;line-height:1.75;}

  /* TESTIMONIALS */
  .testimonials-grid{grid-template-columns:1fr !important;gap:12px;}
  .testimonial-card{padding:20px 16px;}
  .testimonial-card blockquote{font-size:0.86rem;line-height:1.75;margin-bottom:20px;}
  .testimonial-author{padding-top:14px;gap:12px;}
  .testimonial-avatar{width:38px;height:38px;min-width:38px;font-size:0.9rem;}

  /* PRICING */
  .pricing-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .pricing-table{min-width:480px;}
  .pricing-table th,.pricing-table td{padding:12px 12px;font-size:0.8rem;}

  /* DATA TABLE */
  .data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .data-table th,.data-table td{padding:10px 12px;font-size:0.8rem;white-space:nowrap;}

  /* CREDENTIALS */
  .cred-grid{grid-template-columns:1fr !important;gap:1px;}
  .cred-card{padding:18px 16px;}
  .cred-num{font-size:2rem;margin-bottom:8px;}
  .cred-card h3{font-size:0.95rem;}
  .cred-card[style*="grid-column"]{grid-column:auto !important;max-width:100% !important;margin:0 !important;}

  /* CERTIFICATE SLIDESHOW */
  #csWrap{height:340px !important;}
  #csWrap img{max-height:300px !important;}

  /* INLINE GRID OVERRIDES — catch all inline grids */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important;gap:clamp(20px,5vw,32px) !important;}
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important;}

  /* STATS BARS */
  #aboutStats,#csStats,#rvStats{grid-template-columns:repeat(2,1fr) !important;}

  /* REVIEWS COLUMNS */
  .rv-col-2,.rv-col-3{display:none !important;}
  #rvColumns{grid-template-columns:1fr !important;max-height:540px !important;}
  .rv-card{padding:18px 16px;}
  .rv-text{font-size:0.88rem;line-height:1.75;}

  /* ABOUT CSS UTILITY CLASSES */
  .ab-split,.ab-split-wide,.ab-loc{grid-template-columns:1fr !important;gap:28px !important;}
  .ab-pay3,.ab-booking3{grid-template-columns:1fr !important;max-width:100% !important;}

  /* BOOK WAYS */
  .book-ways{grid-template-columns:1fr;}
  .book-way{padding:22px 16px;}

  /* BLOG CARDS */
  .blog-card{padding:20px 16px;}
  .blog-card h3{font-size:clamp(1.1rem,4vw,1.35rem);}

  /* FAQ */
  .faq-toc{grid-template-columns:1fr;}
  .faq-question{font-size:0.9rem;padding:16px 0;}
  .faq-answer-inner table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* GALLERY */
  .gallery-preview{grid-template-columns:1fr 1fr;gap:4px;}

  /* EXPLORE */
  .explore-featured{grid-template-columns:1fr !important;gap:clamp(2px,0.5vw,6px);}
  .explore-secondary{grid-template-columns:1fr 1fr;gap:clamp(2px,0.5vw,6px);}
  .explore-link{padding:18px 16px;}

  /* HOME VISIT */
  .home-visit-inner{grid-template-columns:1fr;gap:24px;}
  .home-visit-image{aspect-ratio:3/2;}

  /* ABOUT IMAGE */
  .about-image{margin-bottom:24px;}
  .about-image-accent{bottom:-12px;left:-8px;padding:14px 18px;}
  .about-image-accent span{font-size:1.3rem;}

  /* CTA BUTTONS */
  [style*="max-width:420px"],[style*="max-width:min(420px"]{max-width:100% !important;width:100% !important;}

  /* CONTACT WHITESPACE */
  [style*="white-space:nowrap"]{white-space:normal !important;}

  /* FOOTER */
  .footer{padding:48px 0 28px;}
  /* 3 centered columns on mobile */
  .footer-grid{grid-template-columns:repeat(3,1fr) !important;gap:14px;margin-bottom:24px;}
  .footer-col{text-align:center;}
  .footer-col h5{font-size:0.54rem !important;letter-spacing:2px !important;margin-bottom:12px !important;}
  .footer-col ul li{margin-bottom:6px;}
  .footer-col ul a{min-height:auto;line-height:1.7;padding:3px 0;font-size:0.7rem !important;}
  /* Follow Us block */
  .footer-follow{padding:8px 0 4px;margin-bottom:8px;}
  .footer-follow h5{font-size:0.54rem;letter-spacing:2px;margin-bottom:14px;}
  .footer-socials{gap:12px;}
  /* Contact stacked */
  .footer-contact{padding:16px 0 8px;gap:10px;margin-bottom:18px;flex-direction:column;}
  .footer-contact-sep{display:none;}
  .footer-contact-link{font-size:0.8rem;}
  /* Bottom bar stacks */
  .footer-bottom{flex-direction:column;gap:4px;text-align:center;}
  .footer-bottom p{font-size:0.56rem;}

  /* COOKIE + WA */
  .cookie-banner{flex-direction:column;text-align:center;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));}
  .dtg-cookie-wrap{flex-direction:column;text-align:center;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:10px;}
  .dtg-cookie-wrap p{font-size:0.75rem;}
  .dtg-cookie-btns{width:100%;justify-content:center;}
  .dtg-cookie-yes,.dtg-cookie-no{flex:1;text-align:center;}
  .cookie-actions{width:100%;justify-content:center;}
  .cookie-btn{padding:12px 20px;flex:1;}
  .wa-float-wrap{bottom:calc(20px + env(safe-area-inset-bottom,0px));right:16px;width:52px;height:52px;}
  .whatsapp-float{width:52px;height:52px;}
  .whatsapp-float svg{width:24px;height:24px;}
  .wa-ring{width:52px;height:52px;margin-top:-26px;margin-left:-26px;}
  .wa-toast{right:12px;left:12px;width:auto;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom,0px));}
  .wa-toast-header{padding:12px 14px;}
  .wa-toast-logo{width:28px;height:28px;}
  .wa-toast-body{padding:14px;}
  .wa-toast-cta{padding:14px 20px;}

  /* KEY INFO GRID — vertical on mobile with longer text */
  .dtm-info-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .dtm-info-card{padding:26px 22px !important;display:flex !important;flex-direction:column;grid-column:span 1 !important;max-width:100% !important;justify-self:stretch !important;}
  .dtm-info-card svg{margin-bottom:14px !important;width:26px;height:26px;}
  .dtm-info-card h3{font-size:1.08rem !important;margin-bottom:10px !important;}
  .dtm-info-card p{font-size:0.92rem !important;line-height:1.8 !important;}
  .dtm-info-meta{font-size:0.72rem !important;margin-top:10px !important;}
  .dtm-info-link{margin-top:14px;font-size:0.62rem;}

  /* DIFFERENCE GRID */
  .diff-grid{grid-template-columns:1fr !important;gap:10px !important;}

  /* STEP CARDS — more breathing room for longer text */
  .step-card{padding:36px 24px !important;}
  .step-card h3{font-size:1.1rem !important;margin-bottom:16px !important;}
  .step-card p{font-size:0.92rem !important;line-height:1.8 !important;}

  /* WHO WE HELP TAGS */
  [style*="flex-wrap:wrap"][style*="justify-content:center"]{gap:6px !important;}
  [style*="flex-wrap:wrap"] span[style*="white-space:nowrap"]{font-size:0.65rem !important;padding:8px 12px !important;}

  /* LOCATION GRID */
  .loc-grid{grid-template-columns:1fr !important;gap:28px !important;}
  .loc-grid [style*="padding-bottom:75%"]{padding-bottom:60% !important;min-height:220px !important;}

  /* GLOW DIVIDERS — compact */
  .dtm-glow-div{height:0 !important;}

  /* PARTICLES — fewer on mobile for perf */
  .dtm-p:nth-child(n+6){display:none;}

  /* PAYMENT GRID */
  .payment-grid{grid-template-columns:1fr !important;gap:24px !important;}

  /* ARTICLE BODY */
  .article-body{padding:0 !important;}
  .article-body p{font-size:1rem !important;line-height:1.8 !important;margin-bottom:18px !important;}
  .article-body ul li{font-size:0.95rem !important;line-height:1.75 !important;padding:12px 0 12px 22px !important;}

  /* SEE ALSO BOX */
  .see-also-box{font-size:0.8rem !important;text-align:center;}

  /* BOOK SECTION */
  [style*="max-width:min(420px"]{max-width:100% !important;}
  .btn-primary,.btn-outline{width:100% !important;justify-content:center !important;min-height:52px;text-align:center;}
  a[style*="25D366"]{width:100% !important;}

  /* HERO */
  .hero-sec::before{width:280px !important;height:480px !important;opacity:0.15 !important;}
  .hero-horizon{height:30px;}
  .hero-horizon-line{opacity:0.8;}

  /* MARQUEE */
  .dtm-marquee-text{font-size:0.62rem !important;}
  .dtm-marquee-dot{margin:0 clamp(8px,1.5vw,12px) !important;width:2px !important;height:2px !important;}
  .dtm-marquee-wrap{padding:3px 0 !important;}
}

/* SMALL PHONES — max 400px */
@media(max-width:400px){
  .container{padding:0 14px;}
  .sec-title{font-size:clamp(1.8rem,7vw,2.2rem) !important;}
  .hero h1{font-size:clamp(2rem,8vw,2.6rem);}
  .hero-stat-number{font-size:1.2rem;}
  .nav-logo-text{font-size:1rem;}
  .nav-logo-sub{font-size:0.42rem;}
  .btn-primary,.btn-outline{font-size:0.62rem;letter-spacing:2px;}
  .steps-grid{grid-template-columns:1fr !important;}
  .pricing-table{min-width:400px;}
  .pricing-table th,.pricing-table td{padding:9px 8px;font-size:0.72rem;}
  #csWrap{height:280px !important;}
  #rvColumns{max-height:460px !important;}

  /* NEW COMPONENTS — extra small */
  .dtm-info-card{padding:18px 16px !important;}
  .dtm-info-card h3{font-size:0.88rem !important;}
  .dtm-info-card p{font-size:0.78rem !important;}
  .step-card{padding:22px 16px !important;}
  .step-card p{font-size:0.82rem !important;}
  .dtm-marquee-text{font-size:0.55rem !important;}
  .hero-sec::before{width:200px !important;height:350px !important;opacity:0.1 !important;}
  .dtm-glow-div{height:0 !important;}
  .diff-grid>div{padding:20px 16px !important;}
  .diff-grid h3{font-size:0.95rem !important;}
  .diff-grid p{font-size:0.75rem !important;}
}

/* TABLET — 769px to 1024px */
@media(min-width:769px) and (max-width:1024px){
  .dtm-info-grid{grid-template-columns:repeat(2,1fr) !important;gap:16px !important;}
  .dtm-info-card{grid-column:span 1 !important;max-width:100% !important;justify-self:stretch !important;}
  .dtm-info-card p{font-size:0.8rem !important;}
  .diff-grid{grid-template-columns:1fr 1fr 1fr;}
  .loc-grid{gap:clamp(24px,4vw,40px) !important;}
  .steps-grid{grid-template-columns:repeat(2,1fr) !important;}
  .step-card p{font-size:0.85rem !important;}
}

/* LANDSCAPE PHONE */
@media(max-height:500px) and (orientation:landscape){
  .hero{min-height:auto;}
  .hero-content{padding-top:80px;padding-bottom:30px;}
  .hero-stat-bar{position:relative;display:flex;justify-content:center;}
  .mobile-nav{gap:4px;}
  .mobile-nav a{font-size:0.75rem;padding:8px 0;}
  .sec{padding:36px 0;}
}

/* TOUCH TARGETS */
@media(hover:none) and (pointer:coarse){
  a,button{min-height:44px;}
  .footer-col ul a{min-height:44px;line-height:44px;}
}

/* PRINT */
@media print{
  .nav,.marquee-section,.whatsapp-float,.wa-toast,.cookie-banner,.mobile-nav{display:none !important;}
  body{background:#fff;color:#000;}
  *{box-shadow:none !important;}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;}
  .marquee-track{animation:none !important;}
  .reveal{opacity:1 !important;transform:none !important;}
}

/* ===================================================================
   ADDITIONAL COMPONENTS
   =================================================================== */

.data-table{width:100%;border-collapse:collapse;}
.data-table th{font-family:var(--font-body);font-size:clamp(0.58rem,.8vw,.65rem);font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-gold);padding:16px 20px;text-align:left;border-bottom:2px solid var(--divider);}
.data-table td{padding:16px 20px;border-bottom:1px solid rgba(201,169,110,.08);font-size:clamp(.85rem,1vw,.92rem);color:var(--text-secondary);transition:background .3s;}
.data-table td:first-child{color:var(--text-primary);font-weight:500;}
.data-table tr:hover td{background:rgba(201,169,110,.03);}

.cred-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2px,.5vw,8px);margin:clamp(32px,4vw,48px) 0;}
.cred-card{background:var(--bg-secondary);border:1px solid var(--divider);padding:clamp(22px,3vw,36px) clamp(18px,2.5vw,28px);transition:all .5s var(--ease-out);}
.cred-card:hover{border-color:rgba(201,169,110,.3);background:var(--bg-card);}
.cred-num{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;color:rgba(201,169,110,.1);line-height:1;margin-bottom:12px;}
.cred-card h3{font-family:var(--font-display);font-size:clamp(1rem,1.3vw,1.15rem);font-weight:600;color:var(--accent-gold);margin-bottom:10px;line-height:1.3;}
.cred-card p{font-size:clamp(.82rem,.95vw,.9rem);color:var(--text-secondary);line-height:1.8;}

.ab-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:start;}
.ab-split-wide{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,96px);align-items:start;}
.ab-loc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2px,.5vw,8px);}
.ab-pay3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider);}
.ab-sci4{display:grid;gap:1px;background:var(--divider);}
.ab-booking3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider);max-width:720px;margin:0 auto clamp(28px,4vw,44px);}

/* Hide WordPress admin bar when viewing site */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }

/* ═══ COOKIE CONSENT — fixed bottom ═══ */
.dtg-cookie-wrap{position:fixed;bottom:0;left:0;right:0;background:#1a1917;border-top:1px solid rgba(201,169,110,0.2);padding:16px 28px;display:none;align-items:center;justify-content:center;gap:16px;z-index:999;font-family:var(--font-body);}
.dtg-cookie-wrap p{font-size:0.78rem;color:#c4b9a8;margin:0;line-height:1.5;}
.dtg-cookie-btns{display:flex;gap:8px;flex-shrink:0;}
.dtg-cookie-yes{font-family:var(--font-body);font-size:0.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;border:none;cursor:pointer;background:#c9a96e;color:#0f0f0f;transition:background 0.3s;}
.dtg-cookie-yes:hover{background:#e0c992;}
.dtg-cookie-no{font-family:var(--font-body);font-size:0.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;cursor:pointer;background:transparent;color:#8a7e6e;border:1px solid rgba(201,169,110,0.15);transition:all 0.3s;}
.dtg-cookie-no:hover{border-color:#c9a96e;color:#c9a96e;}

/* ═══ WHATSAPP FLOAT BUTTON + HEARTBEAT RINGS ═══ */
.wa-float-wrap{position:fixed;bottom:24px;right:24px;width:60px;height:60px;z-index:999;}
.whatsapp-float{position:relative;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);z-index:3;transition:all 0.3s;}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,0.5);}
.whatsapp-float svg{width:28px;height:28px;fill:#fff;stroke:none;}
.wa-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;border-radius:50%;border:2px solid rgba(37,211,102,0.5);opacity:0;z-index:1;animation:wa-heartbeat 3s ease-out infinite;}
.wa-ring-2{animation-delay:0.4s;}
@keyframes wa-heartbeat{
  0%{transform:scale(1);opacity:0.6;border-color:rgba(37,211,102,0.6);}
  50%{transform:scale(1.8);opacity:0.2;border-color:rgba(37,211,102,0.2);}
  100%{transform:scale(2.2);opacity:0;border-color:rgba(37,211,102,0);}
}

/* ═══ WHATSAPP TOAST — CHAT STYLE ═══ */
.wa-toast{position:fixed;bottom:100px;right:24px;width:360px;background:#1a1a1a;border:1px solid rgba(37,211,102,0.15);border-radius:12px;overflow:hidden;z-index:998;opacity:0;transform:translateY(20px) scale(0.95);pointer-events:none;transition:all 0.5s var(--ease-smooth);box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 30px rgba(37,211,102,0.06);}
.wa-toast.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.wa-toast-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#075e54,#128C7E);position:relative;}
.wa-toast-logo{width:36px;height:36px;fill:#fff;flex-shrink:0;}
.wa-toast-title{font-family:var(--font-body);font-size:0.8rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;}
.wa-toast-dot{width:8px;height:8px;border-radius:50%;background:#25D366;box-shadow:0 0 8px rgba(37,211,102,0.6);animation:wa-dot-blink 1.5s ease-in-out infinite;}
@keyframes wa-dot-blink{0%,100%{opacity:1;box-shadow:0 0 8px rgba(37,211,102,0.6);}50%{opacity:0.4;box-shadow:0 0 4px rgba(37,211,102,0.2);}}
.wa-toast-close{position:absolute;top:10px;right:12px;background:none;border:none;color:rgba(255,255,255,0.5);font-size:1.4rem;cursor:pointer;padding:4px 6px;line-height:1;transition:color 0.3s;z-index:1;}
.wa-toast-close:hover{color:#fff;}
.wa-toast-body{padding:18px;}
.wa-toast-bubble{background:#1e2e1e;border-radius:0 12px 12px 12px;padding:14px 16px;position:relative;margin-bottom:14px;}
.wa-toast-bubble p{font-family:var(--font-body);font-size:0.82rem;color:rgba(255,255,255,0.85);line-height:1.6;margin:0;}
.wa-toast-time{display:block;text-align:right;font-size:0.6rem;color:rgba(255,255,255,0.3);margin-top:6px;}
.wa-toast-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-family:var(--font-body);font-size:0.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#25D366,#128C7E);padding:14px 24px;text-decoration:none;border-radius:8px;transition:all 0.3s;box-shadow:0 4px 16px rgba(37,211,102,0.3);}
.wa-toast-cta:hover{box-shadow:0 6px 24px rgba(37,211,102,0.5);transform:translateY(-1px);}

/* ═══ COOKIE BANNER ═══ */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--divider);padding:clamp(16px,2vw,24px) clamp(20px,3vw,40px);display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,24px);z-index:1000;opacity:0;transform:translateY(100%);pointer-events:none;transition:all 0.5s var(--ease-smooth);}
.cookie-banner.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.cookie-banner.hidden{display:none;}
.cookie-text{font-family:var(--font-body);font-size:clamp(0.75rem,0.88vw,0.82rem);color:var(--text-secondary);line-height:1.6;margin:0;max-width:600px;}
.cookie-actions{display:flex;gap:10px;flex-shrink:0;}
.cookie-btn{font-family:var(--font-body);font-size:0.65rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:10px 24px;border:none;cursor:pointer;transition:all 0.3s;}
.cookie-btn-accept{background:var(--accent-gold);color:var(--bg-primary);}
.cookie-btn-accept:hover{background:var(--accent-gold-light);}
.cookie-btn-reject{background:transparent;color:var(--text-muted);border:1px solid var(--divider);}
.cookie-btn-reject:hover{border-color:var(--accent-gold);color:var(--accent-gold);}

/* ═══ GLOW DIVIDERS & AMBIENT ═══ */

/* Horizon glow dividers between sections */
.dtm-glow-div{position:relative;height:0;overflow:visible;z-index:10;margin:0;}
.dtm-glow-div::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(201,169,110,0.15) 25%,rgba(201,169,110,0.5) 50%,rgba(201,169,110,0.15) 75%,transparent 95%);transform:translateY(-0.5px);}
.dtm-glow-div-core{display:none;}
@keyframes dtm-divdot{0%,100%{opacity:0.4;box-shadow:0 0 12px 4px rgba(201,169,110,0.15);}50%{opacity:1;box-shadow:0 0 20px 8px rgba(201,169,110,0.3);}}

/* Ambient radial glow behind sections */
.dtm-ambient{position:relative;overflow:hidden;}
.dtm-ambient::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(400px,60vw,900px);height:clamp(200px,30vw,400px);background:radial-gradient(ellipse at center top,rgba(201,169,110,0.03) 0%,transparent 60%);pointer-events:none;z-index:0;}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
}

/* ═══ PREMIUM HERO — reusable across all pages ═══ */
.dtm-hero{position:relative;overflow:hidden;background:#0f0f0f;padding-top:clamp(160px,18vw,240px);padding-bottom:clamp(100px,12vw,160px);}
.dtm-hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(201,169,110,0.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(201,169,110,0.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 45%,black 20%,transparent 90%);mask-image:radial-gradient(ellipse 85% 85% at 50% 45%,black 20%,transparent 90%);}
.dtm-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 40%,rgba(201,169,110,0.06) 0%,transparent 65%);}
.dtm-hero-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 65% at 50% 45%,transparent 40%,rgba(0,0,0,0.5) 100%);}
.dtm-hero-fade{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to bottom,transparent,#0f0f0f);pointer-events:none;}

/* ═══ WOW EFFECTS ═══ */

/* Floating gold particles */
.dtm-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.dtm-p{position:absolute;bottom:-10px;width:2px;height:2px;border-radius:50%;background:rgba(201,169,110,0.5);box-shadow:0 0 6px 1px rgba(201,169,110,0.2);animation:dtm-float linear infinite;}
.dtm-p-lg{width:3px;height:3px;background:rgba(201,169,110,0.35);box-shadow:0 0 10px 3px rgba(201,169,110,0.15);}
@keyframes dtm-float{
  0%{transform:translateY(0) translateX(0);opacity:0;}
  10%{opacity:1;}
  90%{opacity:0.6;}
  100%{transform:translateY(-100vh) translateX(30px);opacity:0;}
}

/* Gold shimmer on italic accent text */
.sec-title em{position:relative;background:linear-gradient(90deg,var(--accent-gold) 0%,var(--accent-gold-light) 40%,#fff 50%,var(--accent-gold-light) 60%,var(--accent-gold) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dtm-shimmer 10s ease-in-out infinite;}
.dtm-shimmer-text{background:linear-gradient(90deg,var(--accent-gold) 0%,var(--accent-gold-light) 40%,#fff 50%,var(--accent-gold-light) 60%,var(--accent-gold) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dtm-shimmer 10s ease-in-out infinite;}
@keyframes dtm-shimmer{
  0%,100%{background-position:100% 0;}
  50%{background-position:0% 0;}
}

/* Enhanced card hover glow */
.dtm-info-card:hover,.step-card:hover,.cred-card:hover{box-shadow:0 0 30px rgba(201,169,110,0.08),0 12px 40px rgba(0,0,0,0.25);}

/* Gold dot pulse on step numbers */
.step-num::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent-gold);opacity:0.4;animation:dtm-dot-pulse 2s ease-in-out infinite;}
.step-num{position:relative;}
@keyframes dtm-dot-pulse{0%,100%{opacity:0.2;transform:translateX(-50%) scale(1);}50%{opacity:0.7;transform:translateX(-50%) scale(1.8);}}

/* Section glow dividers */
.sec-alt::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(201,169,110,0.12) 30%,rgba(201,169,110,0.3) 50%,rgba(201,169,110,0.12) 70%,transparent 100%);margin-bottom:0;}

/* Smooth reveal with slight rise */
.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.8s var(--ease-smooth),transform 0.8s var(--ease-smooth);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.15s;}
.reveal-delay-2{transition-delay:0.3s;}
.reveal-delay-3{transition-delay:0.45s;}

/* Gold accent link glow on hover */
a[style*="accent-gold"]:hover,a:hover .dtm-info-link{text-shadow:0 0 12px rgba(201,169,110,0.3);}

/* Button shine sweep */
.btn-primary{position:relative;overflow:hidden;}
.btn-primary::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);animation:dtm-btn-shine 4s ease-in-out infinite;}
@keyframes dtm-btn-shine{0%,100%{left:-100%;}50%{left:120%;}}

/* WhatsApp button pulse glow */
a[style*="25D366"]{animation:dtm-wa-glow 3s ease-in-out infinite;}
@keyframes dtm-wa-glow{0%,100%{box-shadow:0 0 20px rgba(37,211,102,0.3);}50%{box-shadow:0 0 30px rgba(37,211,102,0.5),0 0 60px rgba(37,211,102,0.15);}}

/* Pricing table row hover glow */
.pricing-table tbody tr:hover{background:rgba(201,169,110,0.03);box-shadow:inset 3px 0 0 var(--accent-gold);}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .dtm-particles,.dtm-p{display:none;}
  .sec-title em{animation:none;background:none;-webkit-text-fill-color:var(--accent-gold);}
  .dtm-shimmer-text{animation:none;background:none;-webkit-text-fill-color:var(--accent-gold);}
  .btn-primary::after{animation:none;}
  a[style*="25D366"]{animation:none;}
  .step-num::after{animation:none;}
}