/* ==========================================================================
   Horeca Hut pages — golden dark editorial pass.
   Re-skins every utility, legal and commerce page (contact, about, FAQ,
   track order, terms/privacy/refunds, cart, checkout, account, wishlist,
   compare, 404, search, professional solutions) with the SHX system used
   on home, shop and PDP. Loaded after content.css and commerce.css.
   ========================================================================== */

:root,
body.page,
body.error404,
body.search,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
	--pg-ink: #0a0a0c;
	--pg-ink-2: #101013;
	--pg-graphite: #151517;
	--pg-graphite-2: #1b1b1f;
	--pg-ivory: #f5f1e8;
	--pg-ivory-2: #ece6d8;
	--pg-text: #f2efe7;
	--pg-text-2: rgba(242, 239, 231, .64);
	--pg-text-3: rgba(242, 239, 231, .4);
	--pg-line: rgba(242, 239, 231, .09);
	--pg-line-2: rgba(242, 239, 231, .17);
	--pg-gold: #d8b36c;
	--pg-gold-grad: linear-gradient(140deg, #e6c885 0%, #d8b36c 55%, #b98f47 100%);
	--pg-gold-soft: rgba(216, 179, 108, .14);
	--pg-wa: #25d366;
	--pg-ok: #8fc7a4;
	--pg-warn: #e4c584;
	--pg-danger: #de9494;

	/* Re-point the light commerce palette at the dark system. */
	--hhm-commerce-ink: var(--pg-text);
	--hhm-commerce-muted: var(--pg-text-2);
	--hhm-commerce-line: var(--pg-line);
	--hhm-commerce-surface: var(--pg-graphite);
	--hhm-commerce-soft: var(--pg-graphite-2);
	--hhm-commerce-gold: var(--pg-gold);
}

body.page,
body.error404,
body.search,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
	background: var(--pg-ink);
	color: var(--pg-text);
}

body.page .hhm-site-shell,
body.page .hhm-main,
body.error404 .hhm-site-shell,
body.error404 .hhm-main,
body.search .hhm-site-shell,
body.search .hhm-main {
	background: var(--pg-ink);
}

/* --------------------------------------------------------------------------
   0. Cascade defense — main.css paints shell headings ink !important.
   -------------------------------------------------------------------------- */
body.hhm-site .hhm-site-shell .hhm-pgold h1,
body.hhm-site .hhm-site-shell .hhm-pgold h2,
body.hhm-site .hhm-site-shell .hhm-pgold h3,
body.hhm-site .hhm-site-shell .hhm-standard-page h2,
body.hhm-site .hhm-site-shell .hhm-standard-page h3,
body.hhm-site .hhm-site-shell .hhm-standard-page h4,
body.hhm-site .hhm-site-shell .hhm-not-found strong,
body.hhm-site .hhm-site-shell .hhm-content-search h1,
body.hhm-site .hhm-site-shell .hhm-content-search h2 a,
body.hhm-site .hhm-site-shell .hhm-content-search .hhm-content-empty h2,
body.hhm-site .hhm-site-shell .hhm-professional h2,
body.hhm-site .hhm-site-shell .hhm-professional h3 {
	color: var(--pg-text) !important;
}
body.hhm-site .hhm-site-shell .hhm-standard-page .hhm-standard-page__hero h1 { color: var(--pg-text) !important; }

/* --------------------------------------------------------------------------
   1. Shared page hero, breadcrumbs and section heads (new templates).
   -------------------------------------------------------------------------- */
.hhm-pgold { background: var(--pg-ink); color: var(--pg-text); }
/* Electro paints `section header` as a baseline flex row — restore stacking. */
.hhm-pgold section header,
.hhm-pgold header,
.hhm-professional section header {
	display: block;
	align-items: initial;
}
.hhm-pgold-hero {
	padding: 26px 0 0;
	background: var(--pg-ink);
}
.hhm-pgold-hero__crumb {
	display: flex;
	gap: 9px;
	align-items: center;
	margin-bottom: 18px;
	color: var(--pg-text-3);
	font-size: .8rem;
}
.hhm-pgold-hero__crumb a { color: var(--pg-text-2); }
.hhm-pgold-hero__crumb a:hover { color: var(--pg-gold); }
.hhm-pgold-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, .6fr);
	gap: clamp(20px, 4vw, 56px);
	align-items: stretch;
	padding: clamp(26px, 4.4vw, 54px);
	border: 1px solid var(--pg-line);
	border-radius: 22px;
	background:
		radial-gradient(1000px 300px at 90% -60%, rgba(216, 179, 108, .13), transparent 62%),
		var(--pg-graphite);
}
.hhm-pgold-eyebrow {
	display: block;
	margin-bottom: 12px;
	color: var(--pg-gold);
	font-size: .71rem;
	font-weight: 850;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.hhm-pgold-hero__grid h1 {
	margin: 0 0 14px;
	color: var(--pg-text) !important;
	font-size: clamp(1.9rem, 3.6vw, 3.2rem);
	line-height: 1.04;
	letter-spacing: -.04em;
}
.hhm-pgold-hero__grid > div > p {
	max-width: 620px;
	margin: 0;
	color: var(--pg-text-2);
	font-size: .95rem;
	line-height: 1.7;
}
.hhm-pgold-hero__aside {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	padding: clamp(18px, 2.4vw, 28px);
	border: 1px solid var(--pg-line-2);
	border-radius: 16px;
	background: var(--pg-ink-2);
}
.hhm-pgold-hero__aside strong {
	color: var(--pg-gold);
	font-size: clamp(1.2rem, 2vw, 1.65rem);
	letter-spacing: -.02em;
}
.hhm-pgold-hero__aside > span { color: var(--pg-text-2); font-size: .8rem; }
.hhm-pgold-hero__aside p { margin: 10px 0 0; color: var(--pg-text-3); font-size: .78rem; line-height: 1.6; }
.hhm-pgold-section-head { max-width: 720px; margin-bottom: clamp(22px, 3.4vw, 36px); }
.hhm-pgold-section-head h2,
.hhm-pgold h2 {
	margin: 0;
	color: var(--pg-text);
	font-size: clamp(1.45rem, 2.6vw, 2.15rem);
	letter-spacing: -.03em;
	line-height: 1.12;
}

/* Buttons inside the gold pages (Electro cascade needs !important). */
.hhm-pgold .hhm-button,
.hhm-pgold a.hhm-button {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	min-height: 46px;
	padding: 12px 20px;
	border-radius: 999px;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none !important;
}
.hhm-pgold .hhm-button--gold,
.hhm-pgold a.hhm-button--gold {
	border: 1px solid transparent !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
	box-shadow: 0 10px 26px rgba(216, 179, 108, .22);
}
.hhm-pgold .hhm-button--gold:hover { filter: brightness(1.06); }
.hhm-pgold .hhm-button--ghost,
.hhm-pgold a.hhm-button--ghost {
	border: 1px solid var(--pg-line-2) !important;
	background: transparent !important;
	color: var(--pg-text) !important;
}
.hhm-pgold .hhm-button--ghost:hover { border-color: var(--pg-gold) !important; color: var(--pg-gold) !important; }
.hhm-pgold .hhm-button .hhm-icon { width: 15px; height: 15px; }

/* --------------------------------------------------------------------------
   2. Contact page.
   -------------------------------------------------------------------------- */
.hhm-contact-channels { padding: clamp(18px, 2.6vw, 28px) 0 0; }
.hhm-contact-channels__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.hhm-contact-channel {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 18px;
	border: 1px solid var(--pg-line);
	border-radius: 16px;
	background: var(--pg-graphite);
	text-decoration: none !important;
	transition: border-color .18s ease, transform .18s ease;
}
.hhm-contact-channel:hover { border-color: var(--pg-gold); transform: translateY(-2px); }
.hhm-contact-channel__icon {
	display: grid;
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	place-items: center;
	border-radius: 12px;
	background: var(--pg-gold-soft);
	color: var(--pg-gold);
}
.hhm-contact-channel__icon .hhm-icon { width: 19px; height: 19px; }
.hhm-contact-channel--whatsapp .hhm-contact-channel__icon { background: rgba(37, 211, 102, .16); color: var(--pg-wa); }
.hhm-contact-channel__label {
	color: var(--pg-text-3);
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.hhm-contact-channel__value { color: var(--pg-text); font-size: .95rem; font-weight: 800; }
.hhm-contact-channel__hint { color: var(--pg-text-2); font-size: .75rem; line-height: 1.5; }

.hhm-contact-main { padding: clamp(26px, 4vw, 44px) 0 clamp(40px, 6vw, 70px); }
.hhm-contact-main__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr);
	gap: clamp(16px, 2.4vw, 26px);
	align-items: start;
}
.hhm-contact-form-panel {
	padding: clamp(22px, 3.4vw, 38px);
	border: 1px solid var(--pg-line);
	border-radius: 20px;
	background: var(--pg-graphite);
}
.hhm-contact-form-panel header { max-width: 560px; margin-bottom: 20px; }
.hhm-contact-form-panel header p { margin: 12px 0 0; color: var(--pg-text-2); font-size: .88rem; line-height: 1.65; }
.hhm-contact-form-panel__subject {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	margin: 0 0 18px;
	padding: 9px 15px;
	border: 1px solid var(--pg-line-2);
	border-radius: 999px;
	background: var(--pg-gold-soft);
	color: var(--pg-gold);
	font-size: .78rem;
	font-weight: 800;
}
.hhm-contact-form-panel__subject .hhm-icon { width: 14px; height: 14px; }

/* WPForms — dark skin. */
.hhm-pgold .wpforms-container { margin: 0 !important; }
.hhm-pgold .wpforms-field { padding: 0 0 16px !important; }
.hhm-pgold .wpforms-field-label {
	margin-bottom: 7px !important;
	color: var(--pg-text-2) !important;
	font-size: .78rem !important;
	font-weight: 800 !important;
}
.hhm-pgold .wpforms-required-label { color: var(--pg-danger) !important; }
body.hhm-site .hhm-pgold .wpforms-container input[type="text"],
body.hhm-site .hhm-pgold .wpforms-container input[type="email"],
body.hhm-site .hhm-pgold .wpforms-container input[type="tel"],
body.hhm-site .hhm-pgold .wpforms-container select,
body.hhm-site .hhm-pgold .wpforms-container textarea {
	width: 100%;
	max-width: 100% !important;
	min-height: 48px;
	padding: 11px 14px !important;
	border: 1px solid var(--pg-line-2) !important;
	border-radius: 10px !important;
	background: var(--pg-ink-2) !important;
	color: var(--pg-text) !important;
	font-size: .88rem !important;
}
body.hhm-site .hhm-pgold .wpforms-container textarea { min-height: 130px; }
body.hhm-site .hhm-pgold .wpforms-container input:focus,
body.hhm-site .hhm-pgold .wpforms-container select:focus,
body.hhm-site .hhm-pgold .wpforms-container textarea:focus {
	border-color: var(--pg-gold) !important;
	outline: 3px solid var(--pg-gold-soft) !important;
	outline-offset: 1px;
}
body.hhm-site .hhm-pgold .wpforms-container ::placeholder { color: var(--pg-text-3); opacity: 1; }
body.hhm-site .hhm-pgold .wpforms-container .wpforms-submit,
body.hhm-site .hhm-pgold .wpforms-container button[type="submit"] {
	min-height: 50px;
	padding: 13px 26px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
	font-size: .84rem !important;
	font-weight: 850 !important;
	letter-spacing: .02em;
	box-shadow: 0 10px 26px rgba(216, 179, 108, .2);
	cursor: pointer;
}
body.hhm-site .hhm-pgold .wpforms-container .wpforms-submit:hover { filter: brightness(1.06); }
.hhm-pgold .wpforms-confirmation-container-full,
.hhm-pgold .wpforms-confirmation-scroll {
	border: 1px solid rgba(143, 199, 164, .4) !important;
	border-radius: 12px !important;
	background: rgba(143, 199, 164, .1) !important;
	color: var(--pg-ok) !important;
}
.hhm-pgold .wpforms-error,
.hhm-pgold label.wpforms-error { color: var(--pg-danger) !important; font-size: .74rem !important; }

.hhm-contact-store {
	overflow: hidden;
	border: 1px solid var(--pg-line);
	border-radius: 20px;
	background: var(--pg-graphite);
}
.hhm-contact-store__photo { margin: 0; }
.hhm-contact-store__photo img {
	display: block;
	width: 100%;
	height: 190px;
	object-fit: cover;
	filter: saturate(.92);
}
.hhm-contact-store__body { padding: 20px; }
.hhm-contact-store__body h3 { margin: 0 0 8px; color: var(--pg-text); font-size: 1.05rem; letter-spacing: -.02em; }
.hhm-contact-store__address { margin: 0 0 14px; color: var(--pg-text-2); font-size: .84rem; line-height: 1.6; }
.hhm-contact-store__hours { margin: 0 0 16px; }
.hhm-contact-store__hours div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 0;
	border-top: 1px solid var(--pg-line);
	font-size: .8rem;
}
.hhm-contact-store__hours dt { color: var(--pg-text-2); }
.hhm-contact-store__hours dd { margin: 0; color: var(--pg-text); font-weight: 800; }
.hhm-contact-store__map { border-top: 1px solid var(--pg-line); line-height: 0; }
.hhm-contact-store__map iframe {
	width: 100%;
	height: 230px;
	border: 0;
	filter: invert(.9) hue-rotate(180deg) saturate(.32) brightness(.92);
}

.hhm-contact-faq-band { padding: 0 0 clamp(44px, 6vw, 76px); }
.hhm-contact-faq-band .hhm-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(18px, 3vw, 40px);
	align-items: center;
	padding-top: clamp(24px, 3.6vw, 40px);
	padding-bottom: clamp(24px, 3.6vw, 40px);
	border-top: 1px solid var(--pg-line);
	border-bottom: 1px solid var(--pg-line);
}
.hhm-contact-faq-band__links { display: flex; flex-direction: column; gap: 8px; }
.hhm-contact-faq-band__links a {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	padding: 12px 16px;
	border: 1px solid var(--pg-line);
	border-radius: 12px;
	background: var(--pg-graphite);
	color: var(--pg-text);
	font-size: .86rem;
	font-weight: 750;
	text-decoration: none !important;
	transition: border-color .18s ease;
}
.hhm-contact-faq-band__links a:hover { border-color: var(--pg-gold); color: var(--pg-gold); }
.hhm-contact-faq-band__links .hhm-icon { width: 14px; height: 14px; color: var(--pg-gold); }

/* --------------------------------------------------------------------------
   3. About page.
   -------------------------------------------------------------------------- */
.hhm-about-stats {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
	padding: clamp(14px, 2vw, 20px) clamp(18px, 2.4vw, 28px);
	border: 1px solid var(--pg-line-2);
	border-radius: 16px;
	background: var(--pg-ink-2);
}
.hhm-about-stats div { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; }
.hhm-about-stats div + div { border-top: 1px solid var(--pg-line); }
.hhm-about-stats strong {
	min-width: 92px;
	color: var(--pg-gold);
	font-size: clamp(1.3rem, 2.2vw, 1.7rem);
	letter-spacing: -.02em;
}
.hhm-about-stats span { color: var(--pg-text-2); font-size: .8rem; }

.hhm-about-story { padding: clamp(34px, 5vw, 64px) 0 0; }
.hhm-about-story__grid {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: clamp(20px, 4vw, 60px);
}
.hhm-about-story__copy p { margin: 0 0 16px; color: var(--pg-text-2); font-size: .95rem; line-height: 1.75; }
.hhm-about-story__copy p:last-child { margin-bottom: 0; }

.hhm-about-pillars { padding: clamp(34px, 5vw, 64px) 0 0; }
.hhm-about-pillars__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.hhm-about-pillar {
	padding: 20px;
	border: 1px solid var(--pg-line);
	border-radius: 16px;
	background: var(--pg-graphite);
}
.hhm-about-pillar__icon {
	display: grid;
	width: 42px;
	height: 42px;
	margin-bottom: 14px;
	place-items: center;
	border-radius: 12px;
	background: var(--pg-gold-soft);
	color: var(--pg-gold);
}
.hhm-about-pillar__icon .hhm-icon { width: 20px; height: 20px; }
.hhm-about-pillar h3 { margin: 0 0 8px; color: var(--pg-text); font-size: .98rem; letter-spacing: -.015em; }
.hhm-about-pillar p { margin: 0; color: var(--pg-text-2); font-size: .8rem; line-height: 1.62; }

.hhm-about-segments { padding: clamp(34px, 5vw, 64px) 0 0; }
.hhm-about-segments__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}
.hhm-about-segment {
	display: flex;
	flex-direction: column;
	padding: 20px;
	border: 1px solid var(--pg-line);
	border-radius: 16px;
	background: var(--pg-graphite);
	text-decoration: none !important;
	transition: border-color .18s ease, transform .18s ease;
}
.hhm-about-segment:hover { border-color: var(--pg-gold); transform: translateY(-2px); }
.hhm-about-segment__icon {
	display: grid;
	width: 40px;
	height: 40px;
	margin-bottom: 12px;
	place-items: center;
	border-radius: 12px;
	background: var(--pg-ink-2);
	border: 1px solid var(--pg-line-2);
	color: var(--pg-gold);
}
.hhm-about-segment__icon .hhm-icon { width: 19px; height: 19px; }
.hhm-about-segment h3 { margin: 0 0 6px; color: var(--pg-text); font-size: .96rem; }
.hhm-about-segment p { margin: 0 0 14px; color: var(--pg-text-2); font-size: .79rem; line-height: 1.6; }
.hhm-about-segment__cta {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	margin-top: auto;
	color: var(--pg-gold);
	font-size: .74rem;
	font-weight: 850;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.hhm-about-segment__cta .hhm-icon { width: 13px; height: 13px; }

.hhm-about-brands { padding: clamp(34px, 5vw, 64px) 0 0; }
.hhm-about-brands__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}
.hhm-about-brands__grid .hhm-brand-mark-link {
	display: block;
	border-radius: 14px;
	transition: transform .18s ease;
}
.hhm-about-brands__grid .hhm-brand-mark-link:hover { transform: translateY(-2px); }
.hhm-about-brands__grid .hhm-brand-mark {
	display: grid;
	width: 100%;
	max-width: 100%;
	height: 84px;
	padding: 14px 18px;
	place-items: center;
	border: 1px solid var(--pg-line);
	border-radius: 14px;
	background: var(--pg-ivory);
}
.hhm-about-brands__grid .hhm-brand-mark-link { width: 100%; }
.hhm-about-brands__grid .hhm-brand-mark.hhm-brand-mark--surface-dark { background: var(--pg-graphite-2); border-color: var(--pg-line-2); }
.hhm-about-brands__grid .hhm-brand-mark img {
	width: 100%;
	height: 100%;
	max-height: 54px;
	object-fit: contain !important;
	filter: none !important;
}
.hhm-about-brands__grid .hhm-brand-mark__fallback {
	color: #1d1c19;
	font-size: .82rem;
	font-weight: 850;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-align: center;
}
.hhm-about-brands__grid .hhm-brand-mark--surface-dark .hhm-brand-mark__fallback { color: var(--pg-text); }

.hhm-about-cta { padding: clamp(40px, 6vw, 72px) 0 clamp(44px, 6.6vw, 80px); }
.hhm-about-cta .hhm-container {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr);
	gap: clamp(18px, 3vw, 40px);
	align-items: center;
	padding-top: clamp(26px, 4vw, 46px);
	padding-bottom: clamp(26px, 4vw, 46px);
	border-top: 1px solid var(--pg-line);
}
.hhm-about-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }

/* --------------------------------------------------------------------------
   4. FAQ page.
   -------------------------------------------------------------------------- */
.hhm-faq-groups { padding: clamp(28px, 4.4vw, 52px) 0 clamp(20px, 3vw, 36px); }
.hhm-faq-group { margin-bottom: clamp(24px, 3.6vw, 40px); }
.hhm-pgold header.hhm-faq-group__head,
.hhm-faq-group__head {
	display: flex;
	gap: 13px;
	align-items: center;
	margin-bottom: 14px;
}
.hhm-faq-group__icon {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border-radius: 12px;
	background: var(--pg-gold-soft);
	color: var(--pg-gold);
}
.hhm-faq-group__icon .hhm-icon { width: 19px; height: 19px; }
.hhm-faq-group__head h2 { font-size: clamp(1.15rem, 2vw, 1.5rem) !important; }
.hhm-faq-group__items { display: grid; gap: 9px; }
.hhm-faq-item {
	overflow: hidden;
	border: 1px solid var(--pg-line);
	border-radius: 14px;
	background: var(--pg-graphite);
	transition: border-color .18s ease;
}
.hhm-faq-item[open] { border-color: var(--pg-line-2); }
.hhm-faq-item summary {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	padding: 16px 18px;
	color: var(--pg-text);
	font-size: .92rem;
	font-weight: 800;
	letter-spacing: -.01em;
	cursor: pointer;
	list-style: none;
}
.hhm-faq-item summary::-webkit-details-marker { display: none; }
.hhm-faq-item summary:hover { color: var(--pg-gold); }
.hhm-faq-item__marker {
	display: grid;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	place-items: center;
	border: 1px solid var(--pg-line-2);
	border-radius: 50%;
	color: var(--pg-gold);
	transition: transform .2s ease, background .2s ease;
}
.hhm-faq-item__marker .hhm-icon { width: 14px; height: 14px; }
.hhm-faq-item[open] .hhm-faq-item__marker { background: var(--pg-gold-soft); transform: rotate(45deg); }
.hhm-faq-item__answer { padding: 0 18px 18px; }
.hhm-faq-item__answer p {
	max-width: 860px;
	margin: 0;
	padding-top: 14px;
	border-top: 1px solid var(--pg-line);
	color: var(--pg-text-2);
	font-size: .87rem;
	line-height: 1.72;
}

/* --------------------------------------------------------------------------
   5. Track order page.
   -------------------------------------------------------------------------- */
.hhm-track-main { padding: clamp(26px, 4vw, 44px) 0 clamp(44px, 6vw, 76px); }
.hhm-track-main__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
	gap: clamp(16px, 2.4vw, 26px);
	align-items: start;
}
.hhm-track-form-panel {
	padding: clamp(22px, 3.4vw, 38px);
	border: 1px solid var(--pg-line);
	border-radius: 20px;
	background: var(--pg-graphite);
}
.hhm-track-form-panel .woocommerce { color: var(--pg-text-2); }
.hhm-track-form-panel p { color: var(--pg-text-2); font-size: .88rem; line-height: 1.65; }
.hhm-track-form-panel form.track_order { margin: 0; }
body.hhm-site .hhm-track-form-panel .form-row label {
	margin-bottom: 6px;
	color: var(--pg-text-2);
	font-size: .78rem;
	font-weight: 800;
}
body.hhm-site .hhm-track-form-panel input[type="text"],
body.hhm-site .hhm-track-form-panel input[type="email"] {
	width: 100%;
	min-height: 48px;
	padding: 11px 14px;
	border: 1px solid var(--pg-line-2) !important;
	border-radius: 10px !important;
	background: var(--pg-ink-2) !important;
	color: var(--pg-text) !important;
}
body.hhm-site .hhm-track-form-panel input:focus {
	border-color: var(--pg-gold) !important;
	outline: 3px solid var(--pg-gold-soft) !important;
}
body.hhm-site .hhm-track-form-panel button.button,
body.hhm-site .hhm-track-form-panel button[type="submit"] {
	min-height: 50px;
	padding: 13px 28px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
	font-weight: 850 !important;
	cursor: pointer;
}
.hhm-track-steps { display: grid; gap: 10px; }
.hhm-track-step {
	position: relative;
	padding: 18px 18px 18px 62px;
	border: 1px solid var(--pg-line);
	border-radius: 16px;
	background: var(--pg-graphite);
}
.hhm-track-step__num {
	position: absolute;
	top: 20px;
	left: 18px;
	color: var(--pg-text-3);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .06em;
}
.hhm-track-step__icon {
	display: inline-grid;
	width: 34px;
	height: 34px;
	margin-bottom: 10px;
	place-items: center;
	border-radius: 10px;
	background: var(--pg-gold-soft);
	color: var(--pg-gold);
}
.hhm-track-step__icon .hhm-icon { width: 16px; height: 16px; }
.hhm-track-step h3 { margin: 0 0 5px; color: var(--pg-text); font-size: .92rem; }
.hhm-track-step p { margin: 0; color: var(--pg-text-2); font-size: .79rem; line-height: 1.6; }
.hhm-track-steps__help { margin: 6px 0 0; color: var(--pg-text-2); font-size: .82rem; }
.hhm-track-steps__help a { color: var(--pg-gold); font-weight: 800; }

/* --------------------------------------------------------------------------
   6. Standard/legal pages (terms, privacy, refunds) — dark prose.
   -------------------------------------------------------------------------- */
body.page .hhm-standard-page { background: var(--pg-ink); }
body.page .hhm-standard-page__content {
	border-color: var(--pg-line);
	background: var(--pg-graphite);
}
.hhm-standard-page__breadcrumb { color: var(--pg-text-3) !important; }
.hhm-standard-page__breadcrumb a { color: var(--pg-text-2) !important; }
.hhm-standard-page__hero {
	border: 1px solid var(--pg-line);
	background:
		radial-gradient(900px 280px at 88% -50%, rgba(216, 179, 108, .13), transparent 60%),
		var(--pg-graphite) !important;
	box-shadow: none !important;
}
.hhm-standard-page:not(.hhm-standard-page--service) .hhm-standard-page__content { max-width: 860px; }
.hhm-standard-page__content {
	color: var(--pg-text-2) !important;
	font-size: .93rem;
}
.hhm-standard-page__content p,
.hhm-standard-page__content li { color: var(--pg-text-2) !important; }
.hhm-standard-page__content li::marker { color: var(--pg-gold); }
.hhm-standard-page__content h2,
.hhm-standard-page__content h3,
.hhm-standard-page__content h4 {
	position: relative;
	margin: 34px 0 12px;
	padding-top: 18px;
	color: var(--pg-text) !important;
	letter-spacing: -.02em;
}
.hhm-standard-page__content h2::before,
.hhm-standard-page__content h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 2px;
	border-radius: 2px;
	background: var(--pg-gold);
}
.hhm-standard-page__content a { color: var(--pg-gold) !important; }
.hhm-standard-page__content strong,
.hhm-standard-page__content b { color: var(--pg-text); }
.hhm-standard-page__content table { border: 1px solid var(--pg-line); background: var(--pg-graphite); }
.hhm-standard-page__content table th,
.hhm-standard-page__content table td { border-color: var(--pg-line) !important; color: var(--pg-text-2) !important; }
.hhm-standard-page__content blockquote {
	margin: 20px 0;
	padding: 14px 18px;
	border-left: 3px solid var(--pg-gold);
	border-radius: 0 12px 12px 0;
	background: var(--pg-graphite);
}

/* Easy TOC — dark card. */
body.page .ez-toc-container,
body.page #ez-toc-container {
	width: auto !important;
	margin-bottom: 26px;
	padding: 18px 20px !important;
	border: 1px solid var(--pg-line-2) !important;
	border-radius: 14px !important;
	background: var(--pg-graphite) !important;
	box-shadow: none !important;
}
body.page .ez-toc-container p.ez-toc-title,
body.page #ez-toc-container p.ez-toc-title { color: var(--pg-text) !important; font-weight: 850; }
body.page .ez-toc-container a,
body.page #ez-toc-container a { color: var(--pg-text-2) !important; }
body.page .ez-toc-container a:hover,
body.page #ez-toc-container a:hover { color: var(--pg-gold) !important; }

/* Confidence band (cart/checkout guidance strip). */
.hhm-order-confidence {
	border-color: var(--pg-line) !important;
	background: var(--pg-line) !important;
}
.hhm-order-confidence span {
	background: var(--pg-graphite) !important;
	color: var(--pg-text-2) !important;
}
.hhm-order-confidence svg { color: var(--pg-gold) !important; }

/* Notices — dark variants (checkout notices can render outside the page shell). */
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error,
.hhm-standard-page .woocommerce-error,
.hhm-standard-page .woocommerce-info,
.hhm-standard-page .woocommerce-message,
.hhm-standard-page .wc-block-components-notice-banner {
	border: 1px solid rgba(143, 199, 164, .35) !important;
	border-left: 4px solid var(--pg-ok) !important;
	background: rgba(143, 199, 164, .09) !important;
	color: #c8e6d3 !important;
}
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-account .woocommerce-error,
.hhm-standard-page .woocommerce-error {
	border-color: rgba(222, 148, 148, .35) !important;
	border-left-color: var(--pg-danger) !important;
	background: rgba(222, 148, 148, .09) !important;
	color: #eec3c3 !important;
}
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-account .woocommerce-info,
.hhm-standard-page .woocommerce-info {
	border-color: rgba(228, 197, 132, .35) !important;
	border-left-color: var(--pg-warn) !important;
	background: rgba(228, 197, 132, .09) !important;
	color: #ecd9b3 !important;
}
body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a,
body.woocommerce-cart .woocommerce-info a,
.hhm-standard-page .woocommerce-info a,
.hhm-standard-page .woocommerce-message a { color: var(--pg-gold) !important; }

/* Buttons and fields on service pages. */
.hhm-standard-page button.button,
.hhm-standard-page a.button,
.hhm-standard-page input.button,
.hhm-standard-page .wc-block-components-button {
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
}
.hhm-standard-page button.button:hover,
.hhm-standard-page a.button:hover,
.hhm-standard-page .wc-block-components-button:hover {
	border-color: transparent !important;
	background: var(--pg-gold-grad) !important;
	filter: brightness(1.07);
}
body.hhm-site .hhm-standard-page input[type="text"],
body.hhm-site .hhm-standard-page input[type="email"],
body.hhm-site .hhm-standard-page input[type="tel"],
body.hhm-site .hhm-standard-page input[type="password"],
body.hhm-site .hhm-standard-page input[type="number"],
body.hhm-site .hhm-standard-page select,
body.hhm-site .hhm-standard-page textarea {
	border: 1px solid var(--pg-line-2) !important;
	background: var(--pg-ink-2) !important;
	color: var(--pg-text) !important;
}
.hhm-standard-page input:focus,
.hhm-standard-page select:focus,
.hhm-standard-page textarea:focus {
	border-color: var(--pg-gold) !important;
	outline: 3px solid var(--pg-gold-soft) !important;
}
.hhm-standard-page ::placeholder { color: var(--pg-text-3) !important; opacity: 1; }

/* --------------------------------------------------------------------------
   7. Cart.
   -------------------------------------------------------------------------- */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
	border-color: var(--pg-line);
	background: var(--pg-graphite);
	box-shadow: none;
}
body.woocommerce-cart .woocommerce-cart-form th {
	border-color: var(--pg-line);
	background: var(--pg-ink-2);
	color: var(--pg-text-3) !important;
}
body.woocommerce-cart .woocommerce-cart-form td {
	border-color: var(--pg-line);
	color: var(--pg-text-2) !important;
}
body.woocommerce-cart .product-thumbnail img {
	background: var(--pg-ivory);
	mix-blend-mode: normal;
}
body.woocommerce-cart .product-name a { color: var(--pg-text); }
body.woocommerce-cart .product-name a:hover { color: var(--pg-gold); }
body.woocommerce-cart .product-name dl.variation { color: var(--pg-text-3); }
body.woocommerce-cart .product-price,
body.woocommerce-cart .product-subtotal { color: var(--pg-text); }
body.woocommerce-cart .product-remove a {
	border-color: rgba(222, 148, 148, .3);
	background: rgba(222, 148, 148, .08);
	color: var(--pg-danger) !important;
}
body.woocommerce-cart .product-remove a:hover { background: rgba(222, 148, 148, .18); }
body.woocommerce-cart .actions { background: var(--pg-ink-2); }
.hhm-cart-quantity {
	border-color: var(--pg-line-2);
	background: var(--pg-ink-2);
}
body.woocommerce-cart .woocommerce .hhm-cart-quantity .qty {
	background: transparent !important;
	color: var(--pg-text) !important;
}
.hhm-cart-quantity__button {
	background: var(--pg-graphite-2);
	color: var(--pg-text);
}
.hhm-cart-quantity__button:hover { background: var(--pg-gold-soft); color: var(--pg-gold); }
body.woocommerce-cart .cart_totals h2 { color: var(--pg-text) !important; }
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
	border-color: var(--pg-line);
	color: var(--pg-text-2) !important;
}
body.woocommerce-cart .order-total th,
body.woocommerce-cart .order-total td { color: var(--pg-text) !important; }
body.woocommerce-cart .order-total .amount { color: var(--pg-gold); }
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
	box-shadow: 0 12px 30px rgba(216, 179, 108, .22);
}
body.woocommerce-cart .woocommerce-shipping-calculator a { color: var(--pg-gold); }

/* Empty cart. */
body.woocommerce-cart .cart-empty,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
	border: 1px dashed var(--pg-line-2) !important;
	background: var(--pg-graphite) !important;
	color: var(--pg-text-2) !important;
	font-size: 1rem;
}
body.woocommerce-cart .return-to-shop { padding-bottom: 26px; }
body.woocommerce-cart .return-to-shop .button {
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
}

/* --------------------------------------------------------------------------
   8. Checkout.
   -------------------------------------------------------------------------- */
.hhm-checkout-delivery-note {
	display: flex;
	gap: 10px;
	align-items: center;
	max-width: 760px;
	margin: 0 auto 18px;
	padding: 13px 17px;
	border: 1px solid var(--pg-line-2);
	border-radius: 12px;
	background: var(--pg-gold-soft);
	color: var(--pg-gold);
	font-size: .86rem;
	font-weight: 800;
}
.hhm-checkout-delivery-note .hhm-icon { width: 18px; height: 18px; flex: 0 0 18px; }
body.woocommerce-checkout form.checkout_coupon {
	border-color: var(--pg-line);
	background: var(--pg-graphite);
}
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review {
	border-color: var(--pg-line);
	background: var(--pg-graphite);
	box-shadow: none;
}
body.woocommerce-checkout form.checkout > h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .order-review-wrapper #order_review_heading_v2 {
	border-color: var(--pg-line);
	background: var(--pg-ink-2);
	color: var(--pg-text) !important;
}
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3 { color: var(--pg-text) !important; }
body.woocommerce-checkout .form-row label { color: var(--pg-text-2) !important; }
body.woocommerce-checkout .form-row .required { color: var(--pg-danger); }
body.woocommerce-checkout .form-row.woocommerce-invalid input,
body.woocommerce-checkout .form-row.woocommerce-invalid select {
	border-color: var(--pg-danger) !important;
	background: rgba(222, 148, 148, .07) !important;
	box-shadow: 0 0 0 3px rgba(222, 148, 148, .13);
}
body.woocommerce-checkout .select2-container .select2-selection--single {
	border: 1px solid var(--pg-line-2);
	background: var(--pg-ink-2);
}
body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { color: var(--pg-text); }
body.woocommerce-checkout .select2-dropdown {
	border: 1px solid var(--pg-line-2);
	background: var(--pg-graphite-2);
	color: var(--pg-text);
}
body.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--pg-line-2);
	background: var(--pg-ink-2);
	color: var(--pg-text);
}
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: var(--pg-gold);
	color: #191204;
}
body.woocommerce-checkout #order_review th,
body.woocommerce-checkout #order_review td {
	border-color: var(--pg-line);
	color: var(--pg-text-2) !important;
}
body.woocommerce-checkout #order_review .order-total th,
body.woocommerce-checkout #order_review .order-total td { color: var(--pg-text) !important; }
body.woocommerce-checkout #order_review .order-total .amount { color: var(--pg-gold); }
body.woocommerce-checkout #payment {
	border-color: var(--pg-line);
	background: var(--pg-ink-2);
}
body.woocommerce-checkout #payment ul.payment_methods { border-color: var(--pg-line); }
body.woocommerce-checkout #payment ul.payment_methods li { color: var(--pg-text-2); }
body.woocommerce-checkout #payment ul.payment_methods label { color: var(--pg-text); font-weight: 750; }
body.woocommerce-checkout #payment div.payment_box {
	background: var(--pg-graphite-2);
	color: var(--pg-text-2);
}
body.woocommerce-checkout #place_order {
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
	font-weight: 850 !important;
	box-shadow: 0 12px 30px rgba(216, 179, 108, .22);
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { color: var(--pg-text-3); }
body.woocommerce-checkout .woocommerce-terms-and-conditions {
	border-color: var(--pg-line);
	background: var(--pg-graphite-2);
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a { color: var(--pg-gold); }

/* --------------------------------------------------------------------------
   9. Account — fix auth layout and dark skin.
   -------------------------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	border-color: var(--pg-line);
	background: var(--pg-graphite);
}
body.woocommerce-account .woocommerce-MyAccount-navigation a { color: var(--pg-text-2); }
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: var(--pg-graphite-2); color: var(--pg-text); }
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a:hover {
	background: var(--pg-gold-soft);
	color: var(--pg-gold);
}
body.woocommerce-account .woocommerce-MyAccount-content { color: var(--pg-text-2); }
body.woocommerce-account .woocommerce-MyAccount-content p { color: var(--pg-text-2); }
body.woocommerce-account .woocommerce-MyAccount-content a { color: var(--pg-gold); }
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .woocommerce-table { border-color: var(--pg-line); }
body.woocommerce-account .woocommerce-orders-table th,
body.woocommerce-account .woocommerce-table th {
	background: var(--pg-ink-2);
	color: var(--pg-text-3) !important;
	border-color: var(--pg-line) !important;
}
body.woocommerce-account .woocommerce-orders-table td,
body.woocommerce-account .woocommerce-table td {
	background: transparent;
	color: var(--pg-text-2) !important;
	border-color: var(--pg-line) !important;
}
body.woocommerce-account fieldset legend { color: var(--pg-text); font-weight: 800; }
body.woocommerce-account .woocommerce-Address {
	border: 1px solid var(--pg-line);
	border-radius: 12px;
	background: var(--pg-graphite-2);
}
body.woocommerce-account .woocommerce-Address-title h3 { color: var(--pg-text) !important; }

/* Login / register: Electro wraps #customer_login in .customer-login-form,
   which lands in the 240px navigation column of the account grid. Collapse
   the grid for logged-out screens and rebuild a stable two-column layout. */
body.woocommerce-account:not(.logged-in) .hhm-standard-page__content > .woocommerce { display: block !important; }
body.woocommerce-account .customer-login-form {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
body.woocommerce-account .customer-login-form .or-text,
body.woocommerce-account .customer-login-form::before,
body.woocommerce-account .customer-login-form::after,
body.woocommerce-account #customer_login::before,
body.woocommerce-account #customer_login::after,
body.woocommerce-account #customer_login .u-column1::before,
body.woocommerce-account #customer_login .u-column1::after,
body.woocommerce-account #customer_login .u-column2::before,
body.woocommerce-account #customer_login .u-column2::after {
	content: none !important;
	display: none !important;
}
body.woocommerce-account .hhm-standard-page__content .u-columns.col2-set,
body.woocommerce-account .hhm-standard-page__content #customer_login {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 22px;
	width: 100%;
	max-width: 980px;
	margin-inline: auto;
	border: 0;
	background: transparent;
}
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2,
body.woocommerce-account .u-columns .col-1,
body.woocommerce-account .u-columns .col-2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: clamp(20px, 3vw, 30px) !important;
	border: 1px solid var(--pg-line);
	border-radius: 16px;
	background: var(--pg-graphite);
}
body.woocommerce-account #customer_login h2 {
	margin: 0 0 16px;
	color: var(--pg-text) !important;
	font-size: 1.3rem;
	letter-spacing: -.02em;
}
body.woocommerce-account #customer_login form.login,
body.woocommerce-account #customer_login form.register {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
body.woocommerce-account .woocommerce-form-login label,
body.woocommerce-account .woocommerce-form-register label { color: var(--pg-text-2); font-size: .8rem; font-weight: 800; }
body.woocommerce-account .woocommerce-form-login__rememberme { display: flex; gap: 8px; align-items: center; padding: 0 0 12px; }
body.woocommerce-account .woocommerce-LostPassword a { color: var(--pg-gold); }
body.woocommerce-account .woocommerce-privacy-policy-text p { color: var(--pg-text-3); font-size: .76rem; line-height: 1.6; }

/* --------------------------------------------------------------------------
   10. Wishlist (YITH) + Compare.
   -------------------------------------------------------------------------- */
body.page-id-14 .hhm-standard-page__content h2,
.yith-wcwl-share h4 { color: var(--pg-text) !important; }
.wishlist_table,
table.shop_table.wishlist_table {
	border: 1px solid var(--pg-line) !important;
	border-radius: 14px;
	background: var(--pg-graphite);
	color: var(--pg-text-2);
}
.wishlist_table thead th {
	padding: 14px 12px !important;
	border-bottom: 1px solid var(--pg-line) !important;
	background: var(--pg-ink-2) !important;
	color: var(--pg-text-3) !important;
	font-size: .7rem !important;
	font-weight: 850 !important;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.wishlist_table tbody td {
	padding: 15px 12px !important;
	border-color: var(--pg-line) !important;
	background: transparent !important;
	color: var(--pg-text-2) !important;
}
.wishlist_table .product-name a,
.wishlist_table .product-price { color: var(--pg-text) !important; }
.wishlist_table .wishlist-empty { text-align: center; color: var(--pg-text-2) !important; }
.hhm-compare-empty {
	border-color: var(--pg-line) !important;
	background: var(--pg-graphite) !important;
	color: var(--pg-text-2) !important;
}
.hhm-compare-table th,
.hhm-compare-table td {
	border-color: var(--pg-line) !important;
	background: var(--pg-graphite) !important;
	color: var(--pg-text-2) !important;
}

/* --------------------------------------------------------------------------
   11. 404 + content search.
   -------------------------------------------------------------------------- */
body.error404 { background: var(--pg-ink); }
.hhm-not-found { background: var(--pg-ink); }
.hhm-not-found__code { color: var(--pg-graphite-2) !important; }
.hhm-not-found nav a {
	border: 1px solid var(--pg-line) !important;
	background: var(--pg-graphite) !important;
}
.hhm-not-found nav a:hover { border-color: var(--pg-gold) !important; }
.hhm-not-found nav a span {
	background: var(--pg-gold-soft) !important;
	color: var(--pg-gold) !important;
}
.hhm-not-found nav a strong { color: var(--pg-text) !important; }
.hhm-not-found nav a small { color: var(--pg-text-3) !important; }

.hhm-content-search { background: var(--pg-ink); }
.hhm-content-search header span { color: var(--pg-gold); }
.hhm-content-search header h1 { color: var(--pg-text) !important; }
body.hhm-site .hhm-content-search input[type="search"] {
	border: 1px solid var(--pg-line-2) !important;
	background: var(--pg-ink-2) !important;
	color: var(--pg-text) !important;
}
.hhm-content-search form button {
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--pg-gold-grad) !important;
	color: #191204 !important;
	font-weight: 850;
}
.hhm-content-search__results article {
	border: 1px solid var(--pg-line) !important;
	border-radius: 14px;
	background: var(--pg-graphite) !important;
}
.hhm-content-search__results article small { color: var(--pg-gold) !important; }
.hhm-content-search__results article p { color: var(--pg-text-2) !important; }
.hhm-content-empty {
	border: 1px dashed var(--pg-line-2);
	border-radius: 16px;
	background: var(--pg-graphite);
	color: var(--pg-text-2);
}
.hhm-content-empty h2 { color: var(--pg-text) !important; }
.hhm-content-pagination .page-numbers {
	border: 1px solid var(--pg-line);
	background: var(--pg-graphite);
	color: var(--pg-text-2);
}
.hhm-content-pagination .page-numbers.current {
	background: var(--pg-gold);
	color: #191204;
}

/* --------------------------------------------------------------------------
   12. Professional solutions — dark middle sections.
   -------------------------------------------------------------------------- */
.hhm-professional { background: var(--pg-ink) !important; }
.hhm-professional__paths { background: var(--pg-ink); }
.hhm-professional__paths header h2,
.hhm-professional__process h2,
.hhm-professional__cta h2 { color: var(--pg-text) !important; }
.hhm-professional__paths header p { color: var(--pg-text-2); }
.hhm-professional__path-grid a {
	border: 1px solid var(--pg-line) !important;
	background: var(--pg-graphite) !important;
	box-shadow: none !important;
}
.hhm-professional__path-grid a:hover { border-color: var(--pg-gold) !important; }
.hhm-professional__path-grid a small { color: var(--pg-text-3) !important; }
.hhm-professional__path-grid a h3 { color: var(--pg-text) !important; }
.hhm-professional__path-grid a p { color: var(--pg-text-2) !important; }
.hhm-professional__path-grid a span { color: var(--pg-gold) !important; }
.hhm-professional__process { background: var(--pg-ink-2) !important; }
.hhm-professional__process ol li {
	border-color: var(--pg-line) !important;
	background: var(--pg-graphite) !important;
}
.hhm-professional__process ol li strong { color: var(--pg-text) !important; }
.hhm-professional__process ol li span { color: var(--pg-text-2) !important; }
.hhm-professional__cta { background: var(--pg-ink) !important; }

/* --------------------------------------------------------------------------
   13. Responsive.
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.hhm-contact-channels__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hhm-about-pillars__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hhm-about-brands__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.hhm-about-segments__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
	.hhm-pgold-hero__grid { grid-template-columns: 1fr; }
	.hhm-contact-main__grid,
	.hhm-track-main__grid,
	.hhm-about-story__grid { grid-template-columns: 1fr; }
	.hhm-contact-faq-band .hhm-container,
	.hhm-about-cta .hhm-container { grid-template-columns: 1fr; }
	.hhm-about-cta__actions { justify-content: flex-start; }
}

@media (max-width: 640px) {
	.hhm-contact-channels__grid { grid-template-columns: 1fr; }
	.hhm-about-pillars__grid,
	.hhm-about-segments__grid { grid-template-columns: 1fr; }
	.hhm-about-brands__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hhm-pgold-hero__grid { padding: 22px 16px; }
	.hhm-contact-form-panel,
	.hhm-track-form-panel { padding: 20px 16px; }
}

/* Electro pins the shipping-method price absolutely (right:0) which lands it
   on top of the "Flat rate:" text inside our narrow totals card — flatten it. */
body.woocommerce-cart .cart_totals tr.shipping ul#shipping_method label,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping label {
	position: static;
	display: inline;
}
body.woocommerce-cart .cart_totals tr.shipping label .amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping label .amount {
	position: static !important;
	display: inline !important;
}