.product-cards{--paper:hsl(var(--background));--paper-2:hsl(var(--secondary));--ink:hsl(var(--foreground));--ink-2:hsl(var(--muted-foreground));--ink-3:hsl(var(--muted-foreground));--hair:hsl(var(--border));--accent:hsl(var(--primary));--ease:cubic-bezier(0.5,0,0,1);--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.product-cards .grid{display:grid;gap:clamp(16px,1.6vw,22px)}.product-cards .grid.coll-grid{grid-template-columns:repeat(3,1fr)}.product-cards .card{display:flex;flex-direction:column;gap:16px;background:var(--paper-2);border-radius:20px;padding:clamp(20px,2vw,28px);font-family:var(--font-body);color:var(--ink);letter-spacing:-.003em;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease)}.product-cards .card:hover{transform:translateY(-5px);box-shadow:0 18px 40px -22px color-mix(in oklch,var(--ink) 50%,transparent)}.product-cards .card__media{display:block;position:relative;width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--hair)}.product-cards .card__media img{-o-object-fit:contain;object-fit:contain}.product-cards .card__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.product-cards .card__name{font-family:var(--font-display);font-weight:600;font-size:1.25rem;text-decoration:none;color:var(--ink);letter-spacing:-.02em}.product-cards .card__name:hover{color:var(--accent)}.product-cards .card__cat{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:.78rem;white-space:nowrap;color:var(--ink-3)}.product-cards .card__brand{font-family:var(--font-body);font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.product-cards .card__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--hair)}.product-cards .card__price{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--ink)}.product-cards .card .add{font-family:var(--font-body);font-size:.86rem;font-weight:500;cursor:pointer;border:none;background:var(--accent);color:#fff;padding:8px 16px;border-radius:980px;display:inline-flex;align-items:center;gap:.4em;text-decoration:none;transition:background .25s var(--ease),transform .25s var(--ease)}.product-cards .card .add:hover{background:oklch(.52 .18 254);transform:translateY(-1px)}.product-cards .card .add.added{background:oklch(.62 .14 150)}.product-cards .card .add:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.product-cards .grid.coll-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.product-cards .grid.coll-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.product-cards .card,.product-cards .card .add{transition:none}.product-cards .card .add:hover,.product-cards .card:hover{transform:none}}