/* ==========================================================================
   HiPips v2 — nền sáng, xanh HiPips, phong cách lưới/pixel.
   Mọi rule nằm dưới body.hp-v2 (inc/hp-v2.php) để không đụng trang chưa chuyển.
   Mục: 0 font · 1 token · 2 nền tảng · 3 thành phần chung · 4 hero · 5 danh mục · 6 sản phẩm · 7 dải cam kết
        · 8 header · 9 footer · 12 trang sản phẩm · 10 tablet/mobile · 11 chuyển động
   ========================================================================== */

/* 0. Font tự host (OFL, assets/fonts; sinh từ Google Fonts css2, subset latin + latin-ext) -------- */
@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/ibm-plex-mono-500-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/ibm-plex-mono-700-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/ibm-plex-mono-700-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 1. Token ----------------------------------------------------------------- */
body.hp-v2 {
	--hp2-font: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--hp2-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--hp2-blue: #4053f2;        /* brand, 6,9:1 trên trắng */
	--hp2-blue-hover: #2c3cd4;
	--hp2-blue-soft: #eef1ff;
	--hp2-ink: #0b1020;         /* chữ tiêu đề, viền đậm */
	--hp2-text: #2b3345;        /* chữ thường */
	--hp2-muted: #5b6478;       /* chữ phụ: 5,9:1 trên trắng, 5,4:1 trên surface */
	--hp2-bg: #ffffff;
	--hp2-surface: #f4f6fb;
	--hp2-line: #dde3ee;
	--hp2-gold: #f2b705;        /* điểm nhấn khối (nền), chữ trên đó dùng ink */

	--hp2-gap: 2px;
	--hp2-section-y: clamp(56px, 7vw, 96px);

	/* Gán sang biến WoodMart. */
	--wd-text-font: var(--hp2-font);
	--wd-title-font: var(--hp2-font);
	--wd-entities-title-font: var(--hp2-font);
	--wd-alternative-font: var(--hp2-mono);
	--wd-header-el-font: var(--hp2-font); /* chữ tài khoản ở header (trước là Fredoka) */
	--wd-text-color: var(--hp2-text);
	--wd-title-color: var(--hp2-ink);
	--wd-primary-color: var(--hp2-blue);
	--wd-link-color: var(--hp2-ink);
	--wd-link-color-hover: var(--hp2-blue);
	--wd-brd-radius: 0px;
	--wd-form-brd-radius: 0px;
	--btn-accented-bgcolor: var(--hp2-blue);
	--btn-accented-bgcolor-hover: var(--hp2-ink);
	--btn-accented-color: #fff;
	--btn-accented-color-hover: #fff;
	--btn-accented-brd-radius: 0px;
	--btn-default-brd-radius: 0px;
	--btn-transform: uppercase;
}

/* 2. Nền tảng -------------------------------------------------------------- */
body.hp-v2 {
	font-family: var(--hp2-font);
	color: var(--hp2-text);
	background: var(--hp2-bg);
}

body.hp-v2 :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--hp2-blue);
	outline-offset: 2px;
}

/* Trang chủ tự dựng khoảng cách (hero sát header); bỏ padding mặc định của vùng nội dung WoodMart. */
body.hp-v2.home .wd-content-layout,
body.hp-v2.home .main-page-wrapper {
	padding-top: 0;
}

body.hp-v2 .main-page-wrapper {
	background: var(--hp2-bg);
}

/* 3. Thành phần chung ------------------------------------------------------ */
/* Lề hai bên của các khối ngoài cùng (vùng trong đã giới hạn bề rộng bởi Elementor). */
.hp-v2 :is(.hp2-section, .hp2-hero, .hp2-trust).e-con {
	--padding-left: 20px;
	--padding-right: 20px;
}

/* Hàng ngang (thẻ lý do, ô danh mục, dải cam kết): không padding, các ô chia đều. */
.hp-v2 :is(.hp2-why, .hp2-cats, .hp2-trust-grid).e-con {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
}

.hp-v2 :is(.hp2-why, .hp2-cats, .hp2-trust-grid).e-con > .e-con {
	flex: 1 1 0;
	min-width: 0;
}

/* Khối con xếp dọc và KHÔNG xuống cột: trên mobile Elementor đặt flex-wrap: wrap cho mọi container; Safari iOS
   coi chiều cao của thẻ là cố định nên đẩy icon/tiêu đề/mô tả sang các cột bên phải, tràn khỏi màn hình. */
.hp-v2 :is(.hp2-card, .hp2-cat, .hp2-trust-item, .hp2-products-head).e-con {
	--flex-direction: column;
	--flex-wrap: nowrap;
	flex-direction: column;
	flex-wrap: nowrap;
}

.hp-v2 .hp2-section.e-con {
	--padding-top: var(--hp2-section-y);
	--padding-bottom: var(--hp2-section-y);
	--row-gap: 20px;
	--column-gap: 20px;
}

.hp-v2 .hp2-section--alt.e-con {
	background: var(--hp2-surface);
}

/* Nhãn "[01] // FRESH RELEASES" */
.hp-v2 .hp2-kicker .elementor-heading-title {
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--hp2-blue);
}

.hp-v2 :is(.hp2-h1, .hp2-h2) .elementor-heading-title {
	font-family: var(--hp2-font);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--hp2-ink);
	text-wrap: balance;
}

.hp-v2 .hp2-h1 .elementor-heading-title {
	font-size: clamp(40px, 6.4vw, 84px);
	line-height: 0.98;
	letter-spacing: -0.03em;
}

.hp-v2 .hp2-h2 .elementor-heading-title {
	font-size: clamp(32px, 4.4vw, 56px);
	line-height: 1.02;
	letter-spacing: -0.025em;
}

.hp-v2 .hp2-lead {
	max-width: 620px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--hp2-muted);
}

.hp-v2 .hp2-lead p {
	margin: 0;
}

/* Thẻ nhỏ kiểu [ VERIFIED ] */
.hp-v2 .hp2-tag .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 12px;
	border: 1px solid currentColor;
	font-family: var(--hp2-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--hp2-blue);
}

/* Đường kẻ pixel: 5 khối xen kẽ. */
.hp-v2 .hp2-pixel-divider::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--hp2-blue) 0 20%, transparent 20% 40%, var(--hp2-blue) 40% 60%, transparent 60% 80%, var(--hp2-blue) 80% 100%);
}

/* 4. Hero + 3 thẻ lý do ---------------------------------------------------- */
.hp-v2 .hp2-hero.e-con {
	--padding-top: clamp(48px, 7vw, 104px);
	--padding-bottom: clamp(56px, 7vw, 96px);
	position: relative;
	background:
		linear-gradient(var(--hp2-line) 1px, transparent 1px) 0 0 / 48px 48px,
		linear-gradient(90deg, var(--hp2-line) 1px, transparent 1px) 0 0 / 48px 48px,
		var(--hp2-bg);
	background-blend-mode: normal;
}

/* Lưới nền mờ dần về phía dưới để chữ và thẻ vẫn rõ. */
.hp-v2 .hp2-hero.e-con::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, #fff 78%);
	pointer-events: none;
}

.hp-v2 .hp2-hero > .e-con-inner {
	position: relative;
}

/* "Why choose HiPips" (H2) ngay trên 3 thẻ. */
.hp-v2 .hp2-subhead {
	margin-top: 28px;
}

.hp-v2 .hp2-subhead .elementor-heading-title {
	font-size: clamp(22px, 2.4vw, 28px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

.hp-v2 .hp2-why.e-con {
	--row-gap: var(--hp2-gap);
	--column-gap: var(--hp2-gap);
}

.hp-v2 .hp2-card.e-con {
	--padding-top: 32px;
	--padding-right: 32px;
	--padding-bottom: 32px;
	--padding-left: 32px;
	--row-gap: 16px;
	--column-gap: 16px;
	background: var(--hp2-bg);
	border: 1px solid var(--hp2-line);
}

.hp-v2 .hp2-card--accent.e-con {
	border: 2px solid var(--hp2-blue);
}

.hp-v2 .hp2-card-icon .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	font-size: 20px;
	color: #fff;
	background: var(--hp2-blue);
}

.hp-v2 .hp2-card--gold .hp2-card-icon .elementor-icon {
	color: var(--hp2-ink);
	background: var(--hp2-gold);
}

.hp-v2 .hp2-card--ink .hp2-card-icon .elementor-icon {
	background: var(--hp2-ink);
}

.hp-v2 .hp2-card-icon .elementor-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.hp-v2 .hp2-card-title .elementor-heading-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

.hp-v2 .hp2-card-text {
	font-size: 15px;
	line-height: 1.6;
	color: var(--hp2-muted);
}

.hp-v2 .hp2-card-text p {
	margin: 0;
}

/* 5. Ô danh mục ------------------------------------------------------------ */
.hp-v2 .hp2-cats.e-con {
	--row-gap: var(--hp2-gap);
	--column-gap: var(--hp2-gap);
	--margin-top: var(--hp2-gap);
}

.hp-v2 .hp2-cat.e-con {
	--padding-top: 24px;
	--padding-right: 24px;
	--padding-bottom: 24px;
	--padding-left: 24px;
	--row-gap: 6px;
	--column-gap: 6px;
	min-height: 148px;
	background: var(--hp2-surface);
	border: 1px solid var(--hp2-line);
	color: var(--hp2-ink);
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.hp-v2 .hp2-cat-index .elementor-heading-title {
	font-family: var(--hp2-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--hp2-blue);
}

.hp-v2 .hp2-cat-name .elementor-heading-title {
	margin-top: auto;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: inherit;
}

.hp-v2 .hp2-cat-text {
	font-size: 14px;
	line-height: 1.5;
	color: var(--hp2-muted);
}

.hp-v2 .hp2-cat-text p {
	margin: 0;
}

.hp-v2 .hp2-count {
	display: block;
	margin-top: 6px;
	font-family: var(--hp2-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

.hp-v2 .hp2-cat.e-con:is(:hover, :focus-visible) {
	background: var(--hp2-blue);
	border-color: var(--hp2-blue);
	color: #fff;
}

.hp-v2 .hp2-cat.e-con:is(:hover, :focus-visible) :is(.hp2-cat-index .elementor-heading-title, .hp2-cat-text, .hp2-count) {
	color: #fff;
}

/* 6. Sản phẩm (WoodMart Products tabs) ------------------------------------- */
.hp-v2 .hp2-products-head.e-con {
	--row-gap: 12px;
	--column-gap: 12px;
	--padding-top: 0;
	--padding-bottom: 0;
}

.hp-v2 .hp2-tabs .wd-tabs-header {
	margin-bottom: 24px;
}

.hp-v2 .hp2-tabs .wd-nav-tabs {
	gap: var(--hp2-gap);
}

.hp-v2 .hp2-tabs .wd-nav-tabs > li > .wd-nav-link {
	min-height: 40px;
	padding: 0 16px;
	border: 1px solid var(--hp2-line);
	background: var(--hp2-bg);
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-muted);
}

.hp-v2 .hp2-tabs .wd-nav-tabs > li > .wd-nav-link:after {
	display: none;
}

.hp-v2 .hp2-tabs .wd-nav-tabs > li:hover > .wd-nav-link {
	color: var(--hp2-ink);
	border-color: var(--hp2-ink);
}

.hp-v2 .hp2-tabs .wd-nav-tabs > li.wd-active > .wd-nav-link {
	color: #fff;
	background: var(--hp2-blue);
	border-color: var(--hp2-blue);
}

/* Thẻ sản phẩm: vuông, viền mảnh, lưới sát nhau. */
.hp-v2 .hp2-tabs .wd-products {
	--wd-gap-lg: var(--hp2-gap);
	--wd-gap-sm: var(--hp2-gap);
	--wd-gap: var(--hp2-gap);
}

.hp-v2 .hp2-tabs .wd-product {
	background: var(--hp2-bg);
	outline: 1px solid var(--hp2-line);
	outline-offset: 0;
}

.hp-v2 .hp2-tabs .wd-product:hover {
	outline-color: var(--hp2-ink);
	z-index: 1;
}

.hp-v2 .hp2-tabs .wd-product :is(.product-wrapper, .product-element-top, .product-image-link, img) {
	border-radius: 0;
}

.hp-v2 .hp2-tabs .wd-product .product-wrapper {
	padding: 10px 10px 14px;
}

.hp-v2 .hp2-tabs .wd-entities-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

.hp-v2 .hp2-tabs .wd-product-cats {
	font-family: var(--hp2-mono);
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hp2-muted);
}

.hp-v2 .hp2-tabs .price {
	font-family: var(--hp2-mono);
	font-weight: 700;
	color: var(--hp2-ink);
}

.hp-v2 .hp2-tabs .product-labels .product-label {
	border-radius: 0;
	font-family: var(--hp2-mono);
	letter-spacing: 1px;
}

/* Nút Load more */
.hp-v2 .hp2-tabs .wd-load-more {
	min-height: 48px;
	padding: 0 28px;
	border: 2px solid var(--hp2-ink);
	border-radius: 0;
	background: var(--hp2-bg);
	font-family: var(--hp2-font);
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

.hp-v2 .hp2-tabs .wd-load-more:hover {
	background: var(--hp2-ink);
	color: #fff;
}

/* 7. Dải cam kết ----------------------------------------------------------- */
.hp-v2 .hp2-trust.e-con {
	--padding-top: clamp(40px, 6vw, 72px);
	--padding-bottom: clamp(40px, 6vw, 72px);
	background: var(--hp2-blue);
	color: #fff;
}

.hp-v2 .hp2-trust-grid.e-con {
	--row-gap: 0px;
	--column-gap: 0px;
}

.hp-v2 .hp2-trust-item.e-con {
	--padding-top: 8px;
	--padding-right: 28px;
	--padding-bottom: 8px;
	--padding-left: 28px;
	--row-gap: 8px;
	--column-gap: 8px;
	border-left: 2px solid rgba(255, 255, 255, 0.35);
}

.hp-v2 .hp2-trust-item.e-con:first-child {
	border-left: 0;
	--padding-left: 0px;
}

.hp-v2 .hp2-trust-index .elementor-heading-title {
	font-family: var(--hp2-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	color: rgba(255, 255, 255, 0.85);
}

.hp-v2 .hp2-trust-title .elementor-heading-title {
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
	color: #fff;
}

.hp-v2 .hp2-trust-text {
	font-size: 15px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.9);
}

.hp-v2 .hp2-trust-text p {
	margin: 0;
}

/* 8. Header (ghi đè snippet "HIPIPS Professional Header CSS": CSS inline của snippet nạp sau file này và có rule riêng
   cho body.single-product, nên mọi selector bắt đầu bằng "html body.hp-v2" để luôn mạnh hơn) */
html body.hp-v2 .whb-header.whb-header_362655 {
	border-bottom: 1px solid var(--hp2-line);
	box-shadow: none;
}

html body.hp-v2 .whb-header_362655 .whb-general-header {
	background: var(--hp2-bg);
}

html body.hp-v2 .whb-header_362655 .whb-header-bottom {
	border-top: 1px solid var(--hp2-line);
}

/* Điện thoại/tablet: hàng logo chỉ còn menu + logo + tài khoản (cao 60px); snippet đặt min-height 96px cho bản
   máy tính nên dưới logo thừa 36px trắng. */
@media (max-width: 1024px) {
	html body.hp-v2 .whb-header_362655 .whb-general-header {
		min-height: 0;
	}
}

/* Ô tìm kiếm: vuông, viền đậm khi focus. */
html body.hp-v2 .whb-header_362655 .wd-header-search-form form.searchform {
	height: 52px;
	border: 1px solid var(--hp2-line);
	border-radius: 0;
	box-shadow: none;
}

html body.hp-v2 .whb-header_362655 .wd-header-search-form form.searchform:focus-within {
	border-color: var(--hp2-ink);
	box-shadow: none;
}

html body.hp-v2 .whb-header_362655 .wd-header-search-form input.s {
	height: 50px;
	padding-left: 18px;
	font-family: var(--hp2-font);
	font-size: 16px;
}

html body.hp-v2 .whb-header_362655 .wd-header-search-form input.s::placeholder {
	color: #6b7385; /* 4,7:1 trên trắng */
}

html body.hp-v2 .whb-header_362655 .wd-header-search-form .searchsubmit {
	width: 50px;
	height: 50px;
	min-width: 50px;
	margin-right: 0;
	border-radius: 0;
	background: var(--hp2-blue) !important;
	box-shadow: none;
}

html body.hp-v2 .whb-header_362655 .wd-header-search-form .searchsubmit:hover {
	background: var(--hp2-ink) !important;
}

/* Nút xoá từ khoá (✕): ô vuông 32px, icon Tabler "x" thay font icon mảnh của WoodMart. */
html body.hp-v2 .searchform .wd-clear-search {
	top: calc(50% - 16px);
	width: 32px;
	height: 32px;
	color: var(--hp2-muted);
	transition: background-color 0.15s ease, color 0.15s ease;
}

html body.hp-v2 .searchform .wd-clear-search::before {
	content: "";
	width: 16px;
	height: 16px;
	font-size: 0;
	background: currentColor;
	-webkit-mask: url("../img/icons/x.svg") center / contain no-repeat;
	mask: url("../img/icons/x.svg") center / contain no-repeat;
}

html body.hp-v2 .searchform .wd-clear-search:hover {
	background: var(--hp2-surface);
	color: var(--hp2-ink);
}

html body.hp-v2 .searchform .wd-clear-search:hover::before {
	opacity: 1;
}

/* Tiền tệ, tài khoản: nhãn mono vuông. */
html body.hp-v2 .whb-header_362655 #menu-currency-pets > li > a,
html body.hp-v2 .whb-header_362655 .wd-header-my-account > a {
	min-height: 40px;
	border-radius: 0;
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

html body.hp-v2 .whb-header_362655 #menu-currency-pets > li > a {
	background: var(--hp2-bg);
	border-color: var(--hp2-line);
}

/* Menu chính: chữ mono in hoa, gạch chân xanh khi hover/đang chọn (không còn viên thuốc). */
html body.hp-v2 .whb-header_362655 #menu-category-menu > li > a,
html body.hp-v2 .whb-header_362655 #menu-category-menu > li.hipips-nav-guides > a,
html body.hp-v2 .whb-header_362655 #menu-category-menu > li.menu-item-object-product_cat > a[href*="/product-category/mt4/"],
html body.hp-v2 .whb-header_362655 #menu-category-menu > li.menu-item-object-product_cat > a[href*="/product-category/mt5/"] {
	position: relative;
	min-width: 0;
	min-height: 44px;
	gap: 4px;
	padding: 0 8px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--hp2-ink);
	transform: none;
}

html body.hp-v2 .whb-header_362655 #menu-category-menu > li:not(.hipips-nav-guides) > a::after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 6px;
	height: 2px;
	background: var(--hp2-blue);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.2s ease;
}

html body.hp-v2 .whb-header_362655 #menu-category-menu > li > a:hover,
html body.hp-v2 .whb-header_362655 #menu-category-menu > li:is(.current-menu-item, .current_page_item, .current-product_cat-ancestor) > a {
	background: transparent;
	color: var(--hp2-blue);
}

html body.hp-v2 .whb-header_362655 #menu-category-menu > li:not(.hipips-nav-guides) > a:hover::after,
html body.hp-v2 .whb-header_362655 #menu-category-menu > li:not(.hipips-nav-guides):is(.current-menu-item, .current_page_item, .current-product_cat-ancestor) > a::after {
	transform: scaleX(1);
}

/* Menu chữ mono rộng hơn Inter: bỏ icon nhỏ trước MT4/MT5/Guides cho đủ chỗ và gọn. */
html body.hp-v2 .whb-header_362655 #menu-category-menu > li.menu-item-object-product_cat > a:is([href*="/product-category/mt4/"], [href*="/product-category/mt5/"])::before,
html body.hp-v2 .whb-header_362655 #menu-category-menu > li.hipips-nav-guides > a::before {
	display: none;
}

@media (max-width: 1365px) {
	html body.hp-v2 .whb-header_362655 #menu-category-menu > li > a {
		padding: 0 6px;
		font-size: 11px;
		letter-spacing: 0.3px;
	}

	html body.hp-v2 .whb-header_362655 #menu-category-menu > li:not(.hipips-nav-guides) > a::after {
		left: 6px;
		right: 6px;
	}
}

/* Guides giữ mũi tên dropdown của snippet (::after); dropdown vuông, bóng khối. */
html body.hp-v2 .whb-header_362655 #menu-category-menu > li.hipips-nav-guides > .wd-dropdown {
	border-radius: 0;
	border: 1px solid var(--hp2-ink);
	box-shadow: 4px 4px 0 var(--hp2-ink);
}

/* Compare, wishlist, giỏ: ô vuông. */
html body.hp-v2 .whb-header_362655 :is(.wd-header-wishlist, .wd-header-compare) > a {
	border-radius: 0;
	border-color: var(--hp2-line);
}

html body.hp-v2 .whb-header_362655 :is(.wd-header-wishlist, .wd-header-compare) > a:hover {
	border-color: var(--hp2-ink);
	background: var(--hp2-bg);
	color: var(--hp2-ink);
}


/* Icon compare / wishlist / giỏ: SVG Tabler (assets/img/icons, MIT) vẽ bằng mask thay font icon của WoodMart. */
html body.hp-v2 .whb-header_362655 .wd-header-compare { --hp2-icon: url("../img/icons/arrows-shuffle.svg"); }
html body.hp-v2 .whb-header_362655 .wd-header-wishlist { --hp2-icon: url("../img/icons/heart.svg"); }
html body.hp-v2 .whb-header_362655 .wd-header-cart { --hp2-icon: url("../img/icons/shopping-cart.svg"); }

html body.hp-v2 .whb-header_362655 :is(.wd-header-compare, .wd-header-wishlist, .wd-header-cart) > a {
	position: relative;
}

html body.hp-v2 .whb-header_362655 :is(.wd-header-compare, .wd-header-wishlist) > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

html body.hp-v2 .whb-header_362655 :is(.wd-header-compare, .wd-header-wishlist, .wd-header-cart) .wd-tools-icon {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 0;
	background: none;
	color: inherit;
}

html body.hp-v2 .whb-header_362655 :is(.wd-header-compare, .wd-header-wishlist, .wd-header-cart) .wd-tools-icon::before {
	content: "";
	width: 22px;
	height: 22px;
	font-size: 0;
	background: currentColor;
	-webkit-mask: var(--hp2-icon) center / contain no-repeat;
	mask: var(--hp2-icon) center / contain no-repeat;
}

/* Số đếm: ô vuông nhỏ ở góc trên phải của nút (trước đây nằm dính cạnh icon như chữ được bôi chọn). */
html body.hp-v2 .whb-header_362655 .wd-tools-count {
	position: absolute;
	top: -7px;
	right: -7px;
	left: auto;
	bottom: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border: 2px solid #fff;
	border-radius: 0;
	background: var(--hp2-blue);
	color: #fff;
	font: 700 10px/1 var(--hp2-mono);
	transform: none;
}

html body.hp-v2 .whb-header_362655 .wd-header-cart .wd-tools-count {
	border-color: var(--hp2-blue);
	background: #fff;
	color: var(--hp2-blue);
}

html body.hp-v2 .whb-header_362655 .wd-header-cart .wd-tools-count > span {
	display: none;
}

html body.hp-v2 .whb-header_362655 .wd-header-cart > a {
	min-height: 48px;
	border-radius: 0;
	background: var(--hp2-blue);
	box-shadow: none;
	font-family: var(--hp2-mono);
}

html body.hp-v2 .whb-header_362655 .wd-header-cart > a:hover {
	background: var(--hp2-ink);
}

html body.hp-v2 .whb-header_362655 .wd-header-cart > a {
	transition: background-color 0.15s ease;
}

/* WoodMart design-8 vẽ .wd-tools-inner thành viên thuốc xanh bo 42px; khi hover nó lộ ra trong nền mực và icon
   chuyển xám. Bỏ lớp đó để cả nút là một khối vuông, icon + chữ luôn trắng. */
html body.hp-v2 .whb-header_362655 .wd-header-cart.wd-design-8 .wd-tools-inner,
html body.hp-v2 .whb-header_362655 .wd-header-cart.wd-design-8:hover .wd-tools-inner {
	height: auto;
	padding-inline: 0;
	border-radius: 0;
	background: none;
	color: #fff;
	transition: none;
}

html body.hp-v2 .whb-header_362655 .wd-header-cart.wd-design-8:hover .wd-tools-icon {
	background: none;
	color: #fff;
}

html body.hp-v2 .whb-header_362655 .wd-header-cart :is(.wd-tools-text, .woocommerce-Price-amount) {
	font-family: var(--hp2-mono);
	font-weight: 700;
}

/* 9. Footer (ghi đè snippet "HIPIPS Premium Footer": thẻ vuông, viền mảnh, không bóng) */
body.hp-v2 .hipips-demo-footer {
	font-family: var(--hp2-font);
}

body.hp-v2 .hipips-demo-footer__shell {
	border: 0;
	border-top: 4px solid var(--hp2-blue);
	border-radius: 0;
	background: var(--hp2-surface);
	box-shadow: none;
}

body.hp-v2 .hipips-demo-footer__card {
	border: 1px solid var(--hp2-line);
	border-radius: 0;
	background: var(--hp2-bg);
	box-shadow: none;
}

body.hp-v2 .hipips-demo-footer__title {
	font-family: var(--hp2-mono);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

body.hp-v2 :is(.hipips-demo-footer__icon, .hipips-demo-footer__badge, .hipips-demo-footer__contact-icon, .hipips-demo-footer__social, .hipips-demo-footer__bottom-icon) {
	border-radius: 0;
}

body.hp-v2 .hipips-demo-footer__chevron {
	color: var(--hp2-blue);
}

body.hp-v2 .hipips-demo-footer__links a:hover,
body.hp-v2 .hipips-demo-footer__contact a:hover {
	color: var(--hp2-blue);
}

body.hp-v2 .hipips-demo-footer__middle {
	border-top-color: var(--hp2-line);
}

body.hp-v2 .hipips-demo-footer__bottom {
	border-top: 1px solid var(--hp2-line);
	background: var(--hp2-bg);
	font-family: var(--hp2-mono);
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* Icon footer: thay SVG nét mảnh của snippet bằng Tabler (mask). Đầu thẻ + 2 badge là ô vuông đặc icon trắng
   (đồng bộ thẻ trang chủ); liên hệ và dòng bản quyền là icon xanh không khung. */
body.hp-v2 :is(.hipips-demo-footer__icon, .hipips-demo-footer__badge, .hipips-demo-footer__contact-icon, .hipips-demo-footer__bottom-icon) svg {
	display: none;
}

body.hp-v2 :is(.hipips-demo-footer__icon, .hipips-demo-footer__badge, .hipips-demo-footer__contact-icon, .hipips-demo-footer__bottom-icon)::before {
	content: "";
	display: block;
	width: var(--hp2-icon-size, 22px);
	height: var(--hp2-icon-size, 22px);
	background: currentColor;
	-webkit-mask: var(--hp2-icon) center / contain no-repeat;
	mask: var(--hp2-icon) center / contain no-repeat;
}

body.hp-v2 .hipips-demo-footer__top > :nth-child(2) { --hp2-icon: url("../img/icons/category.svg"); }
body.hp-v2 .hipips-demo-footer__top > :nth-child(3) { --hp2-icon: url("../img/icons/building-store.svg"); }
body.hp-v2 .hipips-demo-footer__top > :nth-child(4) { --hp2-icon: url("../img/icons/file-text.svg"); }
body.hp-v2 .hipips-demo-footer__top > :nth-child(5) { --hp2-icon: url("../img/icons/headset.svg"); }

body.hp-v2 .hipips-demo-footer__icon {
	width: 44px;
	height: 44px;
	border: 0;
	background: var(--hp2-blue);
	color: #fff;
}

body.hp-v2 .hipips-demo-footer__contact li:nth-child(1) { --hp2-icon: url("../img/icons/map-pin.svg"); }
body.hp-v2 .hipips-demo-footer__contact li:nth-child(2) { --hp2-icon: url("../img/icons/phone.svg"); }
body.hp-v2 .hipips-demo-footer__contact li:nth-child(3) { --hp2-icon: url("../img/icons/mail.svg"); }
body.hp-v2 .hipips-demo-footer__contact li:nth-child(4) { --hp2-icon: url("../img/icons/brand-telegram.svg"); }

body.hp-v2 .hipips-demo-footer__contact-icon {
	--hp2-icon-size: 18px;
	border: 0;
	background: none;
	color: var(--hp2-blue);
}

body.hp-v2 .hipips-demo-footer__badge {
	--hp2-icon: url("../img/icons/shield-check.svg");
	width: 48px;
	height: 48px;
	border: 0;
	background: var(--hp2-ink);
	color: #fff;
}

body.hp-v2 .hipips-demo-footer__badge--blue {
	--hp2-icon: url("../img/icons/cloud-download.svg");
	background: var(--hp2-blue);
}

body.hp-v2 .hipips-demo-footer__bottom-icon {
	--hp2-icon: url("../img/icons/shield-check.svg");
	--hp2-icon-size: 16px;
	color: var(--hp2-blue);
}

/* Follow us: ô vuông màu mực, icon SVG trắng (assets/img/social, Simple Icons CC0); hover màu thương hiệu.
   Chữ "f/X/IG/YT/TG" ẩn đi, tên đọc lấy từ aria-label sẵn có của link. */
body.hp-v2 .hipips-demo-footer__social {
	position: relative;
	border-radius: 0;
	background: var(--hp2-ink);
	color: transparent;
	font-size: 0;
	transition: background-color 0.15s ease;
}

body.hp-v2 .hipips-demo-footer__social::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background: #fff;
	-webkit-mask: var(--hp2-social-icon) center / contain no-repeat;
	mask: var(--hp2-social-icon) center / contain no-repeat;
}

body.hp-v2 .hipips-demo-footer__social--facebook { --hp2-social-icon: url("../img/social/facebook.svg"); }
body.hp-v2 .hipips-demo-footer__social--x { --hp2-social-icon: url("../img/social/x.svg"); }
body.hp-v2 .hipips-demo-footer__social--instagram { --hp2-social-icon: url("../img/social/instagram.svg"); }
body.hp-v2 .hipips-demo-footer__social--youtube { --hp2-social-icon: url("../img/social/youtube.svg"); }
body.hp-v2 .hipips-demo-footer__social--telegram { --hp2-social-icon: url("../img/social/telegram.svg"); }

body.hp-v2 .hipips-demo-footer__social--facebook:hover { background: #0866ff; }
body.hp-v2 .hipips-demo-footer__social--x:hover { background: #000; }
body.hp-v2 .hipips-demo-footer__social--instagram:hover { background: #d62976; }
body.hp-v2 .hipips-demo-footer__social--youtube:hover { background: #e00000; }
body.hp-v2 .hipips-demo-footer__social--telegram:hover { background: #1d8fd1; }

/* Logo thanh toán màu (inc/payment-icons.php), dùng ở footer + "Guaranteed safe checkout".
   7 ô mỗi hàng khi đủ chỗ: hàng 1 thẻ + PayPal, hàng 2 coin. Thẻ/PayPal lấp đầy ô, coin 20px ở giữa. */
.hp-v2 .hp2-logos {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	max-width: 372px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hp-v2 .hp2-logos__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 32px;
	margin: 0;
	border: 1px solid var(--hp2-line);
	background: var(--hp2-bg);
	overflow: hidden;
}

.hp-v2 .hp2-logos__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 !important;
}

.hp-v2 .hp2-logos__item--coin img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/* Footer: cột giữa hẹp hơn → ô 40×27 để vẫn đủ 7 ô mỗi hàng. */
.hp-v2 .hipips-demo-footer__payments .hp2-logos {
	justify-content: center;
	gap: 4px;
	max-width: 304px;
}

.hp-v2 .hipips-demo-footer__payments .hp2-logos__item {
	width: 40px;
	height: 27px;
}

.hp-v2 .hipips-demo-footer__payments .hp2-logos__item--coin img {
	width: 18px;
	height: 18px;
}

/* Nút Telegram nổi: vuông cho đồng bộ. */
body.hp-v2 .hipips-telegram-float {
	border-radius: 0;
}


/* 12. Trang sản phẩm (inc/product-page.php; cấu trúc tham khảo Wokiee). Snippet #28 in CSS inline sau file này
   nên selector bắt đầu bằng "html body.hp-v2.single-product". ------------------------------------------ */
.hp-v2 .hp2-i {
	display: inline-block;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: var(--hp2-icon) center / contain no-repeat;
	mask: var(--hp2-icon) center / contain no-repeat;
}

html body.hp-v2.single-product .single-breadcrumbs-wrapper .wd-breadcrumbs,
html body.hp-v2.single-product .single-breadcrumbs-wrapper .wd-breadcrumbs a {
	font-family: var(--hp2-mono);
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hp2-muted);
}

html body.hp-v2.single-product .hp2-pp-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

html body.hp-v2.single-product .hp2-pp-tags a {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 10px;
	border: 1px solid var(--hp2-blue);
	font-family: var(--hp2-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-blue);
	text-decoration: none;
}

html body.hp-v2.single-product .hp2-pp-tags a:hover {
	background: var(--hp2-blue);
	color: #fff;
}

html body.hp-v2.single-product .summary .product_title {
	margin-bottom: 14px;
	font-family: var(--hp2-font);
	font-size: clamp(24px, 2.4vw, 34px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

/* Snippet #28 ép font-size !important cho p, li, .price trên trang sản phẩm: phần v2 cần !important để giữ cỡ chữ. */
html body.hp-v2.single-product .summary .summary-inner > p.price,
html body.hp-v2.single-product .summary .summary-inner > p.price .amount {
	margin-bottom: 4px;
	font-family: var(--hp2-mono);
	font-size: clamp(28px, 2.6vw, 36px) !important;
	font-weight: 700;
	color: var(--hp2-ink);
}

html body.hp-v2.single-product .hp2-pp-price-note {
	margin: 0 0 18px;
	font-family: var(--hp2-mono);
	font-size: 12px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hp2-muted);
}

html body.hp-v2.single-product .woocommerce-product-details__short-description {
	font-size: 16px;
	line-height: 1.65;
	color: var(--hp2-text);
}

html body.hp-v2.single-product .hipips-live-viewers {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 6px 0 18px;
	padding: 6px 12px;
	border: 1px solid var(--hp2-line);
	border-radius: 0;
	background: var(--hp2-surface);
	font-family: var(--hp2-mono);
	font-size: 12px;
	color: var(--hp2-text);
}

/* 3 cam kết */
html body.hp-v2.single-product .hp2-pp-trust {
	display: grid;
	gap: var(--hp2-gap);
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

html body.hp-v2.single-product .hp2-pp-trust li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--hp2-line);
	background: var(--hp2-bg);
	font-size: 14px !important;
	line-height: 1.5;
	color: var(--hp2-muted);
}

html body.hp-v2.single-product .hp2-pp-trust .hp2-i {
	width: 34px;
	height: 34px;
	background: var(--hp2-blue);
	-webkit-mask: none;
	mask: none;
	position: relative;
}

html body.hp-v2.single-product .hp2-pp-trust .hp2-i::before {
	content: "";
	position: absolute;
	inset: 7px;
	background: #fff;
	-webkit-mask: var(--hp2-icon) center / contain no-repeat;
	mask: var(--hp2-icon) center / contain no-repeat;
}

html body.hp-v2.single-product .hp2-pp-trust strong {
	display: block;
	font-family: var(--hp2-font);
	font-size: 14px !important;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

/* Số lượng + nút mua */
html body.hp-v2.single-product .summary form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

html body.hp-v2.single-product .summary form.cart .quantity {
	border: 1px solid var(--hp2-line);
	border-radius: 0;
}

html body.hp-v2.single-product .summary form.cart .quantity :is(input, .minus, .plus) {
	min-height: 52px;
	border: 0;
	border-radius: 0;
	font-family: var(--hp2-mono);
}

html body.hp-v2.single-product .summary .single_add_to_cart_button {
	flex: 1 1 200px;
	min-height: 52px;
	border-radius: 0 !important; /* snippet #28 ép 8px !important */
	background: var(--hp2-blue);
	font-family: var(--hp2-font);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #fff;
}

html body.hp-v2.single-product .summary .single_add_to_cart_button:hover {
	background: var(--hp2-ink);
}

/* Compare / wishlist */
html body.hp-v2.single-product .summary .wd-action-btn > a {
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

/* Cảnh báo rủi ro dưới nút mua: chữ nhỏ, mờ (!important vì snippet #28 ép .summary p 17px, #1f2937). */
html body.hp-v2.single-product .summary .hp2-pp-risk {
	max-width: 60ch;
	margin: 10px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: var(--hp2-muted) !important;
}

/* Guaranteed safe checkout + hỏi đáp */
html body.hp-v2.single-product .hp2-pp-safe {
	margin: 18px 0 12px;
	padding: 16px;
	border: 1px solid var(--hp2-line);
	background: var(--hp2-surface);
}

html body.hp-v2.single-product .hp2-pp-safe__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

html body.hp-v2.single-product .hp2-pp-safe__title .hp2-i {
	width: 16px;
	height: 16px;
	color: var(--hp2-blue);
}

html body.hp-v2.single-product .hp2-pp-ask {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	margin-bottom: 14px;
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hp2-blue);
	text-decoration: none;
}

html body.hp-v2.single-product .hp2-pp-ask:hover {
	color: var(--hp2-ink);
}

html body.hp-v2.single-product .product_meta {
	padding-top: 14px;
	border-top: 1px solid var(--hp2-line);
	font-family: var(--hp2-mono);
	font-size: 12px;
	letter-spacing: 0.5px;
	color: var(--hp2-muted);
}

/* Gallery */
html body.hp-v2.single-product .woocommerce-product-gallery :is(img, .wd-carousel-item, .wd-gallery-thumb .wd-carousel-item) {
	border-radius: 0;
}

html body.hp-v2.single-product .wd-gallery-images {
	border: 1px solid var(--hp2-line);
}

html body.hp-v2.single-product .wd-gallery-thumb .wd-carousel-item {
	border: 1px solid var(--hp2-line);
	opacity: 1;
}

html body.hp-v2.single-product .wd-gallery-thumb .wd-carousel-item.wd-thumb-active {
	border-color: var(--hp2-blue);
}

/* Tab dạng accordion dọc dưới cột mua hàng (WoodMart: Tabs layout Accordion + location "After Add to cart"), kiểu Wokiee.
   !important ở cỡ chữ/màu vì snippet #28 ép .wd-accordion-title / .wd-accordion-content * bằng !important. */
html body.hp-v2.single-product .summary .woocommerce-tabs.wd-accordion {
	--wd-accordion-spacing: 14px;
	margin: 6px 0 22px;
}

html body.hp-v2.single-product .summary .wd-accordion > .wd-accordion-item {
	border: 0;
	border-bottom: 1px solid var(--hp2-line);
}

html body.hp-v2.single-product .summary .wd-accordion > .wd-accordion-item:first-of-type {
	border-top: 1px solid var(--hp2-line);
}

html body.hp-v2.single-product .summary .wd-accordion-title {
	--hp2-tab-icon: url("../img/icons/file-text.svg");
	min-height: 52px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
}

html body.hp-v2.single-product .summary .wd-accordion-title.tab-title-description {
	--hp2-tab-icon: url("../img/icons/info-circle.svg");
}

html body.hp-v2.single-product .summary .wd-accordion-title.tab-title-hipips_delivery {
	--hp2-tab-icon: url("../img/icons/cloud-download.svg");
}

html body.hp-v2.single-product .summary .wd-accordion-title.tab-title-reviews {
	--hp2-tab-icon: url("../img/icons/star.svg");
}

html body.hp-v2.single-product .summary .wd-accordion-title.tab-title-additional_information {
	--hp2-tab-icon: url("../img/icons/list-details.svg");
}

html body.hp-v2.single-product .summary .wd-accordion-title-text {
	gap: 12px;
	font-family: var(--hp2-font);
	font-size: 16px;
	font-weight: 600;
	color: var(--hp2-ink);
}

html body.hp-v2.single-product .summary .wd-accordion-title-text::before {
	content: "";
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	background: currentColor;
	-webkit-mask: var(--hp2-tab-icon) center / contain no-repeat;
	mask: var(--hp2-tab-icon) center / contain no-repeat;
}

html body.hp-v2.single-product .summary .wd-accordion-title:is(.wd-active, :hover) > .wd-accordion-title-text {
	color: var(--hp2-blue);
}

/* Dấu + / − thay mũi tên WoodMart. */
html body.hp-v2.single-product .summary .wd-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-opener {
	width: 16px;
	height: 16px;
	background: var(--hp2-ink);
	-webkit-mask: url("../img/icons/plus.svg") center / contain no-repeat;
	mask: url("../img/icons/plus.svg") center / contain no-repeat;
	transform: none;
}

html body.hp-v2.single-product .summary .wd-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-opener::before {
	content: none;
}

html body.hp-v2.single-product .summary .wd-accordion > .wd-accordion-item > .wd-accordion-title.wd-active .wd-accordion-opener {
	background: var(--hp2-blue);
	-webkit-mask-image: url("../img/icons/minus.svg");
	mask-image: url("../img/icons/minus.svg");
	transform: none;
}

/* Nội dung mở hết, không khung cuộn 250px của WoodMart. */
html body.hp-v2.single-product .summary .wd-accordion-content {
	max-width: none !important;
	padding-bottom: 20px;
}

html body.hp-v2.single-product .summary .wd-accordion-content .wd-scroll-content {
	max-height: none;
	overflow: visible;
	padding-inline-end: 0;
}

html body.hp-v2.single-product .summary .wd-accordion-content * {
	font-size: 15px !important;
	line-height: 1.7 !important;
}

html body.hp-v2.single-product .summary .wd-accordion-content :is(h2, h3, h4) {
	margin: 22px 0 10px !important;
	font-family: var(--hp2-font);
	font-weight: 700;
	line-height: 1.3 !important;
	color: var(--hp2-ink) !important;
}

html body.hp-v2.single-product .summary .wd-accordion-content h2 {
	font-size: 20px !important;
}

html body.hp-v2.single-product .summary .wd-accordion-content :is(h3, h4) {
	font-size: 17px !important;
}

html body.hp-v2.single-product .summary .wd-accordion-content img {
	max-width: 100%;
	height: auto;
	border-radius: 0 !important;
}

html body.hp-v2.single-product .summary .wd-accordion-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

/* Đánh giá: một cột trong cột mua hàng. */
html body.hp-v2.single-product .summary .wd-single-reviews .woocommerce-Reviews > :is(div, p) {
	flex-basis: 100%;
}

/* Nội dung tab Delivery & Refunds */
html body.hp-v2.single-product .summary .wd-accordion-content .hp2-pp-delivery {
	display: grid;
	gap: 18px;
}

html body.hp-v2.single-product .summary .wd-accordion-content .hp2-pp-delivery h3 {
	margin: 0 0 8px !important;
	font-family: var(--hp2-mono);
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-blue) !important;
}

html body.hp-v2.single-product .summary .wd-accordion-content .hp2-pp-delivery ul {
	margin: 0 !important;
	padding-left: 18px !important;
}

html body.hp-v2.single-product .summary .wd-accordion-content .hp2-pp-delivery li {
	margin-bottom: 6px !important;
}

/* EA Quick Information (inc/ea-specs.php): dưới "Our Latest Product", cùng mốc 992px với sidebar snippet #12. */
html body.hp-v2.single-product .hp2-ea-specs {
	margin-top: 20px;
	border: 1px solid var(--hp2-line);
	background: var(--hp2-bg);
}

html body.hp-v2.single-product .hp2-ea-specs--mobile {
	display: none;
}

html body.hp-v2.single-product .hp2-ea-specs__title {
	margin: 0 !important;
	padding: 12px 16px;
	background: var(--hp2-ink);
	font-family: var(--hp2-mono);
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 1.5px;
	line-height: 1.4 !important;
	text-transform: uppercase;
	color: #fff !important;
}

html body.hp-v2.single-product .hp2-ea-specs__list {
	margin: 0;
	padding: 0 16px;
}

html body.hp-v2.single-product .hp2-ea-specs__row {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 12px;
	align-items: baseline;
	padding: 11px 0;
	border-bottom: 1px solid var(--hp2-line);
}

html body.hp-v2.single-product .hp2-ea-specs__row:last-child {
	border-bottom: 0;
}

html body.hp-v2.single-product .hp2-ea-specs__row dt {
	margin: 0;
	font-family: var(--hp2-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hp2-muted);
}

html body.hp-v2.single-product .hp2-ea-specs__row dd {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--hp2-ink);
}

/* Mục lục Easy TOC (inc/product-toc.php): dưới khối EA, cùng kiểu khung + thanh tiêu đề. */
html body.hp-v2.single-product .hp2-pp-toc {
	margin-top: 20px;
}

html body.hp-v2.single-product .hp2-pp-toc--mobile {
	display: none;
}

html body.hp-v2.single-product .hp2-pp-toc #ez-toc-container {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid var(--hp2-line);
	border-radius: 0;
	background: var(--hp2-bg);
	box-shadow: none;
}

html body.hp-v2.single-product .hp2-pp-toc .ez-toc-title-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 8px 6px 16px;
	background: var(--hp2-ink);
}

html body.hp-v2.single-product .hp2-pp-toc .ez-toc-title {
	margin: 0 !important;
	font-family: var(--hp2-mono);
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 1.5px;
	line-height: 1.4 !important;
	text-transform: uppercase;
	color: #fff !important;
}

html body.hp-v2.single-product .hp2-pp-toc .ez-toc-title-toggle .ez-toc-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	min-height: 32px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 0 !important;
	background: transparent;
}

html body.hp-v2.single-product .hp2-pp-toc .ez-toc-title-toggle svg {
	fill: #fff !important;
	color: #fff !important;
}

html body.hp-v2.single-product .hp2-pp-toc nav {
	padding: 0;
}

/* Khoảng đệm đặt ở danh sách (bị ẩn khi đóng) để thanh tiêu đề không thừa dải trống. */
html body.hp-v2.single-product .hp2-pp-toc .ez-toc-list-level-1 {
	margin: 0 !important;
	padding: 10px 16px 12px !important;
}

html body.hp-v2.single-product .hp2-pp-toc .ez-toc-list li {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

html body.hp-v2.single-product .hp2-pp-toc .ez-toc-list a {
	display: inline-block;
	padding: 5px 0;
	font-size: 14px !important;
	color: var(--hp2-ink) !important;
	text-decoration: none;
}

html body.hp-v2.single-product .hp2-pp-toc .ez-toc-list a:hover {
	color: var(--hp2-blue) !important;
}

@media (max-width: 992px) {
	html body.hp-v2.single-product :is(.hp2-ea-specs--desktop, .hp2-pp-toc--desktop) {
		display: none;
	}

	html body.hp-v2.single-product :is(.hp2-ea-specs--mobile, .hp2-pp-toc--mobile) {
		display: block;
	}
}

/* Sản phẩm liên quan: cùng kiểu lưới trang chủ */
html body.hp-v2.single-product .related-and-upsells .title,
html body.hp-v2.single-product .related-and-upsells :is(h2, h3).slider-title {
	font-family: var(--hp2-font);
	font-size: clamp(24px, 2.6vw, 36px);
	font-weight: 700;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

html body.hp-v2.single-product .related-and-upsells .wd-product {
	outline: 1px solid var(--hp2-line);
	background: var(--hp2-bg);
}

html body.hp-v2.single-product .related-and-upsells .wd-product :is(.product-wrapper, .product-element-top, img) {
	border-radius: 0;
}

/* Mũi tên carousel (sản phẩm liên quan…): vuông. */
html body.hp-v2 .wd-nav-arrows .wd-btn-arrow,
html body.hp-v2 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner {
	border-radius: 0;
}

/* Sidebar snippet #12 (hộp cam kết + Recently viewed) theo kiểu v2 */
html body.hp-v2.single-product :is(.hipips-sidebar-trust-box, .hipips-recently-viewed-box) {
	border: 1px solid var(--hp2-line);
	border-radius: 0;
	background: var(--hp2-bg);
	box-shadow: none;
}

html body.hp-v2.single-product .hipips-rv-title-box {
	border-radius: 0;
	background: var(--hp2-ink);
}

html body.hp-v2.single-product .hipips-rv-title-box,
html body.hp-v2.single-product .hipips-rv-title-box * {
	color: #fff !important;
}

html body.hp-v2.single-product .hipips-rv-title-box {
	font-family: var(--hp2-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

/* Hộp cam kết: tiêu đề (Worldwide Instant Access…) to hơn mô tả; !important vì snippet #28 ép p 17px. */
html body.hp-v2.single-product .hipips-sb-title {
	margin: 0 0 4px;
	font-family: var(--hp2-font);
	font-size: 18px !important;
	font-weight: 700;
	line-height: 1.3 !important;
	text-transform: uppercase;
	color: var(--hp2-ink) !important;
}

html body.hp-v2.single-product .hipips-sb-desc {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: var(--hp2-muted) !important;
}

html body.hp-v2.single-product :is(.hipips-sb-icon, .hipips-sb-prod-img, .hipips-sb-prod-img img) {
	border-radius: 0;
}

html body.hp-v2.single-product .hipips-sb-prod-title {
	font-family: var(--hp2-font);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--hp2-ink);
}

html body.hp-v2.single-product .hipips-sb-prod-price {
	font-family: var(--hp2-mono);
	font-weight: 700;
	color: var(--hp2-blue);
}

/* 10. Tablet + mobile ------------------------------------------------------ */
@media (max-width: 1024px) {
	.hp-v2 .hp2-cats.e-con {
		flex-wrap: wrap;
	}

	.hp-v2 .hp2-cats.e-con > .hp2-cat.e-con {
		flex-basis: calc(33.333% - var(--hp2-gap));
		min-height: 128px;
	}

	.hp-v2 .hp2-trust-grid.e-con {
		flex-wrap: wrap;
		--row-gap: 24px;
		--column-gap: 0px;
	}

	.hp-v2 .hp2-trust-grid.e-con > .hp2-trust-item.e-con {
		flex-basis: 50%;
	}

	.hp-v2 .hp2-trust-item.e-con:nth-child(odd) {
		border-left: 0;
		--padding-left: 0px;
	}
}

@media (max-width: 767px) {
	.hp-v2 .hp2-why.e-con {
		flex-direction: column;
		flex-wrap: nowrap;
	}

	/* Thẻ cao theo nội dung (flex-basis 0 trong cột dọc làm Safari tính sai chiều cao). */
	.hp-v2 .hp2-why.e-con > .e-con {
		flex: 0 0 auto;
		width: 100%;
	}

	.hp-v2 .hp2-card.e-con {
		--padding-top: 24px;
		--padding-right: 20px;
		--padding-bottom: 24px;
		--padding-left: 20px;
	}

	.hp-v2 .hp2-cats.e-con > .hp2-cat.e-con {
		flex-basis: calc(50% - var(--hp2-gap));
	}

	.hp-v2 .hp2-cat.e-con {
		--padding-top: 18px;
		--padding-right: 16px;
		--padding-bottom: 18px;
		--padding-left: 16px;
		min-height: 120px;
	}

	/* Ẩn mô tả, giữ số sản phẩm. */
	.hp-v2 .hp2-cat-text p:first-child {
		display: none;
	}

	.hp-v2 .hp2-trust-grid.e-con > .hp2-trust-item.e-con {
		flex-basis: 100%;
	}

	.hp-v2 .hp2-trust-item.e-con {
		border-left: 0;
		--padding-left: 0px;
		--padding-right: 0px;
	}

	.hp-v2 .hp2-tabs .wd-nav-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		justify-content: flex-start;
		scrollbar-width: none;
	}
}

/* 11. Chuyển động ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.hp-v2 .hp2-cat.e-con {
		transition: none;
	}
}