/* V70 — FORCE visible salat/light-green redesign on secondary pages.
   This stylesheet is loaded LAST only on secondary pages.
   It deliberately works in BOTH light and dark theme so the redesign is always visible. */

html, body {
  background: #79a64e !important;
  color: #f6faef !important;
}
body {
  background-image:
    radial-gradient(900px 620px at 8% 7%, rgba(224,255,145,.36), transparent 52%),
    radial-gradient(760px 520px at 94% 12%, rgba(184,239,84,.30), transparent 50%),
    radial-gradient(900px 620px at 50% 96%, rgba(118,175,63,.34), transparent 58%),
    linear-gradient(135deg,#709944 0%,#84ad54 28%,#8bb157 50%,#7da64e 72%,#688f40 100%) !important;
  background-attachment: fixed !important;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.45;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 8% 13%,rgba(229,255,140,.65) 0 5px,rgba(229,255,140,.22) 6px 16px,transparent 38px),
    radial-gradient(circle at 15% 22%,rgba(219,255,116,.55) 0 4px,rgba(219,255,116,.16) 5px 13px,transparent 34px);
  background-size:28px 28px,28px 28px,auto,auto;
}

/* Force tokens used across legacy components */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --bg:#79a64e !important;
  --bg-soft:#87ad61 !important;
  --surface:#78935f !important;
  --surface-2:#637f51 !important;
  --border:rgba(213,255,129,.40) !important;
  --fg:#f7fbf2 !important;
  --fg-muted:rgba(245,249,239,.88) !important;
  --fg-dim:rgba(239,245,233,.70) !important;
  --accent:#caff32 !important;
  --accent-2:#b8ef2c !important;
  --accent-dim:#dbff78 !important;
  --accent-ink:#17220e !important;
  --shadow:rgba(45,72,30,.15) !important;
  --glow-1:rgba(202,255,50,.16) !important;
  --glow-2:rgba(202,255,50,.11) !important;
  --card-glow:rgba(202,255,50,.20) !important;
  color-scheme:light !important;
}

/* Navbar / dropdowns */
.nav, .nav.scrolled {
  background:rgba(93,125,64,.86) !important;
  border-color:rgba(220,255,139,.24) !important;
  box-shadow:0 10px 26px rgba(48,74,33,.12) !important;
}
.nav a,.nav button,.nav-phone,.dropdown-trigger { color:#f7fbf2 !important; }
.dropdown-panel,.mobile-drawer,.calc-modal-panel {
  background:linear-gradient(180deg,#78945f,#617e4f) !important;
  border-color:rgba(218,255,135,.32) !important;
}

/* Main sections transparent so salat page background is visible */
.section,.brand-model-section,.model-other-device,.contact-section,.contact-ref-final,
.global-contact-ref-final,.marquee-section,.article-section,.blog-section,.legal-section {
  background:transparent !important;
  border-color:rgba(220,255,139,.20) !important;
}

/* Hero: visibly light green, not dark */
.hero,.model-original-hero,.model-compact-hero,.article-hero,.blog-hero,.legal-hero {
  background:
    radial-gradient(75% 100% at 10% 8%,rgba(233,255,169,.22),transparent 48%),
    radial-gradient(55% 80% at 90% 16%,rgba(209,255,120,.16),transparent 50%),
    linear-gradient(135deg,#789d57 0%,#88aa67 45%,#759554 100%) !important;
  border-color:rgba(220,255,139,.30) !important;
  box-shadow:0 18px 42px rgba(50,77,32,.10) !important;
}
.hero-grain,.hero-spotlight { opacity:.22 !important; }

/* LIGHT GREEN CARDS — matches requested reference */
.advantage-card,.break-card,.device-card,.service-item,.review-card,.blog-card,
.brand-model-card,.icon-tile,.step,.price-card,.popular-price-card,.loc-item,
.article-card,.legal-card,.feature-list li,.check-list li,.faq-item,.price-item,
.contact-card-v3,.model-other-card,.repair-stage-card,.problem-card,.popular-device-card,
.benefit-card,.feature-card,.mini-card,.model-compact-pill,.calc-device-btn,.calc-problem-btn,
.price-row,.service-card,.card,.info-card,.content-card {
  background:linear-gradient(180deg,#829d6d 0%,#708b5e 100%) !important;
  border:1px solid rgba(216,255,132,.42) !important;
  color:#f7fbf2 !important;
  box-shadow:0 14px 32px rgba(46,72,30,.11),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.advantage-card:hover,.break-card:hover,.device-card:hover,.service-item:hover,.blog-card:hover,
.brand-model-card:hover,.review-card:hover {
  background:linear-gradient(180deg,#8ba676,#769165) !important;
  border-color:rgba(226,255,157,.68) !important;
  box-shadow:0 18px 38px rgba(50,78,32,.14),0 0 24px rgba(202,255,50,.10) !important;
}

/* Tables / long article/legal surfaces */
.article-shell,.article-content,.document-card,.policy-card,.requisites-card,.table-wrap,
.price-table,table,.price-block,.comparison-table-wrap,.calc-widget,.calculator-panel {
  background:linear-gradient(180deg,#829e6f,#708b5e) !important;
  border:1px solid rgba(216,255,132,.38) !important;
  color:#f7fbf2 !important;
  box-shadow:0 14px 32px rgba(46,72,30,.10) !important;
}
thead,tr,td,th { border-color:rgba(218,255,139,.20) !important; }

/* CONTACT AREA: make the requested "light part" obvious everywhere */
.contact-ref-layout { gap:36px !important; }
.contact-ref-map {
  background:#8aa66f !important;
  border:1px solid rgba(219,255,139,.44) !important;
  box-shadow:0 16px 34px rgba(47,73,31,.11) !important;
}
.contact-card-address-v3,.contact-card-hours-v3,.contact-card-phone-v3 {
  background:linear-gradient(180deg,#86a173,#738d62) !important;
  border:1px solid rgba(218,255,134,.46) !important;
}
.form-panel,.contact-ref-form,.contact-ref-right .form-panel,form.repair-form,.quick-form {
  background:
    radial-gradient(120% 120% at 100% 0%,rgba(232,255,168,.12),transparent 40%),
    linear-gradient(180deg,#849f70 0%,#718b60 100%) !important;
  border:1px solid rgba(220,255,139,.50) !important;
  box-shadow:0 22px 48px rgba(48,74,32,.13),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.field input,.field select,.field textarea,.search-input,.search-select {
  background:linear-gradient(180deg,#5f7950,#536b47) !important;
  color:#fbfdf8 !important;
  border:1px solid rgba(218,255,137,.34) !important;
  box-shadow:none !important;
}
.field input::placeholder,.field textarea::placeholder { color:rgba(247,251,242,.70) !important; }
.field input:focus,.field select:focus,.field textarea:focus {
  border-color:#dcff7b !important;
  box-shadow:0 0 0 3px rgba(202,255,50,.14) !important;
}

/* Social buttons retain brand but sit on lighter section */
.contact-social-v3,.contact-social {
  border-width:1px !important;
  box-shadow:0 12px 26px rgba(44,69,28,.10) !important;
}
.telegram-v3 { background:linear-gradient(145deg,#15526e,#0b3b52) !important; }
.whatsapp-v3 { background:linear-gradient(145deg,#126638,#0a4728) !important; }
.brand-icon-v3 { box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 10px currentColor !important; }

/* Typography */
h1,h2,h3,h4,h5,h6,.contact-ref-title,.section-head h2,.model-compact-title,
.popular-price-card h3,strong { color:#f8fcf4 !important; }
p,li,label,small,.desc,.description,.meta,.breadcrumb,.hero-sub,.hero-subtitle,
.model-compact-lead,.contact-ref-desc,.contact-card-sub-v3,.field-hint,.form-status-text,
.review-text,.article-content p,.article-content li,.footer-legal,.footer-bottom,.footer-nav {
  color:rgba(248,251,243,.88) !important;
}
.eyebrow,.contact-ref-eyebrow,.contact-form-kicker,.article-meta,.price-note,.source-badge,
.kicker,.k,.tag,.read-more,.contact-ref-title span,.hero h1 em,.model-title-accent,.price-big,
.model-compact-price,.hero-price strong,.contact-phone-big-v3,.accent,.hl,.hl-green {
  color:#ccff3d !important;
}

/* Icon tiles */
.contact-card-icon-v3,.advantage-card .ico,.break-card .ico,.device-card .ico,.service-item .ico,
.icon-tile .ico,.success-node,.model-other-icon,.benefit-ico,.feature-ico {
  background:rgba(202,255,50,.11) !important;
  color:#d8ff73 !important;
  border-color:rgba(216,255,123,.34) !important;
}

/* Primary/ghost buttons */
.btn-primary,button[type="submit"].btn,.submit-btn {
  background:linear-gradient(180deg,#caff32,#b7ed2b) !important;
  color:#14200d !important;
  border:0 !important;
  box-shadow:0 12px 26px rgba(111,162,40,.16) !important;
}
.btn-ghost,.map-open-link {
  background:rgba(90,116,70,.46) !important;
  color:#f8fcf4 !important;
  border-color:rgba(219,255,137,.40) !important;
}

/* Accent lines/nodes */
.contact-ref-line,.divider,hr,.contact-card-divider-v3 {
  border-color:transparent !important;
  background:linear-gradient(90deg,rgba(220,255,123,.70),rgba(220,255,123,0)) !important;
}
.node,.hero-tag .dot,.hero-calc-link .dot,.source-badge .dot,.price-note .dot {
  background:#d6ff6b !important;
  fill:#d6ff6b !important;
  box-shadow:0 0 11px rgba(214,255,107,.45) !important;
}

/* Footer stays in same green language, not black */
footer {
  background:linear-gradient(180deg,#708d5d,#5f7a50) !important;
  color:#f6faef !important;
  border-top:1px solid rgba(220,255,139,.24) !important;
}
footer a,footer p,footer span { color:inherit !important; }
footer .footer-bottom,footer .footer-legal { border-color:rgba(220,255,139,.18) !important; }

@media(max-width:900px){
  body { background-image:linear-gradient(160deg,#729949,#84aa58 50%,#6f9445 100%) !important; }
  .hero,.model-original-hero,.model-compact-hero,.article-hero,.blog-hero,.legal-hero {
    background:linear-gradient(180deg,#80a35f,#739554) !important;
  }
  .form-panel,.contact-ref-form,.contact-ref-right .form-panel,form.repair-form {
    background:linear-gradient(180deg,#849f70,#708a5f) !important;
  }
}