.card{gap:12px;display:grid;position:relative}.card__media{border-radius:var(--r-card);background:#f3f3f3;display:block;position:relative;overflow:hidden}.card__img{object-fit:cover;width:100%;height:auto;transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}.card__img--hover{opacity:0;height:100%;position:absolute;inset:0}@media (hover:hover){.card:hover .card__img--hover{opacity:1}.card:hover .card__media:has(.card__img--hover) .card__img:not(.card__img--hover){opacity:0}}.card__badge{letter-spacing:.14em;border-start-end-radius:0;border-end-end-radius:0;min-height:24px;padding-inline:12px 14px;font-size:9px;position:absolute;inset-block-end:16px;inset-inline-end:0}.card__wish{z-index:2;background:0 0;border:0;width:40px;height:40px;position:absolute;inset-block-start:6px;inset-inline-end:6px}.card__wish .icon{width:18px;height:18px}.card__quick{inset-inline:0;z-index:2;opacity:0;transition:opacity var(--t-fast),transform var(--t-fast);margin-block-start:10px;position:absolute;top:100%;transform:translateY(-4px)}.card__quick .btn{letter-spacing:.14em;min-height:38px;font-size:10px}.card:hover .card__quick,.card:focus-within .card__quick{opacity:1;transform:none}@media (hover:none){.card__quick{display:none}}.card__info{text-align:center;gap:4px;min-width:0;display:grid}.card__title{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding-inline:4px;font-size:11px;font-weight:400;line-height:1.3;overflow:hidden}[dir=rtl] .card__title{letter-spacing:0;font-size:13px}.card__price{justify-content:center;gap:6px;font-size:13px;font-weight:700}.card--soldout .card__title,.card--soldout .card__price{color:var(--c-ink-3)}.card-grid{gap:64px 12px;padding-block-end:48px;display:grid}.card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}