/**
 * product-card.css
 * WHAT: Product card (used on home, shop, wishlist, related, cart), grids, badges, stars, price, stock, empty state.
 * NOTE: Markup: woocommerce/content-product.php.
 * Loaded by inc/assets.php (order matters: later files may override earlier ones).
 */
 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
    background: var(--btn-cart-bg);
    color: var(--btn-cart-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  
 }
 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover{
    transform: translateY(-1px);
    /*box-shadow: 0 6px 10px #00000029;*/
}
 
.hn-grid{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:16px;
}
.hn-card{
	background:#fff;
	border-radius:var(--r);
	padding:10px 10px 14px;
	box-shadow:0 1px 0 var(--line),0 6px 18px #1f4d2b0f;
	display:flex;
	flex-direction:column;
	gap:6px;
}
.hn-card__media{
	position:relative;
	border-radius:10px;
	overflow:hidden;
	aspect-ratio:1;
	background:var(--green-l);
}
.hn-card__media img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.hn-tag{
	background:var(--orange);
	color:#fff;
	font-size:12px;
	font-weight:600;
	padding:3px 10px;
	border-radius:6px;
	line-height:1.4;
}
.hn-wish {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    color: var(--ink);
    display: grid;
    place-items: center;
    cursor: pointer;

    /* 3D shadow effect */
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.08),
        0 5px 10px rgba(0, 0, 0, 0.12),
        inset 0 1px 1px rgba(255, 255, 255, 0.9);

    transition: all 0.25s ease;
}

.hn-wish:hover {
    transform: translateY(-2px);
    box-shadow:
        0 4px 6px rgba(0, 0, 0, 0.10),
        0 8px 16px rgba(0, 0, 0, 0.16),
        inset 0 1px 1px rgba(255, 255, 255, 0.9);
}

.hn-wish:active {
    transform: translateY(1px);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.12),
        inset 0 2px 4px rgba(0, 0, 0, 0.08);
}
.hn-wish.is-on{
	color:#e0245e;
}
.hn-wish.is-on svg{
	fill:currentColor;
}
.hn-card__title{
	font:600 15px/1.35 var(--sans);
	color:var(--ink);
	margin-top:4px;
}
.hn-card__title a:hover{
	color:var(--green);
}
.hn-rating{
	font-size:12px;
	color:var(--muted);
	display:flex;
	align-items:center;
	gap:6px;
}
.hn-stars{
	--r:0%;
	display:inline-block;
	width:5.4em;
	height:1em;
	font-size:14px;
	background:linear-gradient(90deg,#f0a30a var(--r),#ddd var(--r));
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12'%3E%3Cpath d='M6 0l1.8 3.8 4.2.6-3 2.9.7 4.2L6 9.500 2.300 11.500l.7-4.200-3-2.900 4.200-.6z' id='s'/%3E%3Cuse href='%23s' x='12'/%3E%3Cuse href='%23s' x='24'/%3E%3Cuse href='%23s' x='36'/%3E%3Cuse href='%23s' x='48'/%3E%3C/svg%3E") 0 0/100% 100%;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12'%3E%3Cpath d='M6 0l1.8 3.8 4.2.6-3 2.9.7 4.2L6 9.500 2.300 11.500l.7-4.200-3-2.900 4.200-.6z' id='s'/%3E%3Cuse href='%23s' x='12'/%3E%3Cuse href='%23s' x='24'/%3E%3Cuse href='%23s' x='36'/%3E%3Cuse href='%23s' x='48'/%3E%3C/svg%3E") 0 0/100% 100%;
}
.hn-price{
	font-weight:700;
	font-size:18px;
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:4px 8px;
	margin-top:auto;
}
.hn-price del{
	font-weight:400;
	font-size:13px;
	color:var(--muted);
}
.hn-price ins{
	text-decoration:none;
}
.hn-off{
	font-size:12px;
	font-weight:600;
	color:var(--orange);
	border:1px solid #f3c2ad;
	border-radius:5px;
	padding:0 6px;
}
.hn-card .button{
	margin-top:6px;
}
@media (max-width:1024px){
	.hn-grid{
		grid-template-columns:repeat(3,1fr);
	}
}
@media (max-width:720px){
	.hn-grid{
		grid-template-columns:1fr 1fr;
		gap:10px;
	}
}
.hn-card__link{
	display:block;
	width:100%;
	height:100%;
}
.hn-card__media img{
	/*transition:transform .5s;*/
	transition: opacity 0.7s ease-in-out,
	transform 0.7s ease-in-out;
}
.hn-card__alt{
	position:absolute;
	inset:0;
	opacity:0;
    transition: opacity 0.7s ease-in-out,
    transform 0.7s ease-in-out;
}
@media (hover:hover){
	.hn-card:hover .hn-card__alt{
		opacity:1;
		transform: scale3d(1.05, 1.05, 1.05) translateZ(0px);
	}
	.hn-card:hover .hn-card__media img:first-child{
		/*transform:scale(1.04);*/
		transform: scale3d(1.05, 1.05, 1.05) translateZ(0px);
	}
}
.hn-tag--best{
	background:var(--orange);
}
.hn-tag--new{
	background:var(--green);
}
.hn-tag--sale{
	background:#c62828;
}
.hn-tag--combo{
	background:#5b3a9d;
}
.hn-tag--out{
	background:#6b6b6b;
}
.hn-tag--custom{
	background:#0b6e6e;
}
.hn-card .button.hn-btn{
	gap:5px;
}
.hn-card .added_to_cart{
	display:none;
}
.hn-card .button,.hn-card .hn-btn{
	min-height:42px;
	padding:9px 12px;
	font-size:14px;
	margin-top:6px;
}
.hn-tags{
	position:absolute;
	top:8px;
	left:8px;
	z-index:3;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:6px;
}
.hn-tag--best{
	background:linear-gradient(135deg,var(--orange),var(--orange-2));
}
.hn-tag--new{
	background:linear-gradient(135deg,var(--green),var(--green-2));
}
.hn-tag--sale{
	background:linear-gradient(135deg,#c62828,#ef5350);
}
.hn-tag--combo{
	background:linear-gradient(135deg,#5b3a9d,#8e67d6);
}
.hn-tag--out{
	background:#6b6b6b;
}
.hn-tag--custom{
	background:linear-gradient(135deg,#0b6e6e,#2bb0a0);
}
.hn-grid--4{
	grid-template-columns:repeat(4,1fr);
}
.hn-empty{
	text-align:center;
	padding:50px 0;
}
.hn-empty .hn-chips2{
	justify-content:center;
	margin-top:16px;
}
@media (max-width:1024px){
	.hn-grid--4{
		grid-template-columns:repeat(3,1fr);
	}
}
@media (max-width:720px){
	.hn-grid--4{
		grid-template-columns:1fr 1fr;
	}
}
@media (max-width:1200px){
	.hn-grid{
		grid-template-columns:repeat(4,1fr);
	}
}
@media (max-width:1024px){
	.hn-grid{
		grid-template-columns:repeat(3,1fr);
	}
}
@media (max-width:720px){
	.hn-grid{
		grid-template-columns:1fr 1fr;
	}
}
.hn-grid--shop{
	grid-template-columns:repeat(4,1fr);
}
@media (max-width:1200px){
	.hn-grid--shop{
		grid-template-columns:repeat(3,1fr);
	}
}
@media (max-width:900px){
	.hn-grid--shop{
		grid-template-columns:repeat(3,1fr);
	}
}
@media (max-width:720px){
	.hn-grid--shop{
		grid-template-columns:1fr 1fr;
	}
}
.hn-card[hidden]{
	display:none;
}
.hn-card__desc{
	margin:0;
	font-size:13px;
	color:var(--muted);
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:2.9em;
}
.hn-stock{
	margin:0;
	font-size:13px;
	font-weight:600;
	display:flex;
	align-items:center;
	gap:6px;
}
.hn-stock::before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	background:currentColor;
}
.hn-stock--in{
	color:#1e8e3e;
}
.hn-stock--low{
	color:var(--orange);
}
.hn-stock--out{
	color:#8a8a8a;
}
.hn-card__btns{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-top:6px;
}
.hn-card__btns .button{
	margin-top:0;
}
@media (max-width:720px){
	.hn-card__btns .button{
		font-size:13px;
		padding-inline:8px;
	}
}

.woocommerce a.added_to_cart {
    padding-top: .5em;
    display: none;
}