/* HC Product Card – all rules scoped under .hcpc.
   Design unit: reference card is 898px wide, so 1 design px = 0.1114cqw (container query units). */
.hcpc{container-type:inline-size;width:100%;box-sizing:border-box}
.hcpc *,.hcpc *::before,.hcpc *::after{box-sizing:border-box}

.hcpc .hcpc__card{
	--u:.1114cqw;
	--ink:#111;
	--red:#f00;
	position:relative;
	background:#fff;
	color:var(--ink);
	border:max(1px,calc(var(--u)*2)) solid #1c1010;
	border-radius:calc(var(--u)*58);
	padding:calc(var(--u)*37) calc(var(--u)*48) calc(var(--u)*58);
	box-shadow:0 6px 18px rgba(0,0,0,.07);
	overflow:hidden;
	transition:box-shadow .3s ease,border-color .3s ease;
}
@media (hover:hover){
	.hcpc .hcpc__card:hover{box-shadow:0 16px 38px rgba(0,0,0,.20);border-color:#000}
	.hcpc .hcpc__card:hover .hcpc__img{--s:1.04}
}

/* Wishlist ------------------------------------------------------- */
.hcpc .hcpc__wish{width:max(26px,calc(var(--u)*100));height:max(24px,calc(var(--u)*90));margin:0 auto calc(var(--u)*38) 0;direction:ltr}
.hcpc .hcpc__wish .wd-action-btn,
.hcpc .hcpc__wish .wd-action-btn>a{display:block;width:100%;height:100%;margin:0;padding:0;background:none;border:0;box-shadow:none;position:relative}
.hcpc .hcpc__wish .wd-action-btn>a::before{
	content:"" !important;position:absolute;inset:0;width:100%;height:100%;margin:0;font-size:0;
	background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 84C20 62 5 47 5 28 5 15 15 6 28 6c9 0 18 5 22 13C54 11 63 6 72 6c13 0 23 9 23 22 0 19-15 34-45 56z' fill='none' stroke='%23000' stroke-width='7' stroke-linejoin='round'/%3E%3C/svg%3E");
	transition:transform .15s;
}
.hcpc .hcpc__wish .wd-action-btn>a:focus-visible{outline:2px solid #000;outline-offset:4px;border-radius:8px}
@media (hover:hover){
	.hcpc .hcpc__wish .wd-action-btn>a:hover::before{
		transform:scale(1.14);
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 84C20 62 5 47 5 28 5 15 15 6 28 6c9 0 18 5 22 13C54 11 63 6 72 6c13 0 23 9 23 22 0 19-15 34-45 56z' fill='%23e11d2e1a' stroke='%23e11d2e' stroke-width='7' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
}
/* Active state – Woodmart toggles one of these classes after the AJAX call */
.hcpc .hcpc__wish .wd-action-btn>a.added::before,
.hcpc .hcpc__wish .wd-action-btn>a.wd-added::before,
.hcpc .hcpc__wish .wd-action-btn.wd-added>a::before,
.hcpc .hcpc__wish .wd-action-btn.added>a::before,
.hcpc .hcpc__wish .wd-action-btn>a.hcpc-active::before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 84C20 62 5 47 5 28 5 15 15 6 28 6c9 0 18 5 22 13C54 11 63 6 72 6c13 0 23 9 23 22 0 19-15 34-45 56z' fill='%23e11d2e' stroke='%23e11d2e' stroke-width='7' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.hcpc .hcpc__wish .wd-action-btn>a::after{display:none}
.hcpc .hcpc__wish .wd-action-btn>a>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Image: fixed 802:480 frame, shoe always fully visible ----------- */
.hcpc .hcpc__media{
	position:relative;display:block;width:100%;aspect-ratio:900/700;
	border:max(2px,calc(var(--u)*3)) solid #000;border-radius:calc(var(--u)*24);
	background:#fff;overflow:hidden;
}
.hcpc .hcpc__media .hcpc__img{
	--s:1;--focus:48%;
	position:absolute;left:0;top:50%;width:100% !important;height:auto !important;max-width:none;margin:0;
	transform:translateY(calc(var(--focus) * -1)) scale(var(--s));
	transition:transform .45s ease;
}

/* Title: single line, fixed height ---------------------------------- */
.hcpc .hcpc__title{
	margin:calc(var(--u)*20) 0 0;padding:0;height:1.6em;
	font-size:max(15px,calc(var(--u)*60));line-height:1.6;font-weight:600;color:var(--ink);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;
}
.hcpc .hcpc__title a{color:inherit;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis}

/* Price --------------------------------------------------------------- */
.hcpc .hcpc__price{
	margin:calc(var(--u)*14) 0 0;direction:rtl;text-align:right;
	font-size:max(15px,calc(var(--u)*60));line-height:1.6;font-weight:700;color:var(--ink);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.hcpc .hcpc__price .woocommerce-Price-amount,.hcpc .hcpc__price bdi{font-weight:700;color:inherit}
.hcpc .hcpc__price del{font-size:.6em;font-weight:400;opacity:.55;margin-inline-start:.4em}
.hcpc .hcpc__price ins{text-decoration:none;background:none}

/* Stock row ------------------------------------------------------------ */
.hcpc .hcpc__stock{
	display:flex;align-items:center;gap:calc(var(--u)*18);direction:rtl;justify-content:flex-start;
	margin-top:calc(var(--u)*22);color:#555;
}
.hcpc .hcpc__stock-text{font-size:max(12px,calc(var(--u)*38));line-height:1.4;font-weight:700;white-space:nowrap}
.hcpc .hcpc__stock-icon{
	flex:0 0 auto;width:max(22px,calc(var(--u)*68));height:max(22px,calc(var(--u)*68));
	background:#0d0d0d;border-radius:calc(var(--u)*14);display:grid;place-items:center;
}
.hcpc .hcpc__stock-icon svg{width:76%;height:76%;display:block}
.hcpc .hcpc__stock.is-out .hcpc__stock-text{color:var(--red)}
.hcpc .hcpc__stock.is-out .hcpc__stock-icon{background:var(--red)}

/* Sizes: one scrolling row, never wider than the card ---------------- */
.hcpc .hcpc__sizes{
	direction:ltr;display:flex;flex-wrap:nowrap;gap:calc(var(--u)*20);
	margin-top:calc(var(--u)*27);width:100%;min-width:0;
	overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;
	scrollbar-width:none;-ms-overflow-style:none;
	-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
	cursor:grab;user-select:none;
}
.hcpc .hcpc__sizes::-webkit-scrollbar{display:none}
.hcpc .hcpc__sizes.is-drag{cursor:grabbing}
.hcpc .hcpc__sizes>:first-child{margin-left:auto} /* right-aligned when it fits, scrolls from the start when it doesn't */
.hcpc .hcpc__size{
	position:relative;flex:0 0 auto;display:grid;place-items:center;
	min-width:max(46px,calc(var(--u)*110));height:max(34px,calc(var(--u)*76));padding:0 calc(var(--u)*12);
	background:#0d0d0d;color:#fff;border-radius:calc(var(--u)*14);
	font-size:max(14px,calc(var(--u)*40));margin-top: 2px;line-height:1;font-weight:500;text-decoration:none;
	-webkit-user-drag:none;
}
.hcpc .hcpc__size{transition:background-color .2s,transform .2s}
.hcpc a.hcpc__size:focus-visible{outline:2px solid #000;outline-offset:2px}
@media (hover:hover){.hcpc a.hcpc__size:hover{background:#3a3a3a;transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.hcpc *{transition:none !important}}
.hcpc .hcpc__size.is-off{background:var(--red);color:#fff;cursor:not-allowed;pointer-events:none}
.hcpc .hcpc__size.is-off::after{content:"";position:absolute;left:0;right:0;top:50%;height:max(2px,calc(var(--u)*3));background:#fff;transform:translateY(-50%)}


.hcpc .hcpc__title a::after{content:"";position:absolute;inset:0;z-index:1}
.hcpc .hcpc__card{cursor:pointer}
.hcpc .hcpc__wish,
.hcpc .hcpc__sizes{position:relative;z-index:2}
.hcpc .hcpc__sizes{cursor:grab}