/* =============================================================================
   ВИШЛИСТ — сердечко на карточках + сетка в ЛК. Фирменные токены design-system.
============================================================================= */

/* ── Сердечко на карточке товара ── */
.item-card-mini { position: relative; }

.ua-wish-heart {
    position: absolute;
    top: .62em;
    right: .62em;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    border-radius: 50%;
    background: var(--c-white, #fff);
    box-shadow: 0 1px 4px var(--c-ink-18, rgba(0,0,0,.18));
    cursor: pointer;
    color: var(--c-ink-40, rgba(0,0,0,.4));
    transition: color .15s ease, transform .15s ease, background .15s ease;
}
.ua-wish-heart:hover { transform: scale(1.08); color: var(--c-accent, #000); }
.ua-wish-heart svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.ua-wish-heart.is-active { color: var(--c-error, #c0392b); }
.ua-wish-heart.is-active svg { fill: currentColor; stroke: currentColor; }
.ua-wish-heart.is-loading { opacity: .5; pointer-events: none; }

/* ── Действия раздела (Поделиться) ── */
.ua-wishlist-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--sp-3, 1.04em);
}

/* ── Сетка избранного ── */
.ua-wishlist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
    gap: var(--sp-3, 1.04em);
}

.ua-wish-card {
    display: flex;
    flex-direction: column;
    background: var(--c-surface, #fff);
    border: 1px solid var(--c-ink-12, rgba(0,0,0,.12));
    border-radius: var(--r-3, .83em);
    overflow: hidden;
}
.ua-wish-card__img {
    display: block;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    background-color: var(--c-gray-100, #f3f3f3);
}
.ua-wish-card__body {
    padding: var(--sp-2, .52em) var(--sp-3, 1.04em);
    flex: 1 1 auto;
}
.ua-wish-card__name {
    display: block;
    color: var(--c-black, #000);
    text-decoration: none;
    font-size: .94em;
    line-height: 1.3;
}
.ua-wish-card__name:hover { text-decoration: underline; }
.ua-wish-card__price {
    margin-top: var(--sp-1, .26em);
    font-weight: 600;
    color: var(--c-black, #000);
}
.ua-wish-card__actions {
    display: flex;
    align-items: center;
    gap: var(--sp-2, .52em);
    padding: var(--sp-2, .52em) var(--sp-3, 1.04em) var(--sp-3, 1.04em);
}
.ua-wish-card__actions .ds-btn { flex: 1 1 auto; }
.ua-wish-remove {
    flex: 0 0 auto;
    width: 2.2em;
    height: 2.2em;
    border: 1px solid var(--c-ink-12, rgba(0,0,0,.12));
    border-radius: var(--r-2, .52em);
    background: var(--c-white, #fff);
    color: var(--c-ink-40, rgba(0,0,0,.4));
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease;
}
.ua-wish-remove:hover { color: var(--c-error, #c0392b); border-color: var(--c-error, #c0392b); }

@media screen and (max-width: 479px) {
    .ua-wishlist-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Сердечко на странице товара: в ряд с названием, справа сверху ── */
.item-head-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .6em;
}
.item-head-row .item-head { flex: 1 1 auto; }
.item-head-row .ua-wish-heart {
    position: static;
    flex: 0 0 auto;
    width: 2.4em;
    height: 2.4em;
    box-shadow: none;
    background: var(--c-gray-100, #f3f3f3);
}
.item-head-row .ua-wish-heart:hover { background: var(--c-gray-200, #eaeaea); transform: none; }