/* Products — List Layout */
.product-list{animation:fadeUp .6s .2s ease both}

/* Products — Item Row */
.product-item{
  display:grid;grid-template-columns:auto 1fr auto;gap:2rem;
  align-items:center;padding:2.5rem 0;
  border-bottom:1px solid var(--border);
  text-decoration:none;color:inherit;
  transition:all .25s;position:relative;
}
.product-item::after{
  content:'';position:absolute;left:0;bottom:-1px;width:0;height:2px;
  background:linear-gradient(90deg,var(--accent),var(--cyan));
  transition:width .35s cubic-bezier(.22,1,.36,1);
}
.product-item:hover::after{width:100%}
.product-item:first-child{padding-top:0}
.product-item:last-child{border-bottom:none}

/* Products — Logo */
.product-logo{
  width:56px;height:56px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:transform .3s;
}
.product-item:hover .product-logo{transform:scale(1.08) rotate(-3deg)}
.product-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.product-logo svg{width:100%;height:100%}

/* Products — Info */
.product-info{min-width:0}
.product-name{
  font-size:1.35rem;font-weight:700;color:var(--text-primary);
  margin-bottom:.35rem;letter-spacing:-0.01em;
  transition:color .2s;
}
.product-item:hover .product-name{color:var(--accent)}
.product-desc{
  font-size:.95rem;color:var(--text-dim);line-height:1.6;
  max-width:520px;
}

/* Products — Arrow */
.product-arrow{
  width:40px;height:40px;border-radius:10px;
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:all .25s;
}
.product-arrow svg{width:18px;height:18px;color:var(--text-dim);transition:all .25s}
.product-item:hover .product-arrow{
  border-color:var(--accent);background:rgba(37,99,235,.06);
}
.product-item:hover .product-arrow svg{color:var(--accent);transform:translateX(3px)}

/* Mobile */
@media(max-width:640px){
  .product-item{
    grid-template-columns:auto 1fr;gap:1rem;padding:1.75rem 0;
  }
  .product-arrow{display:none}
  .product-logo{width:44px;height:44px;border-radius:10px}
  .product-name{font-size:1.15rem}
  .product-desc{font-size:.85rem}
}