.card__link{display:block;color:inherit}.card__link:hover{color:inherit}.card__link>.card__media,.card__link>.card__body{transition:transform .22s ease,box-shadow .22s ease}.card__media{position:relative;aspect-ratio:1;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-dark) 3.5%,transparent),color-mix(in srgb,var(--color-dark) 3.5%,transparent) 12px,color-mix(in srgb,var(--color-dark) 6%,transparent) 12px 24px);display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-card) var(--radius-card) 0 0}.card{background:#fff;border:1px solid color-mix(in srgb,var(--color-dark) 8%,transparent);border-radius:var(--radius-card);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px color-mix(in srgb,var(--color-dark) 14%,transparent)}.card__image{width:100%;height:100%;object-fit:cover;display:block}.card__placeholder,.card__placeholder-svg{width:100%;height:100%;fill:color-mix(in srgb,var(--color-dark) 20%,transparent)}.card__badge{position:absolute;top:12px;left:12px;z-index:1;background:var(--color-accent);color:var(--color-dark);font-family:var(--font-heading);font-size:11px;font-weight:700;padding:5px 10px;border-radius:100px}.card__body{padding:16px 16px 18px}.card__rating{display:flex;gap:2px;margin-bottom:8px;color:var(--color-link-hover)}.card__star--empty{opacity:.25}.card__title{font-family:var(--font-heading);font-weight:600;font-size:16px;color:var(--color-text);margin:0 0 8px;line-height:1.35}.card__prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.card__price{font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-dark)}.card__compare{font-size:13px;color:color-mix(in srgb,var(--color-text) 45%,transparent)}.card__sold-out{font-size:12px;font-family:var(--font-heading);font-weight:600;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;list-style:none;margin:0;padding:0}@media screen and (max-width:600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card__body{padding:12px 12px 14px}.card__title{font-size:14.5px}.card__price{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card.css.map */