/* ===== БАЗОВЫЕ ЦВЕТА ===== */

:root {
  --accent-red: #d61e40;
  --accent-red-light: #f03b5d;
  --dark-bg-1: #000000;
  --dark-bg-2: #05080d;
  --dark-bg-3: #0b0f14;
}

/* ===== ЗАПРЕТ ИНВЕРСИИ / ТЁМНОЙ ТЕМЫ ===== */

html {
  color-scheme: light only !important;
  background-color: #000 !important;
  isolation: isolate;
  mix-blend-mode: normal !important;
}

html,
body,
body * {
  filter: none !important;
  -webkit-filter: none !important;
}

img,
video,
iframe,
svg,
canvas {
  filter: none !important;
  -webkit-filter: none !important;
}

* {
  forced-color-adjust: none !important;
}

/* ===== ФИКС ГОРИЗОНТАЛЬНОГО СКРОЛЛА ===== */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
}

body.com_gridbox,
.ba-wrapper,
.body,
.ba-section,
.ba-row,
.ba-grid-column,
.ba-item {
  max-width: 100% !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

/* ===== ФОН САЙТА ===== */

html,
body,
body.com_gridbox {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(214,30,64,.12),
      transparent 35%
    ),
    linear-gradient(
      90deg,
      var(--dark-bg-1) 0%,
      var(--dark-bg-2) 50%,
      var(--dark-bg-3) 100%
    ) !important;

  background-attachment: fixed;
}

/* ===== КРАСНЫЕ АКЦЕНТЫ ===== */

.promo-gold,
.promo-offer-text span,
.promo-offer-text strong,
.catalog-card ul li::marker,
.about-list li i,
.review-quote,
.review-stars,
.metal-hero h1 span,
.metal-benefit__icon,
.metal-benefit strong,
.why-icon,
.why-icon i,
.contact-icon,
.contact-icon i {
  color: var(--accent-red) !important;
}

/* ===== ЛИНИИ ПОД ЗАГОЛОВКАМИ ===== */

.catalog-title h2::after,
.contacts-title h2::after,
.reviews-title h2::after,
.about-company__title h2::after,
.promo-offer-label::after,
.why-section__title h2::after,
.rekv-mini h3::after {
  background:
    linear-gradient(
      90deg,
      var(--accent-red),
      var(--accent-red-light)
    ) !important;
}

/* ===== КНОПКИ ===== */

.catalog-btn,
.catalog-main-btn,
.about-btn,
.promo-offer-btn,
.mobile-sticky-cta__call,
.wa-widget__btn,
.metal-btn--gold {
  background:
    linear-gradient(
      135deg,
      var(--accent-red-light),
      var(--accent-red)
    ) !important;

  box-shadow:
    0 12px 30px rgba(214,30,64,.25) !important;
}

/* ===== РАМКИ ИКОНОК ===== */

.metal-benefit__icon,
.contact-icon,
.why-icon {
  border-color: rgba(214,30,64,.35) !important;
}

/* ===== ФОН ИКОНОК WHY ===== */

.why-icon {
  background:
    linear-gradient(
      180deg,
      rgba(214,30,64,.12),
      rgba(214,30,64,.03)
    ) !important;
}

/* ===== ТЁМНАЯ КНОПКА ===== */

.metal-btn--dark {
  background: rgba(5,8,13,.78) !important;
  border-color: rgba(214,30,64,.35) !important;
  color: #fff !important;
}

.metal-btn--dark:hover,
.metal-btn--dark:active,
.metal-btn--dark:focus {
  color: var(--accent-red) !important;
}

/* ===== ТЁМНЫЙ РЕЖИМ БРАУЗЕРА ===== */

@media (prefers-color-scheme: dark) {

  html,
  body,
  body.com_gridbox {
    color-scheme: light only !important;

    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(214,30,64,.12),
        transparent 35%
      ),
      linear-gradient(
        90deg,
        var(--dark-bg-1) 0%,
        var(--dark-bg-2) 50%,
        var(--dark-bg-3) 100%
      ) !important;

    color: #fff !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: inherit;
  }

  .catalog-card,
  .review-card,
  .why-card {
    border-color: rgba(214,30,64,.25) !important;
  }

}