.product-card{position:relative;background:#f2e8d00a;border:1px solid rgba(242,232,208,.08);transition:border-color var(--transition-base),transform var(--transition-slow);overflow:hidden}.product-card:hover{border-color:#f2e8d033;transform:translateY(-2px)}.product-card__link{display:block;text-decoration:none;color:inherit}.product-card__media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#0d0d0d66}.product-card--bundle .product-card__media{aspect-ratio:4/3}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__media img{transform:scale(1.04)}.product-card__image-placeholder{width:100%;height:100%;background:#f2e8d00f}.product-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);font-family:var(--font-heading);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:var(--space-1) var(--space-2)}.product-card__badge--sold-out{background:var(--color-fog);color:var(--color-black)}.product-card__badge--new{background:var(--color-rot);color:var(--color-black)}.product-card__info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.product-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.product-card__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-bone);letter-spacing:.02em;line-height:1.3}.product-card__price{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-fog)}.product-card__desc{font-family:monospace;font-size:.85rem;font-weight:400;line-height:1.4;color:#f2e8d0b8}.product-card--beer .product-card__price{color:var(--color-pus)}.product-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.product-grid--3col{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-card.css.map */
