.productCard{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-large);min-width:0;min-height:16rem;box-shadow:var(--elevation-1);z-index:2;aspect-ratio:1;transition:box-shadow .18s,transform .18s,border-color .18s;position:relative;overflow:hidden}.productCard:hover{box-shadow:var(--elevation-3);cursor:default;border-color:#0000;transform:translateY(-.25rem)}.productCard:focus-within{border-color:var(--primary);box-shadow:var(--elevation-2)}.productCard{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-large);min-width:0;min-height:16rem;box-shadow:var(--elevation-1);aspect-ratio:1;transition:box-shadow .18s,transform .18s,border-color .18s;position:relative;overflow:hidden}.productCard:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(#0000 60%,#0003 72%,#0000008c 85%,#000000bf 100%);position:absolute;inset:0}.productCard:after{content:"";z-index:6;pointer-events:none;background-color:#6750a400;transition:background-color .18s;position:absolute;inset:0}.productCard:hover:after{background-color:#6750a40a}.productCardContent{inset-inline:0;z-index:10;flex-direction:column;gap:.35rem;padding:1rem;display:flex;position:absolute;bottom:0}.productCardTitle{color:#fff;text-shadow:0 2px 6px #0006;font-size:.95rem;font-weight:600;line-height:1.2}.productCardPrice{color:#fff;text-shadow:0 2px 6px #0006;font-size:1rem;font-weight:700}
.productList{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:min(100%,90rem);margin:0 auto;padding:0;list-style:none;display:grid}.productList>*{width:100%}@media (max-width:64rem){.productList{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (max-width:48rem){.productList{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:30rem){.productList{gap:.75rem}}