/* XD LuxHome - trang danh muc san pham. Huong thiet ke: Obsidian & Champagne Gold. */

.xa{
	--a-bg:#0B0C0F;
	--a-surface:#14161B;
	--a-ink:#F7F5F0;
	--a-body:rgba(247,245,240,.76);
	--a-mu:#9AA0AA;
	--a-gold:#CBA135;
	--a-gold-l:#E8D5A3;
	--a-line:rgba(232,213,163,.16);
	--a-frame:rgba(203,161,53,.45);
	--a-w:1240px;
	--a-fd:'Playfair Display',Georgia,serif;
	--a-fb:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
	font-family:var(--a-fb);
	background:var(--a-bg);
	color:var(--a-ink);
	display:block;
}

.xa *{box-sizing:border-box}
.xa :where(h1,h2,h3,p,ul,ol,li,figure,details,summary,nav){margin:0;padding:0;text-align:left}
.xa img{max-width:100%;height:auto}
.xa a{color:inherit}
.xa a:focus-visible,.xa summary:focus-visible{outline:2px solid var(--a-gold);outline-offset:3px}

.xa-wrap{max-width:var(--a-w);margin:0 auto;padding:0 20px}
.xa-sec{padding:64px 0}
@media (max-width:860px){.xa-sec{padding:44px 0}}

.xa-h2{font-family:var(--a-fd);font-size:clamp(23px,2.4vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--a-gold-l);margin:0 0 30px}
.xa-h2-tight{margin-bottom:10px}

/* ---------------- DAU TRANG ---------------- */
.xa-head{
	background:radial-gradient(120% 95% at 84% -14%,rgba(203,161,53,.13) 0%,rgba(203,161,53,0) 58%),#0B0C0F;
	padding:18px 0 40px;
	position:relative;
}
.xa-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(203,161,53,.45),transparent)}

.xa .xp-bc,.xa .woocommerce-breadcrumb{font-size:12.5px;line-height:1.6;color:var(--a-mu);margin:0 0 26px}
.xa .xp-bc a,.xa .woocommerce-breadcrumb a{color:var(--a-mu);text-decoration:none}
.xa .xp-bc a:hover,.xa .woocommerce-breadcrumb a:hover{color:var(--a-gold)}
.xa .xp-bc-sep{margin:0 9px;color:rgba(232,213,163,.32)}

.xa-title{font-family:var(--a-fd);font-size:clamp(30px,4.4vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.015em;color:var(--a-ink);margin:0 0 16px;max-width:20ch}
.xa-intro{font-size:15.5px;line-height:1.75;color:var(--a-body);max-width:74ch;margin:0}

/* ---------------- CHIP DANH MUC / THUONG HIEU ---------------- */
.xa-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px}
.xa-chips-label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--a-mu);margin-right:6px}
.xa-chip{
	display:inline-flex;align-items:center;gap:7px;
	padding:8px 15px;
	border:1px solid var(--a-line);
	font-size:13.5px;line-height:1.2;color:var(--a-body);
	text-decoration:none;
	transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.xa-chip span{font-size:11px;color:var(--a-mu)}
.xa-chip:hover{border-color:var(--a-gold);color:var(--a-gold-l)}
.xa-chip.is-on{border-color:var(--a-gold);background:rgba(203,161,53,.1);color:var(--a-gold-l)}
.xa-chip.is-on span{color:var(--a-gold-l)}
.xa-chips-brand{margin-top:14px}

/* ---------------- THANH SAP XEP ---------------- */
.xa-bar{
	display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
	padding:0 0 22px;margin:0 0 30px;
	border-bottom:1px solid var(--a-line);
}
.xa-bar .woocommerce-result-count{font-size:13px;color:var(--a-mu);margin:0}
.xa-bar .woocommerce-ordering{margin:0}
.xa-bar select{
	background:var(--a-surface);color:var(--a-ink);
	border:1px solid var(--a-line);border-radius:0;
	padding:9px 12px;font-size:13.5px;font-family:inherit;
}
.xa-bar select:focus{outline:none;border-color:var(--a-gold)}

/* ---------------- LUOI SAN PHAM ---------------- */
.xa .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:0!important;padding:0!important;list-style:none}
@media (max-width:1000px){.xa .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (max-width:760px){.xa .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.xa .products::before,.xa .products::after{display:none!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);transition:border-color .22s ease,transform .22s ease}
.xa .products li.product:hover{border-color:var(--a-gold);transform:translateY(-2px)}
.xa .products li.product>a{display:block;text-decoration:none}
.xa .products li.product img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#F7F5F0;padding:16px;margin:0}
.xa .products li.product .woocommerce-loop-product__title{font-size:14.5px!important;line-height:1.45;font-weight:600;color:var(--a-ink);padding:14px 16px 6px!important;margin:0}
.xa .products li.product .price{display:block;font-size:15px;color:var(--a-gold-l);padding:0 16px 14px;margin:0}
.xa .products li.product .price del{color:var(--a-mu);font-size:13px;margin-right:7px;opacity:.8}
.xa .products li.product .price ins{background:none;text-decoration:none;color:var(--a-gold-l)}
.xa .products li.product .button,.xa .products li.product .added_to_cart{
	display:inline-block;margin:0 16px 16px;padding:9px 16px;
	background:none;border:1px solid rgba(232,213,163,.35);border-radius:0;
	font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--a-gold-l);text-decoration:none;
}
.xa .products li.product .button:hover,.xa .products li.product .added_to_cart:hover{border-color:var(--a-gold);background:rgba(203,161,53,.1)}
.xa .products li.product .onsale{background:var(--a-gold);color:#0B0C0F;border-radius:0;font-size:11.5px;letter-spacing:.05em;min-height:0;min-width:0;padding:5px 10px;line-height:1;top:10px;right:10px;left:auto;margin:0}

/* ---------------- PHAN TRANG ---------------- */
.xa .woocommerce-pagination{margin:44px 0 0;text-align:center}
.xa .woocommerce-pagination ul{display:inline-flex;gap:6px;border:0!important;margin:0;padding:0}
.xa .woocommerce-pagination ul li{border:0!important;margin:0}
.xa .woocommerce-pagination ul li a,.xa .woocommerce-pagination ul li span{
	display:block;min-width:40px;padding:10px 12px;
	border:1px solid var(--a-line);color:var(--a-body);
	font-size:13.5px;text-decoration:none;background:none;
}
.xa .woocommerce-pagination ul li a:hover{border-color:var(--a-gold);color:var(--a-gold-l);background:none}
.xa .woocommerce-pagination ul li span.current{border-color:var(--a-gold);background:rgba(203,161,53,.12);color:var(--a-gold-l)}

.xa-empty{border:1px solid var(--a-line);background:var(--a-surface);padding:44px 24px;text-align:center;color:var(--a-mu);font-size:14.5px}
.xa-empty p{margin:0 0 16px}

/* ---------------- NOI DUNG MO TA DANH MUC ---------------- */
.xa-body{background:var(--a-surface);border-top:1px solid var(--a-line)}
.xa-prose{max-width:78ch;font-size:15.5px;line-height:1.85;color:var(--a-body)}
.xa-prose h2{font-family:var(--a-fd);font-size:clamp(21px,2.2vw,28px);font-weight:700;line-height:1.25;color:var(--a-gold-l);margin:38px 0 14px}
.xa-prose h2:first-child{margin-top:0}
.xa-prose h3{font-size:17px;font-weight:700;line-height:1.4;color:var(--a-ink);margin:26px 0 10px}
.xa-prose p{margin:0 0 16px}
.xa-prose ul,.xa-prose ol{margin:0 0 18px;padding-left:22px}
.xa-prose ul{list-style:disc}
.xa-prose ol{list-style:decimal}
.xa-prose li{margin:0 0 8px;padding-left:4px}
.xa-prose strong{color:var(--a-ink);font-weight:700}
.xa-prose a{color:var(--a-gold-l);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(232,213,163,.4)}
.xa-prose a:hover{text-decoration-color:var(--a-gold)}
.xa-prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14.5px}
.xa-prose th,.xa-prose td{border:1px solid var(--a-line);padding:11px 14px;text-align:left;vertical-align:top}
.xa-prose th{color:var(--a-ink);font-weight:700;background:rgba(203,161,53,.06)}

/* ---------------- CAU HOI THUONG GAP ---------------- */
.xa-faq-list{border-top:1px solid var(--a-line);max-width:88ch}
.xa-faq-list details{border-bottom:1px solid var(--a-line)}
.xa-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none}
.xa-faq-list summary::-webkit-details-marker{display:none}
.xa-faq-list summary h3{font-size:16px;font-weight:600;line-height:1.5;color:var(--a-ink);margin:0}
.xa-faq-list details[open] summary h3{color:var(--a-gold-l)}
.xa-faq-list p{padding:0 0 22px;font-size:15px;line-height:1.8;color:var(--a-body);max-width:76ch;margin:0}
.xa-plus{position:relative;flex:0 0 14px;width:14px;height:14px}
.xa-plus::before,.xa-plus::after{content:"";position:absolute;background:var(--a-gold);transition:transform .25s ease}
.xa-plus::before{top:6px;left:0;width:14px;height:1.5px}
.xa-plus::after{left:6px;top:0;width:1.5px;height:14px}
.xa-faq-list details[open] .xa-plus::after{transform:scaleY(0)}

/* ---------------- KEU GOI TU VAN ---------------- */
.xa-cta{border-top:1px solid var(--a-line)}
.xa-cta-in{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.xa-cta p{font-size:15px;line-height:1.7;color:var(--a-body);max-width:62ch;margin:0}
.xa-btn,.xa-btn-ghost{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	padding:15px 30px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;
	text-decoration:none;border-radius:0;transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.xa-btn{background:var(--a-gold);color:#0B0C0F;border:1px solid var(--a-gold)}
.xa-btn:hover{background:var(--a-gold-l);border-color:var(--a-gold-l);color:#0B0C0F}
.xa-btn-ghost{background:none;color:var(--a-gold-l);border:1px solid rgba(232,213,163,.35)}
.xa-btn-ghost:hover{border-color:var(--a-gold);background:rgba(203,161,53,.1)}
@media (max-width:700px){.xa-btn,.xa-btn-ghost{width:100%}}