.card-grid{display:grid;width:100%;grid-gap:var(--grid-gap,var(--space-md));gap:var(--grid-gap,var(--space-md));grid-template-columns:var(
    --grid-columns,repeat(auto-fit,minmax(300px,1fr))
  )}.card-grid--gap-sm{--grid-gap:var(--space-sm)}.card-grid--gap-md{--grid-gap:var(--space-md)}.card-grid--gap-lg{--grid-gap:var(--space-lg)}.card-grid--gap-xl{--grid-gap:var(--space-xl)}.card-grid--cols-1{--grid-columns:1fr}.card-grid--cols-2{--grid-columns:repeat(2,1fr)}.card-grid--cols-3{--grid-columns:repeat(3,1fr)}.card-grid--cols-4{--grid-columns:repeat(4,1fr)}.card-grid--cols-auto{--grid-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.card-grid--cols-2,.card-grid--cols-3,.card-grid--cols-4{--grid-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.card-grid--cols-3,.card-grid--cols-4{--grid-columns:repeat(2,1fr)}}.product-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .3s ease}.product-image-loaded{opacity:1}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(213,179,106,.08),rgba(213,179,106,.03))}.product-image-icon{font-size:2.5rem;opacity:.5}.product-card-img{width:100%;max-width:100%;aspect-ratio:16/9;border-radius:.5rem;margin:0 auto var(--space-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.product-card-img.product-hero-img{max-width:min(100%,680px);aspect-ratio:21/9;border-radius:1rem;margin:0 auto var(--space-md);box-shadow:0 4px 24px rgba(0,0,0,.3)}@media (min-width:768px){.product-card-img{aspect-ratio:5/3}.product-card-img.product-hero-img{aspect-ratio:16/9}}