.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem)}.product{cursor:pointer}.fav-card{display:block;color:inherit;text-decoration:none}.product-media{position:relative;aspect-ratio:3/4;border-radius:var(--r-lg);overflow:hidden;background:var(--soft);margin-bottom:1rem}.product-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.product-media .pm-2{opacity:0;transition:opacity .4s var(--ease)}.product:hover .product-media .pm-2{opacity:1}.product-tag{position:absolute;top:.85rem;left:.85rem;padding:.3rem .7rem;background:var(--paper);border-radius:var(--r-pill);font-size:.62rem;font-weight:600;color:var(--ink)}.product-tag.accent{background:var(--ink);color:var(--bg)}.product-wish{position:absolute;top:.7rem;right:.7rem;width:36px;height:36px;border-radius:50%;background:var(--paper);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;transform:translateY(-4px);transition:opacity .2s var(--ease),transform .2s,background .16s;box-shadow:var(--shadow-sm)}.product:hover .product-wish{opacity:1;transform:translateY(0)}.product-wish:hover{background:var(--ink);color:var(--bg)}.product-wish svg{width:15px;height:15px}.product-add{position:absolute;bottom:.85rem;left:.85rem;right:.85rem;padding:.7rem;background:var(--ink);color:var(--bg);border-radius:var(--r-pill);font-size:.72rem;font-weight:500;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s}.product:hover .product-add{opacity:1;transform:translateY(0)}.product-name{font-family:Bricolage Grotesque,sans-serif;font-size:1.02rem;font-weight:600;margin:0 0 .15rem}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.product-type{font-size:.78rem;color:var(--muted)}.product-price{font-size:.9rem;font-weight:500;white-space:nowrap}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-meta{flex-direction:column;align-items:flex-start;gap:.1rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/lucemia-products.css.map */