/* Kitchen1 visual bridge for source-based materials pages.
   Keeps holzcom-mebel.ru content structure, but maps it to the current landing palette. */
:root {
  --bg: #f6f8fc;
  --bg2: #eef3f8;
  --white: #ffffff;
  --ink: #0b1220;
  --ink-soft: rgba(15, 23, 42, .68);
  --ink-muted: rgba(71, 85, 105, .72);
  --accent: #15803d;
  --accent-rgb: 21, 128, 61;
  --accent-light: rgba(34, 197, 94, .10);
  --accent-border: rgba(34, 197, 94, .24);
  --green: #15803d;
  --green-light: rgba(34, 197, 94, .10);
  --green-border: rgba(34, 197, 94, .24);
  --border: rgba(15, 23, 42, .08);
  --shadow: 0 18px 52px rgba(15, 23, 42, .08);
  --shadow-card: 0 18px 46px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);
  --shadow-hover: 0 26px 70px rgba(15, 23, 42, .14);
  --grad: linear-gradient(135deg, #16a34a, #22c55e);
}

html,
body {
  background:
    radial-gradient(900px 520px at 15% 8%, rgba(34, 197, 94, .08), transparent 58%),
    radial-gradient(820px 420px at 92% 16%, rgba(14, 165, 233, .07), transparent 55%),
    #f6f8fc;
}

.hdr {
  background: rgba(255, 255, 255, .78);
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
}

.hdr__logo,
.t-title,
.hero h1,
.footer__brand {
  color: #0b1220;
}

.t-label,
.breadcrumbs a:hover,
.footer__link:hover,
.contact-row a:hover,
.catalog-link,
.blog-card__tag,
.article-tag:hover {
  color: #15803d;
}

.card-wrap,
.hcard,
.trust-card,
.catalog-card,
.review-card,
.faq-item,
.blog-card,
.pd-card,
.hz-thick-card,
.hz-compare-card,
.hz-mat-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .94));
  border-color: rgba(15, 23, 42, .08);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .07);
}

.card-wrap--sand,
.card-wrap--faq {
  background:
    radial-gradient(680px 260px at 12% 0%, rgba(34, 197, 94, .10), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(241, 245, 249, .92));
  border-color: rgba(15, 23, 42, .08);
}

.btn--primary,
.btn--accent,
.form-submit,
.prefooter .btn--primary,
.hero--cinematic .btn--primary {
  background: linear-gradient(135deg, #16a34a, #22c55e) !important;
  color: #f7fff9 !important;
  box-shadow: 0 16px 38px rgba(22, 163, 74, .26) !important;
}

.btn--primary:hover,
.btn--accent:hover,
.form-submit:hover {
  background: linear-gradient(135deg, #15803d, #16a34a) !important;
  box-shadow: 0 20px 46px rgba(22, 163, 74, .32) !important;
}

.btn--ghost,
.hdr__cta,
.contact-map__btn,
.article-tag,
.filter-btn,
.calc__seg,
.form-chip {
  background: rgba(255, 255, 255, .86);
  border-color: rgba(15, 23, 42, .10);
  color: #0b1220;
}

.hdr__cta:hover,
.btn--ghost:hover,
.contact-map__btn:hover,
.filter-btn:hover,
.form-chip:hover {
  background: rgba(34, 197, 94, .10);
  border-color: rgba(34, 197, 94, .26);
  color: #15803d;
}

.trust-card__icon,
.modal__spec-icon,
.pd-trust__icon,
.hz-mat-icon,
.tile-badge,
[style*="rgba(139,115,85"] {
  background: rgba(34, 197, 94, .10) !important;
  border-color: rgba(34, 197, 94, .22) !important;
  color: #15803d !important;
}

[style*="border:2px solid rgba(139,115,85"] {
  border-color: rgba(34, 197, 94, .26) !important;
}

svg rect[fill="#c4a87a"],
svg rect[fill="#8b7355"] {
  fill: #16a34a;
}

.hero__visual,
.dir--k,
.dir--w {
  background: linear-gradient(155deg, #eef7f1, #e8f0f8);
}

.hero__dot {
  background: #16a34a !important;
  box-shadow: 0 0 0 6px rgba(34, 197, 94, .14), 0 0 18px rgba(34, 197, 94, .20) !important;
}

.t-price,
.catalog-card__price,
.case-card__price,
.modal__price-val,
.calc__result-box .calc__result-price {
  color: #15803d;
}

.dock {
  background: rgba(15, 23, 42, .82);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 20px 70px rgba(15, 23, 42, .20);
}

.dock__btn:hover {
  background: rgba(34, 197, 94, .18);
}

.prefooter,
.footer {
  background:
    radial-gradient(700px 320px at 20% 0%, rgba(34, 197, 94, .09), transparent 62%),
    #eef3f8;
}

.footer {
  border-top: 1px solid rgba(15, 23, 42, .08);
}

@media (max-width: 640px) {
  .hdr {
    background: rgba(255, 255, 255, .88);
  }

  .card-wrap,
  .hcard,
  .trust-card {
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
  }
}