/* ================================================================
   TAYUMON Lightweight UI V1 Test-02
   HOME product-network only. Product Center / Product Detail untouched.
   Goal: reduce scroll paint/composite work inside the four homepage cards.
   ================================================================ */

/* Remove the last moving rail compositor from Test-01. Keep a static luminous guide. */
html.lw-ui .ap-home .ap-product-network{
  background:linear-gradient(180deg,#090c14 0%,#0a0d16 52%,#080a11 100%)!important;
}
html.lw-ui .ap-home .ap-network-cards::before{
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(99,194,255,.16) 10%,
    rgba(111,211,255,.32) 39%,
    rgba(255,255,255,.48) 50%,
    rgba(137,127,255,.30) 61%,
    rgba(132,120,255,.14) 90%,
    transparent 100%)!important;
}
html.lw-ui .ap-home .ap-network-cards::after{
  animation:none!important;
  will-change:auto!important;
  top:44%!important;
  width:3px!important;
  height:86px!important;
  left:calc(50% - 1px)!important;
  background:linear-gradient(180deg,transparent,#6bdcff 30%,#fff 50%,#9488ff 70%,transparent)!important;
  box-shadow:none!important;
  opacity:.88!important;
  transform:none!important;
}

/* Cards: no backdrop sampling, no filter layer, no animated shadow, no scroll-time transform. */
html.lw-ui .ap-home .ap-product-node{
  contain:layout paint style!important;
  isolation:auto!important;
  overflow:hidden!important;
  background:#0d121d!important;
  border:1px solid rgba(174,195,231,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.18)!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
html.lw-ui .ap-home .ap-product-node::before{
  background:linear-gradient(110deg,
    color-mix(in srgb,var(--accent) 8%,transparent),
    transparent 30%,
    transparent 72%,
    color-mix(in srgb,var(--accent-2) 5%,transparent))!important;
  opacity:1!important;
}
html.lw-ui .ap-home .ap-product-node::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,transparent 8%,color-mix(in srgb,var(--accent) 48%,#fff) 42%,rgba(255,255,255,.52) 50%,color-mix(in srgb,var(--accent-2) 34%,#fff) 58%,transparent 92%) top/100% 1px no-repeat!important;
  opacity:.44!important;
}

/* Old styles still carried opacity/filter transitions on visual/copy. Hard-disable them here. */
html.lw-ui .ap-home .ap-product-node__visual,
html.lw-ui .ap-home .ap-product-node__copy,
html.lw-ui .ap-home .ap-product-node.is-active .ap-product-node__visual,
html.lw-ui .ap-home .ap-product-node.is-active .ap-product-node__copy,
html.lw-ui .ap-home .ap-product-node:hover .ap-product-node__visual,
html.lw-ui .ap-home .ap-product-node:hover .ap-product-node__copy{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
html.lw-ui .ap-home .ap-product-node__halo{display:none!important}
html.lw-ui .ap-home .ap-product-node__visual::after{
  height:18px!important;
  bottom:25px!important;
  background:radial-gradient(ellipse,rgba(0,0,0,.30),transparent 72%)!important;
  opacity:.72!important;
}
html.lw-ui .ap-home .ap-product-node__visual img,
html.lw-ui .ap-home .ap-product-node:hover .ap-product-node__visual img,
html.lw-ui .ap-home .ap-product-node.lw-current .ap-product-node__visual img{
  filter:none!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}

/* Buttons inside these four cards had multiple backdrop-filter/blur glow layers in the legacy CSS. */
html.lw-ui .ap-home .ap-product-node__actions .ap-glow-button,
html.lw-ui .ap-home .ap-product-node__actions .ap-glow-button--glass{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 13px rgba(0,0,0,.14)!important;
  transition:border-color .18s ease,background-color .18s ease!important;
  transform:none!important;
}
html.lw-ui .ap-home .ap-product-node__actions .ap-glow-button::before{
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 62%)!important;
  opacity:.75!important;
  transform:none!important;
  transition:none!important;
}
html.lw-ui .ap-home .ap-product-node__actions .ap-glow-button::after{display:none!important}
html.lw-ui .ap-home .ap-product-node__actions .ap-glow-button:hover{
  transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 5px 13px rgba(0,0,0,.14)!important;
}

/* Keep the visual language without dynamic filter work. */
html.lw-ui .ap-home .ap-product-node__index i{
  background:linear-gradient(90deg,var(--accent),transparent)!important;
  box-shadow:none!important;
}
html.lw-ui .ap-home .ap-product-node__tags span{
  background:rgba(255,255,255,.018)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Mobile already hides the rail in Test-01; keep the new paint containment only. */
@media(max-width:900px){
  html.lw-ui .ap-home .ap-product-node{contain:layout paint style!important}
}