/*
Theme Name: Nurmad Group
Theme URI: https://nurmad.kz
Author: Nurmad Group
Description: Сайт компании Nurmad Group — пластиковые окна и профили Melke. Шапка, меню, продукция, контакты, кнопка WhatsApp.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: nurmad
*/

/* ============================================================
   Nurmad Group — Окна и профили Melke
   Общая дизайн-система
   ============================================================ */

:root{
  --green:#82bd45;
  --green-dark:#6aa636;
  --green-deep:#5a9029;
  --crimson:#ec2a63;
  --crimson-dark:#cf1850;
  --ink:#1c1d21;
  --ink-2:#26272c;
  --ink-3:#34353b;
  --line:#e4e6e3;
  --paper:#f4f5f3;
  --paper-2:#ecefe9;
  --muted:#707681;
  --text:#2b2d33;
  --white:#ffffff;
  --shadow-sm:0 2px 10px rgba(20,22,18,.07);
  --shadow-md:0 14px 40px rgba(20,22,18,.13);
  --shadow-lg:0 30px 70px rgba(16,20,12,.22);
  --container:1240px;
  --radius:14px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Manrope",system-ui,sans-serif;
  color:var(--text);
  background:var(--white);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{
  font-family:"Archivo",sans-serif;
  margin:0;
  line-height:1.02;
  letter-spacing:-.01em;
  color:var(--ink);
}
.h-display{
  font-weight:800;
  font-size:clamp(34px,4.6vw,64px);
  text-transform:uppercase;
  letter-spacing:-.015em;
}
.h-section{
  font-weight:800;
  font-size:clamp(28px,3.4vw,46px);
  text-transform:uppercase;
  letter-spacing:-.01em;
}
.eyebrow{
  font-family:"Archivo",sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:13px;
  color:var(--green-deep);
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{
  content:"";
  width:34px;height:2px;background:var(--crimson);
  display:inline-block;
}
.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
.section{padding:84px 0;}
.section--paper{background:var(--paper);}
.section--ink{background:var(--ink);color:#dfe2dd;}
.section--ink h2,.section--ink h3{color:#fff;}
.lead{color:var(--muted);font-size:19px;max-width:62ch;}
.center{text-align:center;}
.section-head{max-width:760px;margin:0 auto 52px;text-align:center;}
.section-head .lead{margin:18px auto 0;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:11px;
  font-family:"Archivo",sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;font-size:14px;
  padding:16px 28px;border:0;border-radius:10px;cursor:pointer;
  transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
  line-height:1;white-space:nowrap;
}
.btn svg{width:18px;height:18px;}
.btn-green{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(106,166,54,.32);}
.btn-green:hover{background:var(--green-dark);transform:translateY(-2px);}
.btn-crimson{background:var(--crimson);color:#fff;box-shadow:0 10px 24px rgba(236,42,99,.3);}
.btn-crimson:hover{background:var(--crimson-dark);transform:translateY(-2px);}
.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff;padding:14px 26px;}
.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:var(--ink-2);transform:translateY(-2px);}
.btn-wa{background:#25d366;color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.32);}
.btn-wa:hover{background:#1fb558;transform:translateY(-2px);}
.btn-lg{padding:19px 34px;font-size:15px;}

/* ============================================================
   TOP BAR + HEADER
   ============================================================ */
.promo-bar{background:var(--crimson);color:#fff;text-align:center;font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13px;padding:10px 16px;}
/* ============================================================
   SITE HEADER — прозрачный оверлей поверх баннера
   ============================================================ */
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;
  background:linear-gradient(180deg,rgba(8,10,7,.34) 0%,rgba(8,10,7,.14) 55%,rgba(8,10,7,0) 100%);
  transition:background .3s ease,box-shadow .3s ease,transform .3s ease;}
.site-header.is-stuck{position:fixed;background:var(--ink);box-shadow:0 6px 26px rgba(0,0,0,.32);animation:headerDrop .35s ease;}
@keyframes headerDrop{from{transform:translateY(-100%);}to{transform:translateY(0);}}
/* При прокрутке верхняя панель скрывается — остаётся компактное меню */
.site-header.is-stuck .topbar{display:none;}

/* Сплошная (непрозрачная) шапка — если в панели выключена прозрачность */
.header-solid .site-header{position:relative;background:var(--ink);}
.header-solid .site-header .topbar{border-bottom-color:rgba(255,255,255,.07);}
.header-solid .hero__inner{padding:96px 0;}
.header-solid .page-hero{padding:58px 0;}

.topbar{background:transparent;color:#eef0ec;border-bottom:1px solid rgba(255,255,255,.12);transition:border-color .3s ease;}
.site-header.is-stuck .topbar{border-bottom-color:rgba(255,255,255,.07);}
.topbar__row{
  display:flex;align-items:center;gap:28px;
  min-height:84px;padding:14px 0;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;}
.brand__mark{
  width:52px;height:52px;border-radius:13px;flex-shrink:0;
  background:
    radial-gradient(circle at 32% 35%,var(--green) 0 42%,transparent 43%),
    radial-gradient(circle at 66% 64%,var(--crimson) 0 42%,transparent 43%),
    #fff;
  position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
  display:flex;align-items:center;justify-content:center;
}
.brand__txt{display:flex;flex-direction:column;line-height:1;}
.brand__logo{height:52px;width:auto;display:block;}
.nav__brand{display:none;}
.nav__brand .brand__logo{height:38px;}.brand__name{font-family:"Archivo",sans-serif;font-weight:800;font-size:25px;color:#fff;letter-spacing:.01em;}
.brand__name b{color:var(--green);}
.brand__sub{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#9aa094;margin-top:5px;}

.topbar__slogan{
  font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;
  font-size:13.5px;line-height:1.35;letter-spacing:.02em;color:#eef0ec;max-width:230px;
}
.topbar__slogan b{color:var(--green);}

.socials{display:flex;gap:10px;}
.socials a{
  width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:transform .15s ease,filter .2s ease;
}
.socials a:hover{transform:translateY(-3px);filter:brightness(1.08);}
.socials svg{width:22px;height:22px;fill:#fff;}
.soc-tg{background:#2aabee;}
.soc-wa{background:#25d366;}
.soc-vb{background:#7360f2;}
.soc-ig{background:#e1306c;}
.soc-yt{background:#ff0000;}
.soc-gis{background:#19aa1e;}

.topbar__contact{display:flex;flex-direction:column;gap:3px;min-width:0;}
.topbar__phone{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:#fff;white-space:nowrap;}
.topbar__hours{font-size:13px;color:#9aa094;}
.topbar__hours a{color:#9aa094;}
.topbar__schedule{margin-left:auto;align-self:center;font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;color:#cfd3cb;white-space:nowrap;padding-left:20px;}

.topbar__cta{display:flex;gap:12px;margin-left:auto;}

/* main nav */
.nav{background:transparent;border-top:1px solid rgba(255,255,255,.10);position:relative;z-index:40;transition:border-color .3s ease;}
.site-header.is-stuck .nav{border-top-color:rgba(255,255,255,.06);}
.nav__row{display:flex;align-items:stretch;gap:4px;flex-wrap:nowrap;}
.nav__list{display:flex;align-items:stretch;gap:0;flex-wrap:nowrap;list-style:none;margin:0;padding:0;}
.nav__list a{
  display:flex;align-items:center;gap:7px;height:62px;padding:0 11px;
  font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;
  font-size:12px;letter-spacing:.01em;color:#e7e9e4;white-space:nowrap;
  position:relative;transition:color .15s ease,background .15s ease;
}
.nav__list a:hover{color:#fff;background:rgba(255,255,255,.05);}
.nav__list a.is-active{color:#fff;}
.nav__list .current-menu-item > a{color:#fff;}
.nav__list .current-menu-item > a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green);}
.nav__list a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green);
}

/* Подменю (выпадающее) — встроенное (.nav__sub) и из админки WP (.sub-menu) */
.nav__list .has-sub,.nav__list .menu-item-has-children{position:relative;}
.nav__caret{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease;}
.has-sub:hover .nav__caret{transform:rotate(180deg);}
.nav__sub,.nav__list .sub-menu{
  position:absolute;top:100%;left:0;min-width:210px;list-style:none;margin:0;padding:7px 0;
  background:#202127;border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--green);
  border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;
  z-index:60;
}
.nav__list .has-sub:hover .nav__sub,
.nav__list .menu-item-has-children:hover .sub-menu{opacity:1;visibility:visible;transform:none;}
.nav__sub a,.nav__list .sub-menu a{height:auto;padding:12px 22px;font-size:13px;white-space:nowrap;}
.nav__sub a::after,.nav__list .sub-menu a::after{display:none !important;}
.nav__sub a:hover,.nav__list .sub-menu a:hover{background:rgba(255,255,255,.06);color:var(--green);}
.nav__actions{display:flex;align-items:center;gap:8px;align-self:center;margin-left:auto;padding-left:10px;flex-shrink:0;}
.nav__actions-menu{display:flex;align-items:center;gap:8px;}
.nav__actions-toggle{display:none;}
.nav__cta{padding:10px 14px;font-size:11.5px;white-space:nowrap;}
.nav__cta svg{flex-shrink:0;}
.nav__wa{
  display:flex;align-items:center;gap:9px;align-self:center;margin-left:auto;
  background:#25d366;color:#fff;font-family:"Archivo",sans-serif;font-weight:700;
  text-transform:uppercase;font-size:13px;letter-spacing:.03em;
  padding:12px 20px;border-radius:9px;transition:background .2s ease,transform .15s ease;
}
.nav__wa:hover{background:#1fb558;transform:translateY(-2px);}
.nav__wa svg{width:18px;height:18px;fill:#fff;}

/* mobile nav toggle */
.nav__burger{display:none;}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;background:var(--ink);}
.hero__slot{position:absolute;inset:0;width:100%;height:100%;}
.hero__slot image-slot{width:100%;height:100%;border-radius:0;}
.hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(18,19,16,.92) 0%,rgba(18,19,16,.72) 42%,rgba(18,19,16,.30) 75%,rgba(18,19,16,.45) 100%);
}
.hero__inner{position:relative;z-index:3;width:100%;padding:248px 0 90px;}
.hero__content{max-width:660px;will-change:transform,opacity;}
.hero.is-swiping .hero__content{transition:none;}
.hero__content.hero-anim{transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .34s ease;}
.hero h1{color:#fff;font-size:clamp(36px,5vw,68px);font-weight:800;text-transform:uppercase;line-height:1.0;}
.hero h1 .accent{color:var(--green);}
.hero__badge{
  display:inline-block;background:var(--crimson);color:#fff;
  font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.02em;font-size:clamp(16px,1.7vw,22px);padding:9px 18px;margin-top:26px;
}
.hero__actions{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;}
/* Бейдж в слайдере — белая кнопка */
.hero .hero__badge{
  background:#fff;color:var(--ink);
  border-radius:999px;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.hero__slider-ui{
  position:absolute;right:0;bottom:60px;z-index:4;display:flex;align-items:center;gap:18px;
}
.hero__count{font-family:"Archivo",sans-serif;font-weight:700;color:#fff;font-size:22px;letter-spacing:.05em;}
.hero__count span{color:#8a8f86;font-size:16px;}
.hero__arrows{display:flex;gap:10px;}
.hero__arrow{
  width:54px;height:46px;border:0;border-radius:7px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .2s ease;
}
.hero__arrow svg{width:22px;height:22px;stroke:#fff;}
.hero__arrow--prev{background:rgba(255,255,255,.10);border:2px solid var(--green);}
.hero__arrow--prev svg{stroke:var(--green);}
.hero__arrow--prev:hover{background:var(--green);}
.hero__arrow--prev:hover svg{stroke:#fff;}
.hero__arrow--next{background:var(--green);}
.hero__arrow--next:hover{background:var(--green-deep);}

/* ============================================================
   PROFILES
   ============================================================ */
.profiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.profile-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease;
}
.profile-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.profile-card__media{position:relative;aspect-ratio:16/11;background:var(--paper-2);}
.profile-card__media image-slot{width:100%;height:100%;}
.profile-card__chambers{
  position:absolute;top:14px;left:14px;background:var(--green);color:#fff;
  font-family:"Archivo",sans-serif;font-weight:700;font-size:12px;letter-spacing:.05em;
  text-transform:uppercase;padding:7px 12px;border-radius:7px;
}
.profile-card__body{padding:26px 26px 28px;display:flex;flex-direction:column;gap:14px;flex:1;}
.profile-card__name{font-family:"Archivo",sans-serif;font-weight:800;font-size:23px;text-transform:uppercase;color:var(--ink);}
.profile-card__desc{color:var(--muted);font-size:15.5px;flex:1;}
.profile-specs{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);padding-top:16px;}
.profile-specs li{display:flex;justify-content:space-between;font-size:14.5px;list-style:none;}
.profile-specs .k{color:var(--muted);}
.profile-specs .v{font-weight:700;color:var(--ink);}
.profile-card__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:6px;}
.profile-card__price{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:var(--green-deep);}
.profile-card__price small{font-weight:500;color:var(--muted);font-size:13px;}

/* ============================================================
   FEATURES
   ============================================================ */
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.feature{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;
  display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .25s ease;
}
.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.feature__icon{
  width:60px;height:60px;border-radius:14px;background:rgba(130,189,69,.13);
  display:flex;align-items:center;justify-content:center;
}
.feature__icon svg{width:30px;height:30px;stroke:var(--green-deep);}
.feature__title{font-family:"Archivo",sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;color:var(--ink);}
.feature__txt{color:var(--muted);font-size:15px;}

/* ============================================================
   STEPS
   ============================================================ */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.step{position:relative;padding-top:54px;}
.step__num{
  font-family:"Archivo",sans-serif;font-weight:800;font-size:64px;line-height:1;color:rgba(255,255,255,.10);
  position:absolute;top:-26px;right:6px;
}
.section--paper .step__num{color:rgba(28,29,33,.07);}
.step__bar{width:46px;height:4px;background:var(--green);border-radius:3px;margin-bottom:18px;}
/* Главная, секция «4 шага»: цифры зелёные, красная полоска только у первого шага */
.section--ink .step__num{color:var(--green);}
.section--ink .steps-grid .step:first-child .step__bar{background:rgb(246,2,45);}
.step__title{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;margin-bottom:10px;}
.section--ink .step__title{color:#fff;}
.step__txt{color:var(--muted);font-size:15px;}
.section--ink .step__txt{color:#a7aca3;}

/* ============================================================
   GALLERY
   ============================================================ */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;}
.gallery-grid image-slot{width:100%;height:100%;}
.g-tall{grid-row:span 2;}
.g-wide{grid-column:span 2;}

/* ============================================================
   CTA BAND
   ============================================================ */
.cta-band{
  background:linear-gradient(120deg,var(--green-deep),var(--green));color:#fff;position:relative;overflow:hidden;
}
.cta-band__inner{
  display:flex;align-items:center;justify-content:space-between;gap:36px;
  padding:54px 0;flex-wrap:wrap;position:relative;z-index:2;
}
.cta-band h2{color:#fff;font-size:clamp(26px,3vw,40px);text-transform:uppercase;}
.cta-band p{color:rgba(255,255,255,.88);margin:12px 0 0;font-size:18px;}
.cta-band__actions{display:flex;gap:14px;flex-wrap:wrap;}
.cta-band__deco{position:absolute;right:-60px;top:-60px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08);}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--ink);color:#aeb3aa;padding:64px 0 0;}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer h4{font-family:"Archivo",sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.06em;color:#fff;margin-bottom:20px;}
.footer__about p{font-size:14.5px;color:#9aa094;margin:16px 0 0;}
.footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.footer__col a{font-size:14.5px;color:#aeb3aa;transition:color .15s ease;}
.footer__col a:hover{color:var(--green);}
.footer__col a.btn,.footer__col a.nav__wa{color:#fff;}
.footer__col a.btn:hover,.footer__col a.nav__wa:hover{color:#fff;}
.footer__contact-item{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start;}
.footer__contact-item svg{width:20px;height:20px;stroke:var(--green);flex-shrink:0;margin-top:2px;}
.footer__contact-item b{color:#fff;font-family:"Archivo",sans-serif;font-size:18px;display:block;}
.footer__contact-item span{font-size:13.5px;color:#9aa094;}
.footer__bottom{display:flex;justify-content:space-between;gap:20px;padding:24px 0;flex-wrap:wrap;font-size:13px;color:#7d837a;}

/* ============================================================
   FLOATING WHATSAPP
   ============================================================ */
.fab-wa{
  position:fixed;right:26px;bottom:26px;z-index:60;
  width:66px;height:66px;border-radius:50%;background:#25d366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 34px rgba(37,211,102,.5);
  animation:fab-pulse 2.4s infinite;
}
.fab-wa svg{width:34px;height:34px;fill:#fff;}
@keyframes fab-pulse{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);}
  70%{box-shadow:0 0 0 22px rgba(37,211,102,0);}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}
}

/* ============================================================
   LIGHTBOX (фото продукции)
   ============================================================ */
.lb-overlay{position:fixed;inset:0;background:rgba(15,18,14,.93);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px;cursor:zoom-out;}
.lb-overlay.open{display:flex;}
.lb-overlay img{max-width:94vw;max-height:90vh;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55);cursor:default;}
.lb-close{position:absolute;top:18px;right:22px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s;}
.lb-close:hover{background:rgba(255,255,255,.28);}
.profile-card__media,.acc-card__media,.cutaway__stage img,.split img{cursor:zoom-in;}

/* ============================================================
   PAGE HERO (inner pages)
   ============================================================ */
.page-hero{background:var(--ink);color:#fff;padding:205px 0 64px;position:relative;overflow:hidden;}
.page-hero--photo{background-size:cover;background-position:center;}
.page-hero--photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,19,16,.92) 0%,rgba(18,19,16,.72) 42%,rgba(18,19,16,.30) 75%,rgba(18,19,16,.45) 100%);z-index:1;}
.page-hero--photo .container{position:relative;z-index:2;}
.page-hero--photo .page-hero__deco{display:none;}
.page-hero__deco{position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;background:rgba(130,189,69,.10);}
.page-hero h1{color:#fff;}
.breadcrumb{display:flex;gap:10px;align-items:center;font-size:13.5px;color:#9aa094;margin-bottom:18px;font-family:"Archivo",sans-serif;text-transform:uppercase;letter-spacing:.05em;}
.breadcrumb a:hover{color:var(--green);}
.breadcrumb span{color:var(--green);}

/* ============================================================
   GENERIC CONTENT
   ============================================================ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}
.split image-slot{width:100%;aspect-ratio:4/3;border-radius:var(--radius);}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.stat{text-align:center;}
.stat__num{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(38px,4vw,56px);color:var(--green-deep);line-height:1;}
.stat__label{color:var(--muted);font-size:14.5px;margin-top:8px;}
.section--ink .stat__num{color:var(--green);}
.section--ink .stat__label{color:#a7aca3;}
.prose p{color:var(--text);margin:0 0 18px;}
.prose p:last-child{margin-bottom:0;}
.checklist{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;}
.checklist li{display:flex;gap:13px;align-items:flex-start;font-size:16px;}
.checklist svg{width:24px;height:24px;flex-shrink:0;stroke:var(--green-deep);margin-top:1px;}

/* ---------- Contact page ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;}
.contact-cards{display:flex;flex-direction:column;gap:16px;}
.contact-card{
  display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:24px 26px;transition:box-shadow .2s ease,transform .2s ease;
}
.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.contact-card__icon{width:54px;height:54px;border-radius:13px;background:rgba(130,189,69,.13);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-card__icon svg{width:26px;height:26px;stroke:var(--green-deep);}
.contact-card__icon.wa{background:rgba(37,211,102,.14);}
.contact-card__icon.wa svg{stroke:#1fb558;fill:none;}
.contact-card h4{font-family:"Archivo",sans-serif;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.04em;color:var(--muted);margin:0 0 6px;}
.contact-card .big{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--ink);}
.contact-card p{margin:4px 0 0;font-size:14.5px;color:var(--muted);}
.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:var(--shadow-sm);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.field label{font-size:13px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-family:"Archivo",sans-serif;}
.field input,.field textarea,.field select{
  border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;font-family:inherit;font-size:16px;
  color:var(--text);background:#fbfcfb;transition:border-color .15s ease,background .15s ease;
}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--green);background:#fff;}
.field textarea{resize:vertical;min-height:110px;}
.form-note{font-size:12.5px;color:var(--muted);margin-top:6px;}

/* ---------- Аксессуары ---------- */
.acc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px;}
.acc-card{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .25s ease;}
.acc-card:nth-child(4),.acc-card:nth-child(5){grid-column:span 3;}
.acc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.acc-card__media{position:relative;aspect-ratio:16/10;background:var(--paper-2);}
.acc-card__media img,.acc-card__media .imgph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.acc-card__body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;}
.acc-card__name{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;text-transform:uppercase;color:var(--ink);}
.acc-card__desc{color:var(--muted);font-size:15px;}
@media(max-width:1080px){.acc-grid{grid-template-columns:repeat(2,1fr);}.acc-card,.acc-card:nth-child(4),.acc-card:nth-child(5){grid-column:span 1;}}
@media(max-width:560px){.acc-grid{grid-template-columns:1fr;}.acc-card,.acc-card:nth-child(4),.acc-card:nth-child(5){grid-column:span 1;}}

/* ---------- Разрез профиля (интерактив) ---------- */
.cutaway{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.cutaway__stage{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--paper-2);}
.cutaway__img{width:100%;display:block;}
.cutaway__stage .imgph{aspect-ratio:4/5;}
.cutaway__dot{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35);transform:translate(-50%,-50%);transition:transform .2s ease,background .2s ease,box-shadow .2s ease;cursor:pointer;z-index:2;}
.cutaway__dot::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--green);opacity:0;transition:opacity .2s ease,transform .2s ease;}
.cutaway__dot.is-active{background:var(--crimson);transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 0 6px rgba(236,42,99,.25);z-index:3;}
.cutaway__dot.is-active::after{border-color:var(--crimson);opacity:1;transform:scale(1.4);}
.cutaway__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.cutaway__item{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease;}
.cutaway__item:hover,.cutaway__item.is-active{border-color:var(--green);background:rgba(130,189,69,.08);transform:translateX(4px);}
.cutaway__num{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Archivo",sans-serif;font-weight:800;font-size:14px;transition:background .2s ease;}
.cutaway__item:hover .cutaway__num,.cutaway__item.is-active .cutaway__num{background:var(--green);}
.cutaway__label{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.01em;color:var(--ink);}
@media(max-width:860px){.cutaway{grid-template-columns:1fr;gap:24px;}}

/* ---------- Отзывы ---------- */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px;}
.review__stars{color:#f5a623;font-size:18px;letter-spacing:2px;}
.review__text{color:var(--text);font-size:15.5px;flex:1;margin:0;}
.review__name{font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:var(--ink);}
@media(max-width:1080px){.reviews-grid{grid-template-columns:1fr;}}

/* ---------- Кнопка «Наверх» ---------- */
.to-top{position:fixed;right:26px;bottom:104px;z-index:55;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,background .2s ease;box-shadow:var(--shadow-md);}
.to-top.show{opacity:1;visibility:visible;}
.to-top:hover{background:var(--green-deep);}
@media(max-width:860px){.to-top{right:auto;left:20px;bottom:20px;}}
.to-top svg{width:22px;height:22px;stroke:#fff;}

/* ---------- Анимация появления секций ---------- */
.anim-on .section,.anim-on .cta-band{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.anim-on .section.in-view,.anim-on .cta-band.in-view{opacity:1;transform:none;}

/* ---------- Map placeholder ---------- */
.map-wrap{border-radius:18px;overflow:hidden;border:1px solid var(--line);height:380px;background:var(--paper-2);position:relative;}
.map-wrap image-slot{width:100%;height:100%;}
.map-wrap iframe{width:100%;height:100%;border:0;display:block;}
.map-wrap img,.map-wrap .imgph{width:100%;height:100%;object-fit:cover;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1080px){
  .profiles-grid{grid-template-columns:repeat(2,1fr);}
  .features-grid,.steps-grid,.stat-row{grid-template-columns:repeat(2,1fr);}
  .footer__top{grid-template-columns:1fr 1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:860px){
  .anim-on .section,.anim-on .cta-band{transform:translateY(14px);transition-duration:.3s;}
  .page-hero--photo::before{background:linear-gradient(180deg,rgba(18,19,16,.80) 0%,rgba(18,19,16,.66) 50%,rgba(18,19,16,.74) 100%);}
  .topbar{display:none;}
  .nav__list{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--ink-2);padding:8px;box-shadow:var(--shadow-md);z-index:60;}
  .nav__list.open{display:flex;}
  .nav__list a{height:auto;padding:15px 18px;}
  .nav__list a.is-active::after{display:none;}
  /* Подменю на мобильном — разворачивается с отступом */
  .nav__sub,.nav__list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:rgba(0,0,0,.22);border-radius:8px;margin:0 8px 6px;padding:4px 0;min-width:0;}
  .nav__sub a,.nav__list .sub-menu a{padding:12px 28px;}
  .nav__caret{display:none;}
  .nav__burger{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:0;color:#fff;cursor:pointer;padding:0;}
  .nav__burger svg{width:26px;height:26px;stroke:#fff;}
  .nav__row{position:relative;align-items:center;min-height:60px;}
  .nav__brand{display:flex;align-items:center;margin-left:6px;}
  .nav__brand .brand__sub{display:none;}
  .nav__brand .brand__name{font-size:18px;}
  .nav__brand .brand__mark{width:36px;height:36px;border-radius:9px;}
  .nav__wa{margin:0 0 0 auto;padding:10px 14px;font-size:12px;}
  /* Кнопки шапки -> выпадающий список */
  .nav__actions{display:flex;position:static;margin-left:auto;padding-left:0;gap:0;}
  .nav__actions-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--green);border:0;cursor:pointer;}
  .nav__actions-toggle svg{width:22px;height:22px;}
  .nav__actions-menu{display:none;position:absolute;right:16px;top:62px;flex-direction:column;gap:8px;background:var(--ink-2);padding:10px;border-radius:12px;box-shadow:var(--shadow-md);min-width:220px;z-index:60;}
  .nav__actions.open .nav__actions-menu{display:flex;}
  .nav__actions-menu .nav__cta{width:100%;justify-content:center;padding:13px 16px;font-size:13px;}
  .split,.contact-grid{grid-template-columns:1fr;gap:32px;}
  .hero__slider-ui{position:absolute;left:auto;right:20px;bottom:20px;margin-top:0;width:auto;padding:0;justify-content:flex-end;}
  .hero__slider-ui > div{margin-left:auto !important;}
  .hero__inner{padding:118px 0 56px;}
  .page-hero{padding:120px 0 48px;}
}
@media(max-width:560px){
  .container{padding:0 20px;}
  .profiles-grid,.features-grid,.steps-grid,.stat-row,.gallery-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .section{padding:56px 0;}
  .footer__top{grid-template-columns:1fr;}
  .topbar__contact .topbar__hours{display:none;}
}


/* ============================================================
   WordPress: плейсхолдеры и реальные изображения
   ============================================================ */

/* Плейсхолдер показывается, пока в /images/ нет нужного файла */
.imgph{
  width:100%;height:100%;min-height:170px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:repeating-linear-gradient(45deg,#e7eae4 0 14px,#eef1ea 14px 28px);
  color:#9aa094;font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;font-size:13px;line-height:1.4;padding:18px;
}

/* Реальные фото и плейсхолдеры заполняют свои контейнеры */
.profile-card__media img,.profile-card__media .imgph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.profile-card__chambers{z-index:3;}
.gallery-grid img,.gallery-grid .imgph{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);}
.map-wrap img,.map-wrap .imgph{width:100%;height:100%;object-fit:cover;}
.split img,.split .imgph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);}

/* Hero-фон (картинка из /images/ или тёмный плейсхолдер) */
.hero__bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease;}
.hero__bg.is-active{opacity:1;}
.hero__bg.is-ph{background:linear-gradient(120deg,#16171a 0%,#26282d 60%,#1d1f22 100%);}

/* WordPress admin bar совместимость */
body.admin-bar .nav{top:32px;}
@media(max-width:782px){body.admin-bar .nav{top:46px;}}


/* ============================================================
   INTRO / ABOUT BAND (главная)
   ============================================================ */
.intro-band{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:112px 0;isolation:isolate;}
.intro-band__glow{position:absolute;inset:-35% -12% -35% -12%;z-index:-1;
  background:
    radial-gradient(42% 55% at 16% 28%, rgba(130,189,69,.34), transparent 70%),
    radial-gradient(38% 52% at 86% 80%, rgba(236,42,99,.24), transparent 72%),
    radial-gradient(30% 40% at 60% 10%, rgba(130,189,69,.16), transparent 70%);
  filter:blur(6px);animation:introGlow 16s ease-in-out infinite alternate;}
@keyframes introGlow{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(2.5%,-3%,0) scale(1.1);}}
.intro-band__grid{position:absolute;inset:0;z-index:-1;opacity:.05;
  background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
  background-size:66px 66px;
  -webkit-mask-image:radial-gradient(82% 72% at 50% 38%,#000,transparent 85%);
  mask-image:radial-gradient(82% 72% at 50% 38%,#000,transparent 85%);}
.intro-band__inner{max-width:1010px;position:relative;}
.intro-band__eyebrow{display:inline-block;font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:13.5px;color:var(--green);padding:9px 17px;border:1px solid rgba(130,189,69,.42);border-radius:999px;background:rgba(130,189,69,.09);}
.intro-band__title{font-family:"Archivo",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(29px,3.9vw,52px);line-height:1.07;margin:26px 0 0;letter-spacing:-.01em;text-wrap:balance;color:#fff;}
.intro-band__title .hl{color:var(--green);}
.intro-band__text{font-size:clamp(16.5px,1.45vw,20px);line-height:1.72;color:#c8ccc3;max-width:780px;margin:28px 0 0;}
.intro-band__tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;}
.intro-band__tags span{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#e8ebe4;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,background .2s ease,border-color .2s ease;}
.intro-band__tags span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(130,189,69,.8);}
.intro-band__tags span:hover{transform:translateY(-3px);background:rgba(130,189,69,.16);border-color:rgba(130,189,69,.45);}
@media (prefers-reduced-motion:no-preference){
  .intro-band__inner>*{opacity:0;transform:translateY(22px);animation:introUp .7s cubic-bezier(.2,.7,.2,1) forwards;}
  .intro-band__eyebrow{animation-delay:.05s;}
  .intro-band__title{animation-delay:.16s;}
  .intro-band__text{animation-delay:.30s;}
  .intro-band__tags{animation-delay:.44s;}
}
@keyframes introUp{to{opacity:1;transform:none;}}
@media(max-width:860px){.intro-band{padding:72px 0;}}