/* V69-style refresh on top of V68 link
   Applied only on all secondary pages (not index/iphone/android), via their existing link.
   Goal: lighter salat/green page coloring and lighter green content blocks like the reference. */

:root[data-theme="light"]{
  --bg: #6d9144;
  --bg-soft: #7ea14f;
  --surface: rgba(110, 138, 88, .88);
  --surface-2: rgba(89, 116, 71, .92);
  --border: rgba(205, 255, 120, .34);
  --fg: #f5faef;
  --fg-muted: rgba(244,248,238,.86);
  --fg-dim: rgba(233,240,227,.68);
  --accent: #c9ff33;
  --accent-2: #b8f02d;
  --accent-dim: #d8ff75;
  --accent-ink: #15220c;
  --shadow: rgba(31, 56, 20, .14);
  --glow-1: rgba(190,255,80,.16);
  --glow-2: rgba(190,255,80,.11);
  --card-glow: rgba(190,255,80,.22);
}

:root[data-theme="light"] body{
  background:
    radial-gradient(900px 580px at 12% 12%, rgba(215,255,136,.26), transparent 48%),
    radial-gradient(880px 520px at 88% 18%, rgba(173,229,77,.22), transparent 46%),
    radial-gradient(880px 580px at 50% 100%, rgba(108,164,54,.26), transparent 52%),
    linear-gradient(135deg, #5f8339 0%, #729748 20%, #7da14e 40%, #6f9545 62%, #5f833b 82%, #557536 100%) !important;
  color: var(--fg) !important;
}

:root[data-theme="light"] body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.42;
  background:
    radial-gradient(circle at 5% 15%, rgba(236,255,181,.5) 0 8px, rgba(236,255,181,.18) 8px 26px, transparent 26px),
    radial-gradient(circle at 12% 24%, rgba(231,255,152,.45) 0 7px, rgba(231,255,152,.14) 7px 22px, transparent 22px),
    radial-gradient(circle at 76% 8%, rgba(231,255,152,.28) 0 5px, transparent 6px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:auto, auto, auto, 28px 28px, 28px 28px;
}

/* navigation */
:root[data-theme="light"] .nav,
:root[data-theme="light"] .nav.scrolled{
  background: rgba(79, 110, 52, .78) !important;
  border-color: rgba(216,255,125,.22) !important;
  box-shadow: 0 10px 28px rgba(45,70,28,.10) !important;
}
:root[data-theme="light"] .nav-links > li > a,
:root[data-theme="light"] .nav-phone,
:root[data-theme="light"] .dropdown-trigger,
:root[data-theme="light"] .mobile-drawer a,
:root[data-theme="light"] .mobile-cost-copy,
:root[data-theme="light"] .mobile-cost-arrow{color:rgba(248,251,243,.86)!important;}
:root[data-theme="light"] .nav-links > li > a:hover,
:root[data-theme="light"] .nav-links > li > a.active{color:#fff!important;}
:root[data-theme="light"] .dropdown-panel,
:root[data-theme="light"] .mobile-drawer{
  background: linear-gradient(180deg, rgba(93,124,60,.97), rgba(69,98,45,.98)) !important;
  border-color: rgba(214,255,122,.28) !important;
}

/* heroes */
:root[data-theme="light"] .hero,
:root[data-theme="light"] .model-original-hero,
:root[data-theme="light"] .model-compact-hero,
:root[data-theme="light"] .article-hero,
:root[data-theme="light"] .blog-hero,
:root[data-theme="light"] .legal-hero{
  background:
    radial-gradient(70% 90% at 12% 10%, rgba(230,255,145,.18), transparent 45%),
    radial-gradient(48% 65% at 85% 15%, rgba(198,249,104,.16), transparent 48%),
    linear-gradient(135deg, rgba(74,103,49,.88), rgba(99,130,70,.82) 36%, rgba(90,124,60,.82) 64%, rgba(73,102,49,.88)) !important;
  border-color: rgba(211,255,120,.22) !important;
  box-shadow: 0 18px 44px rgba(49,76,30,.08) !important;
}

/* most blocks become light green like the reference */
:root[data-theme="light"] .section-card,
:root[data-theme="light"] .model-other-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .brand-model-card,
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .step,
:root[data-theme="light"] .price-card,
:root[data-theme="light"] .popular-price-card,
:root[data-theme="light"] .loc-item,
:root[data-theme="light"] .article-card,
:root[data-theme="light"] .legal-card,
:root[data-theme="light"] .faq-item,
:root[data-theme="light"] .price-item,
:root[data-theme="light"] .contact-card-v3,
:root[data-theme="light"] .calc-widget,
:root[data-theme="light"] .calc-modal-panel,
:root[data-theme="light"] .price-reference-v3 .price-card,
:root[data-theme="light"] .price-reference-radical .price-card,
:root[data-theme="light"] .repair-stage-card,
:root[data-theme="light"] .problem-card,
:root[data-theme="light"] .popular-device-card,
:root[data-theme="light"] .benefit-card,
:root[data-theme="light"] .feature-card,
:root[data-theme="light"] .mini-card{
  background: linear-gradient(180deg, rgba(107,136,84,.94), rgba(88,116,69,.96)) !important;
  border-color: rgba(205,255,120,.34) !important;
  box-shadow: 0 14px 32px rgba(43,68,26,.10), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: var(--fg) !important;
}

:root[data-theme="light"] .article-shell,
:root[data-theme="light"] .article-content,
:root[data-theme="light"] .document-card,
:root[data-theme="light"] .policy-card,
:root[data-theme="light"] .requisites-card,
:root[data-theme="light"] .table-wrap,
:root[data-theme="light"] .price-table,
:root[data-theme="light"] table,
:root[data-theme="light"] .price-block,
:root[data-theme="light"] .comparison-table-wrap{
  background: linear-gradient(180deg, rgba(110,140,86,.96), rgba(84,111,66,.97)) !important;
  border-color: rgba(205,255,120,.30) !important;
  color: var(--fg) !important;
}

/* contact/form area — especially close to the screenshot */
:root[data-theme="light"] .contact-ref-final,
:root[data-theme="light"] .contact-section,
:root[data-theme="light"] .global-contact-ref-final{
  background: transparent !important;
}
:root[data-theme="light"] .contact-ref-map,
:root[data-theme="light"] .contact-card-address-v3,
:root[data-theme="light"] .contact-card-hours-v3,
:root[data-theme="light"] .contact-card-phone-v3{
  background: linear-gradient(180deg, rgba(114,143,91,.96), rgba(89,117,69,.98)) !important;
  border-color: rgba(205,255,120,.36) !important;
}
:root[data-theme="light"] .form-panel,
:root[data-theme="light"] .contact-ref-form,
:root[data-theme="light"] .contact-ref-right .form-panel,
:root[data-theme="light"] .quick-form,
:root[data-theme="light"] form.repair-form{
  background:
    radial-gradient(130% 120% at 100% 0%, rgba(229,255,151,.11), transparent 42%),
    linear-gradient(180deg, rgba(110,140,88,.96), rgba(90,118,71,.98)) !important;
  border: 1px solid rgba(205,255,120,.38) !important;
  box-shadow: 0 22px 50px rgba(43,68,26,.12), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

:root[data-theme="light"] .field input,
:root[data-theme="light"] .field select,
:root[data-theme="light"] .field textarea,
:root[data-theme="light"] .calc-device-btn,
:root[data-theme="light"] .calc-problem-btn,
:root[data-theme="light"] .search-input,
:root[data-theme="light"] .search-select{
  background: linear-gradient(180deg, rgba(49,77,40,.88), rgba(38,61,31,.92)) !important;
  border-color: rgba(195,244,111,.26) !important;
  color: #f7fbf3 !important;
  box-shadow: none !important;
}
:root[data-theme="light"] .field input::placeholder,
:root[data-theme="light"] .field textarea::placeholder{color:rgba(245,250,240,.72)!important;}
:root[data-theme="light"] .field input:focus,
:root[data-theme="light"] .field select:focus,
:root[data-theme="light"] .field textarea:focus{
  border-color: #dfff73 !important;
  box-shadow: 0 0 0 3px rgba(214,255,117,.14) !important;
}

/* buttons */
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] button[type="submit"].btn,
:root[data-theme="light"] .submit-btn{
  background: linear-gradient(180deg, #cbff36, #b6ef2a) !important;
  color: #111b0c !important;
  border: 0 !important;
  box-shadow: 0 14px 28px rgba(124,180,44,.14) !important;
}
:root[data-theme="light"] .btn-ghost,
:root[data-theme="light"] .map-open-link,
:root[data-theme="light"] .contact-social-v3,
:root[data-theme="light"] .contact-social,
:root[data-theme="light"] .tag,
:root[data-theme="light"] .chip{
  background: rgba(73,102,48,.34) !important;
  color: var(--fg) !important;
  border-color: rgba(205,255,120,.28) !important;
}
:root[data-theme="light"] .btn-ghost:hover,
:root[data-theme="light"] .map-open-link:hover,
:root[data-theme="light"] .contact-social-v3:hover,
:root[data-theme="light"] .contact-social:hover{
  border-color: rgba(223,255,128,.46) !important;
}

/* texts */
:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] h4,
:root[data-theme="light"] h5,
:root[data-theme="light"] h6,
:root[data-theme="light"] .contact-ref-title,
:root[data-theme="light"] .hero h1,
:root[data-theme="light"] .section-head h2,
:root[data-theme="light"] strong,
:root[data-theme="light"] .popular-price-card h3,
:root[data-theme="light"] .model-compact-title,
:root[data-theme="light"] .service-item .title,
:root[data-theme="light"] .logo-mark{color:#f6fbf2!important;}

:root[data-theme="light"] .contact-ref-title span,
:root[data-theme="light"] .hero h1 em,
:root[data-theme="light"] .model-title-accent,
:root[data-theme="light"] .price-big,
:root[data-theme="light"] .model-compact-price,
:root[data-theme="light"] .hero-price strong,
:root[data-theme="light"] .contact-phone-big-v3,
:root[data-theme="light"] .accent,
:root[data-theme="light"] .hl,
:root[data-theme="light"] .hl-green{color:var(--accent)!important;text-shadow:0 0 16px rgba(215,255,120,.10)!important;}

:root[data-theme="light"] p,
:root[data-theme="light"] li,
:root[data-theme="light"] label,
:root[data-theme="light"] td,
:root[data-theme="light"] th,
:root[data-theme="light"] .desc,
:root[data-theme="light"] .description,
:root[data-theme="light"] .meta,
:root[data-theme="light"] .breadcrumb,
:root[data-theme="light"] .hero-sub,
:root[data-theme="light"] .hero-subtitle,
:root[data-theme="light"] .model-compact-lead,
:root[data-theme="light"] .contact-ref-desc,
:root[data-theme="light"] .contact-card-sub-v3,
:root[data-theme="light"] .field-hint,
:root[data-theme="light"] .form-status-text,
:root[data-theme="light"] .review-text,
:root[data-theme="light"] .footer-bottom,
:root[data-theme="light"] .footer-legal,
:root[data-theme="light"] .footer-nav,
:root[data-theme="light"] .article-content p,
:root[data-theme="light"] .article-content li,
:root[data-theme="light"] .table-note{color:rgba(245,249,239,.86)!important;}

:root[data-theme="light"] .eyebrow,
:root[data-theme="light"] .contact-ref-eyebrow,
:root[data-theme="light"] .contact-form-kicker,
:root[data-theme="light"] .article-meta,
:root[data-theme="light"] .price-note,
:root[data-theme="light"] .source-badge,
:root[data-theme="light"] .mono,
:root[data-theme="light"] .kicker{color:#d8ff75!important;}

/* icons / lines */
:root[data-theme="light"] .contact-card-icon-v3,
:root[data-theme="light"] .advantage-card .ico,
:root[data-theme="light"] .break-card .ico,
:root[data-theme="light"] .device-card .ico,
:root[data-theme="light"] .service-item .ico,
:root[data-theme="light"] .icon-tile .ico,
:root[data-theme="light"] .success-node,
:root[data-theme="light"] .model-other-icon,
:root[data-theme="light"] .benefit-ico,
:root[data-theme="light"] .feature-ico{
  background: rgba(201,255,71,.10) !important;
  color: #d6ff6d !important;
  border-color: rgba(201,255,71,.28) !important;
}
:root[data-theme="light"] .contact-ref-line,
:root[data-theme="light"] .divider,
:root[data-theme="light"] .contact-card-divider-v3,
:root[data-theme="light"] hr{
  border-color: transparent !important;
  background: linear-gradient(90deg, rgba(214,255,117,.55), rgba(214,255,117,0)) !important;
}

/* footer */
:root[data-theme="light"] footer{
  background: linear-gradient(180deg, rgba(92,122,64,.92), rgba(71,96,50,.98)) !important;
  color: #f5faef !important;
  border-top-color: rgba(206,255,120,.18) !important;
}
:root[data-theme="light"] footer a,
:root[data-theme="light"] footer p,
:root[data-theme="light"] footer span{color:inherit!important;}
:root[data-theme="light"] footer .footer-bottom,
:root[data-theme="light"] footer .footer-legal{border-color:rgba(206,255,120,.14)!important;}

/* mobile */
@media (max-width: 900px){
  :root[data-theme="light"] body::before{opacity:.28;}
  :root[data-theme="light"] .hero,
  :root[data-theme="light"] .model-original-hero,
  :root[data-theme="light"] .model-compact-hero,
  :root[data-theme="light"] .article-hero,
  :root[data-theme="light"] .blog-hero,
  :root[data-theme="light"] .legal-hero{
    background: linear-gradient(180deg, rgba(98,126,68,.94), rgba(82,110,57,.96)) !important;
  }
  :root[data-theme="light"] .form-panel,
  :root[data-theme="light"] .contact-ref-form,
  :root[data-theme="light"] .contact-ref-right .form-panel{
    background: linear-gradient(180deg, rgba(111,140,89,.96), rgba(86,112,67,.98)) !important;
  }
}
