.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc((100% - 72px)/4)),1fr));gap:40px 20px}.card{position:relative;min-width:0}.card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:4px;background:var(--cat-tint)}.card__image{width:100%;height:100%;transition:transform .5s var(--ease-out)}.card__image .image,.card__image img{width:100%;height:100%;object-fit:cover}@media(hover:hover){.card:hover .card__image{transform:scale(1.04)}}.card__badge{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:3px;background:var(--color-white);color:#9a3412;font-size:.75rem;font-weight:700}.card__add{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--cat-accent);color:var(--cat-on-accent);box-shadow:0 6px 16px #0b0d0c2e;cursor:pointer;transition:transform .2s var(--ease-out)}.card__add:active{transform:scale(.94)}.card__add:disabled{opacity:.6}.card__add-icon{grid-area:1 / 1;display:grid;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.card__add-icon--check,.card__add.is-added .card__add-icon--plus{opacity:0;transform:scale(.6)}.card__add.is-added .card__add-icon--check{opacity:1;transform:none}.card__type{margin-top:14px;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cat-label)}.card__title{margin-top:2px;font-family:var(--font-primary--family);font-size:1rem;font-weight:500;line-height:1.4}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__price{margin-top:4px;font-size:.9375rem;color:var(--color-grey-500)}.price__compare{margin-left:6px;font-size:.8125rem}.rail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}.rail__title,.newsletter__title{font-size:clamp(1.625rem,3.2vw,2.25rem);line-height:1.1;letter-spacing:.01em}.rail__all{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;font-weight:600;color:var(--color-black);text-decoration:none;white-space:nowrap}.rail__all span{padding-bottom:2px;border-bottom:2px solid var(--color-orange)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cards.css.map */