/* XD LuxHome - the san pham tren trang danh muc (bo cuc 2 cot, tong den-gold) */

.xa .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;margin:0!important;padding:0!important;list-style:none}
@media (max-width:1100px){.xa .products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}}
@media (max-width:760px){.xa .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}

.xa .products li.product{width:auto!important;float:none!important;margin:0!important;padding:0!important;background:var(--a-surface);border:1px solid var(--a-line);border-radius:3px;overflow:hidden;display:flex!important;flex-direction:column;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.xa .products li.product:hover{border-color:var(--a-frame);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(0,0,0,.9)}
.xa .products li.product::before,.xa .products li.product::after{display:none!important}
.xa .products li.product .onsale{display:none!important}

.xac{display:flex;flex-direction:column;height:100%}
.xac-media{position:relative;display:block;background:#F7F5F0;aspect-ratio:1/1;padding:10px;overflow:hidden}
.xac-media img{width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:none!important;object-fit:contain;display:block;transition:transform .45s ease}
.xa .products li.product:hover .xac-media img{transform:scale(1.04)}
.xac-off{position:absolute;top:8px;right:8px;z-index:2;background:#8E1B1B;color:#fff;font-size:11px;font-weight:700;line-height:1;letter-spacing:.01em;padding:5px 7px;border-radius:3px}

.xac-in{display:flex;flex-direction:column;flex:1;padding:11px 12px 12px}
.xac-name{font-family:var(--a-fd);font-size:14px;font-weight:600;line-height:1.36;margin:0 0 7px!important;padding:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xac-name a{color:var(--a-ink);text-decoration:none}
.xac-name a:hover{color:var(--a-gold-l)}

.xac-feat{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 9px}
.xac-feat span{max-width:100%;font-size:10px;line-height:1.5;padding:2px 6px;border:1px solid rgba(232,213,163,.22);border-radius:2px;background:rgba(232,213,163,.05);color:rgba(247,245,240,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.xac-price{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:16px;font-weight:700;line-height:1.3;color:var(--a-gold-l);letter-spacing:-.01em}
.xac-price del{font-size:12px;font-weight:400;color:var(--a-mu);opacity:.85;text-decoration:line-through}
.xac-price ins{background:none;text-decoration:none;color:var(--a-gold-l)}
.xac-ask{font-size:13.5px;font-weight:600;color:var(--a-gold-l);letter-spacing:.01em}

.xa .products li.product .xdl-sold{margin:7px 0 0!important}

.xac-buy{margin-top:11px}
.xa .products li.product .xac-btn,.xa .products li.product .xac-buy .button,.xa .products li.product .xac-buy .added_to_cart{
	display:flex!important;align-items:center;justify-content:center;width:100%;
	margin:0!important;padding:10px 10px!important;
	border:1px solid rgba(232,213,163,.34);border-radius:3px;
	background:rgba(203,161,53,.08)!important;color:var(--a-gold-l)!important;
	font-family:var(--a-fb);font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
	transition:background .2s ease,border-color .2s ease;
}
.xa .products li.product .xac-btn:hover,.xa .products li.product .xac-buy .button:hover{border-color:var(--a-gold);background:rgba(203,161,53,.18)!important}
.xa .products li.product .xac-buy .added_to_cart{margin-top:6px!important}

.xac-ship{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:10.5px;line-height:1.35;color:rgba(232,213,163,.7)}
.xac-ship svg{width:13px;height:13px;flex:none;color:var(--a-gold)}

@media (max-width:760px){
	.xac-in{padding:10px 10px 11px}
	.xac-name{font-size:13px;margin-bottom:6px!important}
	.xac-price{font-size:15px}
	.xac-ask{font-size:12.5px}
	.xac-feat span{font-size:9.5px;padding:2px 5px}
	.xa .products li.product .xac-btn,.xa .products li.product .xac-buy .button{font-size:11.5px;padding:9px 8px!important;letter-spacing:.03em}
	.xac-ship{font-size:10px;margin-top:8px}
}
@media (max-width:380px){
	.xac-name{font-size:12.5px}
	.xac-feat{display:none}
}