/* MR.VŨ — Khối "Xu hướng tìm kiếm" + "Danh mục nổi bật" cạnh ô tìm kiếm thật. */
.mrvu-search-ov {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 6px;
	background: #fff;
	border: 1.5px solid var(--hd-line-2, #e9e1d6);
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(36, 29, 24, .14);
	padding: 20px 22px 22px;
	z-index: 9999;
	display: none;
}
.mrvu-search-ov.is-open { display: block; }

.mrvu-search-ov__label {
	font-size: 12.5px;
	font-weight: 700;
	color: #2b2420;
	margin-bottom: 12px;
}
.mrvu-search-ov__label:not(:first-child) { margin-top: 20px; }

.mrvu-search-ov__pills {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.mrvu-search-ov__pill {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #F8F3F0;
	border: 1px solid #e9e1d6;
	border-radius: 8px;
	padding: 8px 10px;
	font-size: 12px;
	color: #2b2420;
	text-decoration: none;
	transition: background .15s ease;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mrvu-search-ov__pill svg { flex-shrink: 0; }
.mrvu-search-ov__pill:hover { background: #ede4da; }

.mrvu-search-ov__cats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.mrvu-search-ov__cat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 12px 6px;
	border-radius: 8px;
	background: #F8F3F0;
	text-decoration: none;
	font-size: 12.5px;
	color: #2b2420;
	text-align: center;
	transition: background .15s ease;
}
.mrvu-search-ov__cat:hover { background: #ede4da; }

/* Vị trí đặt overlay: ngay trong khối bọc ô tìm kiếm thật */
.dgwt-wcas-search-wrap { position: relative; }

@media (max-width: 768px) {
	.mrvu-search-ov { padding: 16px; }
	.mrvu-search-ov__pills { grid-template-columns: repeat(2, 1fr); }
	.mrvu-search-ov__cats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 420px) {
	.mrvu-search-ov__pills { grid-template-columns: 1fr; }
}

/* =========================================================================
   MR.VŨ — Khối "Hệ thống showroom" ở footer — bố cục 1 hàng gọn.
   ====================================================================== */
.mrvu-sr-footer{padding:40px 0 56px;background:#F8F3F0}
.mrvu-sr-footer__row{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding-inline:24px}
.mrvu-sr-footer__logo{flex-shrink:0;display:block;line-height:0}
.mrvu-sr-footer__logo img{display:block;width:auto;height:64px;max-width:150px;object-fit:contain;mix-blend-mode:multiply}
.mrvu-sr-footer__head{flex:1;display:flex;flex-direction:column;gap:10px}
.mrvu-sr-footer__title{font-family:'EB Garamond',Georgia,serif;font-size:19px;font-weight:600;color:#660000}
.mrvu-sr-footer__tabs{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.mrvu-sr-footer__tabs li a{display:inline-block;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;color:#6b6058;text-decoration:none}
.mrvu-sr-footer__tabs li.active a{background:#660000;color:#fff}
.mrvu-sr-footer__all{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1.5px solid #660000;color:#660000;font-size:13px;font-weight:600;padding:10px 20px;border-radius:999px;text-decoration:none;white-space:nowrap}
.mrvu-sr-footer__all:hover{background:#660000;color:#fff}

.mrvu-sr-footer__body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;max-width:1200px;margin:28px auto 0;padding-inline:24px;align-items:start}
.mrvu-sr-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mrvu-sr-footer__list li a{display:block;padding:14px 16px;border-radius:10px;text-decoration:none;color:#2b2420;font-size:13.5px;font-weight:700}
.mrvu-sr-footer__list li a span{display:block;font-size:12px;font-weight:400;color:#766c62;margin-top:3px}
.mrvu-sr-footer__list li.active a{background:#cba789;color:#fff}
.mrvu-sr-footer__list li.active a span{color:#fff;opacity:.9}
.mrvu-sr-footer__list li:not(.active) a span{display:none}

.mrvu-sr-footer__panels .tab-pane{display:none}
.mrvu-sr-footer__panels{min-width:0}
.mrvu-sr-footer__panels .tab-pane.active{display:grid;grid-template-columns:fit-content(58%) minmax(0,1fr);gap:32px;align-items:start}
.mrvu-sr-footer__media{border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(36,29,24,.12);position:relative;height:300px;width:fit-content;max-width:100%}
.mrvu-sr-footer__media img{display:block;height:100%;width:auto;max-width:100%;object-fit:cover}
.mrvu-sr-footer__media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0}
.mrvu-sr-footer__info{font-size:14px;line-height:1.7;color:#463c34}
.mrvu-sr-footer__info .consultants{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e9e1d6}
.mrvu-sr-footer__info .avatar img{border-radius:50%;object-fit:cover}
.mrvu-sr-footer__info .sub-name{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#96733f}
.mrvu-sr-footer__info .name{font-size:15px;font-weight:700;color:#2b2420}

@media (max-width:900px){
	.mrvu-sr-footer{padding:24px 0 12px}
	/* Bỏ khoảng trống thừa giữa khối showroom và dòng bản quyền */
	#footer .footer-top{padding-bottom:0!important;margin-bottom:0!important}
	#footer .footer-bot{padding:0!important;margin:0!important;min-height:0!important}
	#footer .footer-bot .row{margin:0!important}
	.mrvu-sr-footer__row{flex-wrap:wrap;gap:12px 16px;padding-inline:16px}
	.mrvu-sr-footer__logo{order:1}
	.mrvu-sr-footer__logo img{height:44px;max-width:110px}
	.mrvu-sr-footer__all{order:2;margin-left:auto;padding:8px 14px;font-size:12.5px}
	.mrvu-sr-footer__head{order:3;flex:0 0 100%;gap:8px}
	.mrvu-sr-footer__title{font-size:17px;line-height:1.3;margin:0}
	.mrvu-sr-footer__tabs{gap:6px;overflow-x:auto;scrollbar-width:none}
	.mrvu-sr-footer__tabs::-webkit-scrollbar{display:none}
	.mrvu-sr-footer__tabs li{flex:none}
	.mrvu-sr-footer__tabs li a{padding:7px 14px;font-size:13px;white-space:nowrap}

	.mrvu-sr-footer__body{grid-template-columns:1fr;gap:14px;margin-top:16px;padding-inline:16px}
	/* Danh sách showroom: hàng chip cuộn ngang thay vì xếp dọc */
	.mrvu-sr-footer__list{flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none}
	.mrvu-sr-footer__list::-webkit-scrollbar{display:none}
	.mrvu-sr-footer__list li{flex:none}
	.mrvu-sr-footer__list li a{padding:9px 14px;font-size:13px;white-space:nowrap;border:1px solid #e9e1d6;background:#fff}
	.mrvu-sr-footer__list li.active a{border-color:#cba789}
	.mrvu-sr-footer__list li a span{display:none!important}

	.mrvu-sr-footer__panels .tab-pane.active{grid-template-columns:minmax(0,1fr);gap:12px}
	.mrvu-sr-footer__media{height:240px;margin-inline:auto}
	.mrvu-sr-footer__info{font-size:13.5px;line-height:1.55}
	.mrvu-sr-footer__info p{margin:0 0 6px}
}

/* =========================================================================
   MR.VŨ — Trang "Hệ thống Showroom" (page-he-thong-showroom.php)
   ====================================================================== */
.mrvu-sr-page { font-family: 'Open Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }
.mrvu-sr-page .container { max-width: 1200px; margin: 0 auto; padding-inline: 24px; }

.mrvu-sr-hero {
	background: #F8F3F0;
	padding: 48px 0 36px;
	text-align: center;
}
.mrvu-sr-hero .mrvu-sr-eyebrow {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #96733f;
	margin-bottom: 14px;
}
.mrvu-sr-hero h1 {
	font-family: 'EB Garamond', Georgia, serif;
	font-weight: 600;
	font-size: 38px;
	color: #660000;
	margin: 0 0 14px;
}
.mrvu-sr-hero p {
	font-size: 15px;
	color: #6b6058;
	max-width: 520px;
	margin: 0 auto;
}

.mrvu-sr-body { padding: 36px 0 64px; }

.mrvu-sr-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
	justify-content: center;
}
.mrvu-sr-tabs li a {
	display: inline-block;
	padding: 9px 20px;
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 600;
	color: #6b6058;
	background: #F8F3F0;
	text-decoration: none;
	cursor: pointer;
	transition: all .15s ease;
}
.mrvu-sr-tabs li.active a,
.mrvu-sr-tabs li a:hover {
	background: #660000;
	color: #fff;
}

.mrvu-sr-body .tab-pane { display: none; }
.mrvu-sr-body .tab-pane.active { display: block; }

.mrvu-sr-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.mrvu-sr-card {
	background: #fff;
	border: 1px solid #e9e1d6;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(36,29,24,.06);
}
.mrvu-sr-card__media {
	position: relative;
	height: 260px;
	overflow: hidden;
	background: #F8F3F0;
	display: flex;
	justify-content: center;
}
.mrvu-sr-card__media img { height: 100%; width: auto; max-width: 100%; object-fit: cover; display: block; }
.mrvu-sr-card__play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(36,29,24,.25);
}
.mrvu-sr-card__body { padding: 22px 24px 26px; }
.mrvu-sr-card__body h3 {
	font-family: 'EB Garamond', Georgia, serif;
	font-size: 20px;
	font-weight: 600;
	color: #660000;
	margin: 0 0 4px;
}
.mrvu-sr-card__sub {
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #96733f;
	margin: 0 0 14px;
}
.mrvu-sr-card__address {
	font-size: 14px;
	line-height: 1.7;
	color: #463c34;
	margin-bottom: 18px;
}
.mrvu-sr-card__address p { margin: 0 0 6px; }

.mrvu-sr-consultant {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 16px;
	border-top: 1px solid #e9e1d6;
}
.mrvu-sr-consultant__avatar {
	width: 48px; height: 48px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}
.mrvu-sr-consultant__label {
	font-size: 11px;
	color: #96733f;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 700;
}
.mrvu-sr-consultant__name { font-size: 14px; font-weight: 700; color: #2b2420; }
.mrvu-sr-consultant__meta { font-size: 13px; color: #6b6058; }

.mrvu-sr-cta {
	background: #4a0000;
	padding: 48px 0;
	text-align: center;
}
.mrvu-sr-cta h2 {
	font-family: 'EB Garamond', Georgia, serif;
	font-weight: 600;
	font-size: 26px;
	color: #fff;
	margin: 0 0 10px;
}
.mrvu-sr-cta p { color: #e8d9d9; font-size: 14px; margin-bottom: 24px; }
.mrvu-sr-cta__btn {
	display: inline-block;
	background: #cba789;
	color: #4a0000;
	font-weight: 700;
	font-size: 14px;
	padding: 13px 32px;
	border-radius: 999px;
	text-decoration: none;
}

@media (max-width: 768px) {
	.mrvu-sr-page .container { padding-inline: 16px; }
	.mrvu-sr-hero { padding: 32px 0 24px; }
	.mrvu-sr-hero h1 { font-size: 28px; }
	.mrvu-sr-body { padding: 24px 0 40px; }
	.mrvu-sr-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; margin-bottom: 20px; }
	.mrvu-sr-tabs::-webkit-scrollbar { display: none; }
	.mrvu-sr-tabs li { flex: none; }
	.mrvu-sr-tabs li a { white-space: nowrap; padding: 8px 16px; }
	.mrvu-sr-grid { grid-template-columns: 1fr; gap: 16px; }
	.mrvu-sr-card__media { height: 220px; }
	.mrvu-sr-card__body { padding: 16px 16px 20px; }
	.mrvu-sr-cta { padding: 36px 0; }
}

/* =========================================================================
   MR.VŨ — Icon cho dòng thông tin showroom (footer + trang Hệ thống Showroom)
   ====================================================================== */
.mrvu-ico-group { margin: 0 0 10px; }
.mrvu-ico-line { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 7px; line-height: 1.55; }
.mrvu-ico-line.is-plain { display: block; }
.mrvu-ico-line > i { flex: none; display: inline-flex; width: 18px; height: 18px; margin-top: 3px; color: #96733f; }
.mrvu-ico-line > i svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mrvu-ico-line > span { min-width: 0; }
.mrvu-ico-line a { color: #660000; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(102,0,0,.3); }
.mrvu-ico-line a:hover { border-bottom-color: #660000; }

/* =========================================================================
   MR.VŨ — Ảnh đại diện danh sách tin (mục Tư vấn / Category tin tức)
   Giữ nguyên tỷ lệ ảnh gốc → không bị cắt mất chữ trên ảnh.
   ====================================================================== */
.list_news .item_news .img {
	height: auto !important;
	min-height: 0 !important;
	overflow: hidden;
	border-radius: 10px;
}
.list_news .item_news .img a { display: block; line-height: 0; }
.list_news .item_news .img img {
	display: block;
	width: 100% !important;
	height: auto !important;   /* theo đúng tỷ lệ ảnh, không ép khung cố định */
	max-width: 100%;
	object-fit: initial !important;
}

/* =========================================================================
   MR.VŨ — Chống lệch bố cục (CLS) cho lưới sản phẩm
   Khung ảnh sản phẩm (a.box-img) giữ sẵn tỉ lệ vuông 1:1 ngay từ lúc vẽ
   trang, nên khi ảnh tải xong thì các thẻ bên dưới không bị đẩy xuống.
   ====================================================================== */
a.box-img {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
a.box-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}