/* Catalog design: GUSAROV mockups 09.10.2026, scoped to the child theme. */
.hh-catalog {
	grid-column: 1/-1;
	min-width: 0;
	max-width: 1235px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px 65px;
	color: #242424;
	font-family: Satoshi, Arial, Helvetica, sans-serif;
}
.hh-catalog h1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 24px;
}
.hh-catalog h2 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3;
	margin: 0 0 24px;
}
.hh-catalog h3 {
	font-size: 20px;
	font-weight: 500;
}
.hh-catalog p {
	color: #767676;
	line-height: 1.65;
}
.hh-crumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 14px;
	margin: 15px 0 24px;
}
.hh-section {
	margin: 55px 0;
}
.hh-hero {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 45px;
	background: #f5f2ec;
	padding: 40px;
	align-items: center;
}
.hh-hero-main {
	background:
		linear-gradient(90deg, rgba(17, 18, 17, 0.85), rgba(17, 18, 17, 0.3)),
		url('/wp-content/uploads/2026/07/dsd-wide-1.webp') center/cover;
	min-height: 500px;
}
.hh-hero-main > div:first-child,
.hh-hero-main > div:first-child h1,
.hh-hero-main > div:first-child p {
	color: #fff;
}
.hh-hero > div {
	min-width: 0;
}
.hh-hero .button,
.hh-catalog button,
.hh-catalog .button {
	background: #212121;
	color: #fff;
	border-radius: 0;
	text-transform: none;
	font-weight: 600;
}
.hh-catalog button:hover,
.hh-catalog .button:hover {
	background: #3a3a3a;
	color: white;
}
.hh-catalog .hh-outline {
	background: transparent;
	border: 1px solid currentColor;
	color: inherit;
}
.hh-hero-brand > strong {
	font-size: 35px;
	display: block;
	text-align: center;
	font-weight: 500;
}
.hh-hero-images {
	display: flex;
	gap: 10px;
	margin-top: 30px;
}
.hh-hero-images img {
	width: 30%;
	height: 180px;
	object-fit: contain;
	background: #fff;
}
.hh-quiz-start {
	background: #fff;
	padding: 26px;
	color: #242424;
}
.hh-quiz-start h2 {
	font-size: 24px;
}
.hh-quiz-start label {
	display: block;
	padding: 9px 0;
	font-size: 14px;
}
.hh-quiz-start small {
	display: block;
	margin-top: 14px;
	color: #767676;
}
.hh-quiz-start fieldset {
	border: 0;
	padding: 0;
	margin-bottom: 15px;
}
.hh-problems {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}
.hh-problems > a {
	border: 1px solid #e9e9e9;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.hh-problems > a > span {
	font-size: 25px;
}
.hh-problems strong {
	font-weight: 500;
	font-size: 16px;
}
.hh-problems small {
	color: #767676;
}
.hh-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 15px;
}
.hh-tabs [aria-selected='true'] {
	background: #f3f3f3 !important;
	color: #242424 !important;
	outline: 1px solid #242424;
}
.hh-brand-banner {
	min-height: 260px;
	background: #111211 center/cover;
	padding: 35px;
	color: white;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.hh-brand-banner h3 {
	font-size: 38px;
	color: white;
}
.hh-brand-banner .button {
	background: white;
	color: #242424;
}
.hh-brand-panel > h3 {
	padding: 22px 20px 0;
}
.hh-brand-panel {
	background: #f3f3f3;
}
.hh-brand-panel[hidden] {
	display: none;
}
.hh-popular {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 15px;
	padding: 20px;
}
.hh-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.hh-chips > a {
	border: 1px solid #d6d6d6;
	padding: 8px 14px;
	font-size: 14px;
}
.hh-chips a[aria-current='true'] {
	background: #212121;
	color: white;
}
.hh-collections {
	margin-bottom: 25px;
}
.hh-count {
	font-size: 19px;
	color: #767676;
}
.hh-list-layout {
	display: grid;
	grid-template-columns: 262px minmax(0, 1fr);
	gap: 28px;
}
.hh-filter-form details {
	border-bottom: 1px solid #e9e9e9;
	padding: 14px 0;
}
.hh-filter-form summary {
	font-weight: 600;
	cursor: pointer;
	margin-bottom: 12px;
}
.hh-filter-form label {
	display: flex;
	gap: 7px;
	align-items: baseline;
	font-size: 13px;
	line-height: 1.5;
	margin: 9px 0;
}
.hh-filter-form label > span {
	flex: 1;
}
.hh-filter-form small {
	color: #767676;
	margin-left: auto;
}
.hh-filter-form label:has(input:disabled) {
	opacity: 0.45;
}
.hh-filter-form input[type='checkbox'] {
	flex: none;
	margin: 0;
}
.hh-filter-form fieldset {
	padding: 15px 0;
	border: 0;
	margin: 0;
}
.hh-price-inputs {
	display: flex;
	gap: 8px;
}
.hh-price-inputs input {
	min-width: 0;
	width: 50%;
	font-size: 14px;
}
.hh-filter-form > button {
	width: 100%;
	margin: 18px 0 12px;
}
.hh-filter-form > a {
	display: block;
	text-align: center;
}
.hh-mobile-filters > summary {
	font-size: 18px;
	cursor: pointer;
}
.hh-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 16px;
}
.hh-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: white;
	border: 1px solid #e9e9e9;
	padding: 14px;
}
.hh-card-photo {
	display: block;
	aspect-ratio: 1;
}
.hh-card-photo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hh-card-brand {
	font-size: 11px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #767676;
	margin-top: 16px;
}
.hh-catalog .hh-card h3 {
	font-size: 15px;
	line-height: 1.45;
	margin: 9px 0;
	min-height: 66px;
}
.hh-card .hh-volume {
	margin: 0 0 12px;
	font-size: 13px;
}
.hh-card-price {
	font-size: 23px;
	font-weight: 600;
	margin-top: auto;
}
.hh-card .hh-stock {
	color: #2e7d32;
	font-size: 12px;
	margin: 8px 0 16px;
}
.hh-card .button {
	display: block;
	text-align: center;
	padding: 10px 5px;
	min-height: 40px;
	font-size: 13px;
}
.hh-card-labels {
	position: absolute;
	left: 20px;
	top: 20px;
	display: flex;
	gap: 3px;
}
.hh-card-labels span {
	background: #f3f3f3;
	padding: 3px 7px;
	font-size: 11px;
}
.hh-catalog .hh-text-button {
	background: transparent;
	color: #767676;
	padding: 8px 0;
	font-size: 12px;
	min-height: 25px;
}
.hh-grid-cta {
	grid-column: 1/-1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 24px;
	background: #f3f3f3;
}
.hh-grid-cta h3,
.hh-grid-cta p {
	margin: 0 0 8px;
}
.hh-loop-footer {
	text-align: center;
	margin-top: 30px;
}
.hh-load-more {
	min-width: 250px;
}
.hh-load-more[aria-disabled='true'] {
	opacity: 0.5;
	pointer-events: none;
}
.hh-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 22px 0;
}
.hh-pagination a {
	padding: 6px 13px;
	border: 1px solid #e9e9e9;
}
.hh-pagination [aria-current='page'] {
	background: #212121;
	color: white;
}
.hh-programs,
.hh-articles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
.hh-programs article {
	padding: 24px;
	background: #f5f2ec;
}
.hh-programs button {
	display: block;
	margin-top: 20px;
}
.hh-contact {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	background: #f3f3f3;
	padding: 35px;
}
.hh-contact .wpcf7 {
	max-width: 100%;
}
.hh-contact input,
.hh-contact textarea {
	background: #fff;
}
.hh-faq {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.hh-faq details {
	border-bottom: 1px solid #e9e9e9;
	padding: 20px 0;
}
.hh-faq summary {
	font-size: 18px;
	cursor: pointer;
}
.hh-faq p {
	padding-top: 15px;
}
.hh-carousel {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: 20px;
}
.hh-carousel > article {
	min-width: 260px;
	flex: 1;
	scroll-snap-align: start;
}
.hh-articles img {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
}
.hh-articles small {
	display: block;
	margin: 12px 0;
	color: #767676;
}
.hh-empty {
	padding: 50px 0;
	min-height: 350px;
}
.hh-seo summary {
	cursor: pointer;
}
.hh-result-count {
	font-size: 13px;
}
.hh-catalog :focus-visible {
	outline: 2px solid #242424;
	outline-offset: 4px;
}
@media (max-width: 1000px) {
	.hh-hero {
		gap: 25px;
		padding: 25px;
	}
	.hh-catalog h1 {
		font-size: 32px;
	}
	.hh-list-layout {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 20px;
	}
	.hh-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.hh-popular {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.hh-hero-images img {
		height: 140px;
	}
}
@media (max-width: 700px) {
	.hh-catalog {
		padding: 0 12px 30px;
	}
	.hh-hero {
		grid-template-columns: 1fr;
		padding: 24px 18px;
		gap: 25px;
	}
	.hh-catalog h1 {
		font-size: 29px;
	}
	.hh-catalog h2 {
		font-size: 25px;
	}
	.hh-section {
		margin: 35px 0;
	}
	.hh-problems {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.hh-problems > a {
		padding: 15px;
	}
	.hh-list-layout {
		display: block;
	}
	.hh-mobile-filters {
		border: 1px solid #e9e9e9;
		padding: 12px;
		margin-bottom: 20px;
	}
	.hh-filter-form {
		max-height: 65vh;
		overflow-y: auto;
		padding: 10px;
	}
	.hh-product-grid {
		gap: 14px 8px;
	}
	.hh-card {
		padding: 10px;
	}
	.hh-catalog .hh-card h3 {
		font-size: 13px;
		min-height: 76px;
	}
	.hh-card-price {
		font-size: 18px;
	}
	.hh-grid-cta {
		display: block;
		padding: 18px;
	}
	.hh-grid-cta button {
		margin-top: 10px;
	}
	.hh-programs,
	.hh-articles,
	.hh-contact {
		grid-template-columns: 1fr;
	}
	.hh-contact {
		padding: 22px;
		gap: 20px;
	}
	.hh-popular {
		gap: 8px;
		padding: 10px;
	}
	.hh-hero-brand > strong {
		font-size: 28px;
	}
	.hh-tabs button {
		flex: 1;
		font-size: 12px;
		padding: 8px;
	}
	.hh-collections > a {
		padding: 7px 10px;
	}
	.hh-brand-banner h3 {
		font-size: 30px;
	}
	.hh-card-labels {
		left: 12px;
		top: 12px;
	}
	.hh-carousel > article {
		max-width: 75vw;
		min-width: 220px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.hh-catalog * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}
.hh-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 18px;
}
.hh-toolbar p {
	margin: 0;
}
.hh-sort-form {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
}
.hh-sort-form select {
	width: 180px;
	font-size: 12px;
}
.hh-sort-form button {
	min-height: 40px;
	padding: 8px 12px;
	font-size: 12px;
}
@media (max-width: 700px) {
	.hh-sort-form {
		width: 100%;
		flex-wrap: wrap;
	}
	.hh-sort-form select {
		flex: 1;
	}
}
.hh-chips > span[aria-disabled] {
	border: 1px solid #e9e9e9;
	padding: 8px 14px;
	font-size: 14px;
	color: #767676;
	opacity: 0.55;
}
.hh-carousel-controls {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 8px;
}
.hh-carousel-controls button {
	min-width: 44px;
}
.hh-hero-main :focus-visible{outline-color:#fff}
/* Catalog mockup v2. All rules are limited to the catalog; Woodmart chrome stays shared. */
.hh-catalog { max-width:1265px; }
.hh-catalog h1 {font-size:36px;line-height:1.15;margin-bottom:20px}
.hh-catalog h2 {font-size:28px;line-height:1.25;margin-bottom:22px}
.hh-section {margin:58px 0}
.hh-hero {gap:40px;background-color:#f3f3f3}
.hh-hero-main {min-height:445px;grid-template-columns:minmax(0,1fr) 385px;padding:46px 40px;background-position:center;background-size:cover}
.hh-hero-copy p {font-size:15px;line-height:1.65;max-width:580px}
.hh-hero-checks {list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px;font-size:13px}
.hh-hero-checks li:before {content:'✓';margin-right:12px;font-size:17px}
.hh-quiz-start {padding:26px}
.hh-quiz-start h2 {font-size:23px;margin:0 0 10px;font-weight:600}
.hh-quiz-start p {font-size:12px;line-height:1.5;margin:0 0 18px}
.hh-quiz-start legend {font-size:13px;font-weight:600;margin-bottom:10px}
.hh-first-options {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hh-quiz-start label {padding:0;margin:0;cursor:pointer;position:relative;min-width:0}
.hh-first-options input {position:absolute;opacity:0;width:1px;height:1px}
.hh-first-options span {display:flex;align-items:center;min-height:50px;padding:10px;border:1px solid #dedede;font-size:12px;line-height:1.35}
.hh-first-options input:checked+span {border-color:#242424;background:#f3f3f3;box-shadow:inset 0 0 0 1px #242424}
.hh-first-options input:focus-visible+span {outline:2px solid #242424;outline-offset:2px}
.hh-quiz-start button {width:100%;min-height:43px;font-size:13px}
.hh-quiz-start small {font-size:10px;line-height:1.6;margin-top:10px}
.hh-problems {grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.hh-problems>a {padding:20px 12px;gap:15px;transition:border-color .15s}
.hh-problems>a:hover {border-color:#242424}
.hh-problems>a>span {height:32px}
.hh-problems svg {width:28px;height:28px}
.hh-problems strong {font-size:12px;line-height:1.4;min-height:34px}
.hh-problems small {font-size:11px}
.hh-brand-tabs {position:relative}
.hh-tabs {position:absolute;left:28px;top:70px;z-index:2;gap:6px;margin:0}
.hh-tabs button {padding:9px 15px;min-height:34px;font-size:12px;background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.35)}
.hh-tabs [aria-selected='true'] {background:#fff!important;color:#242424!important;outline:0}
.hh-brand-banner {min-height:365px;padding:100px 28px 28px;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:35px}
.hh-brand-banner>div {max-width:660px}
.hh-brand-banner h3 {font-size:40px;margin:12px 0}
.hh-brand-description p {color:#fff;font-size:13px;line-height:1.65;margin:0}
.hh-brand-banner .button {font-size:12px;flex-shrink:0;min-height:38px}
.hh-official-badge {display:inline-block;border:1px solid currentColor;padding:5px 9px;font-size:10px;line-height:1.4;color:inherit}
.hh-popular-head {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 25px 0}
.hh-popular-head h3 {font-size:18px;margin:0}
.hh-popular-head>a {font-size:12px;text-decoration:underline}
.hh-popular {padding:22px 25px 25px;gap:18px}
.hh-brand-empty {padding:25px}
.hh-card {border:0;padding:16px}
.hh-card-photo {background:#f8f8f8}
.hh-card h3 {font-weight:500}
.hh-catalog .hh-card h3 {font-size:13px;min-height:58px;margin:8px 0}
.hh-card-brand {font-size:10px;margin-top:14px}
.hh-card .hh-volume {font-size:11px;line-height:1.4;margin:0 0 10px}
.hh-card-price {font-size:21px;font-weight:600}
.hh-card .hh-stock {font-size:10px;margin:8px 0 12px;display:flex;gap:5px;align-items:center}
.hh-card .hh-stock:before {content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}
.hh-card .button {font-size:11px;min-height:34px;padding:9px 5px}
.hh-catalog .hh-text-button {font-size:10px;align-self:center;min-height:22px;padding:5px 0 0}
.hh-product-grid {gap:22px 16px}
.hh-results .hh-card {padding:0}
.hh-collections>a,.hh-collections>span[aria-disabled] {font-size:12px;padding:8px 13px}
.hh-toolbar {padding-bottom:15px;border-bottom:1px solid #e9e9e9}
.hh-sort-form label {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hh-sort-form select {font-size:12px;height:36px}
.hh-sort-form button {font-size:11px;min-height:36px}
.hh-mobile-filters>summary {display:none}
.hh-grid-cta {padding:20px;gap:15px}
.hh-grid-cta h3 {font-size:17px;margin:0 0 5px}
.hh-grid-cta p {font-size:12px;margin:0}
.hh-grid-cta button {flex-shrink:0;font-size:11px;min-height:36px;padding:9px 15px}
.hh-section-lead {font-size:14px;max-width:700px;margin:-10px 0 25px}
.hh-programs {gap:22px}
.hh-programs article {background:#f3f3f3;padding:24px;display:flex;flex-direction:column;min-width:0}
.hh-program-images {display:flex;gap:10px;margin:0 0 20px}
.hh-program-images a {width:70px;height:85px;background:#fff}
.hh-program-images img {width:100%;height:100%;object-fit:contain}
.hh-programs h3 {font-size:18px;margin:0 0 8px}
.hh-programs p,.hh-programs ul {font-size:12px;color:#767676;line-height:1.6}
.hh-programs ul {padding-left:16px;margin:0 0 20px}
.hh-program-price {font-size:21px;margin-top:auto}
.hh-programs small {font-size:10px;color:#767676;display:block;margin-top:8px}
.hh-programs .button,.hh-programs button {margin-top:20px;text-align:center;font-size:12px}
.hh-programs [role=status]:empty {display:none}
.hh-official {background:#111211;padding:40px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:45px}
.hh-catalog .hh-official h2,.hh-catalog .hh-official h3 {color:#fff}
.hh-official h2 {font-size:28px;margin-bottom:15px}
.hh-official h3 {font-size:16px;margin:4px 0 20px}
.hh-official p {color:#aaa;font-size:13px}
.hh-official ol {list-style:none;counter-reset:trust;padding:0;margin:25px 0 0;display:grid;gap:17px}
.hh-official li {counter-increment:trust;display:flex;gap:14px;font-size:13px;line-height:1.6}
.hh-official li:before {content:counter(trust);border:1px solid #555;display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:50%;font-size:11px}
.hh-certificates {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hh-certificate-demo {background:#fff;border:3px double #d4d4d4;aspect-ratio:.7;padding:12px 8px;color:#333;display:flex;flex-direction:column;align-items:center;gap:9px}
.hh-certificate-demo strong {font-size:9px;text-align:center;min-height:20px}
.hh-certificate-demo i {display:block;width:90%;height:1px;background:#c5c5c5}
.hh-certificate-demo i:last-of-type {border:1px solid #ccc;border-radius:50%;width:20px;height:20px;margin-top:auto;background:none}
.hh-certificate-demo span {font-size:6px;color:#999;text-align:center}
.hh-official .hh-certificate-note {font-size:11px;line-height:1.7;margin:16px 0}
.hh-official .button {background:#fff;color:#242424;font-size:12px}
.hh-contact-band {background:#f3f3f3;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.hh-contact-band h2 {font-size:18px;margin:0 0 8px}
.hh-contact-band p {font-size:12px;margin:0;max-width:780px;line-height:1.7}
.hh-contact-buttons {display:flex;gap:7px;flex-shrink:0;flex-wrap:wrap;max-width:360px}
.hh-contact-buttons .button,.hh-contact-buttons button {font-size:11px;padding:9px 11px;min-height:35px;background:#fff;color:#242424;border:1px solid #d6d6d6}
.hh-contact-dialog {width:min(560px,calc(100% - 30px));max-height:90vh;overflow-y:auto;padding:30px;border:1px solid #ddd}
.hh-contact-dialog::backdrop {background:rgba(0,0,0,.5)}
.hh-contact-dialog [data-hh-contact-close] {float:right;min-width:35px}
.hh-carousel {gap:20px;padding-bottom:0;scrollbar-width:thin}
.hh-carousel>article {flex:0 0 calc((100% - 40px)/3);min-width:0;max-width:none}
.hh-recent>article {flex-basis:calc((100% - 60px)/4)}
.hh-review {border:1px solid #e9e9e9;padding:22px}
.hh-stars {font-size:17px;letter-spacing:3px;margin-bottom:20px}
.hh-review-text {font-size:13px;min-height:80px}
.hh-review strong {font-size:12px}
.hh-review small {display:block;font-size:10px;color:#767676;margin-top:10px}
.hh-review-verified {display:block;color:#2e7d32;font-size:10px;margin-top:10px}
.hh-review .hh-demo-note {font-size:9px;color:#999}
.hh-carousel-controls {gap:6px;margin-top:12px}
.hh-carousel-controls button {background:#fff;color:#242424;border:1px solid #ddd;min-width:32px;min-height:32px;padding:4px}
.hh-faq summary {display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:500;list-style:none;margin:0}
.hh-faq summary::-webkit-details-marker {display:none}
.hh-faq summary:after {content:'+';font-size:19px;color:#767676}
.hh-faq details[open]>summary:after {content:'−'}
.hh-faq details {padding:18px 0}
.hh-faq details>div {font-size:13px;padding-top:15px;color:#767676;line-height:1.7}
.hh-faq details p {padding:0;margin:0 0 8px}
.hh-section-head {display:flex;align-items:baseline;justify-content:space-between;gap:15px}
.hh-section-head>a {font-size:12px;text-decoration:underline}
.hh-articles h3 {font-size:17px;margin:8px 0 0}
.hh-articles small {font-size:11px}
.hh-seo h2 {font-size:23px}
.hh-seo-body {font-size:15px;line-height:1.7}
.hh-seo.is-collapsed .hh-seo-body {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;position:relative}
.hh-seo.is-collapsed .hh-seo-body:after {content:'';position:absolute;bottom:0;left:0;right:0;height:25px;background:linear-gradient(transparent,#fff)}
.hh-seo .hh-read-more {background:transparent;color:#242424;padding:0;border-bottom:1px solid #242424;min-height:25px;margin-top:15px;font-size:12px}
.hh-seo .hh-read-more[hidden] {display:none}
.hh-hero-brand-page {background-size:cover;background-position:center;color:#fff;grid-template-columns:1fr auto;min-height:320px}
.hh-hero-brand-page h1,.hh-hero-brand-page p {color:#fff}
.hh-hero-brand-page .hh-hero-copy {max-width:700px}
.hh-hero-brand-page .hh-official-badge {margin-bottom:20px}
.hh-hero-tag {display:flex;justify-content:space-between;min-height:220px;background:#fff;padding:15px 0 25px;gap:30px;border-bottom:1px solid #e9e9e9}
.hh-hero-tag .hh-hero-copy {max-width:850px}
.hh-landing-quiz {flex-shrink:0}
@media(max-width:1100px) {
 .hh-hero-main {grid-template-columns:minmax(0,1fr) 340px;gap:25px;padding:30px;min-height:430px}
 .hh-problems {grid-template-columns:repeat(4,minmax(0,1fr))}
 .hh-problems strong {font-size:13px;min-height:0}
 .hh-brand-banner {gap:25px}
 .hh-brand-banner>div {max-width:65%}
 .hh-official {gap:25px;padding:30px}
 .hh-contact-band {align-items:flex-start}
 .hh-contact-buttons {max-width:200px}
}
@media(max-width:1000px) {
 .hh-list-layout {grid-template-columns:220px minmax(0,1fr)}
 .hh-hero h1 {font-size:30px}
 .hh-popular {grid-template-columns:repeat(4,minmax(0,1fr))}
 .hh-popular .hh-card {padding:10px}
 .hh-popular .hh-card h3 {font-size:12px;min-height:68px}
 .hh-certificates {grid-template-columns:repeat(2,minmax(0,1fr))}
 .hh-certificate-demo {max-height:155px;aspect-ratio:auto;min-height:130px}
 .hh-programs article {padding:18px}
 .hh-program-images a {height:65px;width:50px}
 .hh-programs h3 {font-size:16px}
 .hh-program-price {font-size:18px}
}
@media(max-width:800px) {
 .hh-hero-main {grid-template-columns:1fr;padding:30px;gap:30px}
 .hh-quiz-start {max-width:100%}
 .hh-hero-checks {gap:8px}
 .hh-brand-banner {align-items:flex-start;flex-direction:column;min-height:380px}
 .hh-brand-banner>div {max-width:85%}
 .hh-official {grid-template-columns:1fr}
 .hh-certificates {grid-template-columns:repeat(4,minmax(0,1fr))}
 .hh-programs {grid-template-columns:1fr}
 .hh-program-images a {height:90px;width:80px}
 .hh-contact-band {flex-direction:column}
 .hh-contact-buttons {max-width:100%}
 .hh-carousel>article {flex-basis:calc((100% - 20px)/2)}
 .hh-hero-tag {align-items:flex-start;flex-direction:column}
}
@media(max-width:700px) {
 .hh-catalog {padding:0 15px 30px}
 .hh-section {margin:38px 0}
 .hh-catalog h1 {font-size:29px}
 .hh-catalog h2 {font-size:24px}
 .hh-hero-main {padding:26px 18px}
 .hh-hero-copy p {font-size:13px}
 .hh-hero-checks {font-size:12px}
 .hh-quiz-start {padding:20px}
 .hh-quiz-start h2 {font-size:21px}
 .hh-problems {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .hh-problems>a {padding:18px}
 .hh-problems strong {font-size:13px}
 .hh-tabs {left:15px;right:15px;top:62px;gap:4px}
 .hh-tabs button {padding:7px 8px;font-size:10px;flex:1;white-space:nowrap}
 .hh-brand-banner {padding:90px 20px 25px;min-height:365px;gap:25px}
 .hh-brand-banner>div {max-width:100%}
 .hh-brand-banner h3 {font-size:34px}
 .hh-popular-head {padding:20px 12px 0}
 .hh-popular-head h3 {font-size:16px}
 .hh-popular-head>a {font-size:10px;max-width:115px;text-align:right}
 .hh-popular {grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 10px;gap:10px}
 .hh-mobile-filters>summary {display:list-item;font-size:15px}
 .hh-mobile-filters {padding:14px}
 .hh-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .hh-catalog .hh-card h3 {font-size:12px;min-height:68px}
 .hh-card-price {font-size:18px}
 .hh-card-brand {font-size:9px}
 .hh-grid-cta {padding:18px}
 .hh-grid-cta h3 {font-size:16px}
 .hh-sort-form select {width:150px}
 .hh-programs h3 {font-size:19px}
 .hh-programs article {padding:24px}
 .hh-program-price {font-size:21px}
 .hh-official {padding:26px 20px}
 .hh-certificates {grid-template-columns:repeat(2,minmax(0,1fr))}
 .hh-certificate-demo strong {font-size:11px}
 .hh-certificate-demo span {font-size:8px}
 .hh-contact-band {padding:22px}
 .hh-contact-band h2 {font-size:18px}
 .hh-carousel>article {flex-basis:82%;min-width:0;max-width:none}
 .hh-recent>article {flex-basis:65%}
 .hh-review {padding:22px}
 .hh-faq summary {font-size:14px}
 .hh-articles {grid-template-columns:1fr;gap:25px}
 .hh-hero-brand-page {grid-template-columns:1fr;padding:26px 20px;min-height:340px;gap:20px}
 .hh-seo h2 {font-size:21px}
}
.hh-quick .hh-chips + .hh-chips {margin-top:12px}
.hh-hero-main h1 {max-width:490px;font-weight:600}
.hh-hero-checks li {margin:0;line-height:1.5}
@media(max-width:700px) {.hh-catalog {padding:0 0 30px}}

/* Filter panel follows the catalog reference; native details work without JavaScript. */
.hh-catalog #hh-products {scroll-margin-top: 100px}
.hh-filter-form {
 border: 1px solid #e9e9e9;
 padding: 6px 20px 22px;
}
.hh-filter-form .hh-filter-group {
 padding: 14px 0;
 border-bottom: 1px solid #e9e9e9;
}
.hh-filter-form .hh-filter-group > summary {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 margin: 0;
 list-style: none;
 font-size: 16px;
 font-weight: 600;
 line-height: 1.5;
 color: #242424;
}
.hh-filter-group > summary::-webkit-details-marker {display: none}
.hh-filter-group > summary::after {content: '+'; font-size: 21px; font-weight: 400; line-height: 1}
.hh-filter-group[open] > summary::after {content: '−'}
.hh-filter-form .hh-filter-group[open] > summary {margin-bottom: 8px}
.hh-filter-form .hh-filter-group label {
 align-items: center;
 gap: 10px;
 padding: 6px 0;
 margin: 0;
 font-size: 15px;
 color: #242424;
}
.hh-filter-form .hh-filter-group small {font-size: 13px; color: #767676}
.hh-filter-form input[type='checkbox'] {
 appearance: none;
 width: 16px;
 height: 16px;
 border: 1px solid #9e9e9e;
 border-radius: 0;
 background: #fff;
 cursor: pointer;
 position: relative;
}
.hh-filter-form input[type='checkbox']:checked {background: #212121; border-color: #212121}
.hh-filter-form input[type='checkbox']:checked::after {
 content: '';
 position: absolute;
 left: 4px;
 top: 1px;
 width: 5px;
 height: 9px;
 border: solid #fff;
 border-width: 0 2px 2px 0;
 transform: rotate(45deg);
}
.hh-filter-form input:focus-visible, .hh-filter-form summary:focus-visible {outline: 2px solid #767676; outline-offset: 3px}
.hh-filter-form input:disabled {cursor: default}
.hh-filter-form .hh-price-inputs {margin: 4px 0 12px}
.hh-filter-form .hh-price-inputs input {height: 38px; padding: 8px 10px; font-size: 15px; border: 1px solid #d6d6d6; border-radius: 0}
.hh-price-slider {
 position: relative;
 height: 20px;
 margin: 0 8px;
 background: linear-gradient(to right, #e9e9e9 var(--from), #212121 var(--from), #212121 var(--to), #e9e9e9 var(--to)) center / 100% 2px no-repeat;
}
.hh-price-slider input[type='range'] {
 appearance: none;
 position: absolute;
 inset: 0 -8px;
 width: calc(100% + 16px);
 height: 20px;
 margin: 0;
 padding: 0;
 background: transparent;
 border: 0;
 pointer-events: none;
}
.hh-price-slider input::-webkit-slider-thumb {
 appearance: none;
 width: 16px;
 height: 16px;
 border: 2px solid #212121;
 border-radius: 50%;
 background: #fff;
 pointer-events: auto;
 cursor: grab;
}
.hh-price-slider input::-moz-range-thumb {
 width: 12px;
 height: 12px;
 border: 2px solid #212121;
 border-radius: 50%;
 background: #fff;
 pointer-events: auto;
 cursor: grab;
}
.hh-filter-actions {display: flex; gap: 8px; margin-top: 18px; align-items: center}
.hh-filter-actions button {flex: 1; min-width: 0; padding: 12px 8px; font-size: 14px; font-weight: 600; background: #212121; color: #fff; border-radius: 0}
.hh-filter-actions a {font-size: 13px; color: #767676; text-decoration: underline; text-underline-offset: 3px}
.hh-filter-actions button[aria-busy='true'] {opacity: .65}
.hh-filter-form .hh-filter-status {font-size: 12px; line-height: 1.4; color: #767676; margin: 10px 0 0}
.hh-filter-status:empty {display: none}
@media (max-width: 700px) {
 .hh-filter-form {border: 0; padding: 6px 2px 8px}
}

/* Brand landing pages */
.hh-catalog-brand .hh-brand-hero {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:#f5f2ec;padding:48px;margin-bottom:48px}
.hh-catalog-brand .hh-brand-hero h1 {font-size:40px;line-height:1.18;margin:0 0 18px;max-width:650px}
.hh-catalog-brand .hh-brand-hero p {font-size:15px;line-height:1.7}
.hh-brand-checks {display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:22px 0;font-size:13px}
.hh-brand-checks li:before {content:'✓';color:#9a5b1e;margin-right:9px}
.hh-brand-actions {display:flex;flex-wrap:wrap;gap:10px}
.hh-catalog-brand .hh-brand-outline {background:transparent;color:#242424;border:1px solid #242424}
.hh-brand-hero-art {text-align:center}.hh-brand-hero-art strong {font-size:27px;color:#242424}
.hh-brand-hero-images {display:flex;justify-content:center;gap:12px;margin-top:22px}.hh-brand-hero-images img {width:31%;max-width:170px;object-fit:contain;background:#fff}
.hh-brand-navigation h2 {margin-bottom:4px}.hh-brand-navigation>p {font-size:14px;margin-bottom:18px}.hh-brand-line-links {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.hh-brand-line-links a {border:1px solid #ddd;padding:12px 14px;color:#242424;font-weight:600;font-size:13px;max-width:240px}.hh-brand-line-links a small {display:block;color:#767676;font-weight:400}.hh-brand-line-links .is-active {background:#212121;color:#fff}.hh-brand-line-links .is-active small {color:#fff}
.hh-brand-kinds {align-items:center}
.hh-brand-kinds > span {font-size:14px;color:#6b6b6b;margin-right:6px}
.hh-brand-kinds > a {display:inline-block;padding:8px 16px;border:1px solid #d6d6d6;border-radius:999px;background:#fff;color:#333;font-size:14px;font-weight:500;line-height:20px}
.hh-brand-kinds > a[aria-current='true'] {border-color:#212121;background:#212121;color:#fff}
.hh-catalog-brand .hh-collections[hidden] {display:none}.hh-catalog-brand .hh-brand-empty {grid-column:1/-1}
.hh-brand-document-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hh-brand-document-grid article {border:1px solid #e9e9e9;padding:24px}.hh-brand-document-grid h3 {font-size:16px;margin:15px 0}.hh-brand-document-grid p {font-size:14px}.hh-brand-document-grid a {text-decoration:underline;font-weight:600;font-size:13px}.hh-document-icon {display:inline-grid;place-items:center;width:42px;height:42px;background:#f5f2ec;color:#9a5b1e;font-size:24px}
.hh-catalog-brand .hh-brand-contact {background:#111211;color:white;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hh-brand-contact h2,.hh-brand-contact p {color:#fff;margin:0}.hh-brand-contact h2 {font-size:24px}.hh-brand-contact p {font-size:14px;margin-top:8px}.hh-catalog-brand .hh-brand-contact .button {background:#fff;color:#111}
.hh-brand-faq {display:grid;grid-template-columns:1fr 2fr;gap:40px}.hh-brand-faq details {border-bottom:1px solid #ddd;padding:15px 0}.hh-brand-faq summary {cursor:pointer;font-weight:600;color:#242424}.hh-brand-faq p {font-size:14px}
.hh-brand-faq details > summary {display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}
.hh-brand-faq details > summary::-webkit-details-marker {display:none}
.hh-brand-faq details > summary::after {content:'+';display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;box-sizing:border-box;border:1px solid #d6d6d6;color:#242424;font-size:20px;font-weight:400;line-height:1}
.hh-brand-faq details[open] > summary::after {content:'−';border-color:#212121;background:#212121;color:#fff}
@media(max-width:700px){.hh-catalog-brand .hh-brand-hero {grid-template-columns:1fr;padding:24px;gap:25px}.hh-catalog-brand .hh-brand-hero h1 {font-size:30px}.hh-brand-checks {grid-template-columns:1fr}.hh-brand-document-grid,.hh-brand-faq {grid-template-columns:1fr}.hh-brand-faq {gap:15px}.hh-catalog-brand .hh-brand-contact {align-items:flex-start;flex-direction:column}.hh-brand-line-links a {max-width:100%}}

/* Problem and brand-problem landings. */
.hh-catalog-tag .hh-tag-hero {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#f5f2ec;padding:48px;margin-bottom:48px}
.hh-catalog-tag .hh-tag-hero h1 {font-size:40px;line-height:1.18;margin:0 0 18px}
.hh-tag-hero p {line-height:1.7}.hh-tag-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hh-tag-actions .hh-tag-outline {background:transparent;color:#242424;border:1px solid #242424}
.hh-tag-checks {list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hh-tag-checks li:before {content:'✓';color:#9a5b1e;margin-right:8px}
.hh-tag-hero-art {text-align:center}.hh-tag-hero-art strong {font-size:20px}.hh-tag-hero-art div {display:flex;justify-content:center;gap:12px;margin-top:22px}.hh-tag-hero-art img {width:30%;max-width:170px;object-fit:contain;background:white}
.hh-tag-related-links {display:flex;flex-wrap:wrap;gap:10px}.hh-tag-related-links a {border:1px solid #e9e9e9;padding:15px 20px;color:#242424}.hh-tag-related-links a:hover {border-color:#242424}
.hh-tag-table>div {display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #e9e9e9}.hh-tag-table-head {color:#767676;font-size:13px}.hh-tag-table a {color:#9a5b1e}
.hh-tag-steps {display:grid;grid-template-columns:repeat(3,1fr);background:#f5f2ec}.hh-tag-steps article {padding:24px;border-right:1px solid #e1ddd6}.hh-tag-steps article:last-child {border:0}.hh-tag-steps span {color:#9a5b1e;font-size:40px}.hh-tag-steps h3 {font-size:17px}.hh-tag-steps p {margin:0}
.hh-catalog-tag .hh-faq {display:grid;grid-template-columns:1fr 2fr;column-gap:40px}.hh-catalog-tag .hh-faq h2 {grid-row:1 / span 20}.hh-catalog-tag .hh-faq details {grid-column:2}
@media(max-width:700px){.hh-catalog-tag .hh-tag-hero {grid-template-columns:1fr;padding:24px;gap:24px}.hh-catalog-tag .hh-tag-hero h1 {font-size:30px}.hh-tag-checks,.hh-tag-steps {grid-template-columns:1fr}.hh-tag-steps article {border-right:0;border-bottom:1px solid #e1ddd6}.hh-tag-table>div {grid-template-columns:1.5fr 1fr 1fr;gap:8px}.hh-catalog-tag .hh-faq {display:block}}

/* Tag artboard refinements, scoped to problem landings. */
.hh-catalog-tag .hh-tag-hero {grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px}
.hh-catalog-tag .hh-tag-hero h1 {font-weight:500}
.hh-tag-hero-copy {min-width:0}.hh-tag-hero-copy>p {max-width:620px;color:#555}
.hh-tag-checks {gap:14px 24px;margin:24px 0 0}.hh-tag-checks li {display:flex;align-items:flex-start;font-size:13px;color:#555;line-height:1.5}.hh-tag-checks li:before {flex:none;font-weight:700}
.hh-tag-hero-art small {display:block;margin:6px 0 0;color:#767676;text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.hh-tag-related>p,.hh-tag-comparison>p {color:#767676;font-size:14px;margin:-10px 0 22px}
.hh-tag-related-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hh-tag-related-links a {display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:78px;padding:14px 16px;line-height:1.35}
.hh-tag-related-links a[aria-current=page] {background:#212121;color:#fff;border-color:#212121}
.hh-tag-related-links strong {font-size:13px;font-weight:600}.hh-tag-related-links small {font-size:11px;color:#767676}.hh-tag-related-links a[aria-current=page] small {color:#ddd}
.hh-tag-quick {display:grid;gap:14px}.hh-tag-quick-row {display:flex;align-items:center;gap:14px}.hh-tag-quick-row>strong {flex:none;font-size:14px;font-weight:400;color:#6b6b6b}.hh-tag-quick-row .hh-chips {display:flex;flex-wrap:wrap;gap:8px}
.hh-catalog-tag .hh-tag-quick .hh-chips>a,.hh-catalog-tag .hh-tag-quick .hh-chips>span {display:inline-flex;align-items:center;min-height:38px;padding:8px 16px;border:1px solid #d6d6d6;border-radius:999px;background:#fff;color:#333;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s}
.hh-catalog-tag .hh-tag-quick .hh-chips>[aria-current=true] {background:#212121;color:#fff;border-color:#212121}.hh-catalog-tag .hh-tag-quick .hh-chips>a:hover {border-color:#212121}.hh-catalog-tag .hh-tag-quick .hh-chips>a:focus-visible {outline:2px solid #212121;outline-offset:2px}
.hh-catalog-tag .hh-programs article {background:#f5f2ec}.hh-catalog-tag .hh-program-price {font-size:24px}.hh-catalog-tag .hh-programs .button,.hh-catalog-tag .hh-programs button {width:100%}
.hh-tag-table-wrap {overflow-x:auto}.hh-tag-table {min-width:660px}.hh-tag-table>div {grid-template-columns:1.2fr 2.2fr 1.1fr .7fr 1fr}.hh-tag-table>div:not(.hh-tag-table-head)>span {font-size:13px;color:#555}.hh-tag-table>div>a {font-size:13px}
.hh-catalog-tag .hh-contact-band {background:#111211;color:#fff;padding:34px 40px}.hh-catalog-tag .hh-contact-band h2,.hh-catalog-tag .hh-contact-band p {color:#fff}.hh-catalog-tag .hh-contact-band h2 {font-size:24px}.hh-catalog-tag .hh-contact-band p {font-size:13px}.hh-catalog-tag .hh-contact-buttons .button,.hh-catalog-tag .hh-contact-buttons button {background:#fff;color:#111;border-color:#fff}
.hh-catalog-tag .hh-faq {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px}.hh-catalog-tag .hh-faq .hh-faq-intro {grid-column:1;grid-row:1}.hh-catalog-tag .hh-faq .hh-faq-questions {grid-column:2;grid-row:1}.hh-catalog-tag .hh-faq h2 {grid-row:auto}.hh-catalog-tag .hh-faq-intro p {font-size:14px;color:#767676}.hh-faq-question {background:#fff;color:#242424;border:1px solid #242424;font-size:12px}
.hh-catalog-tag .hh-faq summary:after {width:30px;height:30px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;flex:none;line-height:1}.hh-catalog-tag .hh-faq details[open]>summary:after {background:#212121;border-color:#212121;color:#fff}
@media(max-width:900px){.hh-tag-related-links {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hh-catalog-tag .hh-tag-hero {grid-template-columns:1fr;gap:24px}.hh-tag-checks {grid-template-columns:1fr}.hh-tag-related-links {grid-template-columns:1fr 1fr}.hh-tag-quick-row {display:block}.hh-tag-quick-row>strong {display:block;padding:0 0 8px}.hh-catalog-tag .hh-contact-band {padding:25px}.hh-catalog-tag .hh-faq {display:block}.hh-catalog-tag .hh-faq .hh-faq-intro {margin-bottom:18px}}
.hh-catalog-tag .hh-seo-body {font-size:16px;line-height:1.8}
.hh-catalog-tag .hh-articles article>a>img {background:#f5f2ec}

/* Desktop scale: use the shared Woodmart container and its header gutters. */
@media (min-width: 1025px) {
 .hh-catalog {max-width:none;padding-inline:0;font-size:18px}
 .hh-catalog h1 {font-size:40px}
 .hh-catalog h2 {font-size:32px}
 .hh-catalog h3 {font-size:24px}
 .hh-section {margin:70px 0}
 .hh-crumbs {font-size:14px;margin-bottom:30px}
 .hh-catalog button,.hh-catalog .button {font-size:16px;min-height:48px;padding:12px 18px}
 .hh-catalog .hh-text-button {font-size:14px;min-height:32px;padding:6px 0}
 .hh-hero {gap:48px;padding:48px}
 .hh-hero-main {grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);min-height:535px;padding:55px 48px}
 .hh-hero-main h1 {max-width:650px}
 .hh-hero-copy p,.hh-catalog-brand .hh-brand-hero p {font-size:18px}
 .hh-hero-checks,.hh-brand-checks,.hh-tag-checks li {font-size:16px}
 .hh-hero-checks {gap:15px}
 .hh-quiz-start {padding:32px}
 .hh-quiz-start h2 {font-size:28px}
 .hh-quiz-start p {font-size:16px}
 .hh-quiz-start legend,.hh-first-options span {font-size:16px}
 .hh-first-options {gap:10px}
 .hh-first-options span {min-height:60px;padding:12px}
 .hh-quiz-start small {font-size:14px}
 .hh-problems {gap:12px}
 .hh-problems>a {padding:24px 14px;gap:18px}
 .hh-problems strong {font-size:16px;min-height:45px}
 .hh-problems small {font-size:14px}
 .hh-problems svg {width:34px;height:34px}
 .hh-tabs {left:34px;top:82px;gap:8px}
 .hh-tabs button {padding:10px 18px}
 .hh-brand-banner {min-height:440px;padding:125px 34px 34px;gap:42px}
 .hh-brand-banner>div {max-width:790px}
 .hh-brand-banner h3 {font-size:48px}
 .hh-brand-description p {font-size:18px}
 .hh-official-badge {font-size:14px}
 .hh-popular-head {padding:30px 30px 0}
 .hh-popular-head h3 {font-size:24px}
 .hh-popular-head>a,.hh-section-head>a {font-size:16px}
 .hh-popular {padding:26px 30px 30px;gap:22px}
 .hh-card {padding:20px}
 .hh-catalog .hh-card h3 {font-size:17px;min-height:74px;line-height:1.45;margin:10px 0}
 .hh-card-brand {font-size:14px;margin-top:18px}
 .hh-card .hh-volume {font-size:14px;margin-bottom:12px}
 .hh-card-price {font-size:28px}
 .hh-card .hh-stock {font-size:14px;margin:10px 0 15px}
 .hh-card-labels span {font-size:14px}
 .hh-card .button {padding:12px 8px}
 .hh-list-layout {grid-template-columns:clamp(270px,20%,320px) minmax(0,1fr);gap:34px}
 .hh-product-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
 .hh-filter-form {padding:8px 24px 26px}
 .hh-filter-form .hh-filter-group {padding:17px 0}
 .hh-filter-form .hh-filter-group label {font-size:16px;padding:8px 0}
 .hh-filter-form .hh-filter-group small {font-size:14px}
 .hh-filter-form .hh-price-inputs input {font-size:16px;height:46px}
 .hh-filter-actions {flex-wrap:wrap;gap:10px}
 .hh-filter-actions a,.hh-filter-form .hh-filter-status {font-size:14px}
 .hh-collections>a,.hh-collections>span[aria-disabled],.hh-chips>a,
 .hh-chips>span[aria-disabled],.hh-brand-kinds>span,.hh-brand-kinds>a,
 .hh-catalog-tag .hh-tag-quick .hh-chips>a,.hh-catalog-tag .hh-tag-quick .hh-chips>span {font-size:16px;padding:10px 16px}
 .hh-toolbar {gap:15px;padding-bottom:18px;margin-bottom:22px}
 .hh-result-count {font-size:16px}
 .hh-sort-form {flex-wrap:wrap;gap:10px}
 .hh-sort-form select {font-size:16px;height:48px;width:220px}
 .hh-grid-cta {padding:24px;gap:18px;flex-wrap:wrap}
 .hh-grid-cta h3 {font-size:22px}
 .hh-grid-cta p,.hh-section-lead {font-size:18px}
 .hh-programs,.hh-articles {gap:26px}
 .hh-programs article {padding:30px}
 .hh-program-images a {width:84px;height:102px}
 .hh-programs h3 {font-size:24px}
 .hh-programs p,.hh-programs ul {font-size:18px}
 .hh-programs small {font-size:14px}
 .hh-program-price,.hh-catalog-tag .hh-program-price {font-size:28px}
 .hh-official {padding:48px;gap:54px}
 .hh-official h3 {font-size:22px}
 .hh-official p,.hh-official li {font-size:18px}
 .hh-official .hh-certificate-note {font-size:14px}
 .hh-contact-band {padding:34px;gap:30px}
 .hh-contact-band h2 {font-size:28px}
 .hh-contact-band p,.hh-catalog-tag .hh-contact-band p {font-size:18px}
 .hh-contact-buttons {max-width:440px;gap:10px}
 .hh-review {padding:26px}
 .hh-review-text {font-size:18px}
 .hh-review strong {font-size:16px}
 .hh-review small,.hh-review-verified,.hh-review .hh-demo-note {font-size:14px}
 .hh-faq {max-width:none}
 .hh-faq summary {font-size:18px}
 .hh-faq details {padding:22px 0}
 .hh-faq details>div {font-size:18px}
 .hh-articles h3 {font-size:24px}
 .hh-articles small {font-size:14px}
 .hh-seo-body,.hh-catalog-tag .hh-seo-body {font-size:18px}
 .hh-seo .hh-read-more {font-size:16px;min-height:36px}
 .hh-catalog-brand .hh-brand-hero,.hh-catalog-tag .hh-tag-hero {padding:58px;gap:58px;margin-bottom:58px}
 .hh-brand-hero-images img,.hh-tag-hero-art img {max-width:205px}
 .hh-brand-navigation>p,.hh-brand-document-grid p,.hh-brand-faq p,
 .hh-brand-contact p,.hh-tag-related>p,.hh-tag-comparison>p,
 .hh-catalog-tag .hh-faq-intro p {font-size:18px}
 .hh-brand-line-links a {font-size:16px;max-width:290px;padding:14px 17px}
 .hh-brand-line-links a small {font-size:14px}
 .hh-brand-document-grid article {padding:30px}
 .hh-brand-document-grid h3 {font-size:22px}
 .hh-brand-document-grid a {font-size:16px}
 .hh-tag-hero-art small,.hh-tag-related-links small,.hh-tag-table-head {font-size:14px}
 .hh-tag-related-links strong,.hh-tag-quick-row>strong,
 .hh-tag-table>div:not(.hh-tag-table-head)>span,.hh-tag-table>div>a {font-size:16px}
 .hh-tag-steps article {padding:30px}
 .hh-tag-steps h3 {font-size:22px}
}