/* =========================================================
   Mersin Hijyen Temizlik — Main CSS v2.2
   Mobile-first | CSS Custom Properties | GPU Compositing
   2026 Core Web Vitals Optimized
   ========================================================= */

/* ── Reset ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-primary);font-size:var(--font-sz-base,16px);color:var(--c-text,#374151);background:var(--c-bg,#fff);line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--c-primary,#1A56C4);text-decoration:none;transition:color .15s}
a:hover{color:var(--c-primary-dark,#1344a0)}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}
input,select,textarea{font-family:inherit;font-size:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Design Tokens (fallbacks if customizer hasn't run) ── */
:root{
  --c-primary:#1A56C4;--c-primary-dark:#1344a0;--c-primary-light:#EBF2FF;--c-primary-rgb:26,86,196;
  --c-secondary:#0D1B3E;--c-accent:#E85D04;--c-accent-dark:#C94E03;--c-accent-rgb:232,93,4;
  --c-success:#0A8A4A;--c-warning:#F59E0B;--c-danger:#DC2626;
  --c-text:#374151;--c-text-light:#6B7280;--c-text-muted:#9CA3AF;
  --c-heading:#111827;--c-bg:#fff;--c-bg-alt:#F9FAFB;--c-footer-bg:#0D1B3E;
  --c-border:#E5E7EB;--c-border-light:#F3F4F6;
  --font-primary:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-sz-base:16px;
  --logo-width:180px;
  --header-h:72px;
  --radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);
  --shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);
  --shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);
  --shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);
  --shadow-xl:0 20px 25px rgba(0,0,0,.1),0 8px 10px rgba(0,0,0,.04);
  --shadow-2xl:0 25px 50px rgba(0,0,0,.25);
  --t-fast:.15s cubic-bezier(.4,0,.2,1);--t:.25s cubic-bezier(.4,0,.2,1);--t-slow:.35s cubic-bezier(.4,0,.2,1);--t-bounce:.3s cubic-bezier(.34,1.56,.64,1);
  --container:1280px;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;
} 
/* Skip Link */
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:99999;background:var(--c-primary);color:#fff;padding:.75rem 1.5rem;border-radius:0 0 var(--radius) var(--radius);font-weight:700;text-decoration:none;transition:top .2s}
.skip-link:focus{top:0}
.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
}

/* ── Container ──────────────────────────────────────────── */
.mh-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}

/* ── Buttons ────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.4rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;line-height:1.4;transition:all var(--t);white-space:nowrap;border:2px solid transparent;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}
.btn:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px}
.btn-primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.btn-primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-accent{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
.btn-accent:hover{background:var(--c-accent-dark);border-color:var(--c-accent-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--c-accent-rgb),.4)}
.btn-secondary{background:var(--c-secondary);color:#fff;border-color:var(--c-secondary)}
.btn-secondary:hover{opacity:.88;color:#fff}
.btn-outline{background:transparent;color:var(--c-primary);border-color:var(--c-primary)}
.btn-outline:hover{background:var(--c-primary);color:#fff}
.btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline-white:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.btn-whatsapp{background:#25D366;color:#fff;border-color:#25D366}
.btn-whatsapp:hover{background:#1da851;border-color:#1da851;color:#fff}
.btn-lg{padding:.8rem 2rem;font-size:1rem}
.btn-sm{padding:.375rem .875rem;font-size:.8125rem}
.btn-full{width:100%;justify-content:center}

/* ══════════════════════════════════════════════════════
   TOP BAR — Animated Gradient Strip
══════════════════════════════════════════════════════ */
.topbar{background:linear-gradient(135deg,var(--c-secondary) 0%,#0f2557 50%,var(--c-secondary) 100%);background-size:200% 200%;animation:topbar-shift 8s ease infinite;color:#e2e8f0;font-size:.78rem;padding:.45rem 0;z-index:1001;position:relative;letter-spacing:.01em}
@keyframes topbar-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.topbar-left{display:flex;align-items:center;gap:.6rem}
.topbar-badge{background:var(--c-accent);color:#fff;font-size:.62rem;font-weight:800;padding:.18rem .55rem;border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;animation:badge-blink 2s ease infinite}
@keyframes badge-blink{0%,100%{opacity:1}50%{opacity:.65}}
.topbar-msg{color:#cbd5e1}
.topbar-right{display:flex;align-items:center;gap:.6rem}
.topbar-link{display:inline-flex;align-items:center;gap:.3rem;color:#94a3b8;transition:all var(--t-fast);text-decoration:none}
.topbar-link:hover{color:#fff}
.topbar-sep{color:rgba(255,255,255,.15);font-size:.55rem}
.topbar-wa:hover{color:#25D366}
.topbar-hours{pointer-events:none;cursor:default}

/* ══════════════════════════════════════════════════════
   HEADER — Frosted Glass
══════════════════════════════════════════════════════ */
.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:1000;transition:all var(--t)}
.site-header.is-sticky{position:sticky;top:0}
.site-header.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 4px 32px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04)}
.site-header.hide-up{transform:translateY(-100%)}
.header-inner{display:flex;align-items:center;gap:1.25rem;height:var(--header-h)}

/* Logo */
.site-logo{flex-shrink:0;display:flex;align-items:center}
.logo-link{display:flex;align-items:center;text-decoration:none;transition:transform var(--t-fast)}
.logo-link:hover{transform:scale(1.03)}
.logo-img{height:46px;width:var(--logo-width);max-width:220px;object-fit:contain}
.logo-text-wrap{display:flex;align-items:center;gap:.55rem}
.logo-icon{font-size:1.75rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}
.logo-name-wrap{display:flex;flex-direction:column;line-height:1}
.logo-name{font-size:1.1rem;font-weight:800;color:var(--c-secondary);letter-spacing:-.02em}
.logo-sub{font-size:.58rem;font-weight:700;color:var(--c-primary);text-transform:uppercase;letter-spacing:.16em;margin-top:.15rem}

/* ══════════════════════════════════════════════════════
   NAVIGATION — Modern Pill Style
══════════════════════════════════════════════════════ */
.site-nav{flex:1;display:flex;justify-content:center}
.nav-list{display:flex;align-items:center;gap:.2rem;list-style:none;margin:0;padding:0}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:.25rem;padding:.5rem .9rem;font-size:.855rem;font-weight:550;color:var(--c-secondary);border-radius:var(--radius-full);transition:all .18s ease;text-decoration:none;white-space:nowrap;position:relative;z-index:1}
.nav-link::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--c-primary);opacity:0;transform:scale(.88);transition:all .2s ease;z-index:-1}
.nav-link:hover::before,.nav-item.current-menu-item>.nav-link::before,.nav-item.current-menu-ancestor>.nav-link::before{opacity:.1;transform:scale(1)}
.nav-link:hover{color:var(--c-primary)}
.nav-item.current-menu-item>.nav-link,.nav-item.current-menu-ancestor>.nav-link{color:var(--c-primary);font-weight:600}
.nav-item.current-menu-item>.nav-link::after{content:'';position:absolute;bottom:.1rem;left:50%;transform:translateX(-50%);width:20px;height:2.5px;background:var(--c-primary);border-radius:2px}
.nav-arrow{width:13px;height:13px;transition:transform .2s ease;color:var(--c-text-muted)}
.nav-item:hover>.nav-arrow,.nav-item.menu-open>.nav-arrow{transform:rotate(180deg);color:var(--c-primary)}

/* ══════════════════════════════════════════════════════
   DROPDOWN — Glass Card with Icons
══════════════════════════════════════════════════════ */
.sub-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-10px);min-width:240px;background:rgba(255,255,255,.97);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 25px 50px rgba(0,0,0,.1),0 6px 12px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.9);padding:.5rem;list-style:none;margin:0;
  opacity:0;visibility:hidden;pointer-events:none;transition:all .2s cubic-bezier(.2,.9,.3,1);z-index:999}
.sub-menu::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:rgba(255,255,255,.97);border:1px solid rgba(0,0,0,.06);border-bottom:none;border-right:none}
.nav-item:hover>.sub-menu,.nav-item:focus-within>.sub-menu,.nav-item.menu-open>.sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}
/* Dropdown links */
.sub-menu .nav-link{font-size:.82rem;font-weight:500;padding:.5rem .65rem;border-radius:10px;color:var(--c-text);display:flex;align-items:center;gap:.55rem;white-space:nowrap;transition:all .15s ease}
.sub-menu .nav-link::before{display:none}
.sub-menu .nav-link::after{display:none!important}
.sub-menu .nav-link .nav-sub-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--c-primary-light),rgba(var(--c-primary-rgb),.08));border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;color:var(--c-primary);font-size:.7rem}
.sub-menu .nav-link:hover{background:linear-gradient(135deg,rgba(var(--c-primary-rgb),.08),rgba(var(--c-primary-rgb),.04));color:var(--c-primary);transform:translateX(4px)}
.sub-menu .nav-link:hover .nav-sub-icon{background:var(--c-primary);color:#fff;transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--c-primary-rgb),.3)}

/* ══════════════════════════════════════════════════════
   HEADER ACTIONS — Phone + CTA
══════════════════════════════════════════════════════ */
.header-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.header-phone{display:flex;align-items:center;gap:.45rem;color:var(--c-secondary);font-weight:600;font-size:.84rem;transition:all var(--t-fast);text-decoration:none;padding:.3rem .5rem;border-radius:var(--radius);border:1px solid transparent}
.header-phone:hover{color:var(--c-primary);background:var(--c-primary-light);border-color:rgba(var(--c-primary-rgb),.12)}
.header-phone-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,var(--c-success),#059669);border-radius:var(--radius);color:#fff;box-shadow:0 4px 12px rgba(10,138,74,.25);animation:phone-ring 4s ease infinite}
@keyframes phone-ring{0%,88%,100%{transform:rotate(0)}89%{transform:rotate(14deg)}91%{transform:rotate(-10deg)}93%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}97%{transform:rotate(0)}}
.phone-num{display:none}
@media(min-width:1100px){.phone-num{display:block}}
.header-cta-btn{position:relative;overflow:hidden;padding:.58rem 1.35rem;font-weight:700;letter-spacing:.01em;gap:.4rem;border-radius:var(--radius-full)}
.header-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--c-accent-rgb),.35)}
.cta-pulse{position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);border-radius:50%;animation:pulse-ring 2.5s ease infinite;pointer-events:none}
@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}

/* ══════════════════════════════════════════════════════
   HAMBURGER + MOBILE NAV
══════════════════════════════════════════════════════ */
.hamburger{display:none;width:42px;height:42px;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0;transition:all var(--t-fast)}
.hamburger:hover{border-color:var(--c-primary);background:var(--c-primary-light)}
.hb-line{width:20px;height:2px;background:var(--c-secondary);border-radius:2px;transition:all var(--t)}
.hamburger.is-open .hb-line:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--c-primary)}
.hamburger.is-open .hb-line:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.is-open .hb-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--c-primary)}
.mobile-nav-header{display:none}
.mobile-nav-cta{display:none}
@media(max-width:1023px){
  .hamburger{display:flex}
  .site-nav{position:fixed;top:0;right:-320px;width:305px;max-width:85vw;height:100dvh;background:rgba(255,255,255,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:-12px 0 48px rgba(0,0,0,.1);z-index:9999;flex-direction:column;justify-content:flex-start;overflow-y:auto;transition:right .3s cubic-bezier(.4,0,.2,1);padding:0}
  .site-nav.is-open{right:0}
  .mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--c-border);background:linear-gradient(180deg,var(--c-bg-alt),#fff)}
  .mobile-nav-title{font-weight:700;font-size:.9rem;color:var(--c-secondary);display:flex;align-items:center;gap:.4rem}
  .mobile-nav-close{width:36px;height:36px;border:1px solid var(--c-border);background:#fff;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-text-muted);transition:all var(--t-fast)}
  .mobile-nav-close:hover{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}
  .nav-list{flex-direction:column;align-items:stretch;gap:0;padding:.5rem .75rem}
  .nav-item{border-radius:var(--radius)}
  .nav-link{padding:.7rem .85rem;font-size:.9rem;border-radius:var(--radius);justify-content:space-between}
  .nav-link::before{display:none}
  .nav-link::after{display:none!important}
  .sub-menu{position:static;visibility:visible;opacity:1;transform:none;min-width:auto;box-shadow:none;border:none;background:var(--c-bg-alt);border-radius:var(--radius);padding:.25rem;margin:.15rem 0 .35rem .5rem;display:none;backdrop-filter:none}
  .sub-menu::before{display:none}
  .sub-menu.mobile-open{display:block;animation:mobileDropIn .2s ease}
  @keyframes mobileDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .sub-menu .nav-link{font-size:.82rem;padding:.45rem .65rem}
  .sub-menu .nav-link .nav-sub-icon{width:26px;height:26px;border-radius:6px}
  .mobile-nav-cta{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--c-border);margin-top:auto;background:var(--c-bg-alt)}
  .header-phone .phone-num{display:none}
  .header-phone-icon{width:38px;height:38px}
}
@media(max-width:767px){
  .topbar-right{display:none}
  .topbar-inner{justify-content:center}
}
/* ── Hero ───────────────────────────────────────────────── */
.hero{position:relative;min-height:clamp(580px,88vh,900px);display:flex;align-items:center;background:var(--c-secondary);overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;z-index:0}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,27,62,.96) 0%,rgba(26,86,196,.75) 100%);z-index:1}
/* Animated bg circles */
.hero::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(var(--c-primary-rgb),.15) 0%,transparent 70%);top:-200px;right:-100px;z-index:1;animation:pulse-circle 6s ease-in-out infinite}
.hero::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(var(--c-accent-rgb),.12) 0%,transparent 70%);bottom:-100px;left:-100px;z-index:1;animation:pulse-circle 8s ease-in-out infinite reverse}
@keyframes pulse-circle{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}

.hero .mh-container{position:relative;z-index:2;padding-block:clamp(2.5rem,6vw,5rem)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}

/* Hero Content */
.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#a5f3fc;font-size:.8rem;font-weight:600;padding:.35rem .8rem;border-radius:var(--radius-full);margin-bottom:1.25rem}
.hero-h1{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:#fff;line-height:1.08;letter-spacing:-.03em;margin-bottom:1.1rem}
.hero-h1 em{font-style:normal;background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(.95rem,1.8vw,1.1rem);color:#cbd5e1;line-height:1.7;max-width:500px;margin-bottom:2rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}
.hero-ctas .btn-accent{box-shadow:0 4px 20px rgba(var(--c-accent-rgb),.45)}
.hero-ctas .btn-accent:hover{box-shadow:0 8px 30px rgba(var(--c-accent-rgb),.6)}

/* Hero Stats bar */
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.hero-stat{background:rgba(255,255,255,.06);padding:.85rem .5rem;text-align:center;transition:background var(--t-fast)}
.hero-stat:hover{background:rgba(255,255,255,.12)}
.hs-num{display:block;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:900;color:#fff;line-height:1}
.hs-lbl{display:block;font-size:.7rem;color:#94a3b8;margin-top:.25rem;line-height:1.2}

/* Hero Visual */
.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}
.hero-visual-card{width:100%;background:rgba(255,255,255,.07);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;position:relative}

/* Before/After in Hero */
.ba-mini{position:relative;width:100%;height:100%;cursor:ew-resize;user-select:none;overflow:hidden}
.ba-mini-before,.ba-mini-after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ba-mini-before{background:linear-gradient(160deg,#1e293b 0%,#334155 100%)}
.ba-mini-after{background:linear-gradient(160deg,#1e3a5f 0%,#1e6a4a 100%);clip-path:inset(0 50% 0 0);transition:clip-path .05s linear}
.ba-mini-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:rgba(255,255,255,.5);font-size:.8rem;text-align:center}
.ba-mini-content svg{opacity:.4}
.ba-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:rgba(255,255,255,.9);transform:translateX(-50%);pointer-events:none;z-index:2}
.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);pointer-events:all;cursor:ew-resize;z-index:3}
.ba-label-before,.ba-label-after{position:absolute;bottom:.75rem;background:rgba(0,0,0,.55);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}
.ba-label-before{left:.75rem}
.ba-label-after{right:.75rem}

/* Hero Floating badges */
.hero-float{position:absolute;z-index:10;background:#fff;border-radius:var(--radius-md);padding:.55rem .9rem;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--c-secondary);animation:float 4s ease-in-out infinite;white-space:nowrap;pointer-events:none}
.hero-float-top{top:-.75rem;right:-1rem;animation-delay:-2s}
.hero-float-bottom{bottom:-.75rem;left:-1rem;font-size:.72rem}
.hf-stars{color:#f59e0b}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Scroll indicator */
.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.35rem}
.scroll-dot{width:6px;height:6px;background:rgba(255,255,255,.6);border-radius:50%;animation:scrollBounce 1.5s ease-in-out infinite}
.scroll-dot:nth-child(2){animation-delay:.3s;opacity:.5}
.scroll-dot:nth-child(3){animation-delay:.6s;opacity:.25}
@keyframes scrollBounce{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}}

/* ── Trust Strip ─────────────────────────────────────────── */
.trust-strip{background:var(--c-secondary);padding:.85rem 0}
.trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2.5rem}
.trust-item{display:flex;align-items:center;gap:.4rem;color:#cbd5e1;font-size:.825rem;font-weight:500}
.trust-emoji{font-size:1rem}

/* ── Section Basics ─────────────────────────────────────── */
.mh-section{padding-block:clamp(3rem,7vw,5.5rem)}
.mh-section-alt{background:var(--c-bg-alt)}
.mh-section-dark{background:var(--c-secondary)}
.section-header{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem);max-width:640px;margin-inline:auto}
.section-tag{display:inline-block;background:var(--c-primary-light);color:var(--c-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .85rem;border-radius:var(--radius-full);margin-bottom:.75rem}
.section-tag-white{background:rgba(255,255,255,.12);color:#e0e7ff}
.section-h2{font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:800;color:var(--c-heading);line-height:1.2;margin-bottom:.75rem}
.section-h2-white{color:#fff}
.section-desc{font-size:1rem;color:var(--c-text-light);line-height:1.7}
.section-desc-white{color:#94a3b8}
.section-cta{text-align:center;margin-top:2.5rem}

/* ── Services Grid ──────────────────────────────────────── */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}
.service-card{position:relative;background:#fff;border-radius:var(--radius-lg);padding:1.6rem 1.35rem;border:1.5px solid var(--c-border);transition:all var(--t);overflow:hidden}
.service-card::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--c-primary),var(--c-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--t)}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:transparent}
.service-card:hover::before{transform:scaleX(1)}
.service-badge{position:absolute;top:.85rem;right:.85rem;background:var(--c-accent);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .6rem;border-radius:var(--radius-full)}
.service-icon{width:50px;height:50px;background:var(--c-primary-light);color:var(--c-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all var(--t)}
.service-card:hover .service-icon{background:var(--c-primary);color:#fff;transform:scale(1.08)}
.service-h3{font-size:1rem;font-weight:700;color:var(--c-heading);margin-bottom:.45rem}
.service-desc{font-size:.85rem;color:var(--c-text-light);line-height:1.6;margin-bottom:1.1rem}
.service-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.825rem;font-weight:600;color:var(--c-primary);transition:gap var(--t-fast)}
.service-link:hover{gap:.55rem}

/* ── Why Us ─────────────────────────────────────────────── */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.why-content .section-h2{text-align:left;margin-bottom:1rem}
.why-content>p{color:var(--c-text-light);margin-bottom:2rem}
.why-features{display:flex;flex-direction:column;gap:1.35rem;margin-bottom:2rem}
.why-feature{display:flex;gap:.9rem;align-items:flex-start}
.why-feat-icon{flex-shrink:0;width:42px;height:42px;background:var(--c-primary-light);color:var(--c-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}
.why-feat-h{font-size:.9375rem;font-weight:700;color:var(--c-heading);margin-bottom:.2rem}
.why-feat-p{font-size:.8375rem;color:var(--c-text-light);line-height:1.6}
.why-visual{background:linear-gradient(135deg,var(--c-primary-light),#dbeafe);border-radius:var(--radius-xl);aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.why-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(var(--c-primary-rgb),.15);border-radius:var(--radius-lg);overflow:hidden;width:76%}
.why-stat-box{background:rgba(255,255,255,.9);padding:1.5rem .75rem;text-align:center}
.wsb-n{display:block;font-size:clamp(1.5rem,3vw,2rem);font-weight:900;color:var(--c-primary);line-height:1}
.wsb-l{display:block;font-size:.75rem;color:var(--c-text-light);margin-top:.25rem}

/* ── Before / After ─────────────────────────────────────── */
.ba-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2.5rem}
.ba-item{}
.ba-slider{position:relative;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;cursor:ew-resize;user-select:none;border:2px solid rgba(255,255,255,.1)}
.ba-side{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ba-before-side{background:linear-gradient(135deg,#1e293b,#334155)}
.ba-after-side{background:linear-gradient(135deg,#064e3b,#065f46);clip-path:inset(0 50% 0 0)}
.ba-placeholder-text{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(255,255,255,.4);font-size:.8rem;text-align:center}
.ba-divider-line{position:absolute;inset-block:0;left:50%;width:3px;background:rgba(255,255,255,.8);transform:translateX(-50%);pointer-events:none;z-index:2}
.ba-handle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);pointer-events:all;cursor:ew-resize;z-index:3;color:var(--c-secondary)}
.ba-chip-before,.ba-chip-after{position:absolute;bottom:.65rem;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-full);z-index:2}
.ba-chip-before{left:.65rem}
.ba-chip-after{right:.65rem}
.ba-caption{color:#94a3b8;font-size:.8rem;text-align:center;margin-top:.5rem}

/* ── Price Calculator ───────────────────────────────────── */
.calc-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.calc-info .section-h2{text-align:left}
.calc-info>p{color:var(--c-text-light);margin-top:.75rem}
.calc-benefits{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}
.calc-benefit{display:flex;align-items:center;gap:.45rem;font-size:.875rem;color:var(--c-success);font-weight:500}
.calc-card{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);border:1.5px solid var(--c-border-light)}
.calc-form{display:flex;flex-direction:column;gap:1.1rem}
.calc-step{display:flex;flex-direction:column;gap:.4rem}
.calc-label{font-size:.8375rem;font-weight:600;color:var(--c-heading)}
.calc-select,.calc-range-input{width:100%}
.calc-select{padding:.6rem 1rem;border:1.5px solid var(--c-border);border-radius:var(--radius);font-size:.875rem;color:var(--c-text);background:#fff;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;transition:border-color var(--t-fast)}
.calc-select:focus{outline:none;border-color:var(--c-primary)}
.calc-range-input{height:6px;appearance:none;background:var(--c-border);border-radius:3px;cursor:pointer;accent-color:var(--c-primary)}
.calc-range-input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--c-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow)}
.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--c-text-muted);margin-top:.25rem}
.calc-result{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));border-radius:var(--radius-md);padding:1.2rem;color:#fff}
.calc-price-label{font-size:.75rem;color:rgba(255,255,255,.7);display:block;margin-bottom:.25rem}
.calc-price-value{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:900;color:#fff;display:block;margin-bottom:.5rem}
.calc-disclaimer{font-size:.75rem;color:rgba(255,255,255,.6);margin-bottom:.75rem}
.calc-actions{display:flex;flex-wrap:wrap;gap:.5rem}

/* ── Regions ────────────────────────────────────────────── */
.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-bottom:2rem}
.region-card{display:flex;flex-direction:column;gap:.35rem;background:#fff;border-radius:var(--radius-lg);padding:1.15rem 1rem;border:1.5px solid var(--c-border);transition:all var(--t);text-decoration:none;color:inherit}
.region-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit}
.region-icon{color:var(--c-primary);margin-bottom:.1rem}
.region-name{font-size:.9375rem;font-weight:700;color:var(--c-heading)}
.region-desc{font-size:.8rem;color:var(--c-text-light)}
.region-arrow{color:var(--c-primary);margin-top:.35rem;opacity:0;transform:translateX(-4px);transition:all var(--t-fast)}
.region-card:hover .region-arrow{opacity:1;transform:translateX(0)}
.map-embed-wrap iframe{width:100%;height:340px;border-radius:var(--radius-lg);border:none}
.map-placeholder{background:var(--c-primary-light);border-radius:var(--radius-lg);padding:3rem 2rem;display:flex;justify-content:center}
.map-cta-link{display:flex;align-items:center;gap:.75rem;color:var(--c-primary);font-weight:600;font-size:1rem}

/* ── Testimonials ───────────────────────────────────────── */
.testimonials-agg{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}
.agg-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:-2px}
.agg-score{font-size:1.1rem;font-weight:800;color:#fff}
.agg-count{color:#94a3b8;font-size:.875rem}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.15rem}
.testimonial-card{background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.4rem;display:flex;flex-direction:column;gap:.85rem;transition:all var(--t)}
.testimonial-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.t-stars{color:#f59e0b;font-size:.95rem;letter-spacing:-1px}
.t-text{font-size:.85rem;color:#cbd5e1;line-height:1.7;flex:1;font-style:italic}
.t-footer{display:flex;align-items:center;gap:.65rem;margin-top:auto}
.t-avatar{width:38px;height:38px;background:var(--c-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.875rem;flex-shrink:0}
.t-name{display:block;font-weight:700;color:#fff;font-size:.875rem}
.t-loc{display:flex;align-items:center;gap:.2rem;font-size:.75rem;color:#94a3b8}
.t-google{margin-left:auto}

/* ── Blog Cards ─────────────────────────────────────────── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.4rem}
.blog-card{background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--c-border);overflow:hidden;transition:all var(--t);display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:transparent}
.blog-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.blog-card:hover .blog-thumb img{transform:scale(1.05)}
.blog-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--c-primary-light),#dbeafe);display:flex;align-items:center;justify-content:center;color:var(--c-primary)}
.blog-cat{position:absolute;top:.65rem;left:.65rem;background:var(--c-primary);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}
.blog-body{padding:1.15rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.blog-meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--c-text-muted)}
.blog-read-time{margin-left:auto;background:var(--c-border-light);padding:.1rem .45rem;border-radius:var(--radius-full)}
.blog-h3{font-size:.9375rem;font-weight:700;color:var(--c-heading);line-height:1.4}
.blog-h3 a{color:inherit;transition:color var(--t-fast)}
.blog-h3 a:hover{color:var(--c-primary)}
.blog-excerpt{font-size:.8375rem;color:var(--c-text-light);line-height:1.6;flex:1}
.blog-more{display:inline-flex;align-items:center;gap:.3rem;font-size:.8375rem;font-weight:600;color:var(--c-primary);margin-top:.75rem;transition:gap var(--t-fast)}
.blog-more:hover{gap:.55rem}

/* ── CTA Banner ─────────────────────────────────────────── */
.cta-banner{background:linear-gradient(135deg,var(--c-secondary) 0%,#1a3a6b 100%);position:relative;overflow:hidden}
.cta-bg-decor{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(var(--c-primary-rgb),.2) 0%,transparent 55%),radial-gradient(circle at 80% 50%,rgba(var(--c-accent-rgb),.15) 0%,transparent 55%);pointer-events:none}
.cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.cta-tag{display:inline-block;background:rgba(255,255,255,.1);color:#93c5fd;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .8rem;border-radius:var(--radius-full);margin-bottom:1rem}
.cta-h2{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:.85rem}
.cta-desc{color:#cbd5e1;font-size:1rem;margin-bottom:1.25rem}
.cta-desc strong{color:#fbbf24}
.cta-checks{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.75rem}
.cta-check{display:flex;align-items:center;gap:.45rem;font-size:.875rem;color:#cbd5e1}
.cta-check .mh-icon{color:var(--c-success);flex-shrink:0}
.cta-buttons{display:flex;flex-wrap:wrap;gap:.75rem}
.cta-form-card{background:rgba(255,255,255,.97);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-2xl)}
.cta-form-title{font-size:1.15rem;font-weight:800;color:var(--c-heading);margin-bottom:1.25rem}
.qform{display:flex;flex-direction:column;gap:.75rem}
.qf-field{display:flex;flex-direction:column;gap:.3rem}
.qf-input-wrap{position:relative}
.qf-input-wrap .mh-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--c-text-muted);pointer-events:none;flex-shrink:0}
.qf-input{width:100%;padding:.65rem 1rem .65rem 2.25rem;border:1.5px solid var(--c-border);border-radius:var(--radius);font-size:.875rem;color:var(--c-text);background:#fff;transition:border-color var(--t-fast)}
.qf-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(var(--c-primary-rgb),.12)}
.qf-select{padding-left:.85rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;padding-right:2rem}
.qf-kvkk{font-size:.78rem;color:var(--c-text-light);display:flex;align-items:flex-start;gap:.4rem;line-height:1.5}
.qf-kvkk a{color:var(--c-primary)}
.qf-field.has-error .qf-input{border-color:var(--c-danger)}
.qf-field.has-success .qf-input{border-color:var(--c-success)}
.form-notice{padding:.7rem .9rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;margin-bottom:.75rem;animation:fadeInDown .3s}
.form-notice-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.form-notice-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* ── FAQ ─────────────────────────────────────────────────── */
.faq-list{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:.75rem}
.faq-item{background:#fff;border:1.5px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--t-fast)}
.faq-item.is-open{border-color:var(--c-primary)}
.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;font-size:.9375rem;font-weight:600;color:var(--c-heading);text-align:left;transition:color var(--t-fast);background:none;border:none;cursor:pointer}
.faq-btn:hover{color:var(--c-primary)}
.faq-icon{flex-shrink:0;color:var(--c-primary);transition:transform var(--t-fast)}
.faq-item.is-open .faq-icon{transform:rotate(180deg)}
.faq-answer{padding:0 1.15rem;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s ease}
.faq-item.is-open .faq-answer{padding-bottom:1rem}
.faq-answer p{font-size:.875rem;color:var(--c-text-light);line-height:1.7}
.faq-footer{text-align:center;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}
.faq-footer>p{color:var(--c-text-light)}

/* ── WhatsApp Float ─────────────────────────────────────── */
.wa-float{position:fixed;bottom:1.5rem;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}
.wa-float-right{right:1.5rem;align-items:flex-end}
.wa-float-left{left:1.5rem;align-items:flex-start}
.wa-bubble{background:#fff;border-radius:var(--radius-md);padding:.6rem .9rem;box-shadow:var(--shadow-xl);font-size:.8125rem;font-weight:600;color:var(--c-secondary);display:flex;align-items:center;gap:.45rem;opacity:0;transform:translateY(10px) scale(.95);pointer-events:none;transition:all var(--t-bounce);border:1px solid var(--c-border);white-space:nowrap}
.wa-bubble.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.wa-bubble-x{color:var(--c-text-muted);font-size:1.1rem;line-height:1;cursor:pointer;background:none;border:none;padding:0}
.wa-btn{width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:all var(--t);position:relative;text-decoration:none}
.wa-btn:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 28px rgba(37,211,102,.55);color:#fff}
.wa-pulse{position:absolute;inset:-5px;border-radius:50%;border:2px solid #25D366;animation:waPulse 2s ease-out infinite}
@keyframes waPulse{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}

/* ── FOMO ────────────────────────────────────────────────── */
.fomo{position:fixed;bottom:5.5rem;left:1.5rem;z-index:9998;background:#fff;border-radius:var(--radius-md);padding:.7rem .9rem;box-shadow:var(--shadow-xl);border:1px solid var(--c-border);max-width:260px;opacity:0;transform:translateX(-16px);transition:all var(--t);font-size:.8rem}
.fomo.visible{opacity:1;transform:translateX(0)}
.fomo-inner{display:flex;align-items:center;gap:.65rem}
.fomo-avatar{font-size:1.4rem}
.fomo-name{font-weight:700;color:var(--c-heading)}

/* ── Exit Intent Popup ─────────────────────────────────── */
.exit-popup{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;padding:1rem}
.exit-popup.visible .exit-popup-card{opacity:1;transform:translateY(0) scale(1)}
.exit-popup.visible .exit-popup-overlay{opacity:1}
.exit-popup-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s}
.exit-popup-card{position:relative;z-index:1;background:#fff;border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.5rem);max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-2xl);opacity:0;transform:translateY(20px) scale(.95);transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.exit-popup-x{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border-radius:50%;background:var(--c-bg-alt);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--c-text-muted);cursor:pointer;transition:all var(--t-fast)}
.exit-popup-x:hover{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}
.exit-popup-emoji{font-size:3rem;margin-bottom:.75rem}
.exit-popup-title{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:900;color:var(--c-heading);margin-bottom:.65rem;line-height:1.2}
.exit-popup-desc{font-size:.95rem;color:var(--c-text-light);line-height:1.6;margin-bottom:1.25rem}
.exit-popup-desc strong{color:var(--c-accent);font-weight:800}
.exit-popup-ctas{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}
.exit-popup-note{font-size:.75rem;color:var(--c-text-muted);font-style:italic}

/* ── Footer ─────────────────────────────────────────────── */
.site-footer{background:var(--c-footer-bg);color:#cbd5e1;position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-primary),var(--c-accent),var(--c-success))}
.footer-main{padding-block:clamp(2.5rem,6vw,4.5rem)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2rem}
.footer-col{min-width:0}
.footer-logo-img{height:38px;width:auto;opacity:.9;margin-bottom:.9rem}
.footer-logo-text{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:.9rem;display:flex;align-items:center;gap:.4rem}
.footer-about{font-size:.8375rem;color:#94a3b8;line-height:1.7;margin-bottom:1.15rem}
.footer-social{display:flex;gap:.5rem;margin-bottom:1.1rem}
.social-link{width:36px;height:36px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all var(--t)}
.social-link:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);transform:translateY(-2px)}
.footer-trust-badges{display:flex;flex-wrap:wrap;gap:.4rem}
.ftb{font-size:.72rem;background:rgba(255,255,255,.05);color:#94a3b8;padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);transition:all var(--t-fast)}
.ftb:hover{background:rgba(255,255,255,.12);color:#e2e8f0}
.footer-col-title{font-size:.75rem;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.1rem;padding-bottom:.65rem;border-bottom:2px solid rgba(var(--c-primary-rgb),.3);display:flex;align-items:center;gap:.5rem}
.footer-links{display:flex;flex-direction:column;gap:.35rem}
.footer-link{display:flex;align-items:center;gap:.4rem;font-size:.8375rem;color:#94a3b8;transition:all var(--t-fast);padding:.2rem 0;text-decoration:none}
.footer-link:hover{color:#fff;padding-left:.25rem}
.footer-link .mh-icon{opacity:.4;flex-shrink:0;transition:opacity var(--t-fast)}
.footer-link:hover .mh-icon{opacity:.9}
.footer-address{font-style:normal;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}
.contact-row{display:flex;align-items:flex-start;gap:.6rem;font-size:.8375rem;color:#94a3b8}
.contact-row .mh-icon{color:var(--c-primary);flex-shrink:0;margin-top:2px}
.contact-row a{color:#94a3b8;transition:color var(--t-fast);text-decoration:none}
.contact-row a:hover{color:#fff}
.footer-bottom{background:rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.06);padding:1rem 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem}
.footer-copy{font-size:.78rem;color:#64748b}
.footer-legal{display:flex;flex-wrap:wrap;gap:1.25rem}
.footer-legal a{font-size:.78rem;color:#64748b;transition:color var(--t-fast);text-decoration:none}
.footer-legal a:hover{color:#fff}

/* ── Page Layout ────────────────────────────────────────── */
.page-wrap{padding-block:2.5rem 4rem}
.post-header{margin-bottom:2rem}
.post-meta{display:flex;align-items:center;gap:.6rem;font-size:.8125rem;color:var(--c-text-muted);margin-bottom:.75rem;flex-wrap:wrap}
.post-cat{background:var(--c-primary-light);color:var(--c-primary);padding:.2rem .6rem;border-radius:var(--radius-full);font-weight:600;font-size:.75rem}
.post-h1,.page-h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--c-heading);line-height:1.2;margin-bottom:1rem}
.post-hero-img{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem}
.post-hero-img img{width:100%;object-fit:cover;max-height:480px}
.post-body,.page-body{font-size:1rem;line-height:1.8;color:var(--c-text)}
.post-body h2,.page-body h2{font-size:1.5rem;font-weight:700;color:var(--c-heading);margin:2rem 0 .75rem}
.post-body h3,.page-body h3{font-size:1.2rem;font-weight:700;color:var(--c-heading);margin:1.5rem 0 .5rem}
.post-body p,.page-body p{margin-bottom:1rem}
.post-body ul,.post-body ol,.page-body ul,.page-body ol{margin-left:1.5rem;margin-bottom:1rem;list-style:revert}
.post-share{display:flex;align-items:center;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--c-border);margin-top:2rem;font-size:.875rem;font-weight:600;color:var(--c-text-light)}
.share-wa,.share-fb{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:#fff}
.share-wa{background:#25D366}
.share-fb{background:#1877F2}

/* ── Blog Single Grid (post + sidebar) ─────────────────── */
.blog-single-grid{display:grid;grid-template-columns:1fr 320px;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.blog-single-main{min-width:0}
@media(max-width:1023px){.blog-single-grid{grid-template-columns:1fr}}

/* ── Breadcrumbs ────────────────────────────────────────── */
.mh-breadcrumbs{padding:.65rem 0;border-bottom:1px solid var(--c-border);margin-bottom:1.5rem}
.bc-list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.8125rem;color:var(--c-text-light)}
.bc-item a{color:var(--c-text-light);transition:color var(--t-fast)}
.bc-item a:hover{color:var(--c-primary)}
.bc-sep{color:var(--c-text-muted)}

/* ── Scroll Animations ──────────────────────────────────── */
.anim-up{opacity:0;transform:translateY(24px);transition:opacity var(--t-slow),transform var(--t-slow)}
.anim-up.in-view{opacity:1;transform:translateY(0)}
.anim-up:nth-child(2){transition-delay:.08s}
.anim-up:nth-child(3){transition-delay:.16s}
.anim-up:nth-child(4){transition-delay:.24s}
.anim-up:nth-child(5){transition-delay:.32s}
.anim-up:nth-child(6){transition-delay:.4s}
.anim-up:nth-child(7){transition-delay:.48s}
.anim-up:nth-child(8){transition-delay:.56s}

/* ── Utilities ──────────────────────────────────────────── */
.text-center{text-align:center}
.mt-8{margin-top:2rem}
.flex-center{display:flex;align-items:center;justify-content:center}

/* ══════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════ */
@media(max-width:1279px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.75rem}
  .hero-grid{gap:2rem}
}
@media(max-width:1023px){
  .hamburger{display:flex}
  /* Mobile Nav Overlay */
  .site-nav{
    position:fixed;inset:0 -100% 0 auto;width:min(320px,100vw);
    background:#fff;box-shadow:var(--shadow-2xl);
    flex-direction:column;justify-content:flex-start;
    padding:5rem 1.5rem 2rem;overflow-y:auto;
    transition:right var(--t);z-index:999;
    display:flex;
  }
  .site-nav.nav-open{right:0}
  .nav-list{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .nav-link{padding:.8rem .5rem;border-bottom:1px solid var(--c-border);border-radius:0;font-size:.9375rem}
  .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:.25rem 0 0 1rem;background:transparent;max-height:0;overflow:hidden;pointer-events:none;transition:max-height var(--t)}
  .nav-item.menu-open .sub-menu{max-height:500px;pointer-events:auto}
  .nav-item.menu-open .sub-menu{visibility:visible}
  /* Content layouts */
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{margin-top:1rem}
  .hero-visual-card{aspect-ratio:16/9}
  .hero-content{text-align:center}
  .hero-ctas{justify-content:center}
  .hero-sub{margin-inline:auto}
  .hero-badge{justify-content:center}
  .hero-float{display:none}
  .hero-h1{font-size:clamp(1.8rem,7vw,2.5rem)}
  .hero-ctas{justify-content:center}
  .hero-sub{margin-inline:auto}
  .why-grid,.calc-grid,.cta-inner{grid-template-columns:1fr;gap:2.5rem}
  .why-content .section-h2,.calc-info .section-h2{text-align:center}
  .section-header{margin-bottom:2rem}
}
@media(max-width:767px){
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .topbar-contacts{display:none}
  .cta-h2{font-size:1.5rem}
  .hero-ctas{flex-direction:column;align-items:center}
  .hero-ctas .btn{width:100%;max-width:280px}
  .trust-inner{gap:.75rem 1.75rem}
  .services-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:479px){
  .services-grid{grid-template-columns:1fr}
  .regions-grid{grid-template-columns:1fr 1fr}
  .hero-visual-card{aspect-ratio:3/2}
  .ba-handle{width:36px;height:36px}
}

/* ── Nav overlay (mobile) ─────────────────────────── */
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;transition:opacity .25s}
.nav-overlay.visible{display:block;opacity:1}

/* ── Page-wide utility ───────────────────────────── */
.page-wrap{padding-block:2.5rem 4rem;max-width:960px;margin-inline:auto}
.page-wrap-wide{max-width:1280px}

/* ══════════════════════════════════════════════════════
   SERVICE SINGLE PAGE
══════════════════════════════════════════════════════ */
.service-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:3rem;padding:2.5rem 0}
.service-hero-noimg{grid-template-columns:1fr;max-width:720px}
.region-hero-noimg{grid-template-columns:1fr;max-width:720px}
.service-hero-content .section-tag{margin-bottom:.75rem}
.service-hero-desc{font-size:1.05rem;color:var(--c-text-light);line-height:1.7;margin:.75rem 0 1.5rem}
.service-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.service-hero-trust{display:flex;flex-wrap:wrap;gap:1rem}
.sht-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--c-success);font-weight:600}
.service-hero-img{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}
.service-hero-img img{width:100%;height:auto;object-fit:cover;aspect-ratio:16/10}

.service-content-grid{display:grid;grid-template-columns:1fr 320px;gap:clamp(2rem,4vw,3.5rem);align-items:start;margin-bottom:3rem}
.service-body{min-width:0}
.service-sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.service-single{position:relative}
.services-grid-3{grid-template-columns:repeat(3,1fr)}

/* ── Sidebar ──────────────────────────────────────────── */
.mh-sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.sidebar-card{background:#fff;border:1.5px solid var(--c-border);border-radius:var(--radius-lg);padding:1.35rem;transition:border-color var(--t-fast)}
.sidebar-card:hover{border-color:var(--c-primary-light)}
.sidebar-card-accent{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));border-color:transparent;color:#fff}
.sidebar-card-accent .sidebar-card-h{color:#fff}
.sidebar-card-accent .sidebar-card-desc{color:rgba(255,255,255,.8)}
.sidebar-card-h{font-size:.9375rem;font-weight:700;color:var(--c-heading);display:flex;align-items:center;gap:.45rem;margin-bottom:.75rem}
.sidebar-card-desc{font-size:.8375rem;color:var(--c-text-light);line-height:1.6;margin-bottom:1rem}
.sidebar-regions{display:flex;flex-wrap:wrap;gap:.4rem}
.sidebar-region-link{display:inline-block;padding:.3rem .7rem;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--c-text);transition:all var(--t-fast);text-decoration:none}
.sidebar-region-link:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.sidebar-trust-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}
.sidebar-trust-list li{display:flex;align-items:center;gap:.45rem;font-size:.8375rem;color:var(--c-text);font-weight:500}
.sidebar-trust-list li .mh-icon{color:var(--c-success);flex-shrink:0}
.sidebar-links{display:flex;flex-direction:column;gap:.35rem}
.sidebar-link{display:flex;align-items:center;gap:.35rem;font-size:.8375rem;color:var(--c-text);font-weight:500;transition:color var(--t-fast);text-decoration:none}
.sidebar-link:hover{color:var(--c-primary)}
.sidebar-posts{display:flex;flex-direction:column;gap:.65rem}
.sidebar-post{display:flex;gap:.65rem;align-items:center;text-decoration:none;color:inherit;transition:opacity var(--t-fast)}
.sidebar-post:hover{opacity:.8}
.sp-thumb{width:56px;height:56px;border-radius:var(--radius);overflow:hidden;flex-shrink:0}
.sp-thumb img{width:100%;height:100%;object-fit:cover}
.sp-title{display:block;font-size:.8rem;font-weight:600;color:var(--c-heading);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-date{font-size:.72rem;color:var(--c-text-muted)}

/* ── Sidebar: Google Rating Badge ─────────────────────── */
.sidebar-card-rating{text-align:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}
.sb-rating-stars{color:#f59e0b;font-size:1.4rem;letter-spacing:-1px;line-height:1}
.sb-rating-score{font-size:2rem;font-weight:900;color:var(--c-heading);line-height:1;margin:.25rem 0}
.sb-rating-score span{font-size:1rem;font-weight:500;color:var(--c-text-muted)}
.sb-rating-count{font-size:.8rem;color:var(--c-text-muted);margin-bottom:.5rem}
.sb-rating-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--c-primary)}

/* ── Sidebar: Price & Duration ────────────────────────── */
.sb-price-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--c-border-light)}
.sb-price-row:last-of-type{border-bottom:none}
.sb-price-label{font-size:.8375rem;color:var(--c-text-light)}
.sb-price-value{font-size:.9375rem;font-weight:800;color:var(--c-primary)}
.sb-price-note{font-size:.75rem;color:var(--c-text-muted);font-style:italic;margin-top:.5rem}

/* ── Sidebar: Working Hours ───────────────────────────── */
.sb-hours{display:flex;flex-direction:column;gap:.35rem}
.sb-hours-row{display:flex;justify-content:space-between;align-items:center;font-size:.8375rem;padding:.4rem 0;border-bottom:1px solid var(--c-border-light)}
.sb-hours-row span{color:var(--c-text-light)}
.sb-hours-row strong{color:var(--c-heading);font-size:.8375rem}
.sb-hours-closed strong{color:var(--c-danger)}

/* ── Sidebar: Mini FAQ ────────────────────────────────── */
.sb-faq-list{display:flex;flex-direction:column;gap:.5rem}
.sb-faq-item{border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}
.sb-faq-q{padding:.65rem .75rem;font-size:.8125rem;font-weight:600;color:var(--c-heading);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.sb-faq-q::after{content:'＋';font-size:.75rem;color:var(--c-text-muted);transition:transform var(--t-fast)}
.sb-faq-item[open] .sb-faq-q::after{content:'－'}
.sb-faq-a{padding:0 .75rem .65rem;font-size:.8rem;color:var(--c-text-light);line-height:1.6}

/* ── Sidebar: Region Info ─────────────────────────────── */
.sb-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}
.sb-info-item{background:var(--c-bg-alt);padding:.6rem;border-radius:var(--radius-sm);text-align:center}
.sb-info-label{display:block;font-size:.72rem;color:var(--c-text-muted);margin-bottom:.15rem}
.sb-info-item strong{font-size:.9375rem;color:var(--c-heading)}
.sb-neighborhoods{font-size:.8125rem;color:var(--c-text-light);margin-top:.5rem}
.sb-neighborhoods-text{font-weight:500;color:var(--c-text)}
.sb-region-note{font-size:.8125rem;color:var(--c-text-light);font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--c-border-light)}

/* ── Sidebar: Contact Mini ────────────────────────────── */
.sb-contact-mini{display:flex;flex-direction:column;gap:.5rem}
.sb-contact-row{display:flex;align-items:center;gap:.5rem;font-size:.8375rem;color:var(--c-text)}
.sb-contact-row a{color:var(--c-text);transition:color var(--t-fast)}
.sb-contact-row a:hover{color:var(--c-primary)}
.sb-contact-row .mh-icon{color:var(--c-primary);flex-shrink:0}

/* ── Sidebar: Categories ──────────────────────────────── */
.sidebar-cats{display:flex;flex-direction:column;gap:.25rem}
.sidebar-cat-link{display:flex;justify-content:space-between;align-items:center;padding:.5rem .65rem;border-radius:var(--radius-sm);font-size:.8375rem;font-weight:500;color:var(--c-text);transition:all var(--t-fast);text-decoration:none}
.sidebar-cat-link:hover{background:var(--c-primary-light);color:var(--c-primary)}
.sidebar-cat-count{background:var(--c-bg-alt);color:var(--c-text-muted);font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full);min-width:24px;text-align:center}

/* ── Sidebar: Tags ────────────────────────────────────── */
.sidebar-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.sidebar-tag{display:inline-block;padding:.25rem .6rem;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--c-text-light);transition:all var(--t-fast);text-decoration:none}
.sidebar-tag:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}

/* ── Sidebar: Numbered Posts ──────────────────────────── */
.sp-num{width:24px;height:24px;background:var(--c-primary-light);color:var(--c-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}

/* ── Region Sidebar ───────────────────────────────────── */
.region-sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.region-main{min-width:0}

/* ── Before/After: Real Images ────────────────────────── */
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ══════════════════════════════════════════════════════
   PAGE TEMPLATE STYLES
══════════════════════════════════════════════════════ */

/* ── Randevu Page ─────────────────────────────────────── */
.randevu-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.randevu-form-wrap{background:#fff;border:1.5px solid var(--c-border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}
.randevu-form-title{font-size:1.25rem;font-weight:800;color:var(--c-heading);display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}
.randevu-info{display:flex;flex-direction:column;gap:1.25rem}
.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.qf-field label{display:block;font-size:.8125rem;font-weight:600;color:var(--c-heading);margin-bottom:.3rem}

/* ── About Page ───────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 360px;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.about-sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.about-stat{background:var(--c-bg-alt);padding:.9rem;border-radius:var(--radius);text-align:center}
.about-stat-n{display:block;font-size:1.5rem;font-weight:900;color:var(--c-primary);line-height:1}
.about-stat-l{display:block;font-size:.72rem;color:var(--c-text-muted);margin-top:.2rem}

/* ── Price Table ──────────────────────────────────────── */
.price-table{width:100%;border-collapse:collapse;font-size:.9rem}
.price-table thead th{background:var(--c-secondary);color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.8375rem}
.price-table thead th:first-child{border-radius:var(--radius) 0 0 0}
.price-table thead th:last-child{border-radius:0 var(--radius) 0 0}
.price-table td{padding:.75rem 1rem;border-bottom:1px solid var(--c-border);color:var(--c-text)}
.price-table tr:nth-child(even) td{background:var(--c-bg-alt)}
.price-table tr:hover td{background:var(--c-primary-light)}
.price-col{font-weight:700;color:var(--c-primary);white-space:nowrap}

/* ── Contact Page ─────────────────────────────────────── */
.contact-grid{max-width:960px;margin-inline:auto}
.contact-cards{margin-bottom:2rem}

/* ── Price Table Wrap ─────────────────────────────────── */
.price-table-wrap{max-width:900px;margin-inline:auto;overflow-x:auto}

/* ── About Page Main ──────────────────────────────────── */
.about-main{min-width:0}

/* ── CTA Content ──────────────────────────────────────── */
.cta-content{flex:1;min-width:0}

/* ── Blog Single Main ─────────────────────────────────── */
.blog-single-main{min-width:0}

/* ── Comment Author (details) ─────────────────────────── */
.comment-author-avatar{flex-shrink:0}
.comment-author-avatar img{width:48px;height:48px;border-radius:50%}
.comment-author-info{display:flex;flex-direction:column;gap:.1rem}

/* ══════════════════════════════════════════════════════
   RESPONSIVE — PAGE TEMPLATES
══════════════════════════════════════════════════════ */
@media(max-width:1023px){
  .randevu-grid,.about-grid{grid-template-columns:1fr}
  .about-sidebar,.randevu-info{position:static}
  .region-sidebar{position:static}
}
@media(max-width:767px){
  .qf-row{grid-template-columns:1fr}
  .sb-info-grid{grid-template-columns:1fr}
  .price-table{font-size:.8125rem}
  .price-table td,.price-table th{padding:.55rem .65rem}
}

/* ── Inline CTA Banner ────────────────────────────────── */
.inline-cta{background:linear-gradient(135deg,var(--c-secondary),#1a3a6b);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem}
.inline-cta h2{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:800;color:#fff;margin:0}
.inline-cta p{color:#94a3b8;margin:.25rem 0 0;font-size:.9rem}
.inline-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}

/* ── Related Services ─────────────────────────────────── */
.related-services{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--c-border)}
.related-services .section-h2{text-align:center;margin-bottom:2rem}

/* ══════════════════════════════════════════════════════
   REGION SINGLE PAGE
══════════════════════════════════════════════════════ */
.region-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:2.5rem;padding:2rem 0}
.region-hero-desc{font-size:1.05rem;color:var(--c-text-light);line-height:1.7;margin:.75rem 0 1.5rem}
.region-hero-img{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}
.region-hero-img img{width:100%;height:auto;object-fit:cover}
.region-body{margin-bottom:2.5rem}
.region-services{margin-bottom:3rem}
.region-services .section-h2{margin-bottom:2rem}
.region-contact{margin-bottom:2rem}
.region-contact .section-h2{margin-bottom:1.5rem}
.nap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}
.nap-item{display:flex;gap:.75rem;align-items:flex-start;background:var(--c-bg-alt);padding:1.15rem;border-radius:var(--radius-lg);border:1px solid var(--c-border)}
.nap-item .mh-icon{color:var(--c-primary);flex-shrink:0;margin-top:2px}
.nap-item strong{display:block;font-size:.8375rem;font-weight:700;color:var(--c-heading);margin-bottom:.15rem}
.nap-item a,.nap-item span{font-size:.8375rem;color:var(--c-text-light);line-height:1.5}
.nap-item a{transition:color var(--t-fast)}
.nap-item a:hover{color:var(--c-primary)}

/* ══════════════════════════════════════════════════════
   ARCHIVE PAGE HERO
══════════════════════════════════════════════════════ */
.page-hero{padding:clamp(2.5rem,7vw,5rem) 0;text-align:center}
.page-hero-blue{background:linear-gradient(135deg,var(--c-secondary),#1a3a6b);color:#fff}
.page-hero-h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;color:#fff;line-height:1.15;margin:.75rem 0}
.page-hero-desc{font-size:1.05rem;color:#94a3b8;max-width:580px;margin-inline:auto;line-height:1.7}
.service-card-img{border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;aspect-ratio:16/10}
.service-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.service-card:hover .service-card-img img{transform:scale(1.05)}
.service-card-img + .service-h3{margin-top:1rem}
.regions-grid-lg{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}
.region-card-lg{flex-direction:column;gap:0;overflow:hidden;padding:0}
.region-card-img{aspect-ratio:16/10;overflow:hidden}
.region-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.region-card-lg:hover .region-card-img img{transform:scale(1.05)}
.region-card-body{padding:1.15rem}

/* ══════════════════════════════════════════════════════
   COMMENTS
══════════════════════════════════════════════════════ */
.comments-area{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--c-border)}
.comments-title{font-size:1.25rem;font-weight:800;color:var(--c-heading);margin-bottom:1.5rem}
.comment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}
.mh-comment{background:var(--c-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--c-border)}
.comment-body{padding:1.25rem}
.comment-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.comment-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.comment-author-name{display:block;font-weight:700;font-size:.9375rem;color:var(--c-heading)}
.comment-date{display:block;font-size:.78rem;color:var(--c-text-muted)}
.comment-content{font-size:.9rem;color:var(--c-text);line-height:1.7}
.comment-content p{margin-bottom:.5rem}
.comment-actions{display:flex;align-items:center;gap:1rem;margin-top:.75rem;font-size:.8125rem}
.reply-link a{color:var(--c-primary);font-weight:600;text-decoration:none}
.reply-link a:hover{text-decoration:underline}
.comment-awaiting{color:var(--c-warning);font-style:italic;font-size:.8125rem}
.comments-closed{color:var(--c-text-muted);font-style:italic;padding:1rem 0}
.comment-notes{font-size:.8125rem;color:var(--c-text-muted);margin-bottom:1rem}
.comment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}
.comment-form-comment{margin-bottom:.75rem}
.comment-form-comment textarea{resize:vertical;min-height:100px}
#reply-title{font-size:1.15rem;font-weight:800;color:var(--c-heading);margin-bottom:1rem}
.comment-respond .btn{margin-top:.5rem}

/* ══════════════════════════════════════════════════════
   SEARCH
══════════════════════════════════════════════════════ */
.search-header{margin-bottom:2.5rem;text-align:center}
.search-count{color:var(--c-text-muted);font-size:.9rem;margin:.5rem 0 1.25rem}
.search-again{max-width:480px;margin-inline:auto}
.search-empty{text-align:center;padding:4rem 1rem}
.search-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}
.search-empty h2{font-size:1.5rem;font-weight:800;color:var(--c-heading);margin-bottom:.5rem}
.search-empty p{color:var(--c-text-light);max-width:400px;margin-inline:auto}
.mh-search-form{width:100%}
.search-input-wrap{position:relative;display:flex;align-items:center}
.search-input-wrap > .mh-icon{position:absolute;left:.85rem;color:var(--c-text-muted);pointer-events:none}
.search-input{width:100%;padding:.7rem 3rem .7rem 2.5rem;border:1.5px solid var(--c-border);border-radius:var(--radius-full);font-size:.9rem;color:var(--c-text);background:#fff;transition:border-color var(--t-fast)}
.search-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(var(--c-primary-rgb),.12)}
.search-submit{position:absolute;right:.5rem;width:32px;height:32px;background:var(--c-primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-fast)}
.search-submit:hover{background:var(--c-primary-dark)}

/* ── Pagination Styles ────────────────────────────────── */
.nav-links{display:flex;justify-content:center;gap:.35rem;margin-top:2rem}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .5rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;color:var(--c-text);background:#fff;border:1.5px solid var(--c-border);transition:all var(--t-fast);text-decoration:none}
.page-numbers:hover,.page-numbers.current{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.page-numbers.dots{border:none;background:transparent;cursor:default}
.page-numbers.dots:hover{background:transparent;color:var(--c-text)}

/* ══════════════════════════════════════════════════════
   RESPONSIVE — NEW ADDITIONS
══════════════════════════════════════════════════════ */
@media(max-width:1023px){
  .service-hero,.region-hero{grid-template-columns:1fr;text-align:center}
  .service-hero-ctas,.service-hero-trust{justify-content:center}
  .service-content-grid{grid-template-columns:1fr}
  .service-sidebar,.mh-sidebar{position:static}
  .services-grid-3{grid-template-columns:repeat(2,1fr)}
  .inline-cta{flex-direction:column;text-align:center}
  .inline-cta-actions{justify-content:center}
  .nap-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  .services-grid-3{grid-template-columns:1fr}
  .comment-form-row{grid-template-columns:1fr}
  .nap-grid{grid-template-columns:1fr}
  .region-hero .hero-ctas{flex-direction:column;align-items:center}
}

/* ══════════════════════════════════════════════════════
   ACCESSIBILITY — Focus Visible + Color Contrast
══════════════════════════════════════════════════════ */
a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px;border-radius:var(--radius-sm)}
.nav-link:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px;background:var(--c-primary-light)}
.sub-menu .nav-link:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}
.footer-link:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;color:#fff}
.hamburger:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px}
.social-link:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ══════════════════════════════════════════════════════
   MOBILE STICKY ACTION BAR — Benzersiz Tasarım
══════════════════════════════════════════════════════ */
.mobile-action-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9990;padding:.4rem .6rem calc(.4rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 30px rgba(0,0,0,.08);align-items:flex-end;justify-content:space-around;gap:.25rem}
.mab-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease;flex:1;max-width:120px}
.mab-btn:active{transform:scale(.92)}
.mab-icon{position:relative;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.mab-phone .mab-icon{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 14px rgba(5,150,105,.35)}
.mab-wa .mab-icon{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;box-shadow:0 4px 14px rgba(37,211,102,.35)}
.mab-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);transition:color .15s}
.mab-phone .mab-label{color:#059669}
.mab-wa .mab-label{color:#128C7E}
/* Center button — elevated pill */
.mab-center{position:relative;margin-top:-20px}
.mab-icon-center{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent),#d94f00);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(var(--c-accent-rgb),.4),0 0 0 4px rgba(255,255,255,.9);transition:all .2s ease;animation:center-glow 3s ease infinite}
@keyframes center-glow{0%,100%{box-shadow:0 6px 24px rgba(var(--c-accent-rgb),.4),0 0 0 4px rgba(255,255,255,.9)}50%{box-shadow:0 8px 32px rgba(var(--c-accent-rgb),.5),0 0 0 6px rgba(255,255,255,.95)}}
.mab-center .mab-label{color:var(--c-accent);margin-top:.2rem}
/* Pulse ring on phone */
.mab-ring{position:absolute;inset:-4px;border-radius:18px;border:2px solid #059669;opacity:0;animation:ring-pulse 2.5s ease infinite}
@keyframes ring-pulse{0%{opacity:.6;transform:scale(.85)}50%{opacity:0;transform:scale(1.15)}100%{opacity:0;transform:scale(1.15)}}
/* Online dot on WhatsApp */
.mab-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background:#25D366;border-radius:50%;border:2px solid #fff;z-index:1;animation:dot-blink 2s ease infinite}
@keyframes dot-blink{0%,60%,100%{opacity:1}30%{opacity:.3}}
@media(max-width:767px){
  .mobile-action-bar{display:flex}
  /* Hide WhatsApp float on mobile (action bar replaces it) */
  .wa-float{bottom:5.5rem!important}
  .fomo{bottom:6rem!important}
  /* Give footer bottom padding for action bar */
  .site-footer{padding-bottom:5rem}
}
@media(min-width:768px){.mobile-action-bar{display:none!important}}

/* ══════════════════════════════════════════════════════
   SCROLL TO TOP — Circular Progress Indicator
══════════════════════════════════════════════════════ */
.scroll-top{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);z-index:9950;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(var(--c-primary-rgb),.15);color:var(--c-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.1)}
.scroll-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.scroll-top:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);transform:translateX(-50%) translateY(-4px);box-shadow:0 8px 30px rgba(var(--c-primary-rgb),.3)}
/* Progress ring */
.stt-progress{position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;border-top-color:var(--c-primary);transition:transform .1s linear;pointer-events:none}
/* Hide on mobile (action bar has enough) */
@media(max-width:767px){
  .scroll-top{bottom:5.5rem;width:40px;height:40px;left:auto;right:1rem;transform:translateY(20px)}
  .scroll-top.visible{transform:translateY(0)}
  .scroll-top:hover{transform:translateY(-2px)}
}

/* ══════════════════════════════════════════════════════
   MODERN TOUCHES — 2026 Polish
══════════════════════════════════════════════════════ */
/* Section dividers - wavy svg */
.section-wave{position:relative}
.section-wave::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48'%3E%3Cpath fill='%23ffffff' d='M0 48h1440V22c-120 18-240 28-360 18S840 10 720 16 480 40 360 38 120 18 0 24z'/%3E%3C/svg%3E") center/cover no-repeat;z-index:1;pointer-events:none}
.section-wave-light::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48'%3E%3Cpath fill='%23f8fafc' d='M0 48h1440V22c-120 18-240 28-360 18S840 10 720 16 480 40 360 38 120 18 0 24z'/%3E%3C/svg%3E") center/cover no-repeat}

/* Smooth section spacing */
.home-section{padding-block:clamp(3rem,8vw,6rem)}
.home-section:nth-child(even){background:var(--c-bg-alt)}

/* Modern card hover lift */
.card-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.08)}

/* Gradient text utility */
.gradient-text{background:linear-gradient(135deg,var(--c-primary),var(--c-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Animated counter (used in stats) */
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hs-num{animation:countUp .6s ease both}
.hero-stat:nth-child(2) .hs-num{animation-delay:.1s}
.hero-stat:nth-child(3) .hs-num{animation-delay:.2s}
.hero-stat:nth-child(4) .hs-num{animation-delay:.3s}

/* Better selection color */
::selection{background:rgba(var(--c-primary-rgb),.15);color:var(--c-primary)}

/* Smooth scrollbar (webkit) */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--c-bg-alt)}
::-webkit-scrollbar-thumb{background:rgba(var(--c-primary-rgb),.2);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(var(--c-primary-rgb),.4)}

/* ══════════════════════════════════════════════════════
   DEVELOPER CREDIT — Animated Wave Bar
══════════════════════════════════════════════════════ */
.dev-credit{position:relative;background:linear-gradient(135deg,#070d1f 0%,#0a1628 50%,#0d1b3e 100%);overflow:hidden}
.dev-wave{position:absolute;top:-1px;left:0;right:0;height:40px;overflow:hidden}
.dev-wave svg{display:block;width:200%;height:100%;animation:dev-wave-slide 8s linear infinite}
.dev-wave-1{fill:rgba(26,86,196,.12)}
.dev-wave-2{fill:rgba(232,93,4,.08)}
@keyframes dev-wave-slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.dev-credit-inner{position:relative;z-index:1;text-align:center;padding:1.1rem 1rem .9rem}
.dev-credit-text{font-size:.75rem;color:rgba(148,163,184,.7);letter-spacing:.02em;display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap;justify-content:center}
.dev-credit-link{display:inline-flex;align-items:center;gap:.25rem;color:#6ea8fe;text-decoration:none;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full);background:rgba(26,86,196,.1);border:1px solid rgba(26,86,196,.15);transition:all .25s ease;position:relative;overflow:hidden}
.dev-credit-link::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);transition:transform .6s}
.dev-credit-link:hover::before{transform:translateX(100%)}
.dev-credit-link:hover{color:#fff;background:rgba(26,86,196,.25);border-color:rgba(26,86,196,.4);transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,86,196,.2)}
.dev-credit-logo{font-size:.85rem;animation:logo-spark 2s ease infinite}
@keyframes logo-spark{0%,75%,100%{opacity:1;filter:brightness(1)}85%{opacity:.6;filter:brightness(1.8)}}
.dev-credit-name{color:#e2e8f0;font-weight:700;background:linear-gradient(135deg,#6ea8fe,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.dev-credit-name::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4),transparent)}

/* ══════════════════════════════════════════════════════
   SEO CONTENT SECTION
══════════════════════════════════════════════════════ */
.seo-content-section{background:#fff;padding-block:clamp(3rem,6vw,5rem)}
.seo-content-wrap{max-width:820px;margin:0 auto}
.seo-article{font-size:1rem;line-height:1.85;color:var(--c-text)}
.seo-article p{margin-bottom:1.25rem}
.seo-article h3{font-size:1.2rem;font-weight:800;color:var(--c-secondary);margin:2.2rem 0 .8rem;line-height:1.3}
.seo-article a{color:var(--c-primary);text-decoration:underline;text-underline-offset:3px;transition:color var(--t-fast)}
.seo-article a:hover{color:var(--c-accent)}
.seo-article strong{color:var(--c-secondary);font-weight:700}