:root {
	--xf-page-ink: #171916;
	--xf-page-muted: #6d706b;
	--xf-page-bronze: #ad9672;
	--xf-page-soft: #f5f5f2;
	--xf-page-line: #e4e3de;
	--xf-page-dark: #171b19;
}

/* Unified desktop category Hero. */
@media (min-width: 768px) {
	body.tax-product_cat .xf-category-desktop-hero {
		width: 100vw;
		height: 400px;
		min-height: 400px;
		position: relative;
		overflow: hidden;
		padding: 0;
		margin: 0;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	body.tax-product_cat .xf-category-desktop-hero .xf-page-banner__inner {
		height: 100%;
		min-height: 400px;
		background: transparent !important;
		position: relative;
		display: block;
	}
	body.tax-product_cat .xf-category-desktop-hero .xf-page-banner__content {
		width: 48%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		background: transparent !important;
		padding: 0;
	}
	body.tax-product_cat :is(.xf-category-desktop-hero, .xf-desktop-category-hero) .xf-breadcrumb,
	body.tax-product_cat :is(.xf-category-desktop-hero, .xf-desktop-category-hero) .xf-breadcrumb a,
	body.tax-product_cat :is(.xf-category-desktop-hero, .xf-desktop-category-hero) .xf-breadcrumb span { color: #555 !important; }
	body.tax-product_cat :is(.xf-category-desktop-hero, .xf-desktop-category-hero) h1 { color: #111 !important; }
	body.tax-product_cat :is(.xf-category-desktop-hero, .xf-desktop-category-hero) .xf-page-banner__content > p { color: #333 !important; }
	body.tax-product_cat .xf-desktop-category-hero {
		width: 100vw;
		max-width: none;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		height: 400px;
		min-height: 400px;
	}
	body.tax-product_cat .xf-desktop-category-hero .xf-page-banner__inner {
		height: 100%;
		min-height: 400px;
	}
	body.tax-product_cat .xf-desktop-category-hero { background-repeat: no-repeat; }
	body.tax-product_cat .xf-category-desktop-hero::before,
	body.tax-product_cat .xf-category-desktop-hero::after,
	body.tax-product_cat .xf-category-desktop-hero .xf-page-banner__inner::before,
	body.tax-product_cat .xf-category-desktop-hero .xf-page-banner__inner::after,
	body.tax-product_cat .xf-category-desktop-hero .xf-page-banner__content::before,
	body.tax-product_cat .xf-category-desktop-hero .xf-page-banner__content::after {
		background: transparent !important;
	}
	/* The five image categories use the same Desktop rendering as Cabinet Handles. */
	body.tax-product_cat.term-ratchet-sofa-hinges :is(.xf-category-desktop-hero, .xf-desktop-category-hero),
	body.tax-product_cat.term-sofa-connectors :is(.xf-category-desktop-hero, .xf-desktop-category-hero),
	body.tax-product_cat.term-sofa-hinges :is(.xf-category-desktop-hero, .xf-desktop-category-hero),
	body.tax-product_cat.term-table-top-lift-mechanisms :is(.xf-category-desktop-hero, .xf-desktop-category-hero),
	body.tax-product_cat.term-bed-lift-mechanisms :is(.xf-category-desktop-hero, .xf-desktop-category-hero) {
		background-size: auto 600px;
		background-position: center top;
		background-repeat: no-repeat;
	}
	/* Gas Springs retains its independently approved rendering rule. */
	body.tax-product_cat.term-gas-springs :is(.xf-category-desktop-hero, .xf-desktop-category-hero) {
		background-size: auto 600px;
		background-position: center top;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles { width: 100vw; max-width: none; height: 400px; min-height: 400px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: #f0f0ed; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__inner { height: 400px; min-height: 400px; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__visual img { width: 100%; height: 400px; object-fit: cover; object-position: center center; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-breadcrumb { color: #555; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles h1 { color: #111; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles p { color: #333; }
	/* Six image categories: suppress Blocksy/Woo archive hero and use one child hero. */
	body.tax-product_cat.term-ratchet-sofa-hinges .ct-hero,
	body.tax-product_cat.term-sofa-connectors .ct-hero,
	body.tax-product_cat.term-sofa-hinges .ct-hero,
	body.tax-product_cat.term-table-top-lift-mechanisms .ct-hero,
	body.tax-product_cat.term-bed-lift-mechanisms .ct-hero,
	body.tax-product_cat.term-gas-springs .ct-hero,
	body.tax-product_cat.term-ratchet-sofa-hinges .woocommerce-products-header,
	body.tax-product_cat.term-sofa-connectors .woocommerce-products-header,
	body.tax-product_cat.term-sofa-hinges .woocommerce-products-header,
	body.tax-product_cat.term-table-top-lift-mechanisms .woocommerce-products-header,
	body.tax-product_cat.term-bed-lift-mechanisms .woocommerce-products-header,
	body.tax-product_cat.term-gas-springs .woocommerce-products-header { display: none !important; }
}

@media (max-width: 767px) {
	body.tax-product_cat .xf-mobile-category-hero { display: block; width: 100%; margin: 0; padding: 0; }
	body.tax-product_cat .xf-mobile-category-hero img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual { display: none !important; }
}

/* Desktop category heroes share the unified class below. */
@media (min-width: 768px) {
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__inner {
		display: block;
		height: 400px;
		min-height: 400px;
	}
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__content {
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual {
		position: absolute;
		inset: 0;
		display: block;
		z-index: 0;
		min-height: 0;
		background: transparent;
	}
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual img { display: none !important; }
}

/* Keep the six responsive category heroes isolated: desktop renders only the
 * desktop image inside the banner, while mobile renders the dedicated
 * 390px image emitted immediately before it. Cabinet Handles and Gas Springs
 * retain their existing, separately verified rules. */
@media (min-width: 768px) {
	body.tax-product_cat.term-ratchet-sofa-hinges .xf-mobile-category-hero,
	body.tax-product_cat.term-sofa-connectors .xf-mobile-category-hero,
	body.tax-product_cat.term-sofa-hinges .xf-mobile-category-hero,
	body.tax-product_cat.term-table-top-lift-mechanisms .xf-mobile-category-hero,
	body.tax-product_cat.term-bed-lift-mechanisms .xf-mobile-category-hero { display: none !important; }
}

@media (max-width: 767px) {
	body.tax-product_cat.term-ratchet-sofa-hinges .xf-page-banner--image-category-hero .xf-category-hero__image--mobile,
	body.tax-product_cat.term-sofa-connectors .xf-page-banner--image-category-hero .xf-category-hero__image--mobile,
	body.tax-product_cat.term-sofa-hinges .xf-page-banner--image-category-hero .xf-category-hero__image--mobile,
	body.tax-product_cat.term-table-top-lift-mechanisms .xf-page-banner--image-category-hero .xf-category-hero__image--mobile,
	body.tax-product_cat.term-bed-lift-mechanisms .xf-page-banner--image-category-hero .xf-category-hero__image--mobile { display: none !important; }
	body.tax-product_cat.term-ratchet-sofa-hinges .xf-page-banner--image-category-hero .xf-page-banner__visual,
	body.tax-product_cat.term-sofa-connectors .xf-page-banner--image-category-hero .xf-page-banner__visual,
	body.tax-product_cat.term-sofa-hinges .xf-page-banner--image-category-hero .xf-page-banner__visual,
	body.tax-product_cat.term-table-top-lift-mechanisms .xf-page-banner--image-category-hero .xf-page-banner__visual,
	body.tax-product_cat.term-bed-lift-mechanisms .xf-page-banner--image-category-hero .xf-page-banner__visual { display: none !important; }
}

@media (max-width: 767px) {
	body.tax-product_cat .xf-category-hero__image--desktop { display: none !important; }
	body.tax-product_cat .xf-category-hero__image--mobile { display: block !important; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; object-fit: fill; }
	body.tax-product_cat .xf-page-banner--product-category { background-image: none !important; padding-top: 0 !important; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__visual { display: block; width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; background: transparent !important; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__content { padding: 20px 16px 26px; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__visual .xf-gas-springs-hero__installation-notes { display: none; }
	body.tax-product_cat .xf-page-banner--image-category-hero { padding-top: 0; background-image: none !important; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__inner { display: flex; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual { display: block; order: 1; width: 100%; height: auto; min-height: 0; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual::after { display: none; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-category-hero__picture { display: block; width: 100%; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-category-hero__image { display: block; width: 100%; height: auto; max-width: none; object-fit: fill; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__content { order: 2; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual { display: block; height: auto; min-height: 0; background: transparent; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-category-hero__image { width: 100%; height: auto; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-gas-springs-hero__installation-notes { display: none; }
}
@media (max-width: 767px) {
	body.tax-product_cat .xf-page-banner--product-category { background-size: 100% 140px; }
	body.tax-product_cat .xf-page-banner--image-category-hero { padding-top: 140px; background-size: 100% 140px; }
	body.tax-product_cat .xf-page-banner--cabinet-handles .xf-page-banner__visual { height: 140px; min-height: 140px; }
	body.tax-product_cat .xf-page-banner--cabinet-handles .xf-page-banner__visual img { width: 100%; height: 140px; object-fit: fill; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual { height: 140px; min-height: 140px; background-image: url('../../images/mobile-category-hero/gas-springs-mobile.png'); background-size: 100% 140px; background-position: center; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual { display: none; }
	body.tax-product_cat .xf-page-banner--image-category-hero { background-image: var(--xf-mobile-category-hero, none); }
	body.tax-product_cat.term-bed-lift-mechanisms .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/bed-lift-mechanisms-mobile.png'); }
	body.tax-product_cat.term-ratchet-sofa-hinges .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/ratchet-sofa-hinges-mobile.png'); }
	body.tax-product_cat.term-sofa-connectors .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/sofa-connectors-mobile.png'); }
	body.tax-product_cat.term-sofa-hinges .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/sofa-hinges-mobile.png'); }
	body.tax-product_cat.term-table-top-lift-mechanisms .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/table-top-lift-mechanisms-mobile.png'); }
}

body.xf-framework-page,
body:has(.xf-page-main) { overflow-x: hidden; }
body:has(.xf-page-main) .ct-header,
body:has(.xf-page-main) .ct-footer,
.single-product .ct-header,
.single-product .ct-footer { display: none; }
.xf-page-shell { width: min(1420px, calc(100% - 64px)); margin-inline: auto; }
.xf-page-main { color: var(--xf-page-ink); }
.xf-page-section { padding-block: clamp(58px, 5vw, 78px); }
.xf-page-section--soft { background: var(--xf-page-soft); }

.xf-inner-header { height: 72px; background: #fff; }
.xf-inner-header.xf-inner-header--product { display: none; }
.xf-site-header__menu-toggle, .xf-mobile-nav { display: none; }
.xf-inner-header__inner { height: 100%; display: grid; grid-template-columns: 220px minmax(0, 1fr) 172px; align-items: center; gap: 30px; }
.xf-inner-header__brand { display: inline-flex; align-items: center; color: var(--xf-page-ink); font-size: 24px; font-weight: 800; text-decoration: none; }
.xf-inner-header__logo { width: auto; max-width: 190px; max-height: 44px; object-fit: contain; }
.xf-inner-header__nav { display: flex; align-items: center; justify-content: center; gap: clamp(24px, 3vw, 48px); }
.xf-inner-header__nav a { color: var(--xf-page-ink); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.xf-inner-header__quote, .xf-page-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 18px; background: var(--xf-page-bronze); color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }

@media (min-width: 768px) {
	.xf-inner-header { position: relative; z-index: 20; }
	.xf-products-nav-item { position: relative; display: flex; align-items: center; height: 72px; }
	.xf-products-nav-item__trigger { display: inline-flex; align-items: center; gap: 6px; }
	.xf-products-nav-item__chevron { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
	.xf-products-nav-item__submenu { position: absolute; z-index: 30; top: calc(100% - 4px); left: 50%; min-width: 260px; padding: 6px 0; border: 1px solid #eee; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.08); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 8px); transition: opacity .16s ease, transform .16s ease, visibility .16s; }
	.xf-products-nav-item:hover .xf-products-nav-item__submenu, .xf-products-nav-item:focus-within .xf-products-nav-item__submenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
	.xf-products-nav-item__submenu a { display: block; padding: 12px 16px; color: var(--xf-page-ink); font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none; white-space: nowrap; }
	.xf-products-nav-item__submenu a:hover, .xf-products-nav-item__submenu a:focus-visible { background: rgba(173,150,114,.12); color: var(--xf-page-bronze); outline: 0; }
}

.xf-page-banner { background: linear-gradient(110deg, #151917, #2a302c); color: #fff; }
.xf-page-banner__inner { min-height: 330px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .78fr); align-items: stretch; gap: 54px; }
.xf-page-banner__content { align-self: center; padding-block: 54px; }
.xf-page-banner__visual { min-height: 330px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(135deg, #303733, #1d221f); color: rgba(255,255,255,.4); text-align: center; }
.xf-breadcrumb { display: flex; gap: 9px; margin-bottom: 18px; color: rgba(255,255,255,.56); font-size: 12px; }
.xf-breadcrumb a { color: inherit; text-decoration: none; }
.xf-page-banner h1 { max-width: 850px; margin: 0; color: #fff; font-size: clamp(40px, 4vw, 58px); line-height: 1.05; letter-spacing: -.04em; }
.xf-page-banner p { max-width: 680px; margin: 16px 0 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.6; }
.xf-page-heading { margin-bottom: 28px; }
.xf-page-heading > p, .xf-page-trust p { margin: 0 0 8px; color: #8d7655; font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.xf-page-heading h2, .xf-page-trust h2 { margin: 0; font-size: clamp(28px, 3vw, 42px); line-height: 1.12; letter-spacing: -.03em; }
.xf-page-heading--center { text-align: center; }

.xf-products-overview { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 56px; align-items: start; }
.xf-category-nav { padding: 26px; border: 1px solid var(--xf-page-line); background: var(--xf-page-soft); }
.xf-category-nav h2 { margin: 0 0 18px; font-size: 20px; }
.xf-category-nav nav { display: grid; }
.xf-category-nav a { display: block; padding: 11px 0; border-bottom: 1px solid var(--xf-page-line); color: var(--xf-page-muted); font-size: 14px; text-decoration: none; transition: color .2s ease; }
.xf-category-nav a:hover { color: var(--xf-page-ink); }
.xf-page-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.xf-page-category-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid #e7e7e4; background: #fff; color: inherit; text-decoration: none; }
.xf-page-category-card__media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: #f3f3f1; }
.xf-page-category-card__media img { width: 100%; height: 100%; padding: 16px; object-fit: contain; }
.xf-page-category-card__media > span { display: grid; height: 100%; place-items: center; color: rgba(23,25,22,.18); font-size: 34px; font-weight: 800; }
.xf-page-category-card__info { min-height: 72px; display: flex; align-items: center; padding: 14px 16px; background: #fff; }
.xf-page-category-card h2 { margin: 0; color: #111; font-size: 15px; font-weight: 600; line-height: 1.35; text-align: left; }
.xf-page-trust { padding-block: 54px; background: var(--xf-page-soft); text-align: center; }
.xf-advantage-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; text-align: left; }
.xf-advantage-grid > div { padding: 28px; border: 1px solid var(--xf-page-line); background: #fff; }
.xf-advantage-grid span { color: var(--xf-page-bronze); font-size: 12px; }
.xf-advantage-grid h2 { margin: 14px 0 8px; font-size: 20px; }
.xf-advantage-grid p { margin: 0; }

.xf-catalog-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(38px, 5vw, 72px); align-items: start; }
.xf-catalog-layout--full { grid-template-columns: minmax(0, 1fr); gap: 0; }
.xf-catalog-layout--full.xf-page-section { padding-block: 38px 64px; }
.xf-catalog-layout--cabinet-handles { grid-template-columns: 240px minmax(0, 1fr); gap: 36px; padding-block: 38px 64px; }
.xf-catalog-info { padding: 24px; border: 1px solid var(--xf-page-line); background: var(--xf-page-soft); }
.xf-catalog-info > h2 { margin: 0 0 18px; font-size: 19px; }
.xf-catalog-info > div { padding: 15px 0; border-top: 1px solid var(--xf-page-line); }
.xf-catalog-info h3 { margin: 0 0 7px; font-size: 14px; }
.xf-catalog-info p { margin: 0; color: var(--xf-page-muted); font-size: 13px; line-height: 1.55; }
.xf-catalog-filter { padding: 24px; border: 1px solid var(--xf-page-line); background: var(--xf-page-soft); }
.xf-catalog-filter h2 { margin: 0 0 18px; font-size: 18px; }
.xf-filter-toggle, .xf-filter-toggle-label { display: none; }
.xf-filter-group { padding: 16px 0; border-top: 1px solid var(--xf-page-line); }
.xf-filter-group h3 { margin: 0 0 7px; font-size: 15px; }
.xf-filter-group p { margin: 0; color: var(--xf-page-muted); font-size: 12px; }
.xf-catalog-toolbar { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; padding: 0 16px; border: 1px solid var(--xf-page-line); color: var(--xf-page-muted); font-size: 13px; }
.xf-catalog-filter nav { display: grid; }
.xf-catalog-filter a { padding: 10px 0; border-bottom: 1px solid var(--xf-page-line); color: var(--xf-page-muted); font-size: 14px; text-decoration: none; }
.xf-catalog-filter a.is-current { color: var(--xf-page-ink); font-weight: 700; }
.xf-product-archive-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 18px; }
.xf-archive-product { color: inherit; text-decoration: none; }
.xf-archive-product__media { aspect-ratio: 1 / 1; overflow: hidden; background: #f0f0ed; }
.xf-archive-product__media img { width: 100%; height: 100%; padding: 16px; object-fit: contain; }
.tax-product_cat.term-ratchet-sofa-hinges .xf-archive-product__media img { object-fit: contain; object-position: center; }
.tax-product_cat.term-sofa-connectors .xf-archive-product__media img { object-fit: contain; object-position: center; }
.tax-product_cat.term-sofa-hinges .xf-archive-product__media img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.tax-product_cat.term-table-top-lift-mechanisms .xf-archive-product__media img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.tax-product_cat.term-bed-lift-mechanisms .xf-archive-product__media { background: #f0f0ed; }
.tax-product_cat.term-bed-lift-mechanisms .xf-archive-product__media img { width: 100%; height: 100%; padding: 16px; box-sizing: border-box; object-fit: contain; object-position: center; transform: none; }
.tax-product_cat.term-gas-springs .xf-archive-product__media { background: #f0f0ed; }
.tax-product_cat.term-gas-springs .xf-archive-product__media img { width: 100%; height: 100%; padding: 16px; box-sizing: border-box; object-fit: contain; object-position: center; transform: none; }
.xf-archive-product__media span { box-sizing: border-box; width: 100%; height: 100%; display: grid; place-items: center; padding: 18px; color: #999; font-size: 12px; text-align: center; }
.xf-archive-product h3 { margin: 12px 0 3px; font-size: 17px; }
.xf-cabinet-handle-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #e7e7e4;
}
.xf-cabinet-handle-grid { width: min(100%, 1200px); margin-inline: auto; gap: 26px; }
.xf-cabinet-handle-card .xf-archive-product__media { display: grid; place-items: center; background: #f3f3f1; }
.xf-cabinet-handle-card .xf-archive-product__media img { width: 76%; height: 76%; padding: 0; object-fit: contain; }
.xf-cabinet-handle-card__info {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 11px 14px;
	background: #fff;
}
.xf-cabinet-handle-card .xf-cabinet-handle-card__info h3 {
	margin: 0;
	color: #111;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
}
.xf-catalog-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 38px; }
.xf-catalog-pagination a, .xf-catalog-pagination span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--xf-page-line); color: var(--xf-page-ink); text-decoration: none; }
.xf-catalog-pagination span[aria-current="page"] { border-color: var(--xf-page-bronze); background: var(--xf-page-bronze); color: #fff; }
.xf-archive-product p { margin: 0; color: var(--xf-page-muted); font-size: 13px; }
.xf-page-empty { padding: 70px 30px; border: 1px solid var(--xf-page-line); background: var(--xf-page-soft); text-align: center; }
.xf-page-empty h3 { margin: 0 0 8px; font-size: 22px; }
.xf-page-empty p { margin: 0; color: var(--xf-page-muted); }
.xf-page-empty.xf-blog-empty { padding: 32px 0; min-height: 0; border: 0; background: transparent; text-align: left; }
.xf-placeholder-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 42px; }
.xf-placeholder-pagination span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--xf-page-line); }

.xf-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); align-items: center; gap: clamp(50px, 7vw, 100px); }
.xf-split > div:first-child > p { color: var(--xf-page-muted); font-size: 16px; line-height: 1.75; }
.xf-media-placeholder { aspect-ratio: 1 / 1; display: grid; place-items: center; border: 1px solid #d7d7d1; background: linear-gradient(135deg, #e6e6e1, #f7f7f4); color: #92948e; font-size: 14px; text-align: center; }
.xf-about-intro { display: block; }
.xf-about-intro__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: clamp(40px, 5vw, 72px); }
.xf-about-intro__media { height: clamp(320px, 25vw, 360px); overflow: hidden; }
.xf-about-intro__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.xf-about-intro__copy { max-width: 980px; color: var(--xf-page-muted); font-size: 16px; line-height: 1.75; }
.xf-about-intro__copy p { margin: 0 0 18px; }
.xf-about-intro__copy p:last-child { margin-bottom: 0; }
.xf-about-gallery__description { max-width: 680px; margin: -12px 0 28px; color: var(--xf-page-muted); font-size: 16px; line-height: 1.6; }
.xf-about-gallery__inner { width: 100%; margin: 0; }
.xf-about-gallery__grid { width: min(1080px, 100%); margin-left: 0; margin-right: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.xf-about-gallery__card { margin: 0; border: 1px solid var(--xf-page-line); background: #fff; }
.xf-about-gallery__media { aspect-ratio: 1 / 1; overflow: hidden; background: #f3f3f1; }
.xf-about-gallery__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.xf-about-gallery__card figcaption { padding: 14px 16px; color: var(--xf-page-ink); font-size: 15px; font-weight: 600; }
.xf-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.xf-info-grid > div { min-height: 170px; padding: 28px; border: 1px solid var(--xf-page-line); background: #fff; }
.xf-info-grid h3 { margin: 0 0 10px; font-size: 18px; }
.xf-info-grid p { margin: 0; color: var(--xf-page-muted); line-height: 1.6; }
.xf-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.xf-stat-grid > div { min-height: 170px; display: grid; align-content: center; justify-items: center; padding: 24px; border: 1px solid var(--xf-page-line); background: #fff; text-align: center; }
.xf-stat-grid strong { font-size: 36px; color: var(--xf-page-bronze); }
.xf-stat-grid span { margin-top: 10px; font-weight: 700; }
.xf-stat-grid small { margin-top: 5px; color: var(--xf-page-muted); }
.xf-value-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; text-align: center; }
.xf-value-grid span { width: 44px; height: 44px; display: inline-grid; place-items: center; border: 1px solid var(--xf-page-bronze); border-radius: 50%; color: #8d7655; font-size: 11px; }
.xf-value-grid h3 { margin: 14px 0 7px; font-size: 17px; }
.xf-value-grid p { margin: 0; color: var(--xf-page-muted); font-size: 14px; line-height: 1.55; }

.xf-blog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 20px; }
.xf-blog-card { border: 1px solid var(--xf-page-line); background: #fff; }
.xf-blog-card__link { display: block; height: 100%; color: inherit; text-decoration: none; }
.xf-blog-card__media { aspect-ratio: 1.55 / 1; display: grid; place-items: center; overflow: hidden; background: var(--xf-page-soft); color: #999; text-decoration: none; }
.xf-blog-card__media img { width: 100%; height: 100%; object-fit: cover; }
.xf-blog-card__body { padding: 22px; }
.xf-blog-card time { color: var(--xf-page-muted); font-size: 12px; }
.xf-placeholder-meta { color: var(--xf-page-muted); font-size: 12px; }
.xf-blog-card h2 { margin: 8px 0 10px; font-size: 21px; line-height: 1.3; }
.xf-blog-card h2 a, .xf-text-link { color: inherit; text-decoration: none; }
.xf-blog-card p { color: var(--xf-page-muted); font-size: 14px; line-height: 1.6; }
.xf-text-link { font-weight: 700; }
.xf-blog-pagination { display: flex; justify-content: center; margin-top: 42px; }
.xf-blog-pagination ul { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.xf-blog-pagination a, .xf-blog-pagination span { display: grid; min-width: 38px; min-height: 38px; place-items: center; border: 1px solid var(--xf-page-line); color: var(--xf-page-ink); text-decoration: none; }

.xf-contact-layout { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(480px, 1.28fr); gap: clamp(50px, 7vw, 100px); align-items: start; }
.xf-contact-info dl { margin: 0; }
.xf-contact-info dl > div { padding: 18px 0; border-bottom: 1px solid var(--xf-page-line); }
.xf-contact-info dt { color: var(--xf-page-muted); font-size: 12px; text-transform: uppercase; }
.xf-contact-info dd { margin: 5px 0 0; }
.xf-contact-info a { color: var(--xf-page-ink); text-decoration: none; }
.xf-form-panel { padding: clamp(26px, 4vw, 46px); border: 1px solid var(--xf-page-line); background: #fff; }
.xf-form-panel > h2 { margin-top: 0; }
body.page-id-1644 .xf-form-panel .ff-btn-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 42px;
	padding: 10px 18px;
	border-color: var(--xf-page-bronze) !important;
	background: var(--xf-page-bronze) !important;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
}
.xf-location-placeholder { min-height: 260px; display: grid; place-items: center; margin-bottom: 70px; border: 1px solid #d7d7d1; background: var(--xf-page-soft); color: #92948e; text-align: center; }

.xf-rfq-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: clamp(40px, 6vw, 80px); align-items: start; }
.xf-rfq-form .frm-fluent-form { margin-top: 24px; }
.xf-rfq-form .frm-fluent-form fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group { min-width: 0; margin: 0; }
.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(5),
.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(6),
.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(7) { grid-column: 1 / -1; }
.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(6) .ff-el-input--content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.xf-rfq-form .ff-el-form-check label { min-width: 0; }
.xf-rfq-form .ff-btn-submit { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 42px; padding: 10px 18px; border-color: var(--xf-page-bronze) !important; background: var(--xf-page-bronze) !important; color: #fff !important; font-size: 13px; font-weight: 700; }
.xf-rfq-form .ff_submit_btn_wrapper { grid-column: 1 / -1; margin: 0; }
.xf-form-notice { padding: 14px 16px; border-left: 3px solid var(--xf-page-bronze); background: var(--xf-page-soft); color: var(--xf-page-muted); font-size: 14px; }
.xf-placeholder-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.xf-placeholder-fields > div { min-height: 52px; display: flex; align-items: center; padding: 12px 14px; border: 1px solid var(--xf-page-line); color: var(--xf-page-muted); font-size: 14px; }
.xf-placeholder-fields .is-wide { grid-column: 1 / -1; min-height: 110px; align-items: flex-start; }
.xf-interest-field { margin: 28px 0 0; padding: 0; border: 0; }
.xf-interest-field legend { margin-bottom: 14px; font-weight: 700; }
.xf-interest-field > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.xf-interest-field label { display: flex; align-items: center; gap: 9px; color: var(--xf-page-muted); font-size: 14px; }
.xf-check { width: 18px; height: 18px; flex: 0 0 auto; border: 1px solid var(--xf-page-line); }
.xf-rfq-wide-field { min-height: 150px; margin-top: 28px; padding: 16px; border: 1px solid var(--xf-page-line); }
.xf-upload-field { min-height: 112px; display: grid; align-content: center; justify-items: center; gap: 8px; margin-top: 16px; border: 1px dashed var(--xf-page-bronze); color: var(--xf-page-muted); text-align: center; }
.xf-upload-field strong { color: var(--xf-page-ink); }
.xf-next-steps { padding: 32px; background: var(--xf-page-dark); color: #fff; }
.xf-next-steps h2 { margin: 0 0 26px; color: #fff; font-size: 25px; }
.xf-next-steps ol { margin: 0; padding: 0; list-style: none; }
.xf-next-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 12px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.13); font-size: 14px; line-height: 1.5; }
.xf-next-steps li span { color: #d1bb97; font-size: 12px; }

.xf-inner-footer { padding: 50px 0 20px; background: var(--xf-page-dark); color: rgba(255,255,255,.72); }
.xf-inner-footer__grid { display: grid; grid-template-columns: 1.4fr 1.1fr .7fr 1fr; gap: 44px; }
.xf-inner-footer h2, .xf-inner-footer h3 { margin: 0 0 15px; color: #fff; }
.xf-inner-footer h2 { font-size: 24px; letter-spacing: .08em; }
.xf-inner-footer h3 { font-size: 14px; }
.xf-inner-footer h3::after { content: ""; width: 36px; height: 2px; display: block; margin-top: 13px; background: var(--xf-page-bronze); }
.xf-inner-footer p { max-width: 340px; margin: 0; font-size: 14px; line-height: 1.65; }
.xf-inner-footer ul { margin: 0; padding: 0; list-style: none; }
.xf-inner-footer li + li { margin-top: 9px; }
.xf-inner-footer a { color: rgba(255,255,255,.68); font-size: 14px; text-decoration: none; }
.xf-inner-footer__grid > div:nth-child(2) li a,
.xf-inner-footer__grid > div:nth-child(3) li a { display: inline-flex; align-items: center; gap: 11px; }
.xf-inner-footer__grid > div:nth-child(2) li a::before,
.xf-inner-footer__grid > div:nth-child(3) li a::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-top: 1.5px solid var(--xf-page-bronze); border-right: 1.5px solid var(--xf-page-bronze); transform: rotate(45deg); }
.xf-inner-footer__grid > div:nth-child(4) li { display: flex; align-items: center; gap: 13px; }
.xf-inner-footer__contact-icon { width: 21px; height: 21px; flex: 0 0 21px; fill: none; stroke: var(--xf-page-bronze); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.xf-inner-footer__social { display: flex; align-items: center; gap: 12px; margin-top: 28px; color: rgba(255,255,255,.72); }
.xf-inner-footer__social a { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--xf-page-bronze); border-radius: 50%; color: var(--xf-page-bronze); transition: color .2s ease, border-color .2s ease, opacity .2s ease; }
.xf-inner-footer__social a:hover { color: #fff; border-color: #fff; }
.xf-inner-footer__social svg { width: 16px; height: 16px; display: block; fill: currentColor; }
.xf-inner-footer__bottom { margin-top: 38px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); font-size: 12px; }

.single-product .site-main { padding-block: 48px 70px; }
.single-product .product-entry-wrapper { max-width: 1420px; margin-inline: auto; }
.xf-page-banner--products .xf-page-banner__inner { grid-template-columns: minmax(0, 1fr); }
.xf-page-banner--blog .xf-page-banner__inner { grid-template-columns: minmax(0, 1fr); }
.xf-page-banner--contact .xf-page-banner__inner { grid-template-columns: minmax(0, 1fr); }
.xf-page-banner--rfq .xf-page-banner__inner { grid-template-columns: minmax(0, 1fr); }

@media (min-width: 1024px) {
	.xf-page-banner--cabinet-handles {
		position: relative;
		overflow: hidden;
	}
	.xf-page-banner--cabinet-handles .xf-page-banner__inner {
		position: static;
		display: block;
	}
	.xf-page-banner--cabinet-handles .xf-page-banner__content {
		position: relative;
		z-index: 1;
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.xf-page-banner--cabinet-handles .xf-page-banner__visual {
		position: absolute;
		z-index: 0;
		inset: 0;
		background: transparent;
	}
	.xf-page-banner--cabinet-handles .xf-page-banner__visual img {
		object-fit: cover;
		object-position: center;
	}
	@media (min-width: 768px) {
		body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles {
			width: 100vw;
			max-width: none;
			height: 400px;
			min-height: 400px;
			margin-left: calc(50% - 50vw);
			margin-right: calc(50% - 50vw);
			background: #f0f0ed;
		}
		body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__inner {
			height: 400px;
			min-height: 400px;
		}
		body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__visual img {
			width: 100%;
			height: 400px;
			object-fit: cover;
			object-position: center center;
		}
		body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-breadcrumb { color: #555555; }
		body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles h1 { color: #111111; }
		body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles p { color: #333333; }
	}
	.xf-page-banner--gas-springs {
	background-image: url('../../images/gas-springs-hero-desktop-v2.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
		position: relative;
		overflow: hidden;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	body.tax-product_cat.term-gas-springs .xf-page-banner--gas-springs .xf-breadcrumb { color: #555; }
	body.tax-product_cat.term-gas-springs .xf-page-banner--gas-springs h1 { color: #111; }
	body.tax-product_cat.term-gas-springs .xf-page-banner--gas-springs p,
	body.tax-product_cat.term-gas-springs .xf-page-banner--gas-springs .xf-gas-springs-hero__installation-notes { color: #333; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles {
		width: 100vw;
		max-width: none;
		height: 400px;
		min-height: 400px;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		background: url('../../images/cabinet-handles-hero-desktop-v2.png') center top / cover no-repeat;
	}
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__inner { height: 400px; min-height: 400px; display: block; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__visual { display: none; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__content { width: 50%; height: 100%; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-breadcrumb { color: #555; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles h1 { color: #111; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles p { color: #333; }
	.xf-page-banner--gas-springs .xf-page-banner__inner {
		position: static;
		display: block;
	}
	.xf-page-banner--gas-springs .xf-page-banner__content {
		position: relative;
		z-index: 1;
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.xf-page-banner--gas-springs .xf-page-banner__visual {
		position: absolute;
		z-index: 0;
		inset: 0;
		display: block;
		min-height: 0;
		background: transparent;
	}
	.xf-gas-springs-hero__installation-notes {
		position: absolute;
		top: 13%;
		left: 54%;
	}
}

@media (max-width: 1100px) {
	.xf-page-shell { width: min(calc(100% - 40px), 1420px); }
	.xf-inner-header__inner { grid-template-columns: 190px minmax(0, 1fr) 156px; gap: 18px; }
	.xf-inner-header__nav { gap: 22px; }
	.xf-page-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xf-catalog-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 32px; }
	.xf-catalog-layout--full { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.xf-catalog-layout--cabinet-handles { grid-template-columns: 210px minmax(0, 1fr); gap: 24px; }
	.xf-product-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xf-cabinet-handle-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	.xf-catalog-layout--cabinet-handles { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.xf-catalog-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
	.xf-catalog-info > h2 { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
	.xf-about-intro__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.xf-about-intro__media { height: clamp(220px, 62vw, 250px); }
	/* Product-category mobile heroes: image first, text in a separate flow area. */
	body.tax-product_cat .xf-page-banner--product-category { min-height: 0; padding: 0; background-color: #f5f5f2; background-size: 100% 200px; background-position: center top; background-repeat: no-repeat; color: #1f2522; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__inner { min-height: 0; display: flex; flex-direction: column; gap: 0; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__content { order: 2; max-width: none; padding: 20px 16px 26px; color: #1f2522; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__visual { order: 1; position: relative; inset: auto; width: 100%; height: 200px; min-height: 200px; margin: 0; padding: 0; display: grid; place-items: center; background: transparent; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__visual::after { display: none; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__content h1 { max-width: 100%; margin: 0; color: #1f2522; font-size: clamp(28px, 8vw, 32px); line-height: 1.12; overflow-wrap: anywhere; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__content p { max-width: 100%; margin: 12px 0 0; color: #4f5551; font-size: 15px; line-height: 1.5; }
	body.tax-product_cat .xf-page-banner--product-category .xf-breadcrumb { color: #5f625f; }
	body.tax-product_cat .xf-page-banner--image-category-hero { padding-top: 200px; background-size: 100% 200px; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__inner { display: block; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__content { padding: 20px 16px 26px; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual { display: none; }
	body.tax-product_cat .xf-page-banner--cabinet-handles { padding-top: 0; background-image: none !important; }
	body.tax-product_cat .xf-page-banner--cabinet-handles .xf-page-banner__inner { display: flex; }
	body.tax-product_cat .xf-page-banner--cabinet-handles .xf-page-banner__visual { display: grid; height: 200px; min-height: 200px; }
	body.tax-product_cat .xf-page-banner--cabinet-handles .xf-page-banner__visual img { object-fit: cover; object-position: center; }
	body.tax-product_cat .xf-page-banner--gas-springs { padding-top: 0; background-image: none !important; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__inner { display: flex; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual { display: block; height: 200px; min-height: 200px; background-image: url('../../images/Gas-Springs/gas-springs-installation-hero-v2.png'); background-size: contain; background-position: center; background-repeat: no-repeat; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual > * { display: none; }
	.xf-page-shell { width: min(calc(100% - 32px), 1420px); max-width: calc(100% - 32px); }
	.xf-inner-header { position: relative; z-index: 100; height: 64px; }
	.xf-inner-header.xf-inner-header--product { display: block; }
	.xf-inner-header__inner { display: flex; justify-content: space-between; gap: 14px; }
	.xf-inner-header .xf-site-header__menu-toggle { position: relative; z-index: 101; display: inline-grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: var(--xf-page-ink); font-size: 22px; pointer-events: auto; touch-action: manipulation; }
	.xf-inner-header .xf-mobile-nav { position: absolute; z-index: 102; top: 64px; left: 0; right: 0; display: none; flex-direction: column; padding: 8px 22px 14px; background: #fff; border-bottom: 1px solid rgba(23,25,22,.12); box-shadow: 0 8px 20px rgba(0,0,0,.08); }
	.xf-inner-header .xf-mobile-nav.is-open { display: flex; }
	.xf-inner-header .xf-mobile-nav a { padding: 10px 0; color: var(--xf-page-ink); font-size: 15px; text-decoration: none; }
	.xf-inner-header__logo { max-width: 145px; max-height: 38px; }
	.xf-inner-header__nav { display: none; }
	.xf-inner-header__quote { min-height: 38px; padding-inline: 12px; font-size: 12px; }
	.xf-page-banner { padding-block: 42px 46px; }
	.xf-page-banner__inner { min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 0; }
	.xf-page-banner__content { padding-block: 38px; }
	.xf-page-banner__visual { min-height: 180px; margin: 0 -16px; }
	.xf-page-banner--products { position: relative; overflow: hidden; }
	.xf-page-banner--products .xf-page-banner__inner { position: relative; min-height: 250px; display: block; }
	.xf-page-banner--products .xf-page-banner__content { position: relative; z-index: 2; max-width: 305px; padding-block: 38px; }
	.xf-page-banner--products .xf-page-banner__visual { position: absolute; z-index: 0; inset: 0 -16px; min-height: 0; margin: 0; place-items: end; padding: 20px; background: linear-gradient(115deg, #151917 0%, #1a1f1c 58%, #303733 100%); color: rgba(255,255,255,.32); font-size: 11px; }
	.xf-page-banner--products .xf-page-banner__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(21,25,23,.98) 0%, rgba(21,25,23,.84) 58%, rgba(21,25,23,.15) 100%); }
	.xf-page-banner--products .xf-page-banner__visual span { position: relative; z-index: 1; }
	.xf-page-banner--product-category { position: relative; overflow: hidden; }
	.xf-page-banner--product-category .xf-page-banner__inner { position: relative; min-height: 250px; display: block; }
	.xf-page-banner--product-category .xf-page-banner__content { position: relative; z-index: 2; max-width: 305px; padding-block: 38px; }
	.xf-page-banner--product-category .xf-page-banner__visual { position: absolute; z-index: 0; inset: 0 -16px; min-height: 0; margin: 0; place-items: end; padding: 20px; background: linear-gradient(115deg, #151917 0%, #1a1f1c 58%, #303733 100%); color: rgba(255,255,255,.32); font-size: 11px; }
	.xf-page-banner--product-category .xf-page-banner__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(21,25,23,.98) 0%, rgba(21,25,23,.84) 58%, rgba(21,25,23,.15) 100%); }
	.xf-page-banner--product-category .xf-page-banner__visual span { position: relative; z-index: 1; }
	.xf-page-banner--image-category-hero { background-size: cover; background-position: center top; background-repeat: no-repeat; }
	.xf-page-banner--image-category-hero .xf-breadcrumb { color: #5F625F; }
	.xf-page-banner--image-category-hero h1 { color: #1F2522; }
	.xf-page-banner--image-category-hero p { color: #4F5551; }
	.xf-page-banner--cabinet-handles { padding-block: 0; }
	.xf-page-banner--cabinet-handles .xf-page-banner__inner { min-height: 220px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(110px, .65fr); gap: 12px; }
	.xf-page-banner--cabinet-handles .xf-page-banner__content { max-width: none; padding-block: 28px; }
	.xf-page-banner--cabinet-handles .xf-page-banner__visual { position: relative; inset: auto; min-height: 0; margin: 0; padding: 0; place-items: center; }
	.xf-page-banner--cabinet-handles .xf-page-banner__visual::after { display: none; }
	.xf-page-banner--cabinet-handles .xf-page-banner__visual img { width: 100%; height: auto; max-height: 160px; object-fit: contain; }
	.xf-page-banner--gas-springs .xf-page-banner__visual { background: transparent; }
	.xf-page-banner--gas-springs .xf-page-banner__visual::after { display: none; }
	.xf-gas-springs-hero__installation-notes { top: 20px; left: auto; right: 16px; }
	.xf-page-banner h1 { font-size: 38px; }
	.xf-page-banner p { font-size: 14px; }
	.xf-page-section { padding-block: 46px; }
	.xf-products-overview { grid-template-columns: minmax(0, 1fr); gap: 30px; }
	.xf-category-nav { padding: 18px; }
	.xf-category-nav nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
	.xf-page-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.xf-advantage-grid, .xf-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.xf-advantage-grid > div, .xf-stat-grid > div { min-height: 145px; padding: 18px; }
	.xf-page-category-card__info { min-height: 68px; padding: 12px; }
	.xf-page-category-card h2 { font-size: 15px; }
	.xf-catalog-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
	.xf-catalog-layout--full.xf-page-section { padding-block: 30px 48px; }
	.xf-catalog-layout--cabinet-handles { gap: 24px; padding-block: 30px 48px; }
	.xf-catalog-info { display: block; padding: 18px; }
	.xf-catalog-filter { padding: 18px; }
	.xf-catalog-filter > h2 { display: none; }
	.xf-filter-toggle { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
	.xf-filter-toggle-label { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 28px; color: var(--xf-page-ink); font-size: 18px; font-weight: 700; cursor: pointer; }
	.xf-filter-toggle-label span { width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, 2px); transition: transform .2s ease; }
	.xf-filter-content { display: none; padding-top: 16px; }
	.xf-filter-toggle:checked + .xf-filter-toggle-label span { transform: rotate(225deg) translate(-2px, 2px); }
	.xf-filter-toggle:checked ~ .xf-filter-content { display: block; }
	.xf-product-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
	.xf-cabinet-handle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.xf-archive-product h3 { font-size: 14px; }
	.xf-split, .xf-contact-layout, .xf-rfq-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
	.xf-media-placeholder { aspect-ratio: 1 / 1; }
	.xf-about-gallery__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.xf-info-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.xf-info-grid > div { min-height: 0; padding: 22px; }
	.xf-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
	.xf-value-grid p { font-size: 13px; }
	.xf-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
	.xf-blog-card { min-width: 0; }
	.xf-blog-card__body { padding: 16px 13px; }
	.xf-blog-card h2 { font-size: 16px; overflow-wrap: anywhere; }
	.xf-form-panel { padding: 24px 18px; }
	.xf-location-placeholder { min-height: 210px; margin-bottom: 46px; }
	.xf-placeholder-fields { grid-template-columns: minmax(0, 1fr); }
	.xf-placeholder-fields .is-wide { grid-column: auto; }
	.xf-interest-field > div { grid-template-columns: minmax(0, 1fr); }
	.xf-rfq-form .frm-fluent-form fieldset { grid-template-columns: minmax(0, 1fr); }
	.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(5),
	.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(6),
	.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(7),
	.xf-rfq-form .ff_submit_btn_wrapper { grid-column: auto; }
	.xf-rfq-form .frm-fluent-form fieldset > .ff-el-group:nth-of-type(6) .ff-el-input--content { grid-template-columns: minmax(0, 1fr); }
	.xf-rfq-form .ff-btn-submit { min-width: 150px; }
	.xf-next-steps { padding: 26px 22px; }
	.xf-inner-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 22px; }
	.xf-inner-footer__brand { grid-column: span 2; }
}
@media (max-width: 767px) {
	body.tax-product_cat .xf-mobile-category-hero { display: block; width: 100%; margin: 0; padding: 0; }
	body.tax-product_cat .xf-mobile-category-hero img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual { display: none !important; }
}
@media (max-width: 767px) {
	body.tax-product_cat .xf-category-hero__image--desktop { display: none !important; }
	body.tax-product_cat .xf-category-hero__image--mobile { display: block !important; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; object-fit: fill; }
	body.tax-product_cat .xf-page-banner--product-category { background-image: none !important; padding-top: 0 !important; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__visual { display: block; width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; background: transparent !important; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__content { padding: 20px 16px 26px; }
	body.tax-product_cat .xf-page-banner--product-category .xf-page-banner__visual .xf-gas-springs-hero__installation-notes { display: none; }
}

@media (max-width: 767px) {
	body.tax-product_cat .xf-page-banner--image-category-hero { padding-top: 0; background-image: none !important; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__inner { display: flex; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual { display: block; order: 1; width: 100%; height: auto; min-height: 0; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-category-hero__picture { display: block; width: 100%; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-category-hero__image { display: block; width: 100%; height: auto; max-width: none; object-fit: fill; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__content { order: 2; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual { display: block; height: auto; min-height: 0; background: transparent; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-category-hero__image { width: 100%; height: auto; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-gas-springs-hero__installation-notes { display: none; }
}

@media (max-width: 767px) {
	body.tax-product_cat .xf-page-banner--product-category { background-size: 100% 140px; }
	body.tax-product_cat .xf-page-banner--image-category-hero { padding-top: 140px; background-size: 100% 140px; background-image: var(--xf-mobile-category-hero, none); }
	body.tax-product_cat .xf-page-banner--cabinet-handles .xf-page-banner__visual { height: 140px; min-height: 140px; }
	body.tax-product_cat .xf-page-banner--cabinet-handles .xf-page-banner__visual img { width: 100%; height: 140px; object-fit: fill; }
	body.tax-product_cat .xf-page-banner--gas-springs .xf-page-banner__visual { height: 140px; min-height: 140px; background-image: url('../../images/mobile-category-hero/gas-springs-mobile.png'); background-size: 100% 140px; background-position: center; }
	body.tax-product_cat .xf-page-banner--image-category-hero .xf-page-banner__visual { display: none; }
	body.tax-product_cat.term-bed-lift-mechanisms .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/bed-lift-mechanisms-mobile.png'); }
	body.tax-product_cat.term-ratchet-sofa-hinges .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/ratchet-sofa-hinges-mobile.png'); }
	body.tax-product_cat.term-sofa-connectors .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/sofa-connectors-mobile.png'); }
	body.tax-product_cat.term-sofa-hinges .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/sofa-hinges-mobile.png'); }
	body.tax-product_cat.term-table-top-lift-mechanisms .xf-page-banner--image-category-hero { --xf-mobile-category-hero: url('../../images/mobile-category-hero/table-top-lift-mechanisms-mobile.png'); }
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles { width: 100vw; max-width: none; height: 400px; min-height: 400px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: #f0f0ed; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__inner { height: 400px; min-height: 400px; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-page-banner__visual img { width: 100%; height: 400px; object-fit: cover; object-position: center center; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles .xf-breadcrumb { color: #555; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles h1 { color: #111; }
	body.tax-product_cat.term-cabinet-handles .xf-page-banner--cabinet-handles p { color: #333; }
}

/* Shared public-page hero: show only the factory image's top scene, never its white lower canvas. */
.xf-page-banner--products,
.xf-page-banner--about,
.xf-page-banner--blog,
.xf-page-banner--contact,
.xf-page-banner--rfq {
	height: 330px;
	min-height: 330px;
	background-image: url('../../images/about/ChatGPT Image 2026年9月5日 12_05_43.png');
	background-size: max(1920px, 100vw) auto;
	background-position: center top;
	background-repeat: no-repeat;
	color: #111111;
}

.xf-page-banner--products .xf-page-banner__inner,
.xf-page-banner--about .xf-page-banner__inner,
.xf-page-banner--blog .xf-page-banner__inner,
.xf-page-banner--contact .xf-page-banner__inner,
.xf-page-banner--rfq .xf-page-banner__inner {
	min-height: 330px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.xf-page-banner--products .xf-page-banner__content,
.xf-page-banner--about .xf-page-banner__content,
.xf-page-banner--blog .xf-page-banner__content,
.xf-page-banner--contact .xf-page-banner__content,
.xf-page-banner--rfq .xf-page-banner__content {
	width: 100%;
	max-width: 760px;
	margin-inline: auto;
	padding-block: 40px;
	text-align: center;
}

.xf-page-banner--products .xf-breadcrumb,
.xf-page-banner--about .xf-breadcrumb,
.xf-page-banner--blog .xf-breadcrumb,
.xf-page-banner--contact .xf-breadcrumb,
.xf-page-banner--rfq .xf-breadcrumb {
	justify-content: center;
	color: #333333;
}

.xf-page-banner--products .xf-breadcrumb a,
.xf-page-banner--about .xf-breadcrumb a,
.xf-page-banner--blog .xf-breadcrumb a,
.xf-page-banner--contact .xf-breadcrumb a,
.xf-page-banner--rfq .xf-breadcrumb a { color: inherit; }

.xf-page-banner--products h1,
.xf-page-banner--about h1,
.xf-page-banner--blog h1,
.xf-page-banner--contact h1,
.xf-page-banner--rfq h1 { max-width: none; color: #111111; }

.xf-page-banner--products .xf-page-banner__content > p,
.xf-page-banner--about .xf-page-banner__content > p,
.xf-page-banner--blog .xf-page-banner__content > p,
.xf-page-banner--contact .xf-page-banner__content > p,
.xf-page-banner--rfq .xf-page-banner__content > p {
	max-width: 680px;
	margin-inline: auto;
	color: #222222;
}

@media (max-width: 767px) {
	.xf-page-banner--products,
	.xf-page-banner--about,
	.xf-page-banner--blog,
	.xf-page-banner--contact,
	.xf-page-banner--rfq {
		height: auto;
		min-height: 300px;
		padding-block: 0;
		background-size: auto 720px;
	}

	.xf-page-banner--products .xf-page-banner__inner,
	.xf-page-banner--about .xf-page-banner__inner,
	.xf-page-banner--blog .xf-page-banner__inner,
	.xf-page-banner--contact .xf-page-banner__inner,
	.xf-page-banner--rfq .xf-page-banner__inner {
		min-height: 300px;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.xf-page-banner--products .xf-page-banner__content,
	.xf-page-banner--about .xf-page-banner__content,
	.xf-page-banner--blog .xf-page-banner__content,
	.xf-page-banner--contact .xf-page-banner__content,
	.xf-page-banner--rfq .xf-page-banner__content {
		max-width: 640px;
		padding-block: 40px;
		text-align: center;
	}
}