/* Карточка товара: 342×420 на десктопе, фото 220 на мобилке */
.p-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 23px;
	min-width: 0;
	color: var(--c-charcoal-500);
}
.p-card__media {
	position: relative;
	display: block;
	height: 420px;
	background: var(--c-warm-50);
	overflow: hidden;
}
.p-card__img {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
	transition: opacity .4s var(--ease), transform .6s var(--ease);
}
.p-card__img--hover { opacity: 0; }

.p-card__actions {
	position: absolute;
	left: 10px; right: 10px; top: 366px;
	display: flex; gap: 6px;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity var(--t) var(--ease), transform var(--t) var(--ease);
	pointer-events: none;
}
.p-card__actions .btn { flex: 1 1 0; height: 44px; padding: 12px; background-color: var(--c-white); }
.p-card__actions .btn--dark { background: var(--c-black); }

@media (hover: hover) and (min-width: 1024px) {
	.p-card:hover .p-card__img--hover { opacity: 1; }
	.p-card:hover .p-card__img:not(.p-card__img--hover):has(+ .p-card__img--hover) { opacity: 0; }
	.p-card:hover .p-card__actions,
	.p-card:focus-within .p-card__actions { opacity: 1; transform: none; pointer-events: auto; }
}

.p-card__fav {
	position: absolute; top: 10px; right: 9.5px;
	width: 44px; height: 44px; padding: 12px;
	display: flex; align-items: center; justify-content: center;
	color: var(--c-charcoal-500);
}
.p-card__fav svg { width: 20px; height: auto; }
.p-card__fav:hover { color: var(--c-accent); }
.p-card__fav[aria-pressed="true"] { color: var(--c-accent); }
.p-card__fav[aria-pressed="true"] svg path { fill: currentColor; }

.p-card__body { display: flex; flex-direction: column; gap: 20px; padding-right: 20px; }
.p-card__title {
	display: block;
	font-size: 14px; line-height: 1.4; font-weight: 300;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.p-card__title:hover { color: var(--c-accent); }
.p-card__desc { display: none; }
.p-card__price { font-weight: 500; font-size: 16px; line-height: 1.2; }

@media (max-width: 1023px) {
	.p-card { gap: 16px; }
	.p-card__media { height: 220px; }
	.p-card__img { object-fit: cover; }
	.p-card__actions { display: none; }
	.p-card__fav { top: 8px; right: 8px; width: 28px; height: 28px; padding: 7.6px; }
	.p-card__fav svg { width: 12.7px; }
	.p-card__body { gap: 16px; padding-right: 0; font-size: 12px; line-height: 1.2; }
	.p-card__text { display: flex; flex-direction: column; gap: 8px; }
	.p-card__title { font-weight: 600; font-size: 12px; line-height: 1.2; white-space: normal; }
	.p-card__desc {
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
		font-weight: 300; font-size: 12px; line-height: 1.2;
	}
	.p-card__price { font-size: 12px; }
}

/* Сердечко: контур / заливка */
.fav-ico { display: flex; }
.fav-ico--on { display: none; color: var(--c-charcoal-500); }
[aria-pressed="true"] > .fav-ico--off, .has-items > .fav-ico--off { display: none; }
[aria-pressed="true"] > .fav-ico--on, .has-items > .fav-ico--on { display: flex; }
.p-card__fav[aria-pressed="true"] { color: var(--c-charcoal-500); }
.p-card__fav .fav-ico svg { width: 20px; height: auto; }
@media (max-width: 1023px) { .p-card__fav .fav-ico svg { width: 12.7px; } }