/* Вариант D — «Restrained Luxury» (по референсам Refero: Legora, Sequel, Ciridae, Liron Moran).
   Принципы: почти чёрный холст + тёплая слоновая кость, один тёплый акцент (золото) только на ключевых точках,
   лёгкий серифный дисплей с отрицательным трекингом, гротеск для текста, никаких теней — глубина через тон
   поверхности и волосяные линии, пилюли-кнопки, широкий ритм секций. Только CSS: HTML/тексты/URL не меняются. */

:root{
  --ink:#0b0b0b; --ink-2:#151515; --ink-3:#222222;
  --paper:#fcfbf8; --paper-2:#f3f0e9; --line:rgba(11,11,11,.12);
  --text:#141414; --muted:#5f5f5c; --muted-on-dark:#b5b5b0;
  --gold:#c6a45c; --gold-2:#dcc48a; --gold-dark:#836726;
  --font-head:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --radius:4px; --radius-sm:4px; --shadow:none;
}
html[lang^=ru]{--font-head:'Cormorant Garamond',Georgia,serif}
html[lang^=ru] h1,html[lang^=ru] h2{letter-spacing:-.01em}
body{background:var(--paper);font-size:17px;line-height:1.65}

/* Типографика: лёгкий сериф на дисплее, гротеск на всём остальном */
h1,h2{font-family:var(--font-head);font-weight:500;letter-spacing:-.015em;line-height:1.02;text-transform:none}
h1{font-size:clamp(2.9rem,6.2vw,5.4rem)}
h2{font-size:clamp(2.1rem,3.8vw,3.3rem)}
h3,h4{font-family:var(--font-body);font-weight:600;letter-spacing:-.01em;line-height:1.25}
h3{font-size:1.2rem}
h4{font-size:1.05rem}
.hero h1{line-height:1;max-width:980px}
.hero h1 em{font-style:italic;font-weight:400;color:var(--gold-2)}
.hero--page h1{font-size:clamp(2.3rem,4.6vw,3.9rem)}
.lead{font-size:1.12rem;line-height:1.6}
.eyebrow{font-family:var(--font-body);font-weight:500;font-size:.72rem;letter-spacing:.22em;color:var(--muted)}
.section--dark .eyebrow,.hero .eyebrow{color:var(--muted-on-dark)}
.eyebrow::before,.section-head--center .eyebrow::after{background:currentColor;opacity:.5;width:22px}
.section{padding:clamp(48px,6vw,84px) 0}
.section-head{margin-bottom:clamp(20px,3vw,36px)}
.simple-hero{padding:clamp(30px,4.5vw,56px) 0}
.related-grid{margin-top:clamp(24px,4vw,48px)}
.hero{min-height:min(76vh,660px)}
.hero--page .container{padding-top:clamp(30px,4.5vw,56px);padding-bottom:clamp(30px,4.5vw,56px)}
.hero-actions{margin-bottom:26px}
.site-footer{padding-top:clamp(40px,5vw,64px)}
.section--tight{padding:clamp(30px,4vw,56px) 0}
.section--paper{background:var(--paper-2)}

/* Кнопки: пилюли, без капслока, один акцент */
.btn{font-family:var(--font-body);font-weight:600;font-size:.95rem;letter-spacing:.01em;text-transform:none;border-radius:999px;padding:15px 28px;border-width:1px}
.btn-lg{padding:17px 34px;font-size:1rem}
.btn:hover{transform:none}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#0b0b0b}
.btn-gold:hover{background:var(--gold-2);border-color:var(--gold-2)}
.btn-outline{border-color:rgba(255,255,255,.55);color:#fff}
.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn-outline-dark{border-color:rgba(11,11,11,.5)}
.btn-outline-dark:hover{background:var(--ink);border-color:var(--ink)}
.btn-wa{background:#fff;border-color:#fff;color:#0b0b0b}
.btn-wa:hover{background:#efece5;border-color:#efece5;color:#0b0b0b}
.btn-wa svg{color:#1fae57}

/* Шапка: тонкая, текстовая, широкий трекинг */
.site-header{background:rgba(11,11,11,.9);border-bottom-color:rgba(255,255,255,.1)}
.site-header .container{max-width:1400px}
.header-inner{gap:28px}
.brand{margin-right:auto;padding-right:24px}
.main-nav{margin-left:auto;margin-right:0}
.main-nav a{padding:10px 9px}
@media(max-width:1380px){.main-nav a{padding:10px 6px;font-size:.84rem}}
@media(max-width:1200px){.main-nav a{padding:10px 4px;font-size:.78rem}.brand{padding-right:10px}.brand-text{display:none}.brand{padding-right:18px}.header-phone{font-size:.9rem}}
@media(max-width:960px){.brand-text{display:flex}}
.brand-name{font-family:var(--font-body);font-weight:600;font-size:.95rem;letter-spacing:.26em}
.brand-tag{color:var(--muted-on-dark);letter-spacing:.24em;font-size:.6rem}
.main-nav a{font-size:.9rem;font-weight:500;color:#e6e6e2;border-radius:0}
.main-nav>ul>li>a{letter-spacing:.01em}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current-menu-ancestor>a{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--gold)}
.main-nav .sub-menu{background:#111;border-color:rgba(255,255,255,.1);border-radius:4px;box-shadow:none}
.main-nav .sub-menu a{color:#d9d9d4;text-decoration:none}
.main-nav .sub-menu a:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.05)}
.lang-switch a{font-family:var(--font-body);font-weight:500;font-size:.78rem;letter-spacing:.14em;border-radius:999px}
.lang-switch a.is-current{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.header-phone{font-family:var(--font-body);font-weight:500;font-size:.98rem;letter-spacing:.01em}
.header-phone svg{color:var(--gold)}
.header-actions .btn{padding:11px 20px;font-size:.88rem}
.nav-toggle{border-radius:999px;border-color:rgba(255,255,255,.35)}

/* Hero: мягче затемнение, фото дышит */
.hero{background:var(--ink)}
.hero-media::after{background:linear-gradient(180deg,rgba(11,11,11,.38) 0%,rgba(11,11,11,.22) 45%,rgba(11,11,11,.9) 100%)}
.hero--page .hero-media::after{background:linear-gradient(90deg,rgba(11,11,11,.9) 0%,rgba(11,11,11,.66) 55%,rgba(11,11,11,.38) 100%)}
.hero-actions{gap:12px}
.trust-row{border-top-color:rgba(255,255,255,.14);gap:10px 32px}
.trust-item{font-size:.88rem;color:#e6e6e2;letter-spacing:.01em}
.trust-item svg{color:var(--gold)}
.breadcrumbs{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.breadcrumbs a{color:var(--muted-on-dark)}
.breadcrumbs a:hover{color:#fff}

/* Карточки: без коробок и теней — волосяная линия сверху, фото со скруглением 4px */
.card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;overflow:visible;box-shadow:none}
.card:hover{transform:none;box-shadow:none;border-top-color:var(--ink)}
.card-media{border-radius:var(--radius);margin-top:18px;aspect-ratio:16/10}
.card:hover .card-media img{transform:scale(1.02)}
.card-body{padding:18px 0 0;gap:8px}
.card-body h3{font-family:var(--font-head);font-weight:600;font-size:1.65rem;letter-spacing:-.01em;line-height:1.1}
.card-body h3 a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.card-body p{font-size:.95rem;color:var(--muted)}
.card-link{font-family:var(--font-body);font-weight:500;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);padding-top:10px}
.card:hover .card-link{color:var(--gold-dark);letter-spacing:.2em}
.section--dark .card{border-top-color:rgba(255,255,255,.14)}
.section--dark .card:hover{border-top-color:#fff}
.section--dark .card-body h3 a,.section--dark .card-link{color:#fff}
.section--dark .card-body p{color:var(--muted-on-dark)}

/* Списки преимуществ, шаги, чипы */
.feature-icon{background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--gold-dark);width:46px;height:46px}
.section--dark .feature-icon{border-color:rgba(255,255,255,.18);color:var(--gold)}
.step{background:transparent;border:0;border-left:1px solid rgba(255,255,255,.16);border-radius:0;padding:6px 0 6px 22px}
.step::before{font-family:var(--font-head);font-weight:500;font-size:3rem;color:var(--gold);margin-bottom:10px}
.chip{background:transparent;border-color:var(--line);border-radius:999px;font-size:.9rem;font-weight:500}
.chip:hover{border-color:var(--ink)}
.split-media{border-radius:var(--radius);box-shadow:none}
.stat b{font-family:var(--font-head);font-weight:500;font-size:3.2rem;color:#fff}
.stat span{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}

/* FAQ: строки, не коробки */
.faq details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 4px}
.faq details:first-child{border-top:1px solid var(--line)}
.faq details[open]{border-color:var(--line)}
.faq summary{font-family:var(--font-head);font-weight:600;font-size:1.45rem;letter-spacing:-.01em;padding:20px 44px 20px 0}
.faq summary::after{color:var(--ink);font-weight:300;font-size:1.7rem;top:14px}
.faq summary:hover{color:var(--gold-dark)}
.section--dark .faq details{border-color:rgba(255,255,255,.14)}
.section--dark .faq summary::after{color:#fff}

/* CTA-полоса: плоская, чёрная, волосяные линии */
.cta-band{background:var(--ink);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.cta-band h2{font-size:clamp(1.9rem,3.2vw,2.8rem)}

/* Форма заявки */
.quote-box{background:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:28px}
.quote-box h3{font-family:var(--font-head);font-weight:600;font-size:1.9rem;letter-spacing:-.01em}
.quote-box .f-title,.quote-box .title-2{font-family:var(--font-body);font-weight:500;letter-spacing:.18em;font-size:.7rem;color:var(--muted-on-dark)}
.quote-box input[type=text],.quote-box input[type=email],.quote-box input[type=tel],.quote-box textarea,.quote-box select{background-color:#161616;border-color:rgba(255,255,255,.14);border-radius:var(--radius);padding:13px 14px}
.quote-box input:focus,.quote-box textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}
.quote-box input[type=submit],.quote-box button[type=submit]{font-family:var(--font-body);font-weight:600;font-size:.98rem;letter-spacing:.01em;text-transform:none;border-radius:999px;padding:16px}
.quote-box .wpcf7-response-output{border-radius:var(--radius)}

/* Боковая колонка и текст статей */
.side-card{border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0 0}
.side-card h3{font-family:var(--font-head);font-weight:600;font-size:1.5rem}
.side-card li a{font-size:.93rem}
.prose h2{font-family:var(--font-head);font-weight:500;font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:-.012em;margin-top:1.7em}
.prose h3{font-size:1.25rem}
.prose img,.prose figure img{border-radius:var(--radius)}
.prose figcaption{font-size:.82rem;letter-spacing:.01em}
.prose blockquote{background:transparent;border-left:1px solid var(--gold);border-radius:0;padding:4px 0 4px 22px;font-family:var(--font-head);font-size:1.35rem;line-height:1.35}
.prose th{background:var(--paper-2)}
.prose .fleet-card{border:1px solid var(--line);border-radius:var(--radius);background:transparent}
.prose .fleet-card h3{font-family:var(--font-head);font-weight:600;font-size:1.45rem}
.prose .fleet-tag{font-family:var(--font-head);font-style:italic;font-weight:500;font-size:1.05rem;color:var(--gold-dark)}
.prose .fleet-specs li{border-bottom:1px solid var(--line)}

/* Подвал и мобильная панель */
.site-footer{background:var(--ink);border-top-color:rgba(255,255,255,.1)}
.footer-title{font-family:var(--font-body);font-weight:500;font-size:.7rem;letter-spacing:.24em;color:var(--muted-on-dark)}
.mobile-bar{background:rgba(11,11,11,.96);border-top-color:rgba(255,255,255,.12)}
.mobile-bar a{border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:.85rem;letter-spacing:.01em;text-transform:none;background:#1a1a1a}
.mobile-bar .mb-call{background:#1a1a1a}
.mobile-bar .mb-wa{background:#fff;color:#0b0b0b}
.mobile-bar .mb-wa svg{color:#1fae57}
.mobile-bar .mb-quote{background:var(--gold);color:#0b0b0b}
@media(max-width:960px){
  .site-header{background:var(--ink)}
  .main-nav{background:var(--ink);padding:6px 20px 130px}
  .main-nav>ul>li{border-bottom-color:rgba(255,255,255,.1)}
  .main-nav>ul>li>a{font-family:var(--font-body);font-weight:500;font-size:1.08rem;letter-spacing:-.01em;text-transform:none;padding:14px 2px;text-decoration:none;color:#f1f1ee;gap:14px}
  .main-nav>ul>li>a:hover{text-decoration:none}
  .main-nav .menu-item-has-children>a::after{border-color:#b5b5b0;width:7px;height:7px}
  .main-nav li.is-open>a{color:var(--gold-2)}
  .main-nav .sub-menu li{border-left-color:rgba(255,255,255,.14);margin-left:4px}
  .main-nav .sub-menu a{font-size:.97rem;color:#cfcfca;padding:9px 0 9px 14px}
  .nav-panel-foot{padding-top:18px}
  .nav-panel-lang{margin-bottom:14px}
  .nav-panel-lang .lang-switch a{border-radius:999px;border-color:rgba(255,255,255,.18);font-size:.85rem;padding:7px 14px}
  .nav-panel-lang .lang-switch a.is-current{border-color:var(--gold);color:var(--gold-2);background:transparent}
  .nav-panel-foot .btn,.btn-block{font-family:var(--font-body);font-weight:600;font-size:.98rem;border-radius:999px;padding:14px 20px}
  .nav-panel-contacts{border-top-color:rgba(255,255,255,.1);margin-top:14px;padding-top:8px}
  .nav-panel-contacts a{font-family:var(--font-body);font-size:.98rem;padding:9px 0}
  .nav-panel-contacts svg{color:var(--gold)}
  .nav-panel-note{letter-spacing:.12em;font-size:.68rem}
  .hero{min-height:0}
  .hero .container{padding-top:36px;padding-bottom:28px}
  .hero h1{font-size:clamp(2.2rem,9vw,2.9rem)}
  .hero .lead{font-size:1rem;line-height:1.5}
  .hero-actions{margin-bottom:18px}
  .trust-row{padding-top:14px;gap:6px 18px}
  .trust-item{font-size:.8rem}
  .breadcrumbs{font-size:.7rem}
}
@media(max-width:600px){
  .hero-actions .btn{font-size:.9rem;letter-spacing:0;padding:13px 10px;white-space:nowrap}
  .hero-actions .btn svg{width:16px;height:16px}
  .btn-lg{font-size:.95rem;padding:14px 20px}
  .section{padding:40px 0}
  .section--tight{padding:28px 0}
  .card-body h3{font-size:1.45rem}
  .faq summary{font-size:1.25rem;padding:16px 40px 16px 0}
  .quote-box{padding:22px 18px}
  .step::before{font-size:2.4rem}
}
}
.notice-bar{letter-spacing:.04em}
