/*
  Цветовая система РЕХАУ — весь сайт.
  Источник: «Цветовая система. Основные цвета и оттенки».
  Контакты (телефоны, почта, адрес) остаются в прежней гамме.
*/

:root {
  --red: #e50040;
  --red-dark: color-mix(in srgb, #e50040 82%, #000000);
  --teal: #4fc7b5;
  --teal-deep: #4fc7b5;
  --ink: #4e4e4e;
  --muted: #818181;
  --line: #d9d9d9;
  --bg: #ffffff;
  --paper: #ffffff;
  --sand: #ffffff;
  --black: #000000;
  --black-20: #d9d9d9;
  --black-40: #b0b0b0;
  --black-60: #818181;
  --black-80: #4e4e4e;
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
  color: var(--ink);
  background: var(--bg);
}

:root h1,
:root h2,
:root h3,
:root h4 {
  color: var(--black);
}
:root .pay-grid .pay-tile h3,
:root .factory-tile-photo h3,
:root .btn-primary,
:root .btn-teal,
:root .gift-strip,
:root .lead-usps-gift,
:root .notice-ok,
:root .notice-err,
:root .badge-gold {
  color: #fff;
}

/* Контакты — прежняя гамма сайта, не палитра РЕХАУ */
:root {
  --contact-ink: #4f4f4f;
  --contact-muted: #5b6472;
  --contact-link: #2a8874;
  --contact-hover: #dd0661;
}
:root .header-top,
:root .header-top a {
  color: var(--contact-muted);
}
:root .phones a {
  color: var(--contact-ink);
}
:root .phones a.header-mail,
:root .mega-salon a:not(.btn),
:root .mega-contacts .mega-phone,
:root .site-map-card a:not(.addr-link) {
  color: var(--contact-link);
}
:root .mega-contacts a {
  color: var(--contact-ink);
}
:root .mega-contacts .mega-phone {
  color: var(--contact-link);
}
:root .header-top a.header-mail:hover,
:root .header-top a.header-ig:hover,
:root .header-top a.addr-link:hover,
:root .ig-link:hover,
:root .header-ig:hover,
:root .addr-link:hover,
:root .phones a:hover,
:root .mega-salon a:not(.btn):hover,
:root .mega-contacts a:hover,
:root .site-map-card a:hover {
  color: var(--contact-hover);
}
:root .contacts-info a {
  color: var(--contact-link);
}
:root .contacts-info a:hover {
  color: var(--contact-hover);
}

:root .breadcrumbs li:not(:last-child)::after { color: var(--black-40); }

:root .btn-primary {
  background: var(--red);
  color: #fff;
  box-shadow: 0 8px 20px rgba(229, 0, 64, .25);
}
:root .btn-primary:hover { background: var(--red-dark); color: #fff; }
:root .btn-ghost { background: #fff; color: var(--ink); border-color: var(--line); }
:root .btn-teal { background: var(--teal); color: #fff; }

:root .mega-panel a.btn.btn-primary,
:root .mega-salon .btn {
  box-shadow: 0 6px 16px rgba(229, 0, 64, .22);
}

:root .eyebrow { color: var(--teal); }
:root .hero-price b,
:root .home-gutenberg .hero-price strong { color: var(--red); }

/* Тизер / подарок — Умный Зелёный, в уменьшенном виде */
:root .gift-strip {
  background: var(--teal);
  color: #fff;
}
:root .lead-usps-gift {
  background: var(--teal);
  color: #fff;
}

:root .section {
  --lava-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='240' viewBox='0 0 1600 240' fill='none'%3E%3Cpath d='M-160 92C200 8 460 188 760 84S1280 12 1620 108 1880 36 1920 70' stroke='%23818181' stroke-width='1.15'/%3E%3Cpath d='M-140 168C260 228 560 64 860 164S1380 232 1760 128' stroke='%23818181' stroke-width='.85'/%3E%3C/svg%3E");
  --lava-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='240' viewBox='0 0 1600 240' fill='none'%3E%3Cpath d='M1920 48C1480 160 1120-8 780 88S240 176-160 40' stroke='%23818181' stroke-width='1.05'/%3E%3Cpath d='M1920 124C1400 28 980 200 620 96S160 20-160 140' stroke='%23818181' stroke-width='.8'/%3E%3Cpath d='M1920 196C1360 230 920 80 540 176S80 220-160 168' stroke='%234fc7b5' stroke-width='.7'/%3E%3C/svg%3E");
  --lava-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='240' viewBox='0 0 1600 240' fill='none'%3E%3Cpath d='M-180 220C180 170 400 20 700 96S1180 230 1760 16' stroke='%23818181' stroke-width='1.1'/%3E%3Cpath d='M-120 240C300 190 560 70 900 150S1360 8 1880 88' stroke='%23818181' stroke-width='.75'/%3E%3C/svg%3E");
  --lava-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='240' viewBox='0 0 1600 240' fill='none'%3E%3Cpath d='M-200 120C120 200 380 20 640 130 900 240 1160 30 1420 140 1680 250 1880 80 1960 110' stroke='%23818181' stroke-width='1.2'/%3E%3Cpath d='M-160 70C280-10 600 150 920 40S1480 160 1920 60' stroke='%234fc7b5' stroke-width='.7'/%3E%3C/svg%3E");
  --lava-e: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='240' viewBox='0 0 1600 240' fill='none'%3E%3Cpath d='M-100 54C260 90 520 18 800 54S1340 90 1760 40' stroke='%23818181' stroke-width='.7'/%3E%3Cpath d='M-100 98C300 54 560 142 840 98S1380 54 1760 118' stroke='%23818181' stroke-width='.65'/%3E%3Cpath d='M-100 142C240 178 580 106 860 142S1400 178 1760 128' stroke='%23818181' stroke-width='.6'/%3E%3Cpath d='M-100 186C280 150 600 214 880 186S1420 150 1760 200' stroke='%234fc7b5' stroke-width='.55'/%3E%3C/svg%3E");
  --lava-f: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='240' viewBox='0 0 1600 240' fill='none'%3E%3Cpath d='M-140 40C360 210 720-20 1080 170S1680 10 1920 130' stroke='%23818181' stroke-width='1.05'/%3E%3Cpath d='M-140 200C400 20 780 230 1140 70S1720 220 1920 90' stroke='%23818181' stroke-width='.8'/%3E%3C/svg%3E");
  background: var(--bg);
}

:root .sand { background: var(--paper); }
:root .white { background: var(--paper); }
:root .section.work { background: var(--paper); }

:root .lead-band a[href^="tel"],
:root .lead-band a[href^="mailto"] {
  background: #fff;
  color: var(--contact-link);
  border: 1px solid var(--line);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

:root .card:hover:not(.work-panel):not(.hero-lead):not(.pay-tile),
:root .intent a:hover,
:root .shop-card:hover,
:root .service-card:hover,
:root .price-card:hover,
:root .review-card:hover {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .12);
}

/* Сертификат, витрина — белый фон вместо голубо-серого */
:root .cert-shot,
:root .cert-products img,
:root .shop-card-visual,
:root .shop-card-visual img { background: var(--bg); }

:root .pay-section h2 { color: var(--black); }
:root .pay-grid .pay-tile:nth-child(1),
:root .pay-grid .pay-tile:nth-child(2),
:root .pay-grid .pay-tile:nth-child(n + 5) { background: var(--black); }
:root .pay-grid .pay-tile:nth-child(3) { background: var(--red); }
:root .pay-grid .pay-tile:nth-child(4) { background: var(--teal); }

:root .factory-section h2 { color: var(--black); }
:root .factory-section .sub { color: var(--muted); }
:root .factory-tile-photo h3 { background: var(--teal); color: #fff; }
:root .factory-tile > p { color: var(--ink); }

:root .badge-teal,
:root .badge-gold { color: var(--black); }
:root .badge-teal { background: var(--teal); }
:root .badge-gold { background: var(--red); color: #fff; }
:root .shop-specs { color: var(--ink); }
:root .size-badge.is-current {
  background: #fff;
  border-color: var(--red);
  color: var(--red);
}

:root .work-tablist button.is-active {
  background: var(--red);
  color: #fff;
  border-color: var(--red);
}
:root .work-gallery { background: var(--black-20); }

:root .notice-ok {
  background: var(--teal);
  color: #fff;
}
:root .notice-err {
  background: var(--red);
  color: #fff;
}

:root .site-map { background: var(--black-20); }

:root .site-footer {
  background: var(--black);
  color: var(--black-20);
}
:root .site-footer a { color: #fff; }
:root .copy { color: var(--black-40); border-top-color: rgba(255, 255, 255, .12); }
:root .copy a { color: var(--black-20); }
:root .copy a:hover { color: #fff; }

:root .header-measure::before,
:root .header-measure::after,
:root .header-calc::before,
:root .header-calc::after,
:root .hero-actions .btn-primary::before,
:root .hero-actions .btn-primary::after,
:root .hero-lead .btn::before,
:root .hero-lead .btn::after,
:root .sticky-cta .btn-primary::before,
:root .sticky-cta .btn-primary::after { --wave: 229, 0, 64; }
:root .sticky-cta .btn-ghost::before,
:root .sticky-cta .btn-ghost::after { --wave: 0, 0, 0; }

:root .sticky-top {
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
:root .sticky-top:hover {
  background: var(--black);
  color: #fff;
  border-color: var(--black);
}

:root .home-gutenberg .wp-block-button__link {
  background: var(--red);
  color: #fff;
}
:root .home-gutenberg .is-style-outline .wp-block-button__link {
  background: #fff;
  color: var(--ink);
  border-color: var(--line);
}