.products-hero{background:linear-gradient(135deg,var(--color-dark) 0,var(--color-secondary) 100%);padding:64px 0 48px;color:var(--color-white)}.products-hero h1{color:var(--color-white);font-size:40px;margin-bottom:12px}.products-hero p{color:rgba(255,255,255,.75);font-size:17px;max-width:600px;line-height:1.7}.products-grid-section{padding:60px 0 80px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media (max-width:992px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.product-grid{grid-template-columns:1fr}}.product-list-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition);cursor:pointer}.product-list-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.product-list-card .card-img{background:var(--color-bg-light);overflow:hidden;position:relative}.product-list-card .card-img ai-img{width:100%;display:block}.product-list-card .card-img .product-tag{position:absolute;top:12px;left:12px;background:var(--color-primary);color:var(--color-white);font-size:11px;font-weight:700;padding:4px 10px;border-radius:3px}.product-list-card .card-body{padding:20px}.product-list-card .card-body h3{font-size:18px;margin-bottom:8px}.product-list-card .card-desc{font-size:14px;line-height:1.6;color:var(--color-text-muted);margin-bottom:16px}.spec-mini-table{margin-bottom:16px}.spec-mini-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border);font-size:13px}.spec-mini-row:last-child{border-bottom:none}.spec-key{color:var(--color-text-muted)}.spec-val{font-weight:600;color:var(--color-text)}.card-actions{display:flex;gap:10px}.btn-inquire{background:var(--color-primary);color:var(--color-white)!important;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-inquire:hover{background:var(--color-primary-dark)}.btn-datasheet{background:0 0;color:var(--color-primary)!important;font-size:13px;font-weight:600;padding:8px 16px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-datasheet:hover{background:var(--color-primary);color:var(--color-white)!important}