/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




/**************************************************************************************/
/***************** STYLES GÉNÉRAUX ****************************************************/
/**************************************************************************************/

* {
	--hpx-black: #1a1a1a;
	--hpx-orange: #E84A1C;
	--hpx-orange-dark: #c93d14;
	--hpx-orange-soft: #FFF0EA;
	--hpx-green: #5BB94A;
	--hpx-green-soft: #E8F5E5;
	--hpx-bg: #F5F2EC;
	--hpx-white: #ffffff;
	--hpx-text: #333;
	--hpx-text-muted: #6b6b6b;
	--hpx-border: #e5e2dc;
	--hpx-shadow: 0 4px 16px rgba(0,0,0,0.06);
	--hpx-shadow-strong: 0 12px 32px rgba(0,0,0,0.10);
	--hpx-font-display: 'Bricolage Grotesque', -apple-system, sans-serif;
	--hpx-font-body: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
	font-family: var(--hpx-font-body),sans-serif;
	color: var(--hpx-text);
	transition: 0.2s all;
}
body{
	background: var(--hpx-bg);
}
.reduit{
	max-width: 1400px;
	margin: 0 auto;
}
.reduit_800{
	max-width: 800px;
	background: #fff;
	padding: 24px;
	border-radius: 8px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.reduit.padding{
	padding: 24px 0;
}
.reduit.margin{
	margin:24px auto;
}


#secondary input[type=search], .site-search form input[type=search] {
	box-shadow: none
}

#secondary input[type=search], .site-search form input[type=search] {
	border: none!important
}

#secondary input[type=search], .site-search form input[type=search]:hover {
	border: none!important
}

#secondary input[type=search], .site-search form input[type=search]:after {
	border: none!important
}

.page-template-default.left-page-sidebar .content-area, .page-template-template-woocommerce-archives.left-woocommerce-sidebar .content-area, .page-template-template-woocommerce-archives.right-woocommerce-sidebar #secondary, .woocommerce.archive.left-woocommerce-sidebar .content-area, .woocommerce.archive.right-woocommerce-sidebar #secondary {
	padding: 5% 0;
}

.archive.left-archives-sidebar:not(.woocommerce) #secondary, .blog.left-archives-sidebar #secondary, .woocommerce.archive.left-woocommerce-sidebar #secondary {
	padding-top: 5%;
	padding-bottom: 5%;
}

.pdp-g-skinny #page .product .product-details-wrapper .woocommerce-product-gallery, .pdp-g-skinny.single-product div.product .product-details-wrapper .images {
	width: 30%
}

.pdp-g-skinny div.product .summary {
	width: 64%
}

.woocommerce ul.products li.product a img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 0 1em;
	box-shadow: none;
	object-fit: contain;
	aspect-ratio: 1;
}

#hxArchive .hxa-grid.is-list .hxa-card__img-wrap{
	background-color: #fff;
}
#hxArchive .hxa-card__img {
	object-fit: contain;
}

.woocommerce-account .woocommerce{
	display:flex;
	gap:60px;
}
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
	content: inherit;
	display: initial;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
	width:300px;
}
.woocommerce-account .woocommerce-MyAccount-content{
	width:100%;
}
.js-wpml-ls-legacy-dropdown-click {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	background: transparent;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s;
	width:auto;
}
.js-wpml-ls-legacy-dropdown-click ul,
.js-wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a{
	border: 1px solid #3a3a3a;
	border-radius: 8px;
}
.js-wpml-ls-legacy-dropdown-click a{
	color:#fff;
	background-color: transparent;
	border:0;
	width:120px;
}
.js-wpml-ls-legacy-dropdown-click a:hover{
	color:#333;
	background-color: #fff;
}
.js-wpml-ls-legacy-dropdown-click a:hover .wpml-ls-flag + span,
.js-wpml-ls-legacy-dropdown-click .wpml-ls-flag + span{
	color:inherit;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
	padding:8px;
}
.wpml-ls-sub-menu{
	margin-top: 12px!important;
	overflow: hidden;
}
.wpml-ls-sub-menu a{
	color:#666;
}
.wpml-ls-sub-menu a:hover{
	background-color:rgba(0,0,0,0.2);
}
.wpml-ls-current-language > a span{
	font-size: 0;
}
.wpml-ls-current-language > a span::after{
	font-size:14px;
	vertical-align: middle;
	margin-left: 8px;
}
.wpml-ls-item-fr.wpml-ls-current-language > a span::after{
	content:"FR";
}
.wpml-ls-item-it.wpml-ls-current-language > a span::after{
	content:"IT";
}
.wpml-ls-item-pt-pt.wpml-ls-current-language > a span::after{
	content:"PT";
}
.wpml-ls-item-es.wpml-ls-current-language > a span::after{
	content:"ES";
}

.flex{
	display:flex;
}
.cols{
	flex-wrap: wrap;
	gap:30px;
}
.col3 .col{
	width:calc((100% - 60px) / 3);
}
.col4 .col{
	width:calc((100% - 90px) / 4);
}






/* ============================================================
 * HARDWAREXCHANGE PRODUCT ARCHIVE STYLES
 *
 * All selectors prefixed with #hxArchive (or mobile counterparts)
 * to win cascade against Hello Elementor's globals.
 * Same design system as header.css and footer.
 * ============================================================ */

#hxArchive {
	--hxa-black: #1a1a1a;
	--hxa-orange: #E84A1C;
	--hxa-orange-dark: #c93d14;
	--hxa-orange-soft: #FFF0EA;
	--hxa-green: #5BB94A;
	--hxa-bg: #F5F2EC;
	--hxa-white: #ffffff;
	--hxa-text: #1a1a1a;
	--hxa-text-muted: #6b6b6b;
	--hxa-border: #e5e2dc;
	--hxa-shadow: 0 4px 16px rgba(0,0,0,0.06);
	--hxa-shadow-strong: 0 12px 32px rgba(0,0,0,0.10);
	--hxa-font-display: 'Bricolage Grotesque', -apple-system, sans-serif;
	--hxa-font-body: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--hxa-text);
	background: var(--hxa-bg);
}
#hxArchive * { box-sizing: border-box; }

/* ============================================================
 * BREADCRUMB
 * ============================================================ */
#hxArchive .hxa-breadcrumb {
	background: var(--hxa-white);
	border-bottom: 1px solid var(--hxa-border);
}
#hxArchive .hxa-breadcrumb__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 14px 32px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: var(--hxa-text-muted);
}
#hxArchive .hxa-breadcrumb a,
#hxArchive .hxa-breadcrumb a:visited {
	color: var(--hxa-text-muted) !important;
	text-decoration: none !important;
	transition: color 0.15s;
}
#hxArchive .hxa-breadcrumb a:hover { color: var(--hxa-orange) !important; }
#hxArchive .hxa-breadcrumb__sep { opacity: 0.4; }
#hxArchive .hxa-breadcrumb__current {
	color: var(--hxa-text) !important;
	font-weight: 500;
}

/* ============================================================
 * HERO (category title + count)
 * ============================================================ */
#hxArchive .hxa-hero {
	background: var(--hxa-white);
	border-bottom: 1px solid var(--hxa-border);
}
#hxArchive .hxa-hero__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 32px 32px 28px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}
#hxArchive .hxa-hero__text {
	flex: 1;
	min-width: 280px;
}
#hxArchive .hxa-hero__eyebrow {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--hxa-orange);
	margin-bottom: 8px;
}
#hxArchive .hxa-hero__title {
	font-size: 38px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.1;
	margin: 0 0 8px;
	color: var(--hxa-text);
}
#hxArchive .hxa-hero__desc {
	color: var(--hxa-text-muted);
	font-size: 15px;
	max-width: 640px;
	line-height: 1.5;
	margin: 0;
}
#hxArchive .hxa-hero__count {
	font-size: 16px;
	color: var(--hxa-text);
	font-weight: 500;
	white-space: nowrap;
	padding-bottom: 6px;
}
#hxArchive .hxa-hero__count strong {
	font-size: 22px;
	color: var(--hxa-orange);
	font-weight: 700;
}

/* ============================================================
 * MAIN LAYOUT
 * ============================================================ */
#hxArchive .hxa-main {
	max-width: 1440px;
	margin: 0 auto;
	padding: 28px 32px 60px;
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 32px;
	align-items: start;
}

/* ============================================================
 * SIDEBAR
 * ============================================================ */
#hxArchive .hxa-sidebar {
	background: var(--hxa-white);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: var(--hxa-shadow);
	position: sticky;
	top: 200px;
	max-height: calc(100vh - 220px);
	overflow-y: auto;
}
#hxArchive .hxa-sidebar__head {
	padding: 16px 20px;
	border-bottom: 1px solid var(--hxa-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#hxArchive .hxa-sidebar__title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--hxa-text);
}
#hxArchive .hxa-sidebar__reset {
	background: transparent;
	border: none;
	color: var(--hxa-orange);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 6px;
	transition: background 0.15s;
}
#hxArchive .hxa-sidebar__reset:hover { background: var(--hxa-orange-soft); }
#hxArchive .hxa-sidebar__reset:disabled {
	color: var(--hxa-text-muted);
	cursor: not-allowed;
	opacity: 0.5;
}

#hxArchive .hxa-filter {
	border-bottom: 1px solid var(--hxa-border);
}
#hxArchive .hxa-filter:last-of-type { border-bottom: none; }
#hxArchive .hxa-filter__head {
	width: 100%;
	padding: 14px 20px;
	background: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 600;
	color: var(--hxa-text);
	text-align: left;
}
#hxArchive .hxa-filter__head svg {
	transition: transform 0.2s;
	flex-shrink: 0;
}
#hxArchive .hxa-filter.is-open .hxa-filter__head svg { transform: rotate(180deg); }
#hxArchive .hxa-filter__body {
	display: none;
	padding: 0 20px 14px;
}
#hxArchive .hxa-filter.is-open .hxa-filter__body { display: block; }

/* Checkbox option */
#hxArchive .hxa-opt {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0;
	cursor: pointer;
	font-size: 13px;
	color: var(--hxa-text);
	transition: color 0.15s;
}
#hxArchive .hxa-opt:hover { color: var(--hxa-orange); }
#hxArchive .hxa-opt input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: var(--hxa-orange);
	cursor: pointer;
	margin: 0;
	flex-shrink: 0;
}
#hxArchive .hxa-opt__label {
	flex: 1;
	min-width: 0;
	line-height: 1.3;
}
#hxArchive .hxa-opt__count {
	color: var(--hxa-text-muted);
	font-size: 12px;
	flex-shrink: 0;
}
#hxArchive .hxa-opt__swatch {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid var(--hxa-border);
	flex-shrink: 0;
	display: inline-block;
}
#hxArchive .hxa-opt--hidden { display: none; }
#hxArchive .hxa-filter.show-all .hxa-opt--hidden { display: flex; }

/* Show more */
#hxArchive .hxa-filter__more {
	background: transparent;
	border: none;
	color: var(--hxa-orange);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	padding: 8px 0 0;
}
#hxArchive .hxa-filter__more:hover { text-decoration: underline; }

/* Price range */
#hxArchive .hxa-range { padding-top: 6px; }
#hxArchive .hxa-range__inputs {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
}
#hxArchive .hxa-range__input {
	flex: 1;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--hxa-border);
	border-radius: 6px;
	font-size: 13px;
	color: var(--hxa-text);
	background: var(--hxa-bg);
}
#hxArchive .hxa-range__input:focus {
	outline: none;
	border-color: var(--hxa-orange);
	background: var(--hxa-white);
}
/* Hide spinner buttons on number inputs */
#hxArchive .hxa-range__input::-webkit-outer-spin-button,
#hxArchive .hxa-range__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#hxArchive .hxa-range__input[type=number] { -moz-appearance: textfield; }
#hxArchive .hxa-range__bounds {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	color: var(--hxa-text-muted);
}

/* Toggle filter */
#hxArchive .hxa-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
	font-size: 13px;
	cursor: pointer;
	color: var(--hxa-text);
}
#hxArchive .hxa-toggle input { display: none; }
#hxArchive .hxa-toggle__switch {
	width: 32px;
	height: 18px;
	background: var(--hxa-border);
	border-radius: 9px;
	position: relative;
	transition: background 0.2s;
	flex-shrink: 0;
}
#hxArchive .hxa-toggle__switch::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 14px;
	height: 14px;
	background: var(--hxa-white);
	border-radius: 50%;
	transition: transform 0.2s;
}
#hxArchive .hxa-toggle input:checked ~ .hxa-toggle__switch {
	background: var(--hxa-orange);
}
#hxArchive .hxa-toggle input:checked ~ .hxa-toggle__switch::after {
	transform: translateX(14px);
}

/* Apply button (sticky footer of sidebar) */
#hxArchive .hxa-sidebar__apply-wrap {
	padding: 16px 20px;
	border-top: 1px solid var(--hxa-border);
	background: var(--hxa-white);
	position: sticky;
	bottom: 0;
}
#hxArchive .hxa-sidebar__apply {
	width: 100%;
	padding: 12px 18px;
	background: var(--hxa-orange);
	color: var(--hxa-white);
	border: none;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s;
}
#hxArchive .hxa-sidebar__apply:hover { background: var(--hxa-orange-dark); }

/* ============================================================
 * CONTENT
 * ============================================================ */
#hxArchive .hxa-content { min-width: 0; }

/* Active filter pills */
#hxArchive .hxa-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
	align-items: center;
}
#hxArchive .hxa-pill,
#hxArchive .hxa-pill:visited {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 8px 6px 12px;
	background: var(--hxa-white);
	border: 1px solid var(--hxa-orange);
	color: var(--hxa-orange) !important;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none !important;
	transition: background 0.15s, color 0.15s;
}
#hxArchive .hxa-pill:hover {
	background: var(--hxa-orange);
	color: var(--hxa-white) !important;
}
#hxArchive .hxa-pill__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Toolbar */
#hxArchive .hxa-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: var(--hxa-white);
	border-radius: 12px;
	margin-bottom: 20px;
	flex-wrap: wrap;
	gap: 12px;
}
#hxArchive .hxa-toolbar__left {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
#hxArchive .hxa-toolbar__mobile-filter {
	display: none;
	background: var(--hxa-text);
	color: var(--hxa-white);
	border: none;
	padding: 10px 16px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	align-items: center;
	gap: 8px;
}
#hxArchive .hxa-toolbar__sort {
	padding: 8px 14px;
	border: 1px solid var(--hxa-border);
	border-radius: 8px;
	background: var(--hxa-white);
	font-size: 13px;
	font-weight: 500;
	color: var(--hxa-text);
	cursor: pointer;
}
#hxArchive .hxa-toolbar__sort:focus {
	outline: none;
	border-color: var(--hxa-orange);
}

#hxArchive .hxa-view-toggle {
	display: inline-flex;
	background: var(--hxa-bg);
	border-radius: 8px;
	padding: 3px;
}
#hxArchive .hxa-view-btn {
	background: transparent;
	border: none;
	padding: 6px 10px;
	border-radius: 6px;
	cursor: pointer;
	color: var(--hxa-text-muted);
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.15s;
}
#hxArchive .hxa-view-btn.is-active {
	background: var(--hxa-white);
	color: var(--hxa-text);
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* ============================================================
 * PRODUCT GRID
 * ============================================================ */
#hxArchive .hxa-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}
#hxArchive .hxa-grid.is-list {
	grid-template-columns: 1fr;
	gap: 12px;
}

/* Card */
#hxArchive .hxa-card,
#hxArchive .hxa-card:hover,
#hxArchive .hxa-card:focus,
#hxArchive .hxa-card:visited {
	background: var(--hxa-white);
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	color: var(--hxa-text) !important;
	transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
	position: relative;
	border: 1px solid transparent;
}
#hxArchive .hxa-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--hxa-shadow-strong);
	border-color: var(--hxa-border);
}
#hxArchive .hxa-card__img-wrap {
	aspect-ratio: 1 / 1;
	background: var(--hxa-bg);
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
#hxArchive .hxa-card__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.4s ease;
	display: block;
}
#hxArchive .hxa-card:hover .hxa-card__img { transform: scale(1.05); }
#hxArchive .hxa-card__badges {
	position: absolute;
	top: 12px;
	left: 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	z-index: 2;
}
#hxArchive .hxa-card__badge {
	display: inline-block;
	padding: 3px 8px;
	background: var(--hxa-text);
	color: var(--hxa-white);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	border-radius: 4px;
}
#hxArchive .hxa-card__badge--sale { background: var(--hxa-orange); }
#hxArchive .hxa-card__badge--france { background: #1a3a7a; }
#hxArchive .hxa-card__badge--out { background: var(--hxa-text-muted); }

#hxArchive .hxa-card__body {
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
}
#hxArchive .hxa-card__brand {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--hxa-text-muted);
}
#hxArchive .hxa-card__name {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--hxa-text);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
}
#hxArchive .hxa-card__attrs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin-top: 4px;
	font-size: 11px;
	color: var(--hxa-text-muted);
}
#hxArchive .hxa-card__price-row {
	margin-top: auto;
	padding-top: 10px;
	display: flex;
	align-items: baseline;
	gap: 8px;
}
#hxArchive .hxa-card__price {
	font-size: 18px;
	font-weight: 700;
	color: var(--hxa-text);
}
/* WC price HTML output uses span.woocommerce-Price-amount and del/ins for sale */
#hxArchive .hxa-card__price .woocommerce-Price-amount,
#hxArchive .hxa-card__price bdi {
	color: var(--hxa-text);
}
#hxArchive .hxa-card__price del {
	color: var(--hxa-text-muted);
	font-size: 13px;
	font-weight: 500;
	margin-right: 6px;
}
#hxArchive .hxa-card__price ins {
	text-decoration: none;
	background: transparent;
	color: var(--hxa-orange);
}
#hxArchive .hxa-card__sku {
	font-size: 10px;
	color: var(--hxa-text-muted);
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
}

/* ============================================================
 * CARD VARIATIONS PREVIEW
 * Shown on variable products under the price, above the SKU.
 * Three modes: thumbs (variation images), swatch (color dots),
 * text (textual fallback like "4 conditionnements disponibles").
 * ============================================================ */
#hxArchive .hxa-card__variations {
	margin: 4px 0 8px;
	min-height: 28px;
}
#hxArchive .hxa-card__variations-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
#hxArchive .hxa-card__variations-text {
	font-size: 11px;
	color: var(--hxa-text-muted);
	font-style: italic;
}

/* Mini thumbnail (variation has its own image) */
#hxArchive .hxa-card__vthumb {
	width: 28px;
	height: 28px;
	padding: 1px;
	border: 1px solid var(--hxa-border);
	border-radius: 6px;
	background: var(--hxa-white, #ffffff);
	cursor: pointer;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.15s, transform 0.15s;
	position: relative;
}
#hxArchive .hxa-card__vthumb:hover {
	border-color: var(--hxa-orange, #E84A1C);
	transform: scale(1.08);
}
#hxArchive .hxa-card__vthumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}
#hxArchive .hxa-card__vthumb-swatch {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	display: block;
}
#hxArchive .hxa-card__vthumb-text {
	font-size: 10px;
	font-weight: 600;
	color: var(--hxa-text);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
#hxArchive .hxa-card__vthumb.is-out {
	opacity: 0.45;
}
#hxArchive .hxa-card__vthumb.is-out::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 12%;
	right: 12%;
	height: 1.5px;
	background: var(--hxa-text-muted);
	transform: rotate(-45deg);
	pointer-events: none;
}

/* Color swatch dot */
#hxArchive .hxa-card__vswatch {
	width: 22px;
	height: 22px;
	padding: 2px;
	border: 1.5px solid var(--hxa-border);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: border-color 0.15s, transform 0.15s;
	position: relative;
}
#hxArchive .hxa-card__vswatch:hover {
	border-color: var(--hxa-orange, #E84A1C);
	transform: scale(1.1);
}
#hxArchive .hxa-card__vswatch-dot {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.08);
}
#hxArchive .hxa-card__vswatch.is-out {
	opacity: 0.45;
}
#hxArchive .hxa-card__vswatch.is-out::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 8%;
	right: 8%;
	height: 1.5px;
	background: var(--hxa-text-muted);
	transform: rotate(-45deg);
	pointer-events: none;
}

/* "+N" overflow indicator */
#hxArchive .hxa-card__voverflow {
	font-size: 11px;
	font-weight: 600;
	color: var(--hxa-text-muted);
	padding: 0 4px;
	align-self: center;
	letter-spacing: 0.3px;
}

/* LIST mode */
#hxArchive .hxa-grid.is-list .hxa-card {
	flex-direction: row;
	align-items: stretch;
}
#hxArchive .hxa-grid.is-list .hxa-card__img-wrap {
	width: 180px;
	aspect-ratio: 1;
	flex-shrink: 0;
}
#hxArchive .hxa-grid.is-list .hxa-card__body {
	padding: 18px 24px;
}
#hxArchive .hxa-grid.is-list .hxa-card__name {
	font-size: 16px;
	-webkit-line-clamp: 2;
}

/* ============================================================
 * PAGINATION
 * ============================================================ */
.wp-pagenavi {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin-top: 32px;
}
.wp-pagenavi a, .wp-pagenavi span {
	min-width: 38px;
	height: 38px;
	padding: 0 8px;
	background: var(--hxa-white);
	border: 1px solid var(--hxa-border);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--hxa-text);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s;
}
.wp-pagenavi a:hover{

}


/* ============================================================
 * EMPTY STATE
 * ============================================================ */
#hxArchive .hxa-empty {
	text-align: center;
	padding: 80px 20px;
	background: var(--hxa-white);
	border-radius: 14px;
}
#hxArchive .hxa-empty__icon { margin-bottom: 16px; }
#hxArchive .hxa-empty__title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 8px;
	color: var(--hxa-text);
}
#hxArchive .hxa-empty__text {
	color: var(--hxa-text-muted);
	margin-bottom: 20px;
	font-size: 14px;
}
#hxArchive .hxa-empty__btn,
#hxArchive .hxa-empty__btn:visited {
	display: inline-block;
	background: var(--hxa-orange);
	color: var(--hxa-white) !important;
	border: none;
	padding: 12px 24px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none !important;
	transition: background 0.15s;
}
#hxArchive .hxa-empty__btn:hover { background: var(--hxa-orange-dark); }

/* ============================================================
 * MOBILE BACKDROP
 * ============================================================ */
#hxArchive .hxa-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1050;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
}
#hxArchive .hxa-backdrop.is-open {
	opacity: 1;
	visibility: visible;
}

/* ============================================================
 * RESPONSIVE
 * ============================================================ */
@media (max-width: 1024px) {
	#hxArchive .hxa-main {
		grid-template-columns: 1fr;
		padding: 20px 20px 60px;
	}
	#hxArchive .hxa-hero__inner {
		padding: 24px 20px 20px;
	}
	#hxArchive .hxa-breadcrumb__inner {
		padding: 12px 20px;
	}
	#hxArchive .hxa-toolbar__mobile-filter { display: inline-flex; }
	#hxArchive .hxa-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 320px;
		max-width: 85vw;
		max-height: 100vh;
		z-index: 1100;
		transform: translateX(-100%);
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		border-radius: 0;
		box-shadow: var(--hxa-shadow-strong);
	}
	#hxArchive .hxa-sidebar.is-open { transform: translateX(0); }
}
@media (max-width: 640px) {
	#hxArchive .hxa-hero__title { font-size: 28px; }
	#hxArchive .hxa-hero__count { font-size: 14px; }
	#hxArchive .hxa-hero__count strong { font-size: 18px; }
	#hxArchive .hxa-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	#hxArchive .hxa-grid.is-list .hxa-card__img-wrap { width: 100px; }
	#hxArchive .hxa-grid.is-list .hxa-card__body { padding: 12px 14px; }
	#hxArchive .hxa-card__name { font-size: 13px; min-height: 2.4em; }
	#hxArchive .hxa-card__price { font-size: 16px; }
	#hxArchive .hxa-main { padding: 16px 14px 40px; }
	#hxArchive .hxa-toolbar { padding: 10px 12px; }
}

/**************************************************************************************/
/****************************** SINGLE PRODUCT ****************************************/
/**************************************************************************************/

#main > .product {
	/*background-color: #F5F2EC;*/
	display:flex;
	gap:40px;
	flex-wrap: wrap;
}
.product .woocommerce-product-gallery {
	width:calc(30% - 40px)!important;
	position:sticky;
	top:100px;
	height: fit-content;
}
.product .woocommerce-product-gallery ol{
	list-style: none;
	padding: 0;
	display: flex;
	gap: 8px;
}
.product .woocommerce-product-gallery ol img{
	border-radius: 14px;
	aspect-ratio: 1 / 1;
	display: block;
	object-fit: contain;
}
.product .summary{
	width:calc(70% - 300px - 80px);
}
.product.outofstock .summary{
	width:calc(70% - 40px);
}
.product form.cart {
	height: fit-content;
	width:300px;
	background: var(--hpx-white);
	border: 1px solid var(--hpx-border);
	border-radius: 14px;
	padding: 20px;
	box-shadow: var(--hpx-shadow);
	box-sizing: border-box;
	position:sticky;
	top:100px;
}
.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
	display:flex;
	flex-wrap: wrap;
	gap:8px;
	aspect-ratio: inherit;
}
.product .woocommerce-product-gallery .woocommerce-product-gallery__image{
	position: relative;
	background: var(--hxsp-white);
	border-radius: 14px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border: 1px solid var(--hpx-border);
	box-shadow: var(--hpx-shadow);
}
.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child{
	width:100%;
	margin-bottom: 12px;
}
.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child img{
	position: relative;
	background: var(--hpx-white);
	border-radius: 14px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border: 1px solid var(--hpx-border);
	width:100%;
	object-fit: contain;
}
.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) img{
	width:60px;
	aspect-ratio: 1 / 1;
}



h1.product_title{
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: var(--hpx-text);
	margin: 0 0 12px;
}

.hxsp-info-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin-bottom: 32px;
}
.hxsp-info-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	background: var(--hpx-white);
	border: 1px solid var(--hpx-border);
	border-radius: 12px;
}
.hxsp-info-card__icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	background: var(--hxsp-orange-soft);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hpx-orange);
}
.hxsp-info-card__text {
	font-size: 12px;
	color: var(--hxsp-text-muted);
	line-height: 1.4;
}
.hxsp-info-card__title {
	font-weight: 600;
	color: var(--hxsp-text);
	font-size: 13px;
	margin-bottom: 2px;
}

#main .product .woocommerce-variation-price, #main .product .price{
	font-size: 32px;
	font-weight: 700;
	color: var(--hxsp-text);
	letter-spacing: -0.02em;
	line-height: 1;
	margin:8px auto;
}

button.single_add_to_cart_button {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--hpx-orange);
	background: var(--hpx-orange);
	color: var(--hpx-white);
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s;
	width:100%;
	margin:8px 0;
}
button.single_add_to_cart_button:hover{
	background: transparent;
	color: var(--hpx-orange);
}
.stock{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 13px;
	margin-bottom: 16px;
	color: var(--hpx-text);

}
:not(p).in-stock{
	background: var(--hpx-green-soft);
}
.notin-stock{
	background: var(--hpx-orange-soft);
}
.stock-dot{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}
.in-stock .stock-dot{
	background: var(--hpx-green);
}
.notin-stock .stock-dot{
	background: var(--hpx-orange);
}
.variations .label{
	font-size:14px;
	font-weight: 600;
	margin-bottom:4px;
}
.variations select{
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 14px;
	background-color:var(--hpx-orange-soft);
}
.variations .value{
	margin-bottom:12px;
}
.hpx-trust{
	padding-top: 12px;
	margin-top: 12px;
	border-top: 1px solid var(--hpx-border);
	font-size: 12px;
	color: var(--hpx-text);
}
.hpx-trust div{

}
.hpx-trust div span{
	font-size: 20px;
	margin-right:8px;
	vertical-align: middle;
}
.wc-tab{
	display:none;
}
.wc-tab:first-of-type{
	display:block;
}
.wc-tabs{
	display:flex;
	list-style: none;
	padding:0;
}
.wc-tabs li{

}
.wc-tabs a{
	padding: 12px 18px;
	background: transparent;
	font-size: 14px;
	font-weight: 600;
	color: var(--hxsp-text-muted);
	cursor: pointer;
	transition: color 0.15s, border-color 0.15s;
	margin-bottom: 24px;
	display:block;
}
.wc-tabs .active a{
	border-bottom: 2px solid var(--hpx-orange);
}


.quantity{
	display:flex;
	justify-content: center;
	margin: 12px 0;
}


.quantity .tpsc-quantity-button {
	border-radius: 3px;
	display: inline-block;
	padding: .5rem 1rem;
	text-align: center;
	border: 1px solid var(--hpx-orange);
	font-size: 18px;
	font-weight: 600;
	color:  var(--hpx-orange);
	cursor: pointer;
	transition: background 0.15s;
}
.quantity .tpsc-quantity-minus{
	border-radius: 30px 0 0 30px;
	border-right:0;
}
.quantity .tpsc-quantity-plus {
	border-radius: 0 30px 30px 0;
	border-left:0;
}
.quantity .tpsc-quantity-button:hover,
.quantity .tpsc-quantity-button:focus{
	background: var(--hpx-orange);
	color:#fff;
}
.quantity input[name='quantity']{
	width:80px;
	border: 1px solid var(--hpx-orange);
	border-radius:0;
}
.product .summary .price{
	display:none;
}
.product_meta{
	font-size: 12px;
	margin: 12px 0 24px;
}
.product_meta .posted_in{
	display:none;
}

.woocommerce-Tabs-panel{
	font-size: 14px;
}
.woocommerce-Tabs-panel h2{
	font-size: 14px;
	font-weight: 600;
}
.related.products{
	width:100%;
	background-color:var(--hpx-white);
	z-index: 100;
}
.related.products ul.products{
	list-style: none;
	padding:0;
	display:flex;
	gap:24px;
}
.related.products ul.products li{
	display:block;
	border-radius:12px;
	border: 1px solid #dedede;
	padding:12px;
	width:calc((100% - 96px) / 5);
	position:relative;
}
.related.products ul.products li:hover{
	border: 1px solid var(--hpx-orange);
	box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}
.related.products ul.products h2{
	font-size: 14px;
	color:var(--hpx-text);
	line-height: 1.4em;
}
.related.products ul.products img{
	max-height: 120px;
}
.related.products .price{
	font-weight: 600;
}
.buttons{
	display:flex;
	justify-content: center;
	gap:12px;
}
.button{
	text-align: center;
	display:flex;
	margin-top:12px;
	justify-content: center;
	align-content: center;
}
.button.fullwidth{
	width:100%;
}
.button a{
	border-radius: 10px;
	border:1px solid var(--hpx-orange);
	display:block;
	font-size: 14px;
	padding:12px 22px;
	box-sizing: border-box;
	width: 100%;
	color:var(--hpx-orange);
}
.button a:hover{
	border:1px solid var(--hpx-orange);
	background-color: transparent;
	color: var(--hpx-orange);
}
.related.products .button_wrap{
	position:absolute;
	bottom:12px;
	left:0;
	width:100%;
	text-align: center;
}
.related.products a.button{
	border-radius: 10px;
	border:1px solid var(--hpx-orange);
	background-color: var(--hpx-orange);
	color:#fff;
	font-size: 14px;
	padding:8px 16px;
	box-sizing: border-box;
	display:inline-block;
}
.related.products a.button:hover{
	border:1px solid var(--hpx-orange);
	background-color: transparent;
	color: var(--hpx-orange);
}

.button a svg{
	vertical-align: middle;
	font-size: 18px;
	margin-right:8px;
}



.mini-cart-wrapper{
	position:relative;
}
.mini-cart-wrapper .mini-cart-picto{
	width:36px;
	position:relative;
}
.mini-cart-wrapper .cart-img{
	padding:12px 12px 0 0;
	display:block;
}
.mini-cart-wrapper .cart-img svg{
	width:24px;
}
.mini-cart-wrapper .cart-count-badge{
	position:absolute;
	top:0;
	right:0;
	background-color: var(--hpx-orange);
	color:#fff;
	font-size:11px;
	border-radius: 8px;
	display:block;
	padding: 1px 5px;
	font-weight: 500;
}
.mini-cart-wrapper .cart-label{
	display:block;
	text-align: center;
	font-size:11px;
	font-weight: 500;
	color:#fff;
}
.mini-cart-wrapper .widget_shopping_cart_content{
	display:none;
}
.mini-cart-wrapper:hover .widget_shopping_cart_content{
	display:block;
	position:absolute;
	width:400px;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
}

.auchoix{
	font-weight:300;
	margin-top:4px;
}
.you-pro{
	margin-top: 24px;
	font-size: 14px;
	font-weight: 600;
}



/* --- Conteneur principal du menu déroulant --- */
.widget_shopping_cart_content {
	background: #ffffff;
	z-index: 9999;
	border-radius: 8px;
	padding: 12px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	border: 1px solid #f0f0f0;
}

/* --- Liste des produits --- */
.widget_shopping_cart_content ul.cart_list {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 260px; /* Limite la hauteur si beaucoup de produits */
	overflow-y: auto; /* Active la barre de défilement */
}

/* Personnalisation de la barre de défilement (Scrollbar) */
.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar {
	width: 5px;
}
.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 10px;
}

/* --- Élément produit individuel --- */
.widget_shopping_cart_content ul.cart_list li {
	padding: 12px 0;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.widget_shopping_cart_content ul.cart_list li:first-child {
	padding-top: 0;
}

.widget_shopping_cart_content ul.cart_list li img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 6px;
	margin-right: 12px;
	float: none; /* Annule le comportement natif de WC */
}

.widget_shopping_cart_content ul.cart_list li a {
	font-weight: 400;
	color: #333333;
	text-decoration: none;
	line-height: 1.4;
	margin-bottom: 4px;
	width: calc(100% - 95px); /* Évite le chevauchement avec le bouton supprimer */
	font-size:13px;
}

.widget_shopping_cart_content ul.cart_list li a:hover {
	color: #0073aa; /* Couleur au survol */
}

/* Quantité et Prix (ex: 1 × 15,00 €) */
.widget_shopping_cart_content ul.cart_list li .quantity {
	font-size: 13px;
	color: #777777;
	display: block;
}

/* Bouton Supprimer (la croix) */
.widget_shopping_cart_content ul.cart_list li a.remove {
	position: absolute;
	right: 0;
	top: 12px;
	color: #ff4d4d !important;
	background: #fff5f5;
	width: 22px;
	height: 22px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 16px;
	font-weight: normal;
}

.widget_shopping_cart_content ul.cart_list li a.remove:hover {
	background: #ff4d4d;
	color: #ffffff !important;
}

/* --- Section Sous-total --- */
.widget_shopping_cart_content .woocommerce-mini-cart__total {
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	color: #333;
}

.widget_shopping_cart_content .woocommerce-mini-cart__total strong {
	font-weight: 600;
}

.widget_shopping_cart_content .woocommerce-mini-cart__total .amount {
	font-weight: 700;
	color: #111111;
}

/* --- Section Boutons (Voir le panier / Commander) --- */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {
	padding-top: 15px;
	margin: 0;
	display: flex;
	gap: 10px;
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button {
	flex: 1;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 5px;
	border-radius: 4px;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

/* Bouton "Voir le panier" */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
	background: #f5f5f5;
	color: #333;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
	background: #e8e8e8;
}

/* Bouton "Commander" */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.checkout {
	background: #111111; /* À adapter à votre charte graphique */
	color: #ffffff;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.checkout:hover {
	background: #333333;
}

/* --- Message Panier Vide --- */
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
	text-align: center;
	color: #888888;
	font-size: 14px;
	margin: 10px 0 0 0;
}

.woocommerce-mini-cart-item a{
	font-size: 12px;
}
.woocommerce-mini-cart-item a:nth-child(2){
	display:flex;
}
dl.variation{
	font-size: 12px;
	width:100%;
}
dl.variation dt{
	margin-right:12px;
	font-weight: 600;
	float:left;
}
dl.variation dd{
	margin:0;
}
.woocommerce-mini-cart-item .quantity{
	display: block;
	font-size: 14px;
	text-align: right;
	width: calc(100% - 25px);
}



/***********************************************************************/
/******************** Breadcrumbs **************************************/
/***********************************************************************/
.breadcrumb-conteneur{
	background-color: #fff;
	padding:12px 0;
}
.breadcrumb-conteneur nav{
	font-size:13px;
}
.breadcrumb-conteneur nav *{
	display: inline;
	margin: 4px;
	line-height: 1.8em;
}
.breadcrumb-conteneur a{
	color:var(--hpx-text);
}
.breadcrumb-conteneur a:hover{
	color:var(--hpx-orange-dark);
}
.breadcrumb-conteneur nav .crumb-current, .breadcrumb_last{
	font-weight: 500;
}



/***********************************************************************/
/******************** Fibosearch ***************************************/
/***********************************************************************/


.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp{
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	border: 1px solid #f0f0f0;
	border-radius:0 0 14px 14px;
}








/* ============================================================
   HARDWAREXCHANGE HOMEPAGE — scoped styles
   All selectors prefixed with .hpx-homepage to avoid conflicts
   ============================================================ */

.hpx-homepage {
	--hpx-black: #1a1a1a;
	--hpx-orange: #E84A1C;
	--hpx-orange-dark: #c93d14;
	--hpx-orange-soft: #FFF0EA;
	--hpx-green: #5BB94A;
	--hpx-bg: #F5F2EC;
	--hpx-white: #ffffff;
	--hpx-text: #1a1a1a;
	--hpx-text-muted: #6b6b6b;
	--hpx-border: #e5e2dc;
	--hpx-shadow: 0 4px 16px rgba(0,0,0,0.06);
	--hpx-shadow-strong: 0 12px 32px rgba(0,0,0,0.10);
	--hpx-font-display: 'Bricolage Grotesque', -apple-system, sans-serif;
	--hpx-font-body: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;

	font-family: var(--hpx-font-body);
	color: var(--hpx-text);
	-webkit-font-smoothing: antialiased;
}

.hpx-homepage *,
.hpx-homepage *::before,
.hpx-homepage *::after { box-sizing: border-box; }

.hpx-homepage img { max-width: 100%; display: block; }
.hpx-homepage a { color: inherit; }

/* ============== HERO ============== */
.hpx-homepage .hpx-hero { background: var(--hpx-bg); padding: 60px 0 80px; position: relative; overflow: hidden; }
.hpx-homepage .hpx-hero__inner { max-width: 1440px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 60px; align-items: center; }
.hpx-homepage .hpx-hero__text { display: flex; flex-direction: column; gap: 24px; }
.hpx-homepage .hpx-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: var(--hpx-white); border: 1px solid var(--hpx-border); border-radius: 100px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hpx-orange); width: fit-content; }
.hpx-homepage .hpx-hero__eyebrow::before { content: ''; width: 6px; height: 6px; background: var(--hpx-orange); border-radius: 50%; }
.hpx-homepage .hpx-hero__title { font-family: var(--hpx-font-display); font-size: clamp(36px, 5.5vw, 64px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; color: var(--hpx-text); margin: 0; }
.hpx-homepage .hpx-hero__title em { font-style: normal; color: var(--hpx-orange); font-weight: 800; }
.hpx-homepage .hpx-hero__desc { font-size: 17px; line-height: 1.6; color: var(--hpx-text-muted); max-width: 480px; margin: 0; }
.hpx-homepage .hpx-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; }
.hpx-homepage .hpx-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 24px; border-radius: 10px; font-family: var(--hpx-font-body); font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.15s; border: none; cursor: pointer; }
.hpx-homepage .hpx-btn--primary { background: var(--hpx-orange); color: var(--hpx-white); }
.hpx-homepage .hpx-btn--primary:hover { background: var(--hpx-orange-dark); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(232,74,28,0.3); color: var(--hpx-white); }
.hpx-homepage .hpx-btn--ghost { background: var(--hpx-white); color: var(--hpx-text); border: 1px solid var(--hpx-border); }
.hpx-homepage .hpx-btn--ghost:hover { border-color: var(--hpx-text); color: var(--hpx-text); }

.hpx-homepage .hpx-hero__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-top: 28px; margin-top: 8px; border-top: 1px solid var(--hpx-border); }
.hpx-homepage .hpx-hero__stat { display: flex; flex-direction: column; gap: 2px; }
.hpx-homepage .hpx-hero__stat-num { font-family: var(--hpx-font-display); font-size: 28px; font-weight: 700; color: var(--hpx-text); letter-spacing: -0.02em; line-height: 1; }
.hpx-homepage .hpx-hero__stat-label { font-size: 12px; color: var(--hpx-text-muted); font-weight: 500; }

.hpx-homepage .hpx-hero__visual { position: relative; aspect-ratio: 4 / 5; border-radius: 24px; overflow: hidden; background: var(--hpx-text); }
.hpx-homepage .hpx-hero__visual img { width: 100%; height: 100%; object-fit: cover; }
.hpx-homepage .hpx-hero__visual-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%); pointer-events: none; }
.hpx-homepage .hpx-hero__badge { position: absolute; bottom: 24px; left: 24px; right: 24px; background: rgba(255,255,255,0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 16px 18px; border-radius: 14px; display: flex; align-items: center; gap: 14px; }
.hpx-homepage .hpx-hero__badge-icon { width: 44px; height: 44px; background: var(--hpx-orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; }
.hpx-homepage .hpx-hero__badge-text { font-size: 13px; line-height: 1.4; }
.hpx-homepage .hpx-hero__badge-text strong { display: block; font-family: var(--hpx-font-display); font-size: 14px; font-weight: 600; margin-bottom: 2px; color: var(--hpx-text); }
.hpx-homepage .hpx-hero__badge-text span { color: var(--hpx-text-muted); }

/* ============== SECTION SHELL ============== */
.hpx-homepage .hpx-section { padding: 80px 0; }
.hpx-homepage .hpx-section__inner { max-width: 1440px; margin: 0 auto; padding: 0 32px; }
.hpx-homepage .hpx-section__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; flex-wrap: wrap; }
.hpx-homepage .hpx-section__title-block { max-width: 640px; }
.hpx-homepage .hpx-section__eyebrow { font-family: var(--hpx-font-display); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--hpx-orange); margin-bottom: 10px; }
.hpx-homepage .hpx-section__title { font-family: var(--hpx-font-display); font-size: clamp(28px, 3.5vw, 40px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 12px; color: var(--hpx-text); }
.hpx-homepage .hpx-section__desc { color: var(--hpx-text-muted); font-size: 15px; line-height: 1.5; margin: 0; }
.hpx-homepage .hpx-section__link { color: var(--hpx-orange); text-decoration: none; font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.15s; }
.hpx-homepage .hpx-section__link:hover { gap: 10px; color: var(--hpx-orange); }

/* ============== CATEGORIES ============== */
.hpx-homepage .hpx-cats { background: var(--hpx-white); }
.hpx-homepage .hpx-cats__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.hpx-homepage .hpx-cat { position: relative; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--hpx-white); background: var(--hpx-bg); display: block; transition: transform 0.3s; }
.hpx-homepage .hpx-cat:hover { transform: translateY(-4px); color: var(--hpx-white); }
.hpx-homepage .hpx-cat__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.hpx-homepage .hpx-cat:hover .hpx-cat__img { transform: scale(1.06); }
.hpx-homepage .hpx-cat__img.broken { object-fit: contain; padding: 30%; opacity: 0.4; }
.hpx-homepage .hpx-cat__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 70%); }
.hpx-homepage .hpx-cat__body { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px; display: flex; flex-direction: column; gap: 4px; z-index: 1; }
.hpx-homepage .hpx-cat__name { font-family: var(--hpx-font-display); font-size: 16px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.2; color:#fff;}
.hpx-homepage .hpx-cat__count { font-size: 12px; opacity: 0.85; color:#fff; }
.hpx-homepage .hpx-cat__arrow { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; background: rgba(255,255,255,0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--hpx-text); opacity: 0; transform: translateY(-8px); transition: opacity 0.2s, transform 0.2s; z-index: 1; }
.hpx-homepage .hpx-cat:hover .hpx-cat__arrow { opacity: 1; transform: translateY(0); }
.hpx-homepage .hpx-cats__grid .hpx-cat:first-child { grid-column: span 2; grid-row: span 2; }

/* ============== FEATURED ============== */
.hpx-homepage .hpx-featured { background: var(--hpx-bg); }
.hpx-homepage .hpx-featured__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.hpx-homepage .hpx-product { background: var(--hpx-white); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; color: var(--hpx-text); transition: transform 0.2s, box-shadow 0.2s; border: 1px solid transparent; }
.hpx-homepage .hpx-product:hover { transform: translateY(-4px); box-shadow: var(--hpx-shadow-strong); border-color: var(--hpx-border); color: var(--hpx-text); }
.hpx-homepage .hpx-product__img-wrap { aspect-ratio: 1; background: var(--hpx-bg); position: relative; overflow: hidden; }
.hpx-homepage .hpx-product__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.hpx-homepage .hpx-product:hover .hpx-product__img { transform: scale(1.05); }
.hpx-homepage .hpx-product__img.broken { object-fit: contain; padding: 30%; opacity: 0.4; }
.hpx-homepage .hpx-product__cat-tag { position: absolute; top: 12px; left: 12px; padding: 4px 10px; background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 100px; font-size: 11px; font-weight: 600; color: var(--hpx-text); }
.hpx-homepage .hpx-product__body { padding: 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.hpx-homepage .hpx-product__brand { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--hpx-text-muted); }
.hpx-homepage .hpx-product__name { font-size: 14px; font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.hpx-homepage .hpx-product__price { margin-top: auto; padding-top: 8px; font-family: var(--hpx-font-display); font-size: 18px; font-weight: 700; color: var(--hpx-text); }

/* ============== TESTIMONIALS ============== */
.hpx-homepage .hpx-testi { background: var(--hpx-white); }
.hpx-homepage .hpx-testi__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.hpx-homepage .hpx-testi__card { background: var(--hpx-bg); border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 16px; position: relative; }
.hpx-homepage .hpx-testi__quote-mark { font-family: var(--hpx-font-display); font-size: 56px; line-height: 0.7; color: var(--hpx-orange); opacity: 0.4; font-weight: 700; }
.hpx-homepage .hpx-testi__quote { font-size: 15px; line-height: 1.6; color: var(--hpx-text); flex: 1; margin: 0; }
.hpx-homepage .hpx-testi__stars { color: #f59e0b; font-size: 14px; letter-spacing: 1px; }
.hpx-homepage .hpx-testi__author { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--hpx-border); }
.hpx-homepage .hpx-testi__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--hpx-orange); display: flex; align-items: center; justify-content: center; color: white; font-family: var(--hpx-font-display); font-weight: 600; font-size: 14px; flex-shrink: 0; }
.hpx-homepage .hpx-testi__author-info { display: flex; flex-direction: column; gap: 2px; }
.hpx-homepage .hpx-testi__author-name { font-weight: 600; font-size: 13px; }
.hpx-homepage .hpx-testi__author-role { font-size: 12px; color: var(--hpx-text-muted); }

/* ============== USP STRIP ============== */
.hpx-homepage .hpx-usps { background: var(--hpx-bg); padding: 40px 0; border-top: 1px solid var(--hpx-border); border-bottom: 1px solid var(--hpx-border); }
.hpx-homepage .hpx-usps__inner { max-width: 1440px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.hpx-homepage .hpx-usp { display: flex; align-items: center; gap: 14px; }
.hpx-homepage .hpx-usp__icon { width: 44px; height: 44px; background: var(--hpx-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--hpx-orange); flex-shrink: 0; }
.hpx-homepage .hpx-usp__text { display: flex; flex-direction: column; gap: 2px; }
.hpx-homepage .hpx-usp__title { font-family: var(--hpx-font-display); font-weight: 600; font-size: 14px; }
.hpx-homepage .hpx-usp__desc { font-size: 12px; color: var(--hpx-text-muted); line-height: 1.4; }

/* ============== NEWSLETTER ============== */
.hpx-homepage .hpx-newsletter { background: var(--hpx-text); color: var(--hpx-white); padding: 60px 0; position: relative; overflow: hidden; }
.hpx-homepage .hpx-newsletter::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: var(--hpx-orange); opacity: 0.15; border-radius: 50%; filter: blur(80px); }
.hpx-homepage .hpx-newsletter__inner { max-width: 720px; margin: 0 auto; padding: 0 32px; text-align: center; position: relative; }
.hpx-homepage .hpx-newsletter__eyebrow { font-family: var(--hpx-font-display); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--hpx-orange); margin-bottom: 14px; }
.hpx-homepage .hpx-newsletter__title { font-family: var(--hpx-font-display); font-size: clamp(26px, 3.5vw, 36px); font-weight: 600; line-height: 1.15; margin: 0 0 12px; letter-spacing: -0.02em; color: var(--hpx-white); }
.hpx-homepage .hpx-newsletter__desc { color: rgba(255,255,255,0.7); font-size: 15px; margin: 0 auto 28px; max-width: 480px; }
.hpx-homepage .hpx-newsletter__form { display: flex; gap: 8px; max-width: 480px; margin: 0 auto; }
.hpx-homepage .hpx-newsletter__input { flex: 1; padding: 14px 18px; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.05); border-radius: 10px; color: var(--hpx-white); font-family: var(--hpx-font-body); font-size: 14px; }
.hpx-homepage .hpx-newsletter__input::placeholder { color: rgba(255,255,255,0.4); }
.hpx-homepage .hpx-newsletter__input:focus { outline: none; border-color: var(--hpx-orange); background: rgba(255,255,255,0.08); }
.hpx-homepage .hpx-newsletter__submit { padding: 14px 24px; background: var(--hpx-orange); color: white; border: none; border-radius: 10px; font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.15s; font-family: var(--hpx-font-body); }
.hpx-homepage .hpx-newsletter__submit:hover { background: var(--hpx-orange-dark); }
.hpx-homepage .hpx-newsletter__small { margin-top: 14px; font-size: 12px; color: rgba(255,255,255,0.5); }

/* ============== RESPONSIVE ============== */
@media (max-width: 1100px) {
	.hpx-homepage .hpx-hero__inner { grid-template-columns: 1fr; gap: 40px; }
	.hpx-homepage .hpx-hero__visual { aspect-ratio: 16/10; max-width: 100%; }
	.hpx-homepage .hpx-cats__grid { grid-template-columns: repeat(3, 1fr); }
	.hpx-homepage .hpx-cats__grid .hpx-cat:first-child { grid-column: span 3; grid-row: auto; aspect-ratio: 16/9; }
	.hpx-homepage .hpx-testi__grid { grid-template-columns: 1fr; }
	.hpx-homepage .hpx-usps__inner { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.hpx-homepage .hpx-hero { padding: 32px 0 48px; }
	.hpx-homepage .hpx-hero__inner,
	.hpx-homepage .hpx-section__inner,
	.hpx-homepage .hpx-usps__inner,
	.hpx-homepage .hpx-newsletter__inner { padding-left: 16px; padding-right: 16px; }
	.hpx-homepage .hpx-hero__stats { gap: 12px; }
	.hpx-homepage .hpx-hero__stat-num { font-size: 22px; }
	.hpx-homepage .hpx-section { padding: 48px 0; }
	.hpx-homepage .hpx-cats__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.hpx-homepage .hpx-cats__grid .hpx-cat:first-child { grid-column: span 2; aspect-ratio: 1; }
	.hpx-homepage .hpx-featured__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.hpx-homepage .hpx-usps__inner { grid-template-columns: 1fr; }
	.hpx-homepage .hpx-newsletter__form { flex-direction: column; }
}

/***********************************************************************/
/******************** FOOTER *******************************************/
/***********************************************************************/

.hx-footer {
	background: #1a1a1a;
	color: #ffffff;
	font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	position: relative;
	overflow: hidden;
}

    /* Decorative top border using a thin orange line */
.hx-footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #E84A1C 0%, #E84A1C 30%, transparent 30%, transparent 100%);
}


/* ============ Top brand row ============ */
.hx-footer__brand-row {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 32px;
	padding-bottom: 40px;
	border-bottom: 1px solid #2a2a2a;
	margin-bottom: 48px;
}

.hx-footer__logo {
	font-family: 'Bricolage Grotesque', -apple-system, sans-serif;
	font-weight: 700;
	font-size: 32px;
	letter-spacing: -0.02em;
	color: #ffffff !important;
	text-decoration: none !important;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.hx-footer__logo span { color: #E84A1C !important; }
.hx-footer__logo sup {
	font-size: 12px;
	opacity: 0.7;
	margin-left: 3px;
}

.hx-footer__tagline {
	font-family: 'Bricolage Grotesque', -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #a8a8a8;
	letter-spacing: 0.01em;
	font-style: italic;
	margin-top: 8px;
	max-width: 360px;
}

.hx-footer__b2b-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	background: rgba(232, 74, 28, 0.1);
	border: 1px solid #E84A1C;
	border-radius: 100px;
	color: #E84A1C;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.hx-footer__b2b-badge svg {
	width: 16px;
	height: 16px;
	stroke: #E84A1C;
}

/* ============ Columns grid ============ */
.hx-footer__cols {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 48px;
	margin-bottom: 56px;
}

.hx-footer__col-title {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #ffffff;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 10px;
}
.hx-footer__col-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 24px;
	height: 2px;
	background: #E84A1C;
}

.hx-footer__list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.hx-footer__list li {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.hx-footer__list a,
.hx-footer__list a:visited {
	color: #a8a8a8 !important;
	text-decoration: none !important;
	font-size: 14px;
	transition: color 0.15s, transform 0.15s, padding-left 0.15s;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.hx-footer__list a:hover {
	color: #E84A1C !important;
	padding-left: 4px;
}

/* Contact column items */
.hx-footer__contact-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 16px;
	color: #a8a8a8;
	line-height: 1.5;
}
.hx-footer__contact-item:last-child { margin-bottom: 0; }
.hx-footer__contact-icon {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	background: #2a2a2a;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #E84A1C;
	transition: background 0.15s;
}
.hx-footer__contact-icon svg {
	width: 16px;
	height: 16px;
	stroke: #fff;
	fill: none;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.hx-footer__contact-text {
	flex: 1;
	min-width: 0;
}
.hx-footer__contact-label {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #6b6b6b;
	margin-bottom: 2px;
	font-weight: 600;
}
.hx-footer__contact-value,
.hx-footer__contact-value:visited {
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 500;
	display: block;
	word-break: break-word;
	transition: color 0.15s;
}
.hx-footer__contact-value:hover {
	color: #E84A1C !important;
}
.hx-footer__contact-item:hover .hx-footer__contact-icon {
	background: rgba(232, 74, 28, 0.15);
}

/* ============ Payment row ============ */
.hx-footer__payment-row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 32px;
	padding: 28px 0;
	border-top: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
	margin-bottom: 28px;
}

.hx-footer__payment-label {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #6b6b6b;
}

.hx-footer__payment-badges {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-self: start;
}
.hx-footer__payment-badge {
	height: 32px;
	padding: 0 14px;
	background: #ffffff;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.15s;
}
.hx-footer__payment-badge:hover {
	transform: translateY(-2px);
}
.hx-footer__payment-badge svg {
	height: 18px;
	width: auto;
}

.hx-footer__secure {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #a8a8a8;
	font-size: 12px;
	font-weight: 500;
}
.hx-footer__secure svg {
	width: 14px;
	height: 14px;
	stroke: #5BB94A;
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* ============ Bottom bar ============ */
.hx-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	padding-top: 20px;
}
.hx-footer__copyright {
	color: #6b6b6b;
	font-size: 12px;
	letter-spacing: 0.01em;
}
.hx-footer__copyright strong {
	color: #ffffff;
	font-weight: 600;
}
.hx-footer__legal-links {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}
.hx-footer__legal-links a,
.hx-footer__legal-links a:visited {
	color: #6b6b6b !important;
	text-decoration: none !important;
	font-size: 12px;
	transition: color 0.15s;
}
.hx-footer__legal-links a:hover {
	color: #ffffff !important;
}

/* ============ Responsive ============ */
@media (max-width: 1024px) {
	.hx-footer__cols {
		grid-template-columns: 1fr 1fr;
		gap: 40px 32px;
	}
	.hx-footer__payment-row {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.hx-footer__payment-row .hx-footer__secure {
		justify-self: start;
	}
}
@media (max-width: 640px) {
	.hx-footer__inner {
		padding: 48px 20px 24px;
	}
	.hx-footer__brand-row {
		grid-template-columns: 1fr;
		gap: 20px;
		align-items: start;
		padding-bottom: 32px;
		margin-bottom: 36px;
	}
	.hx-footer__logo {
		font-size: 26px;
	}
	.hx-footer__cols {
		grid-template-columns: 1fr;
		gap: 32px;
		margin-bottom: 40px;
	}
	.hx-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
	.hx-footer__payment-badges {
		flex-wrap: wrap;
	}
}