/**
 * Светлая премиум-тема GenZnak: белый, серый, фирменный жёлтый.
 *
 * Грузится ПОВЕРХ premium.css и переопределяет только цвета и несколько
 * раскладок. Вся структура, разметка и логика остаются общими с тёмной
 * темой — поэтому переключение между ними ничего не ломает.
 *
 * Что взято из актуальной практики B2B-сайтов:
 *  — bento-сетка: плитки разного размера, страница сканируется быстрее;
 *  — сдержанная анимация: движение только там, где помогает понять;
 *  — лёгкое стекло (glassmorphism) на шапке и панелях — без перебора;
 *  — крупная типографика с воздухом, тонкие серые границы вместо теней;
 *  — жёлтый только как акцент: заливка кнопок и подсветка, но не текст,
 *    потому что жёлтым по белому нечитаемо.
 */

/* ================================================================== */
/* Палитра                                                             */
/* ================================================================== */
body.gnz-premium.gnz-light {
  --y: #FBEA31;
  --y-2: #FFD84D;
  /* Тёмное золото — для текста и иконок: жёлтый по белому не читается */
  --y-ink: #8A6D00;
  --y-soft: rgba(214, 176, 0, .55);
  --y-dim: rgba(214, 176, 0, .22);
  --y-hair: rgba(22, 24, 29, .09);

  --bg: #FFFFFF;
  --bg-2: #F6F7F9;
  --card: #FFFFFF;
  --card-2: #FFFFFF;

  --fg: #16181D;
  --fg-2: #545C6B;
  --fg-3: #858D9B;

  --r: 18px;
  --r-lg: 26px;

  /* Цвет световых нитей: на белом жёлтый теряется, берём золото */
  --gnz-fiber-rgb: 214, 176, 0;

  /* Возвращаем исходные переменные site.css — тут они и так светлые */
  --genznak-dark: #16181D;
  --genznak-muted: #545C6B;
  --genznak-bg: #FFFFFF;
}

html body.gnz-premium.gnz-light { background: var(--bg) !important; }

body.gnz-light .gnz-premium-section { background: var(--bg); }

/* ================================================================== */
/* Типографика                                                         */
/* ================================================================== */
body.gnz-light h1,
body.gnz-light h2,
body.gnz-light h3,
body.gnz-light .gnz-section-title,
body.gnz-light .genznak-cases__title,
body.gnz-light .gnz-faq__group-title { color: var(--fg) !important; }

body.gnz-light .gnz-eyebrow {
  color: var(--y-ink);
  border-color: var(--y-dim);
  background: rgba(251, 234, 49, .16);
}

/* ================================================================== */
/* Шапка: лёгкое стекло                                                */
/* ================================================================== */
body.gnz-light .genznak-header {
  background: rgba(255, 255, 255, .78) !important;
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid var(--y-hair);
}

body.gnz-light .genznak-header__nav a { color: var(--fg-2); }
body.gnz-light .genznak-header__nav a:hover { color: var(--fg) !important; }

/* ================================================================== */
/* Первый экран                                                        */
/* ================================================================== */
body.gnz-light .gnz-hero {
  background:
    radial-gradient(900px 520px at 50% -12%, rgba(251, 234, 49, .34), transparent 62%),
    linear-gradient(180deg, #FFFDF2 0%, var(--bg) 62%);
}

body.gnz-light .gnz-hero__aurora { opacity: .5; filter: blur(80px); }

body.gnz-light .gnz-hero__aurora span {
  background: radial-gradient(circle, rgba(251, 234, 49, .5), transparent 68%);
}

body.gnz-light .gnz-hero__grid {
  background-image:
    linear-gradient(rgba(22, 24, 29, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 24, 29, .05) 1px, transparent 1px);
  opacity: .8;
}

body.gnz-light .gnz-hero__word { color: var(--fg) !important; }
body.gnz-light .gnz-hero__word em { color: var(--y-ink) !important; }
body.gnz-light .gnz-hero__mark { filter: drop-shadow(0 6px 18px rgba(214, 176, 0, .30)); }
body.gnz-light .gnz-hero__title { color: var(--fg); }
body.gnz-light .gnz-hero__sub { color: var(--fg-2); }
body.gnz-light .gnz-hero__note { color: var(--fg-3); }

/* Показатели — лёгкое стекло поверх свечения */
body.gnz-light .gnz-stat {
  background: rgba(255, 255, 255, .72);
  backdrop-filter: blur(10px);
  border: 1px solid var(--y-hair);
  box-shadow: 0 1px 2px rgba(22, 24, 29, .04);
}

body.gnz-light .gnz-stat:hover {
  border-color: var(--y-soft);
  box-shadow: 0 10px 28px rgba(22, 24, 29, .08);
}

body.gnz-light .gnz-stat__v { color: var(--fg); }
body.gnz-light .gnz-stat__l { color: var(--fg-3); }

/* ================================================================== */
/* Кнопки                                                              */
/* ================================================================== */
body.gnz-light .button,
body.gnz-light .gnz-btn {
  background: #FFFFFF;
  color: var(--fg);
  border: 1px solid rgba(22, 24, 29, .14);
  box-shadow: 0 1px 2px rgba(22, 24, 29, .05);
}

body.gnz-light .button:hover,
body.gnz-light .gnz-btn:hover {
  background: #FFFFFF;
  border-color: rgba(22, 24, 29, .28);
  box-shadow: 0 6px 18px rgba(22, 24, 29, .10);
}

body.gnz-light .button-primary,
body.gnz-light .gnz-btn--y {
  background: linear-gradient(135deg, var(--y), var(--y-2));
  border-color: transparent;
  color: #14150F !important;
  box-shadow: 0 2px 10px rgba(214, 176, 0, .28);
}

body.gnz-light .button-primary:hover,
body.gnz-light .gnz-btn--y:hover {
  box-shadow: 0 10px 26px rgba(214, 176, 0, .38);
}

/* ================================================================== */
/* Преимущества: bento-сетка                                           */
/* ================================================================== */
body.gnz-light .gnz-fiber {
  background:
    radial-gradient(760px 460px at 50% 44%, rgba(251, 234, 49, .20), transparent 68%),
    var(--bg-2);
}

body.gnz-light .gnz-fiber::before {
  background-image:
    linear-gradient(rgba(22, 24, 29, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 24, 29, .045) 1px, transparent 1px);
  opacity: .7;
}

body.gnz-light .gnz-fiber__core {
  background: radial-gradient(circle, #FFFFFF 0%, var(--y) 42%, rgba(251, 234, 49, 0) 72%);
  box-shadow: 0 0 30px 10px rgba(214, 176, 0, .35);
}

/*
 * Bento-сетка убрана: карточки одинакового размера, без пустых ячеек
 * и лишних вертикальных смещений между рядами.
 */
@media (min-width: 1101px) {
  body.gnz-light .gnz-fiber__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  body.gnz-light .gnz-fiber__hub { display: none; }
}

body.gnz-light .gnz-tile {
  background: #FFFFFF;
  border: 1px solid var(--y-hair);
  box-shadow: 0 1px 2px rgba(22, 24, 29, .05);
}

body.gnz-light .gnz-tile:hover,
body.gnz-light .gnz-tile:focus-visible,
body.gnz-light .gnz-tile.is-lit {
  border-color: var(--y-soft);
  box-shadow:
    0 0 0 3px rgba(251, 234, 49, .28),
    0 18px 44px rgba(22, 24, 29, .10);
}

body.gnz-light .gnz-tile__port { background: rgba(214, 176, 0, .25); }

body.gnz-light .gnz-tile:hover .gnz-tile__port,
body.gnz-light .gnz-tile.is-lit .gnz-tile__port {
  background: var(--y);
  box-shadow: 0 0 14px 4px rgba(214, 176, 0, .55);
}

body.gnz-light .gnz-tile__num { color: var(--fg-3); border-color: var(--y-hair); }

body.gnz-light .gnz-tile:hover .gnz-tile__num,
body.gnz-light .gnz-tile.is-lit .gnz-tile__num {
  color: var(--y-ink);
  border-color: var(--y-soft);
  background: rgba(251, 234, 49, .22);
}

body.gnz-light .gnz-tile__list li { color: var(--fg-2); }
body.gnz-light .gnz-tile__list li::before { background: var(--y-2); }
body.gnz-light .gnz-tile__toggle { color: var(--y-ink); }

/* ================================================================== */
/* Товарные группы                                                     */
/* ================================================================== */
body.gnz-light .gnz-groups { background: var(--bg); }

body.gnz-light .gnz-group {
  background: #FFFFFF;
  border: 1px solid var(--y-hair);
  box-shadow: 0 1px 2px rgba(22, 24, 29, .05);
}

body.gnz-light .gnz-group:hover {
  border-color: var(--y-soft);
  box-shadow: 0 16px 38px rgba(22, 24, 29, .10);
}

body.gnz-light .gnz-group__icon { filter: drop-shadow(0 6px 12px rgba(22, 24, 29, .14)); }
body.gnz-light .gnz-group__name { color: var(--fg); }
body.gnz-light .gnz-group__meta { color: var(--fg-3); }

/* Ровная сетка товарных групп — без bento-колонок и пустых «пилюль» */
body.gnz-light .gnz-groups__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px;
}

body.gnz-light .gnz-group {
  grid-column: auto !important;
  grid-row: auto !important;
}

body.gnz-light .gnz-group::before {
  display: none !important;
  content: none !important;
}

body.gnz-light .gnz-group .gnz-group__name,
body.gnz-light .gnz-group .gnz-group__meta {
  display: block !important;
}

body.gnz-light .gnz-group .gnz-group__icon {
  margin: 0 auto 10px;
  display: block;
}

body.gnz-light .gnz-categories.gnz-cat-blocks {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.gnz-light .gnz-cat-item::before,
body.gnz-light .gnz-cat-item::after {
  display: none !important;
  content: none !important;
}

body.gnz-light .gnz-group.gnz-reveal,
body.gnz-light .gnz-cat-item.gnz-reveal {
  opacity: 1;
  transform: none;
}

/*
 * Пустые «пилюли» рядом с карточками:
 * 1) старая Elementor-сетка .category-grid с пустыми .cat
 * 2) псевдоэлементы bento (::before/::after)
 * 3) пустые узлы в сетке групп/категорий
 */
body.gnz-premium:has(#gnz-premium-home) .category-grid,
body.gnz-premium:has(#gnz-premium-home) .category-grid-canvas,
body.gnz-premium:has(#gnz-premium-home) .elementor-widget-empty,
body.gnz-premium #gnz-premium-home ~ .elementor .category-grid,
body.gnz-premium .elementor:has(#gnz-premium-home) .category-grid,
body.gnz-premium .elementor:has(#gnz-premium-home) .category-grid-canvas {
  display: none !important;
}

body.gnz-premium .gnz-groups__grid::before,
body.gnz-premium .gnz-groups__grid::after,
body.gnz-premium .gnz-categories::before,
body.gnz-premium .gnz-categories::after,
body.gnz-premium .gnz-group::before,
body.gnz-premium .gnz-group::after,
body.gnz-premium .gnz-cat-item::before,
body.gnz-premium .gnz-cat-item::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

body.gnz-premium .gnz-groups__grid > :empty,
body.gnz-premium .gnz-categories > :empty {
  display: none !important;
}

body.gnz-premium .gnz-groups__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 10px !important;
}

body.gnz-premium .gnz-group {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 0 !important;
}

body.gnz-premium .gnz-group .gnz-group__icon,
body.gnz-premium .gnz-group .gnz-group__name,
body.gnz-premium .gnz-group .gnz-group__meta {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  clip: auto !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
}

body.gnz-premium .gnz-categories.gnz-cat-blocks {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 10px !important;
}

body.gnz-premium .gnz-cat-item {
  display: flex !important;
  align-items: center !important;
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 64px !important;
}

body.gnz-premium .gnz-cat-item .gnz-cat-icon,
body.gnz-premium .gnz-cat-item .gnz-cat-text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  body.gnz-premium .gnz-groups__grid,
  body.gnz-premium .gnz-categories.gnz-cat-blocks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 580px) {
  body.gnz-premium .gnz-groups__grid,
  body.gnz-premium .gnz-categories.gnz-cat-blocks {
    grid-template-columns: 1fr !important;
  }
}

/* ================================================================== */
/* Подбор решения                                                      */
/* ================================================================== */
body.gnz-light .gnz-calc { background: var(--bg-2); }

body.gnz-light .gnz-calc__box {
  background: #FFFFFF;
  border: 1px solid var(--y-hair);
  box-shadow: 0 2px 4px rgba(22, 24, 29, .04), 0 18px 40px rgba(22, 24, 29, .06);
}

body.gnz-light .gnz-calc__out {
  background:
    radial-gradient(420px 300px at 70% 0%, rgba(251, 234, 49, .26), transparent 70%),
    #FCFCFD;
  border-left: 1px solid var(--y-hair);
}

body.gnz-light .gnz-calc__q,
body.gnz-light .gnz-calc__label,
body.gnz-light .gnz-calc__hint { color: var(--fg-3); }

body.gnz-light .gnz-calc__ready { color: var(--fg-2); }
body.gnz-light .gnz-calc__box[data-level="part"] .gnz-calc__ready { color: var(--y-ink); }

body.gnz-light .gnz-calc__ready.is-done {
  color: var(--fg);
  text-shadow: none;
}

body.gnz-light .gnz-chip {
  background: #FFFFFF;
  border: 1px solid rgba(22, 24, 29, .14);
  color: var(--fg-2);
}

body.gnz-light .gnz-chip:hover { border-color: rgba(22, 24, 29, .3); color: var(--fg); }

body.gnz-light .gnz-chip.is-on {
  background: linear-gradient(135deg, var(--y), var(--y-2));
  border-color: transparent;
  color: #14150F;
  box-shadow: 0 4px 14px rgba(214, 176, 0, .3);
}

body.gnz-light .gnz-calc__rows li {
  border-bottom-color: rgba(22, 24, 29, .08);
  color: var(--fg-3);
}

body.gnz-light .gnz-calc__rows li span:last-child { color: var(--fg); }

/* ================================================================== */
/* График                                                              */
/* ================================================================== */
body.gnz-light .gnz-chart { background: var(--bg); }

body.gnz-light .gnz-chart__box {
  background: #FFFFFF;
  border: 1px solid var(--y-hair);
  box-shadow: 0 1px 2px rgba(22, 24, 29, .05);
}

body.gnz-light .gnz-chart__bars { border-bottom-color: rgba(22, 24, 29, .1); }

body.gnz-light .gnz-bar__col {
  background: linear-gradient(180deg, var(--y), rgba(251, 234, 49, .45));
  box-shadow: inset 0 0 0 1px rgba(214, 176, 0, .28);
}

body.gnz-light .gnz-bar:hover .gnz-bar__col {
  filter: none;
  background: linear-gradient(180deg, var(--y-2), var(--y));
  box-shadow: 0 6px 18px rgba(214, 176, 0, .35);
}

body.gnz-light .gnz-bar__v { color: var(--fg-2); }
body.gnz-light .gnz-bar:hover .gnz-bar__v { color: var(--fg); }
body.gnz-light .gnz-chart__x span,
body.gnz-light .gnz-chart__cap { color: var(--fg-3); }

body.gnz-light .gnz-chart__legend span {
  background: #FBFBFC;
  border-color: var(--y-hair);
  color: var(--fg-2);
}

/* ================================================================== */
/* Кейсы, отзывы, партнёры, вопросы, контакты                          */
/* ================================================================== */
body.gnz-light .genznak-cases { background: var(--bg-2); }

body.gnz-light .genznak-cases__item,
body.gnz-light .genznak-reviews__card,
body.gnz-light .gnz-contacts__box,
body.gnz-light .gnz-contacts__card,
body.gnz-light .gnz-partners__item,
body.gnz-light details.faq,
body.gnz-light .gnz-faq__all,
body.gnz-light .gnz-quick-apply,
body.gnz-light .feature {
  background: #FFFFFF !important;
  border: 1px solid var(--y-hair) !important;
  box-shadow: 0 1px 2px rgba(22, 24, 29, .05) !important;
  color: var(--fg) !important;
}

body.gnz-light .genznak-cases__item:hover,
body.gnz-light .genznak-reviews__card:hover {
  border-color: var(--y-soft) !important;
  box-shadow: 0 16px 38px rgba(22, 24, 29, .10) !important;
}

body.gnz-light .genznak-cases__problem,
body.gnz-light .genznak-reviews__text,
body.gnz-light .genznak-cases__metric-label,
body.gnz-light .genznak-cases__more ul,
body.gnz-light .gnz-contacts__lead,
body.gnz-light .faq-answer,
body.gnz-light .genznak-reviews__role,
body.gnz-light .gnz-contacts p { color: var(--fg-2) !important; }

body.gnz-light .genznak-cases__metric-value { color: var(--fg) !important; }

body.gnz-light .genznak-cases__tag {
  background: #F2F3F5;
  color: var(--fg-3);
}

body.gnz-light .genznak-cases__after {
  background: rgba(251, 234, 49, .20) !important;
  border-left-color: var(--y) !important;
  color: var(--fg) !important;
}

body.gnz-light .genznak-cases__more summary,
body.gnz-light .gnz-tile__toggle,
body.gnz-light .gnz-contacts a { color: var(--y-ink) !important; }

body.gnz-light .genznak-cases__more blockquote {
  background: #FAFAFB !important;
  border-left-color: var(--y) !important;
  color: var(--fg) !important;
}

body.gnz-light .genznak-cases__did-title,
body.gnz-light .genznak-cases__note { color: var(--fg-3) !important; }

body.gnz-light .gnz-cases-filter__btn {
  background: #FFFFFF;
  border-color: rgba(22, 24, 29, .14);
  color: var(--fg-2);
}

body.gnz-light .gnz-cases-filter__btn:hover { border-color: rgba(22, 24, 29, .3); color: var(--fg) !important; }

body.gnz-light .gnz-cases-filter__btn.is-active {
  background: linear-gradient(135deg, var(--y), var(--y-2));
  border-color: transparent;
  color: #14150F !important;
}

/* Вопросы */
body.gnz-light .gnz-faq { background: var(--bg); }
body.gnz-light .gnz-faq__all-summary:hover { background: #FAFAFB; }
body.gnz-light .gnz-faq__all-title { color: var(--fg); }
body.gnz-light .gnz-faq__all-count { color: var(--fg-3); }

body.gnz-light .gnz-faq__all-summary::after,
body.gnz-light .genznak-offers details.faq summary::after {
  border-right-color: var(--y-ink) !important;
  border-bottom-color: var(--y-ink) !important;
}

body.gnz-light .gnz-faq__inner { border-top-color: var(--y-hair); }
body.gnz-light .faq-title { color: var(--fg) !important; }
body.gnz-light details.faq { background: #FCFCFD !important; }

/* Партнёры: на светлом логотипы приглушаем мягче */
body.gnz-light .gnz-partners { background: var(--bg-2); }

body.gnz-light .gnz-partners__logo,
body.gnz-light .gnz-partners__item img {
  filter: grayscale(1) contrast(.95);
  opacity: .55;
}

body.gnz-light .gnz-partners__item:hover .gnz-partners__logo,
body.gnz-light .gnz-partners__item:hover img { filter: none; opacity: 1; }

body.gnz-light .gnz-partners__mark { color: var(--fg) !important; }
body.gnz-light .gnz-partners__group h3 { color: var(--fg-3) !important; margin-bottom: 8px !important; }

body.gnz-light .gnz-partners__row { gap: 8px; }
body.gnz-light .gnz-partners__group { margin: 8px 0 4px; }

/* Контакты */
body.gnz-light .gnz-contacts { background: var(--bg); }

body.gnz-light .gnz-contacts .gnz-social {
  background: #FFFFFF !important;
  border: 1px solid var(--y-hair) !important;
}

body.gnz-light .gnz-contacts .gnz-social svg,
body.gnz-light .gnz-contacts .gnz-social img { filter: none; }

/* Поля формы заявки */
body.gnz-light .gnz-quick-apply input,
body.gnz-light .gnz-quick-apply select,
body.gnz-light .gnz-quick-apply textarea {
  background: #FFFFFF !important;
  border: 1px solid rgba(22, 24, 29, .16) !important;
  color: var(--fg) !important;
}

body.gnz-light .gnz-quick-apply input::placeholder,
body.gnz-light .gnz-quick-apply textarea::placeholder { color: var(--fg-3); }

/* ================================================================== */
/* Липкая панель и чат                                                 */
/* ================================================================== */
body.gnz-light .gnz-sticky-cta {
  background: rgba(255, 255, 255, .9) !important;
  border-color: var(--y-hair) !important;
  box-shadow: 0 10px 34px rgba(22, 24, 29, .14);
}

body.gnz-light .gnz-sticky-cta__text { color: var(--fg) !important; }

body.gnz-light .gnz-chat__panel {
  background: rgba(255, 255, 255, .96);
  border-color: var(--y-hair);
  box-shadow: 0 20px 50px rgba(22, 24, 29, .16);
}

body.gnz-light .gnz-chat__head {
  background: linear-gradient(135deg, rgba(251, 234, 49, .28), transparent);
  border-bottom-color: var(--y-hair);
}

body.gnz-light .gnz-chat__title { color: var(--fg); }
body.gnz-light .gnz-chat__status { color: var(--fg-3); }

body.gnz-light .gnz-chat__msg {
  background: #F5F6F8;
  color: var(--fg-2);
}

body.gnz-light .gnz-chat__links a,
body.gnz-light .gnz-chat__links button {
  background: #FFFFFF;
  border: 1px solid rgba(22, 24, 29, .14);
  color: var(--fg) !important;
}

body.gnz-light .gnz-chat__links a:hover,
body.gnz-light .gnz-chat__links button:hover { background: #FAFAFB; }
body.gnz-light .gnz-chat__close { color: var(--fg-3); }
body.gnz-light .gnz-chat__fab::before { border-color: rgba(214, 176, 0, .5); }

/* ================================================================== */
/* Боковые волокна                                                     */
/* ================================================================== */
body.gnz-light .gnz-sf--page { opacity: .5; }

body.gnz-light .gnz-sf__base { stroke: rgba(214, 176, 0, .12); }
body.gnz-light .gnz-sf__s0 { stop-color: #D6B000; }
body.gnz-light .gnz-sf__s1 { stop-color: #FFE55C; }
body.gnz-light .gnz-sf__s2 { stop-color: #D6B000; }
body.gnz-light .gnz-sf__s3 { stop-color: #D6B000; }

body.gnz-light .gnz-sf--page::before,
body.gnz-light .gnz-sf--page::after {
  background: linear-gradient(90deg, rgba(251, 234, 49, .16), transparent 72%);
}

/* ================================================================== */
/* Прочее                                                              */
/* ================================================================== */
body.gnz-light .gnz-lead,
body.gnz-light .gnz-fiber__lead { color: var(--fg-2); }

/* Наведение не красит текст в жёлтый: на белом это нечитаемо */
body.gnz-light a:hover,
body.gnz-light .genznak-header__nav a:hover,
body.gnz-light .gnz-faq summary:hover .faq-title { color: var(--fg) !important; }

body.gnz-light .gnz-progress__bar { background: #EDEEF1; }
body.gnz-light .gnz-progress__label { color: var(--fg-3); }


/* ================================================================== */
/* Продающие блоки на светлой теме                                     */
/* ================================================================== */
body.gnz-light .gnz-pain { background: var(--bg-2); }
body.gnz-light .gnz-steps { background: var(--bg); }
body.gnz-light .gnz-offer { background: var(--bg-2); }

body.gnz-light .gnz-pain__card,
body.gnz-light .gnz-steps__item,
body.gnz-light .gnz-offer__box,
body.gnz-light .gnz-capture__box,
body.gnz-light .gnz-exit__win {
  background: #FFFFFF;
  border: 1px solid var(--y-hair);
  box-shadow: 0 1px 2px rgba(22, 24, 29, .05);
}

body.gnz-light .gnz-pain__card:hover {
  border-color: var(--y-soft);
  box-shadow: 0 16px 38px rgba(22, 24, 29, .1);
}

body.gnz-light .gnz-pain__text,
body.gnz-light .gnz-steps__text,
body.gnz-light .gnz-hero__trust li,
body.gnz-light .gnz-capture__text p,
body.gnz-light .gnz-offer__formsub,
body.gnz-light .gnz-exit__text { color: var(--fg-2); }

body.gnz-light .gnz-pain__icon,
body.gnz-light .gnz-steps__icon,
body.gnz-light .gnz-offer__icon,
body.gnz-light .gnz-exit__icon,
body.gnz-light .gnz-hero__kicker .gnz-ic,
body.gnz-light .gnz-hero__trust .gnz-ic {
  color: var(--y-ink);
  background: rgba(251, 234, 49, .22);
  border-color: var(--y-dim);
}

body.gnz-light .gnz-hero__accent { color: var(--y-ink); }
body.gnz-light .gnz-hero__kicker { background: rgba(251, 234, 49, .16); color: var(--fg-2); }
body.gnz-light .gnz-hero__tel { color: var(--fg); border-bottom-color: var(--y-soft); }
body.gnz-light .gnz-steps__num { color: rgba(22, 24, 29, .12); }

body.gnz-light .gnz-lead__input {
  background: #FFFFFF;
  border: 1px solid rgba(22, 24, 29, .16);
  color: var(--fg);
}

body.gnz-light .gnz-lead__input:focus {
  border-color: var(--y-soft);
  box-shadow: 0 0 0 3px rgba(251, 234, 49, .3);
}

body.gnz-light .gnz-lead__note,
body.gnz-light .gnz-lead__msg { color: var(--fg-3); }

body.gnz-light .gnz-offer__right {
  background: radial-gradient(420px 320px at 70% 0%, rgba(251, 234, 49, .24), transparent 70%), #FCFCFD;
  border-left-color: var(--y-hair);
}

body.gnz-light .gnz-offer__list li { border-bottom-color: rgba(22, 24, 29, .08); }
body.gnz-light .gnz-offer__list em { color: var(--fg-3); }

body.gnz-light .gnz-capture__box {
  border-color: var(--y-soft) !important;
  background: radial-gradient(600px 300px at 12% 50%, rgba(251, 234, 49, .22), transparent 70%), #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(22, 24, 29, .06);
}

body.gnz-light .gnz-capture__title,
body.gnz-light .gnz-exit__title {
  color: var(--fg) !important;
}

body.gnz-light .gnz-exit__win {
  background: #FFFFFF !important;
  border-color: var(--y-hair) !important;
  box-shadow: 0 24px 64px rgba(22, 24, 29, .18) !important;
  color: var(--fg) !important;
}

body.gnz-light .gnz-lead__input {
  background: #FFFFFF !important;
  border-color: rgba(22, 24, 29, .14) !important;
  color: var(--fg) !important;
}

body.gnz-light .gnz-capture { background: var(--bg); }

body.gnz-light .gnz-hero__title,
body.gnz-light .gnz-hero__sub,
body.gnz-light .gnz-hero__note {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.gnz-light .gnz-hero__act {
  justify-content: center;
}

body.gnz-light .gnz-hero__stats {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

body.gnz-light .gnz-callbar {
  background: rgba(255, 255, 255, .96);
  border-top-color: var(--y-hair);
}

body.gnz-light .gnz-callbar__call {
  background: #FFFFFF;
  border-color: rgba(22, 24, 29, .14);
  color: var(--fg);
}

body.gnz-light .gnz-exit__backdrop { background: rgba(22, 24, 29, .5); }
body.gnz-light .gnz-exit__close { color: var(--fg-3); }
body.gnz-light .gnz-lead__done { background: rgba(55, 211, 153, .12); color: var(--fg); }
@media (max-width: 900px) {
  body.gnz-light .gnz-groups__grid,
  body.gnz-light .gnz-categories.gnz-cat-blocks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 580px) {
  body.gnz-light .gnz-groups__grid,
  body.gnz-light .gnz-categories.gnz-cat-blocks {
    grid-template-columns: 1fr !important;
  }
}

body.gnz-light .gnz-lead__done strong { color: #0E9F6E; }