.products-hero{background:linear-gradient(#0006, #0006), linear-gradient(135deg, var(--gold) 0%, var(--red) 100%)}.products-body{padding:36px 0 64px}.products-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:1.25rem;display:flex}.products-toolbar-right{gap:8px;display:flex}.view-toggle{border-radius:var(--radius-full);border:2px solid var(--red);color:var(--red);font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);cursor:pointer;background:0 0;padding:6px 16px;transition:all .2s}.view-toggle:hover,.view-toggle.active{background:var(--red);color:var(--white);border-color:var(--red)}.products-list{gap:12px;display:grid}.product-row{grid-template-columns:140px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.product-row-img img,.product-row-img .product-img-placeholder{border-radius:var(--radius-md);object-fit:cover;width:140px;height:105px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-card{flex-direction:column;display:flex;overflow:hidden}.product-card-img{background:var(--bg-muted);position:relative}.product-card-img img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.product-card-body{flex-direction:column;gap:6px;padding:14px 16px 18px;display:flex}.product-name{font-family:var(--font-title);font-size:var(--text-lg);color:var(--text);letter-spacing:1px;margin:0;font-weight:900}.product-spec{color:var(--text-light);font-size:var(--text-sm);margin:0;line-height:1.5}.product-price,.product-row-price{font-family:var(--font-title);font-weight:900;font-size:var(--text-xl);color:var(--red);white-space:nowrap;margin-top:4px}.product-img-placeholder{border-radius:var(--radius-md);background:var(--bg-muted);width:100%;height:100%;min-height:105px;color:var(--text-muted);place-items:center;font-size:2rem;display:grid}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.products-toolbar{flex-direction:column;align-items:stretch}.products-toolbar-right{justify-content:flex-end}.product-row{grid-template-columns:100px 1fr}.product-row-img img,.product-row-img .product-img-placeholder{width:100px;height:75px}.product-row-price{text-align:right;grid-column:1/-1;margin-top:0}.products-grid{grid-template-columns:1fr}}