/* TAIGA glued-panel system cards — all four green copy panels, 2026-09-06 v3 */

/*
 * The commercial palette v2 intentionally alternated copy-panel colors and uses
 * nth-child selectors. Those selectors are more specific than the generic v2
 * unification rule, so cards 01 and 04 stayed light. This layer explicitly
 * overrides all four positions with one final visual rule.
 */

body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(1)>div,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(2)>div,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(3)>div,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(4)>div{
  background:var(--taiga-kp-green)!important;
  color:var(--taiga-kp-paper)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(1)>div h3,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(2)>div h3,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(3)>div h3,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(4)>div h3{
  color:var(--taiga-kp-paper)!important;
}

body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(1)>div p,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(2)>div p,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(3)>div p,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid .feature-card:nth-child(4)>div p{
  color:rgba(244,242,236,.76)!important;
}

/* Keep the requested cleanup from v2. */
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(2)::after{
  content:none!important;
  display:none!important;
}

/* Card 01 should fill the media frame; admin-managed image remains the source. */
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(1)::before{
  background-size:cover!important;
  background-position:center 48%!important;
}