/* TAIGA glued-panel system cards — unified light treatment, 2026-09-06 v1 */

body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card{
  background:var(--taiga-kp-surface)!important;
  border:1px solid rgba(36,54,47,.14)!important;
  box-shadow:0 16px 38px rgba(36,54,47,.075)!important;
}

/* All four cards now use one text treatment. Green stays in typography and media, not random lower panels. */
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card>div{
  background:var(--taiga-kp-surface)!important;
  color:var(--taiga-kp-ink)!important;
  border-top:1px solid rgba(36,54,47,.08)!important;
}
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card h3{
  color:var(--taiga-kp-green)!important;
}
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card p{
  color:var(--taiga-kp-muted)!important;
}
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-number,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(2) .feature-number,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(3) .feature-number{
  background:rgba(244,242,236,.96)!important;
  color:var(--taiga-kp-green)!important;
  border:1px solid rgba(36,54,47,.09)!important;
  box-shadow:0 6px 18px rgba(24,37,31,.08)!important;
}

/* Media stages use a consistent neutral family; only the transparent panel needs the dark TAIGA stage. */
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card::before{
  background-color:#E9E3D8!important;
  background-position:center!important;
  box-shadow:inset 0 0 0 1px rgba(36,54,47,.06)!important;
  filter:saturate(.94) contrast(1.025)!important;
}
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(1)::before{
  background-color:var(--taiga-kp-green)!important;
  filter:none!important;
}
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(2)::before{
  background-color:#DDD6C9!important;
  filter:saturate(.90) contrast(1.035) brightness(.99)!important;
}
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(3)::before,
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(4)::before{
  background-color:#DDD9D0!important;
}

/* A compact physical-swatch rail guarantees that the Color card remains meaningful even if its photo is very pale. */
body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(2)::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:72px;
  width:min(250px,62%);
  height:58px;
  transform:translateX(-50%);
  border-radius:12px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(90deg,
    #F0EEE8 0 17%,
    #A8AAA5 17% 34%,
    #4A4E4C 34% 51%,
    #2F5042 51% 68%,
    #695044 68% 84%,
    #873D38 84% 100%);
  box-shadow:0 12px 24px rgba(24,37,31,.16),inset 0 0 0 1px rgba(36,54,47,.06);
  pointer-events:none;
}

body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:hover{
  border-color:rgba(36,54,47,.28)!important;
  box-shadow:0 20px 44px rgba(36,54,47,.10)!important;
}

@media(max-width:1100px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(2)::after{
    top:62px;
    width:min(230px,64%);
    height:52px;
  }
}

@media(max-width:620px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card:nth-child(2)::after{
    top:54px;
    width:min(220px,68%);
    height:48px;
    border-radius:10px;
  }
}