/* =========================================================
   FLYING HORSE — Brand stylesheet (dark street-luxe)
   Palette: ink #0B0B0D / coal #15151B / white #F4F4F0 / lime #B7F34D
   ========================================================= */

:root {
	--fh-ink: #0b0b0d;
	--fh-coal: #15151b;
	--fh-panel: #1c1c24;
	--fh-line: #2a2a35;
	--fh-white: #f4f4f0;
	--fh-muted: #9b9ba6;
	--fh-lime: #b7f34d;
	--fh-lime-dark: #8fd41f;
	--fh-radius: 14px;
	--fh-font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
	--fh-font-display: 'Archivo', 'Archivo Black', 'Inter', sans-serif;
}

html { scroll-behavior: smooth; }

body.fh-brand,
body.fh-brand .site,
body.fh-brand .site-content {
	background: var(--fh-ink);
	color: var(--fh-white);
	font-family: var(--fh-font-body);
}

body.fh-brand a { color: var(--fh-lime); }
body.fh-brand a:hover { color: var(--fh-white); }
body.fh-brand ::selection { background: var(--fh-lime); color: var(--fh-ink); }

/* ---------- Typography ---------- */
body.fh-brand h1, body.fh-brand h2, body.fh-brand h3, body.fh-brand h4,
body.fh-brand h5, body.fh-brand h6 {
	font-family: var(--fh-font-display);
	letter-spacing: .01em;
	color: var(--fh-white);
	line-height: 1.15;
}
body.fh-brand p { color: var(--fh-muted); line-height: 1.75; }
body.fh-brand .entry-content p, body.fh-brand .site-content p { color: #c9c9d1; }

/* ---------- Header ---------- */
body.fh-brand .main-header-bar,
body.fh-brand .main-header-bar .main-header-container,
body.fh-brand .ast-primary-header-bar .main-header-bar {
	background: rgba(11, 11, 13, .92) !important;
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--fh-line);
}
body.fh-brand .ast-primary-header-bar { background: transparent !important; }
body.fh-brand .ast-primary-header-bar .main-header-bar { background: rgba(11,11,13,.92) !important; }
body.fh-brand .main-header-bar .ast-site-logo-wrap img {
	max-height: 52px;
	width: auto;
}
body.fh-brand .ast-primary-header-menu,
body.fh-brand .main-header-menu { color: var(--fh-white); }
body.fh-brand .main-header-menu > .menu-item > .menu-link,
body.fh-brand .main-header-menu .menu-item a {
	color: var(--fh-white) !important;
	font-weight: 600;
	font-size: .92rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: .6rem 0;
}
body.fh-brand .main-header-menu .menu-item.current-menu-item > .menu-link,
body.fh-brand .main-header-menu .menu-item.current-menu-parent > .menu-link,
body.fh-brand .main-header-menu .menu-item a:hover {
	color: var(--fh-lime) !important;
}
body.fh-brand .ast-button-wrap .ast-custom-button-link,
body.fh-brand .ast-above-header, .fh-topbar { color: var(--fh-muted); }
body.fh-brand .ast-mobile-menu, body.fh-brand .ast-mobile-header-inner {
	background: var(--fh-ink) !important; color: var(--fh-white);
}
body.fh-brand .ast-mobile-menu-header { border-color: var(--fh-line); }
body.fh-brand .ast-single-post-mobile-menu-excerpt { color: var(--fh-muted); }
body.fh-brand .ast-search-menu-icon .astra-icon-search,
body.fh-brand .ast-header-account-menu-link .astra-icon-account,
body.fh-brand .ast-woo-container .astra-icon-woo-header-cart,
body.fh-brand .ast-icon-ast-header-cart .astra-icon-woo-header-cart {
	fill: var(--fh-white) !important;
	color: var(--fh-white) !important;
}
body.fh-brand .ast-icon-ast-header-cart .astra-icon-woo-header-cart:hover,
body.fh-brand .ast-woo-container .astra-icon-woo-header-cart:hover { fill: var(--fh-lime) !important; }
body.fh-brand .count.woocommerce-add-to-cart-badge {
	background: var(--fh-lime) !important; color: var(--fh-ink) !important;
	border-radius: 999px; font-weight: 700;
}
body.fh-brand .ast-search-icon .astra-icon-search:hover { fill: var(--fh-lime) !important; }
body.fh-brand .site-header .astra-shop-summary-wrap .astra-addon-cart-summary-wrap { color: var(--fh-white); }

/* ---------- Buttons ---------- */
.fh-btn, body.fh-brand .wp-block-button .wp-block-button__link,
body.fh-brand .astra-button, body.fh-brand .ast-button,
body.fh-brand .wc-block-button, body.fh-brand .woocommerce a.button,
body.fh-brand .woocommerce button.button,
body.fh-brand .woocommerce input.button,
body.fh-brand .woocommerce #respond input#submit,
body.fh-brand .woocommerce .woocommerce-message + form .woocommerce-info + form a.button {
	display: inline-block;
	background: var(--fh-lime);
	color: var(--fh-ink) !important;
	border: 1px solid var(--fh-lime);
	border-radius: 999px;
	padding: .85rem 1.9rem;
	font-weight: 800;
	font-family: var(--fh-font-display);
	letter-spacing: .05em;
	text-transform: uppercase;
	font-size: .85rem;
	text-align: center;
	text-decoration: none;
	transition: all .22s ease;
	cursor: pointer;
}
.fh-btn:hover, body.fh-brand .wp-block-button .wp-block-button__link:hover,
body.fh-brand .astra-button:hover, body.fh-brand .ast-button:hover,
body.fh-brand .woocommerce a.button:hover, body.fh-brand .woocommerce button.button:hover,
body.fh-brand .woocommerce input.button:hover, body.fh-brand .woocommerce #respond input#submit:hover {
	background: var(--fh-white);
	border-color: var(--fh-white);
	color: var(--fh-ink) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(183, 243, 77, .18);
}
.fh-btn-ghost {
	background: transparent !important;
	color: var(--fh-white) !important;
	border: 1.5px solid var(--fh-line);
}
.fh-btn-ghost:hover { background: rgba(244,244,240,.06) !important; border-color: var(--fh-white); box-shadow: none; }

/* ---------- Hero ---------- */
.fh-hero {
	position: relative;
	padding: 6.5rem 0 4.5rem;
	background:
		radial-gradient(1200px 500px at 75% -10%, rgba(183,243,77,.12), transparent 60%),
		radial-gradient(900px 420px at 10% 110%, rgba(183,243,77,.07), transparent 60%),
		var(--fh-ink);
	overflow: hidden;
}
.fh-hero::after {
	content: "";
	position: absolute; inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
	pointer-events: none;
}
.fh-hero .fh-inner { position: relative; z-index: 2; }
.fh-eyebrow {
	display: inline-flex; align-items: center; gap: .55rem;
	font-size: .78rem; font-weight: 700; letter-spacing: .28em; text-transform: uppercase;
	color: var(--fh-lime);
	border: 1px solid rgba(183,243,77,.35);
	background: rgba(183,243,77,.08);
	padding: .45rem 1rem; border-radius: 999px; margin-bottom: 1.4rem;
}
.fh-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--fh-lime); box-shadow: 0 0 12px var(--fh-lime); }
.fh-hero h1 {
	font-size: clamp(2.6rem, 6vw, 4.6rem);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -.01em;
	margin: 0 0 1rem;
}
.fh-hero h1 .fh-accent { color: var(--fh-lime); }
.fh-hero .fh-sub {
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	color: #c9c9d1; max-width: 560px; margin: 0 0 2rem;
}
.fh-hero .fh-cta-row { display: flex; flex-wrap: wrap; gap: 1rem; }
.fh-hero .fh-hero-img {
	position: relative; z-index: 2;
	border-radius: var(--fh-radius);
	box-shadow: 0 30px 80px rgba(0,0,0,.55);
	border: 1px solid var(--fh-line);
}

/* ---------- Section shells ---------- */
.fh-section { padding: 4.5rem 0; }
.fh-section-alt { background: var(--fh-coal); }
.fh-section-head { margin-bottom: 2.4rem; }
.fh-kicker {
	font-size: .75rem; font-weight: 800; letter-spacing: .3em; text-transform: uppercase;
	color: var(--fh-lime); margin: 0 0 .5rem;
}
.fh-section-head h2 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); font-weight: 800; text-transform: uppercase; margin: 0; }
.fh-section-head p { max-width: 620px; margin: .8rem 0 0; }

/* ---------- Category tiles ---------- */
.fh-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.fh-tile {
	position: relative; display: block; border-radius: var(--fh-radius); overflow: hidden;
	border: 1px solid var(--fh-line); background: var(--fh-coal);
	min-height: 260px;
}
.fh-tile img { width: 100%; height: 320px; object-fit: cover; opacity: .85; transition: transform .5s ease, opacity .3s; }
.fh-tile:hover img { transform: scale(1.05); opacity: 1; }
.fh-tile .fh-tile-body {
	position: absolute; inset: auto 0 0 0; padding: 1.2rem;
	background: linear-gradient(transparent, rgba(11,11,13,.94) 45%);
}
.fh-tile h3 { font-size: 1.35rem; font-weight: 800; text-transform: uppercase; margin: 0 0 .3rem; }
.fh-tile .fh-tile-link { font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

/* ---------- Product cards (Woo) ---------- */
body.fh-brand .woocommerce ul.products li.product,
body.fh-brand .products .product {
	background: var(--fh-coal);
	border: 1px solid var(--fh-line);
	border-radius: var(--fh-radius);
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
body.fh-brand .woocommerce ul.products li.product:hover,
body.fh-brand .products .product:hover {
	transform: translateY(-5px);
	border-color: rgba(183,243,77,.5);
	box-shadow: 0 18px 50px rgba(0,0,0,.45);
}
body.fh-brand .woocommerce ul.products li.product img,
body.fh-brand .products .product img {
	margin: 0; padding: 0; width: 100%; aspect-ratio: 1/1; object-fit: cover;
}
body.fh-brand .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.fh-brand .products .product .woocommerce-loop-product__title {
	padding: 1rem 1.1rem .2rem;
	font-family: var(--fh-font-display);
	font-size: 1rem; font-weight: 700; color: var(--fh-white); text-transform: uppercase; letter-spacing: .02em;
}
body.fh-brand .woocommerce ul.products li.product .price,
body.fh-brand .products .product .price {
	color: var(--fh-lime) !important; font-weight: 800; padding: 0 1.1rem .4rem; font-size: 1.05rem;
}
body.fh-brand .woocommerce ul.products li.product .button,
body.fh-brand .products .product .button {
	margin: 0 1.1rem 1.1rem; width: calc(100% - 2.2rem);
}
body.fh-brand .woocommerce .star-rating, body.fh-brand .star-rating { color: var(--fh-lime); }
body.fh-brand .woocommerce span.onsale {
	background: var(--fh-lime); color: var(--fh-ink); border-radius: 999px; font-weight: 800;
}

/* ---------- Featured split ---------- */
.fh-split { display: grid; grid-template-columns: 1.05fr 1fr; gap: 3rem; align-items: center; }
.fh-split img { width: 100%; border-radius: var(--fh-radius); border: 1px solid var(--fh-line); box-shadow: 0 24px 70px rgba(0,0,0,.5); }
.fh-split h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); text-transform: uppercase; margin: 0 0 1rem; }
.fh-split .fh-list { list-style: none; padding: 0; margin: 1.4rem 0; }
.fh-split .fh-list li { padding: .45rem 0 .45rem 1.7rem; position: relative; color: #c9c9d1; }
.fh-split .fh-list li::before { content: "—"; position: absolute; left: 0; color: var(--fh-lime); font-weight: 800; }

/* ---------- About teaser ---------- */
.fh-about { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.fh-about img { width: 100%; border-radius: var(--fh-radius); border: 1px solid var(--fh-line); }
.fh-about h2 { text-transform: uppercase; font-size: clamp(1.7rem,3vw,2.4rem); margin: 0 0 1rem; }

/* ---------- Blog cards ---------- */
.fh-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.fh-card {
	background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius);
	overflow: hidden; display: flex; flex-direction: column;
	transition: transform .25s ease, border-color .25s ease;
}
.fh-card:hover { transform: translateY(-5px); border-color: rgba(183,243,77,.5); }
.fh-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.fh-card .fh-card-body { padding: 1.2rem; display: flex; flex-direction: column; gap: .55rem; flex: 1; }
.fh-card .fh-card-meta { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--fh-lime); font-weight: 700; }
.fh-card h3 { font-size: 1.08rem; line-height: 1.35; margin: 0; }
.fh-card h3 a { color: var(--fh-white); text-decoration: none; }
.fh-card h3 a:hover { color: var(--fh-lime); }
.fh-card p { font-size: .92rem; margin: 0; }
.fh-card .fh-card-link { margin-top: auto; font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

/* ---------- Trust bar ---------- */
.fh-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.fh-trust-item {
	border: 1px solid var(--fh-line); background: rgba(255,255,255,.02);
	border-radius: var(--fh-radius); padding: 1.3rem 1rem; text-align: center;
}
.fh-trust-item .fh-trust-ico { font-size: 1.6rem; display: block; margin-bottom: .5rem; }
.fh-trust-item strong { display: block; color: var(--fh-white); font-family: var(--fh-font-display); text-transform: uppercase; font-size: .9rem; letter-spacing: .04em; margin-bottom: .3rem; }
.fh-trust-item span { font-size: .82rem; color: var(--fh-muted); }

/* ---------- CTA band ---------- */
.fh-cta-band {
	background: linear-gradient(120deg, rgba(183,243,77,.14), rgba(183,243,77,.03)), var(--fh-coal);
	border: 1px solid rgba(183,243,77,.3);
	border-radius: var(--fh-radius); padding: 3rem 2.5rem; text-align: center;
}
.fh-cta-band h2 { text-transform: uppercase; font-size: clamp(1.6rem,3vw,2.3rem); margin: 0 0 .8rem; }
.fh-cta-band p { max-width: 560px; margin: 0 auto 1.6rem; }

/* ---------- Single post / page ---------- */
body.fh-brand .entry-header { padding-top: 2.5rem; }
body.fh-brand .entry-header .entry-title { font-size: clamp(1.8rem, 4vw, 2.8rem); text-transform: uppercase; }
body.fh-brand .post-date, body.fh-brand .posted-on { color: var(--fh-muted); font-size: .85rem; }
body.fh-brand .post-date a { color: var(--fh-lime); text-decoration: none; }
/* [FH-FIX] 820px reading width was clamping EVERY page — including the Elementor
   homepage, whose markup lives inside .entry-content — so desktop rendered at
   mobile width. Scope it to blog posts / plain content only. */
body.fh-brand.single-post .entry-content,
body.fh-brand.blog .entry-content,
body.fh-brand .fh-readable { max-width: 820px; }
body.fh-brand .entry-content h2 {
	margin-top: 2.4rem; text-transform: uppercase; font-size: 1.5rem;
	padding-bottom: .5rem; border-bottom: 1px solid var(--fh-line);
}
body.fh-brand .entry-content h3 { margin-top: 1.8rem; font-size: 1.2rem; }
body.fh-brand .entry-content ul, body.fh-brand .entry-content ol { color: #c9c9d1; padding-left: 1.4rem; }
body.fh-brand .entry-content li { margin: .4rem 0; }
body.fh-brand .entry-content a { color: var(--fh-lime); }
body.fh-brand .entry-content a:hover { color: var(--fh-white); }
body.fh-brand .entry-content img { border-radius: var(--fh-radius); }
body.fh-brand .entry-content .wp-block-button .wp-block-button__link { border-radius: 999px; }
body.fh-brand .page-header, body.fh-brand .page .entry-header { padding-bottom: 1rem; }
body.fh-brand .post-navigation a {
	color: var(--fh-muted); border-color: var(--fh-line); background: var(--fh-coal);
	padding: 1rem 1.2rem; border-radius: var(--fh-radius); display: inline-block;
}
body.fh-brand .post-navigation a:hover { color: var(--fh-lime); border-color: var(--fh-lime); }
body.fh-brand .post-navigation .nav-previous, body.fh-brand .post-navigation .nav-next { width: auto; margin: 0; display: inline-block; }
body.fh-brand .post-navigation { display: flex; gap: 1rem; flex-wrap: wrap; }
body.fh-brand .entry-footer { color: var(--fh-muted); }
body.fh-brand .entry-footer a { color: var(--fh-lime); }

/* Related posts */
body.fh-brand .related-posts h3, body.fh-brand .related h3 { text-transform: uppercase; }
body.fh-brand .related-posts article, body.fh-brand .related article {
	background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius); padding: 1.2rem;
}

/* ---------- WooCommerce single product ---------- */
body.fh-brand .woocommerce div.product { background: transparent; }
body.fh-brand .woocommerce div.product .product_title { font-size: clamp(1.7rem,3.4vw,2.4rem); text-transform: uppercase; margin-top: 1rem; }
body.fh-brand .woocommerce div.product p.price { color: var(--fh-lime); font-size: 1.6rem; font-weight: 800; }
body.fh-brand .woocommerce div.product p.price del { color: var(--fh-muted); font-weight: 400; font-size: 1.1rem; }
body.fh-brand .woocommerce div.product .woocommerce-product-details__short-description { color: #c9c9d1; font-size: 1.02rem; }
body.fh-brand .woocommerce div.product .woocommerce-tabs ul.tabs { background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius) var(--fh-radius) 0 0; padding: .6rem .8rem 0; margin: 2.4rem 0 0; }
body.fh-brand .woocommerce div.product .woocommerce-tabs ul.tabs li { border-color: var(--fh-line); }
body.fh-brand .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--fh-muted); padding: .8rem 1.4rem; }
body.fh-brand .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--fh-panel); border-top: 2px solid var(--fh-lime); }
body.fh-brand .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--fh-white); }
body.fh-brand .woocommerce div.product .woocommerce-tabs .panel { background: var(--fh-coal); border: 1px solid var(--fh-line); border-top: none; border-radius: 0 0 var(--fh-radius) var(--fh-radius); padding: 1.6rem; color: #c9c9d1; }
body.fh-brand .woocommerce .single_add_to_cart_button { padding: 1rem 2.6rem; font-size: .9rem; }
body.fh-brand .woocommerce form.cart .quantity .qty {
	background: var(--fh-panel); border: 1px solid var(--fh-line); color: var(--fh-white); border-radius: 10px;
}
body.fh-brand .woocommerce div.product .product_meta { color: var(--fh-muted); border-top: 1px solid var(--fh-line); margin-top: 2rem; padding-top: 1.2rem; font-size: .85rem; }
body.fh-brand .woocommerce div.product .product_meta a { color: var(--fh-lime); }
body.fh-brand .related.products h2 { text-transform: uppercase; text-align: center; }
body.fh-brand .woocommerce .woocommerce-breadcrumb { color: var(--fh-muted); font-size: .85rem; margin: 2rem 0 0; }
body.fh-brand .woocommerce .woocommerce-breadcrumb a { color: var(--fh-muted); }
body.fh-brand .woocommerce .woocommerce-breadcrumb a:hover { color: var(--fh-lime); }
body.fh-brand .woocommerce .product .image { margin-bottom: 1rem; }
body.fh-brand .woocommerce .product .image img { border-radius: var(--fh-radius); }
body.fh-brand .woocommerce .star-rating span { color: var(--fh-lime); }
body.fh-brand .woocommerce .quantity { margin: 1rem 0; }

/* Archive / shop */
body.fh-brand .woocommerce .page-title, body.fh-brand .archive .page-title, body.fh-brand .taxonomy-product_cat .page-header .page-title {
	font-size: clamp(1.9rem,4vw,2.7rem); text-transform: uppercase; margin: 1.5rem 0 .4rem;
}
body.fh-brand .woocommerce .woocommerce-result-count { color: var(--fh-muted); }
body.fh-brand .woocommerce .woocommerce-ordering .orderby,
body.fh-brand .woocommerce .woocommerce-filter {
	background: var(--fh-panel) !important; border: 1px solid var(--fh-line) !important; color: var(--fh-white) !important; border-radius: 10px !important;
}
body.fh-brand .woocommerce nav.woocommerce-pagination ul { border-color: var(--fh-line); }
body.fh-brand .woocommerce nav.woocommerce-pagination ul li a,
body.fh-brand .woocommerce nav.woocommerce-pagination ul li span { border-color: var(--fh-line); color: var(--fh-white); }
body.fh-brand .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--fh-lime); color: var(--fh-ink); }
body.fh-brand .woocommerce .term-description, body.fh-brand .archive-description { color: #c9c9d1; max-width: 780px; }
body.fh-brand .wc-block-grid__product { background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius); overflow: hidden; }
body.fh-brand .wc-block-grid__product-title { color: var(--fh-white); }

/* Cart / checkout */
body.fh-brand .woocommerce table.shop_table {
	background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius); color: var(--fh-white);
}
body.fh-brand .woocommerce table.shop_table th { background: var(--fh-panel); color: var(--fh-white); border-color: var(--fh-line); }
body.fh-brand .woocommerce table.shop_table td { border-color: var(--fh-line); color: #c9c9d1; }
body.fh-brand .woocommerce .cart .coupon { background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius); padding: 1.4rem; }
body.fh-brand .woocommerce .cart .coupon input.text,
body.fh-brand .woocommerce-page form .form-row input.input-text,
body.fh-brand .woocommerce form .form-row input.input-text,
body.fh-brand .woocommerce form .form-row textarea,
body.fh-brand .woocommerce form .form-row select {
	background: var(--fh-panel); border: 1px solid var(--fh-line); color: var(--fh-white); border-radius: 10px; padding: .8rem 1rem;
}
body.fh-brand .woocommerce form .form-row label { color: var(--fh-white); }
body.fh-brand .woocommerce-message, body.fh-brand .woocommerce-info {
	background: rgba(183,243,77,.08); border-color: rgba(183,243,77,.4); color: var(--fh-white);
}
body.fh-brand .woocommerce-message::before { color: var(--fh-lime); }
body.fh-brand .woocommerce a.remove_from_cart { color: var(--fh-lime) !important; }
body.fh-brand .woocommerce .checkout #order_review,
body.fh-brand .woocommerce-page .checkout #order_review {
	background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius); padding: 1.6rem;
}
body.fh-brand .woocommerce .checkout h3, body.fh-brand .woocommerce-page .checkout h3 { text-transform: uppercase; }
body.fh-brand .woocommerce .form-row-wide, body.fh-brand .form-row-wide input { width: 100%; }

/* Account */
body.fh-brand .woocommerce-account .woocommerce-MyAccount-navigation { background: var(--fh-coal); border: 1px solid var(--fh-line); border-radius: var(--fh-radius); padding: 1rem; }
body.fh-brand .woocommerce-MyAccount-navigation-link a { color: var(--fh-muted); }
body.fh-brand .woocommerce-MyAccount-navigation-link.is-active a { color: var(--fh-lime); }

/* ---------- FAQ styling ---------- */
.fh-faq-item { border: 1px solid var(--fh-line); border-radius: var(--fh-radius); background: var(--fh-coal); margin: 0 0 1rem; overflow: hidden; }
.fh-faq-item summary {
	cursor: pointer; padding: 1.1rem 1.3rem; color: var(--fh-white); font-weight: 700;
	font-family: var(--fh-font-display); list-style: none; position: relative; padding-right: 2.6rem;
}
.fh-faq-item summary::-webkit-details-marker { display: none; }
.fh-faq-item summary::after { content: "+"; position: absolute; right: 1.3rem; top: 50%; transform: translateY(-50%); color: var(--fh-lime); font-size: 1.4rem; }
.fh-faq-item[open] summary::after { content: "–"; }
.fh-faq-item .fh-faq-a { padding: 0 1.3rem 1.2rem; color: #c9c9d1; }
.fh-faq-item a { color: var(--fh-lime); }

/* ---------- Footer ---------- */
body.fh-brand .site-info, body.fh-brand .footer-visibility,
body.fh-brand .ast-footer, body.fh-brand #colophon {
	background: #070709; border-top: 1px solid var(--fh-line); color: var(--fh-muted);
}
body.fh-brand .fh-footer { background: #070709; border-top: 1px solid var(--fh-line); padding: 3.5rem 0 1.5rem; }
body.fh-brand .fh-footer h4 {
	color: var(--fh-white); text-transform: uppercase; font-size: .95rem; letter-spacing: .08em; margin: 0 0 1rem;
}
body.fh-brand .fh-footer ul { list-style: none; padding: 0; margin: 0; }
body.fh-brand .fh-footer ul li { margin: .45rem 0; }
body.fh-brand .fh-footer a { color: var(--fh-muted); text-decoration: none; }
body.fh-brand .fh-footer a:hover { color: var(--fh-lime); }
body.fh-brand .fh-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 2.4rem; }
body.fh-brand .fh-footer p { font-size: .92rem; }
body.fh-brand .fh-footer-legal {
	border-top: 1px solid var(--fh-line); margin-top: 2.4rem; padding-top: 1.4rem;
	font-size: .78rem; color: #6f6f7a; line-height: 1.7;
}
body.fh-brand .fh-footer-age {
	display: inline-flex; align-items: center; justify-content: center;
	border: 2px solid var(--fh-lime); color: var(--fh-lime); font-weight: 900;
	border-radius: 50%; width: 46px; height: 46px; font-family: var(--fh-font-display);
}
body.fh-brand .ast-site-footer-widget-area { background: #070709; }

/* ---------- 404 ---------- */
body.fh-brand .error-404 .page-id-404 { color: var(--fh-muted); }
body.fh-brand .error-404 h1 { text-transform: uppercase; }

/* ---------- Misc ---------- */
body.fh-brand .wp-block-separator { border-color: var(--fh-line); }
body.fh-brand .ast-no-sidebar .main-container { background: var(--fh-ink); }
body.fh-brand .ast-container { background: var(--fh-ink); }
body.fh-brand .site-content .ast-article-single { background: transparent; }
body.fh-brand .comment-form-comment textarea, body.fh-brand .comment-form input:not([type=submit]) {
	background: var(--fh-panel); border: 1px solid var(--fh-line); color: var(--fh-white);
}
body.fh-brand .comments-area { background: transparent; }
body.fh-brand .fh-text-center { text-align: center; }
body.fh-brand .fh-mb0 { margin-bottom: 0; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.fh-tiles, .fh-cards { grid-template-columns: repeat(2, 1fr); }
	.fh-trust { grid-template-columns: repeat(2, 1fr); }
	.fh-split, .fh-about { grid-template-columns: 1fr; gap: 2rem; }
	.fh-footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.fh-hero { padding: 4rem 0 3rem; }
	.fh-tiles, .fh-cards, .fh-trust { grid-template-columns: 1fr; }
	.fh-tile img { height: 240px; }
	.fh-footer-grid { grid-template-columns: 1fr; }
	.fh-section { padding: 3rem 0; }
}

/* ===== Home v2: hero media, 5-col tiles, info strip ===== */
.fh-hero-media {
  background-size: cover;
  background-position: center 32%;
  min-height: 620px;
  display: flex;
  align-items: center;
  padding: 5rem 0;
}
.fh-hero-media .fh-inner { max-width: 600px; }
.fh-strip { background: var(--fh-coal); border-top: 1px solid var(--fh-line); border-bottom: 1px solid var(--fh-line); }
.fh-strip .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .9rem 2.5rem; padding: 1rem 0; }
.fh-strip-item { display: inline-flex; align-items: center; gap: .55rem; color: var(--fh-white); font-weight: 600; font-size: .88rem; letter-spacing: .02em; }
.fh-strip-ico { font-size: 1.05rem; }
.fh-tiles-5 { grid-template-columns: repeat(5, 1fr); gap: 1.1rem; }
.fh-tiles-5 .fh-tile { min-height: 0; }
.fh-tiles-5 .fh-tile img { height: 330px; }
.fh-tiles-5 .fh-tile-body { padding: 1.1rem 1.1rem 1.2rem; }
@media (max-width: 1200px) {
  .fh-tiles-5 { grid-template-columns: repeat(3, 1fr); }
  .fh-tiles-5 .fh-tile img { height: 280px; }
}
@media (max-width: 900px) {
  .fh-hero-media { background-position: center 18%; }
  .fh-hero-media .fh-inner { max-width: 100%; }
}
@media (max-width: 640px) {
  .fh-hero-media { min-height: 0; background-position: center 2%; background-size: 155% auto; }
  .fh-tiles-5 { grid-template-columns: repeat(2, 1fr); }
  .fh-tiles-5 .fh-tile img { height: 220px; }
}
@media (max-width: 420px) { .fh-tiles-5 { grid-template-columns: 1fr; } }

/* Order rules bar (shop + product pages) */
.fh-order-rules {
  display: flex; flex-wrap: wrap; gap: .8rem 2.2rem;
  background: var(--fh-panel); border: 1px solid var(--fh-line);
  border-radius: 10px; padding: .85rem 1.3rem; margin: 0 0 1.8rem;
  font-size: .85rem; font-weight: 600; color: var(--fh-white); letter-spacing: .02em;
}
.fh-order-rules span + span { padding-left: 2.2rem; border-left: 1px solid var(--fh-line); }
@media (max-width: 640px) {
  .fh-order-rules span + span { padding-left: 1.2rem; }
}


/* =====================================================================
   FLYING HORSE — v2 (2026-09-18)
   Desktop layout rail, Elementor design tokens, header rebuild,
   Font Awesome repair, section polish.  Appended after the original
   brand rules on purpose: these are the corrective layer.
   ===================================================================== */

:root {
	--fh-rail: 1240px;          /* matches the header's .ast-container width */
	--fh-gutter: 20px;
}

/* ---------- 1. Elementor global colours ----------------------------------
   The kit was never customised, so "Primary" was still Elementor's default
   #6EC1E4 (light blue) and "Text" #7A7A7A.  Every heading, icon-box title,
   paragraph and divider in the page inherits from those tokens, which is why
   blue type appeared all over a lime/ink brand.  Redefining the variables on
   `body.elementor-kit-11` (one step more specific than Elementor's own
   `.elementor-kit-11` rule, which loads later than this file) recolours
   everything at once without touching the builder data.                    */
body.elementor-kit-11 {
	--e-global-color-primary: #f4f4f0;    /* headings            */
	--e-global-color-secondary: #2a2a35;  /* dividers / borders  */
	--e-global-color-text: #b9b9c4;       /* body copy           */
	--e-global-color-accent: #b7f34d;     /* accent              */
}
/* icon-list text consumed "secondary", which is now a hairline tone. */
body.fh-brand .elementor-widget-icon-list .elementor-icon-list-text { color: #c9c9d1; }
body.fh-brand .elementor-widget-icon-box .elementor-icon { color: var(--fh-lime); border-color: transparent; }
body.fh-brand .elementor-widget-icon-box .elementor-icon i { color: var(--fh-lime); }
body.fh-brand .elementor-widget-icon-list .elementor-icon-list-icon i { color: var(--fh-lime); }
body.fh-brand .elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after { border-color: transparent; }

/* ---------- 2. Broken Font Awesome icons ---------------------------------
   Icons are output as <i class="fa-flask"> with no `fas`/`far`/`fab` prefix,
   so Font Awesome's base rule never applies: the glyph codepoint is rendered
   in the body font (a tofu box).  Re-attach the icon font to bare fa-* tags. */
body.fh-brand i[class^="fa-"]:not(.fa):not(.fas):not(.far):not(.fab):not(.fad):not(.fal),
body.fh-brand i[class*=" fa-"]:not(.fa):not(.fas):not(.far):not(.fab):not(.fad):not(.fal) {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	display: inline-block;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ---------- 3. Page-builder layout rail ----------------------------------
   Elementor rows are `full_width`, but they sat inside Astra's boxed
   .ast-container, so "full width" meant 1240px of ink with the sections
   clipped inside it.  Let page-builder rows bleed, then give every row one
   shared content rail so text never touches the viewport edge.            */
body.fh-brand.ast-page-builder-template .site-content > .ast-container,
body.fh-brand.ast-page-builder-template .site-content .ast-container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
body.fh-brand .elementor > .elementor-top-section > .elementor-container,
body.fh-brand .elementor > .elementor-section > .elementor-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 1025px) {
	body.fh-brand .elementor > .elementor-top-section > .elementor-container,
	body.fh-brand .elementor > .elementor-section > .elementor-container,
	body.fh-brand .elementor-section.elementor-section-boxed > .elementor-container {
		max-width: var(--fh-rail);
		padding-left: var(--fh-gutter);
		padding-right: var(--fh-gutter);
	}
}
@media (max-width: 1024px) {
	body.fh-brand .elementor > .elementor-top-section > .elementor-container,
	body.fh-brand .elementor > .elementor-section > .elementor-container {
		padding-left: 22px;
		padding-right: 22px;
	}
}
@media (max-width: 767px) {
	body.fh-brand .elementor > .elementor-top-section > .elementor-container,
	body.fh-brand .elementor > .elementor-section > .elementor-container {
		padding-left: 18px;
		padding-right: 18px;
	}
}
/* hand-authored blocks inside the page already carry a 1240px wrapper — align
   them to the same rail and gutter so all sections share one left edge.     */
body.fh-brand .fh-category-showcase > div > div[style*="max-width:1240px"],
body.fh-brand .fh-promotional-banner [style*="max-width:1240px"],
body.fh-brand .fh-homepage-seo-content [style*="max-width:1240px"] {
	max-width: var(--fh-rail) !important;
	padding-left: var(--fh-gutter) !important;
	padding-right: var(--fh-gutter) !important;
}
/* the footer uses a bare `.container` that nothing styles → it bled to the
   viewport edges, misaligning the whole footer from the rest of the site.   */
body.fh-brand #colophon > .container {
	max-width: var(--fh-rail);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--fh-gutter);
	padding-right: var(--fh-gutter);
}

/* ---------- 4. Hero / strip spacing + front-page title ------------------- */
body.fh-brand .elementor > .elementor-top-section.elementor-element-372899b,
body.fh-brand .elementor > .elementor-top-section.elementor-element-bd17334 { padding-top: 0; padding-bottom: 0; }

/* the front page does not need a literal "Home" headline above the hero */
body.fh-brand.home.page .entry-header { display: none; }

/* ---------- 5. Header ---------------------------------------------------- */
body.fh-brand #masthead {
	position: sticky;
	top: 0;
	z-index: 99990;
	background: rgba(11, 11, 13, .96);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--fh-line);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .02), 0 10px 30px rgba(0, 0, 0, .35);
}
body.fh-brand #ast-desktop-header,
body.fh-brand .ast-main-header-wrap,
body.fh-brand .ast-primary-header-bar,
body.fh-brand .site-primary-header-wrap { background: transparent !important; border: 0; box-shadow: none; }
body.fh-brand .ast-primary-header-bar .ast-builder-grid-row { min-height: 0; }
body.fh-brand .main-header-bar { padding-top: 0; padding-bottom: 0; }
body.fh-brand .site-primary-header-wrap { min-height: 84px; }
body.fh-brand .site-header-primary-section-left { align-items: center; }
body.fh-brand .site-header-primary-section-right { align-items: center; justify-content: flex-end; gap: 6px; }

/* the logo image already contains the wordmark — the site title repeated it */
body.fh-brand .ast-site-title-wrap { display: none; }
body.fh-brand .site-branding { padding: 0; }
body.fh-brand .site-branding .custom-logo-link { display: flex; align-items: center; }
body.fh-brand .site-branding .custom-logo-link img {
	max-height: 42px;
	width: auto;
	filter: none;
}
body.fh-brand .site-logo-img { display: flex; align-items: center; }

/* one row, never two: 8 items must fit beside the logo at 922px and up */
body.fh-brand #ast-hf-menu-1 {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	box-shadow: none;
	min-width: 0;
}
body.fh-brand .main-header-menu > .menu-item { position: relative; display: flex; flex: 0 0 auto; }
body.fh-brand .main-header-menu > .menu-item > .menu-link {
	height: auto;
	min-height: 0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 11px;
	border: 0;
	border-radius: 8px;
	background: none;
	color: #d9d9e2;
	font-family: var(--fh-font-body);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .07em;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: color .18s ease, background-color .18s ease;
}
body.fh-brand .main-header-menu > .menu-item > .menu-link .ast-header-navigation-arrow { padding-right: 0; margin-right: 0; }
body.fh-brand .main-header-menu > .menu-item > .menu-link .ast-icon { font-size: .62em; }
body.fh-brand .main-header-menu .menu-item:hover > .menu-link,
body.fh-brand .main-header-menu .menu-item:focus-within > .menu-link,
body.fh-brand .main-header-menu .menu-item.current-menu-item > .menu-link,
body.fh-brand .main-header-menu .menu-item.current_page_item > .menu-link,
body.fh-brand .main-header-menu .menu-item.current-menu-parent > .menu-link {
	color: var(--fh-lime);
	background: rgba(183, 243, 77, .08);
}
body.fh-brand .main-header-menu .menu-item::after {
	content: "";
	position: absolute;
	left: 11px; right: 11px; bottom: 2px;
	height: 2px;
	border-radius: 2px;
	background: var(--fh-lime);
	opacity: 0;
	transform: scaleX(.4);
	transition: opacity .2s ease, transform .2s ease;
	pointer-events: none;
}
body.fh-brand .main-header-menu .menu-item:hover::after,
body.fh-brand .main-header-menu .menu-item.current-menu-item::after,
body.fh-brand .main-header-menu .menu-item.current_page_item::after { opacity: 1; transform: scaleX(1); }
body.fh-brand .main-header-menu .ast-menu-toggle { display: none !important; }

/* dropdowns */
body.fh-brand .main-header-menu .sub-menu {
	top: calc(100% + 2px);
	left: 0;
	margin: 0;
	padding: 8px;
	min-width: 244px;
	list-style: none;
	background: #101017;
	border: 1px solid var(--fh-line);
	border-radius: 12px;
	box-shadow: 0 22px 50px rgba(0, 0, 0, .55);
}
body.fh-brand .main-header-menu .sub-menu .sub-menu { top: -9px; left: 100%; }
body.fh-brand .main-header-menu .sub-menu .menu-item { display: block; }
body.fh-brand .main-header-menu .sub-menu .menu-link {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 11px;
	border-radius: 8px;
	background: none;
	color: #c6c6d2;
	font-size: .84rem;
	font-weight: 600;
	letter-spacing: .01em;
	line-height: 1.3;
	text-transform: none;
	white-space: normal;
	transition: background-color .16s ease, color .16s ease, padding-left .16s ease;
}
body.fh-brand .main-header-menu .sub-menu .menu-link:hover {
	color: #fff;
	background: rgba(255, 255, 255, .05);
	padding-left: 14px;
}
body.fh-brand .main-header-menu .sub-menu .ast-icon { display: none; }

/* header utility icons (search / account / cart) */
body.fh-brand .site-header-primary-section-right .ast-builder-layout-element { display: flex; align-items: center; }
body.fh-brand .ast-header-search,
body.fh-brand .ast-account-icon,
body.fh-brand .ast-site-header-cart,
body.fh-brand .ast-woo-product-cart { display: flex; align-items: center; justify-content: center; }
body.fh-brand #masthead .ast-icon,
body.fh-brand #masthead .astra-icon-search,
body.fh-brand #masthead .astra-icon-account,
body.fh-brand #masthead .astra-icon-woo-header-cart {
	width: 20px; height: 20px;
	font-size: 20px;
	fill: #d9d9e2;
	color: #d9d9e2;
	transition: fill .18s ease, color .18s ease;
}
body.fh-brand #masthead a:hover .ast-icon,
body.fh-brand #masthead .ast-icon:hover { fill: var(--fh-lime); color: var(--fh-lime); }
body.fh-brand #masthead .ast-search-icon,
body.fh-brand #masthead .ast-site-header-cart-li > a,
body.fh-brand #masthead .ast-header-account-wrap > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px; height: 38px;
	margin-left: 2px;
	border: 1px solid transparent;
	border-radius: 10px;
	transition: border-color .18s ease, background-color .18s ease;
}
body.fh-brand #masthead .ast-search-icon:hover,
body.fh-brand #masthead .ast-header-account-wrap > a:hover,
body.fh-brand #masthead .ast-site-header-cart-li > a:hover {
	border-color: var(--fh-line);
	background: rgba(255, 255, 255, .04);
}
body.fh-brand .woocommerce ul.cart-list, body.fh-brand .astra-cart-drawer { z-index: 99999; }
body.fh-brand .ast-site-header-cart-i-count,
body.fh-brand .count.woocommerce-add-to-cart-badge {
	background: var(--fh-lime);
	color: var(--fh-ink);
	font-size: .62rem;
	font-weight: 800;
	line-height: 1;
	min-width: 16px;
	padding: 3px 4px;
	border-radius: 999px;
}
body.fh-brand .ast-search-menu-icon .search-form,
body.fh-brand .ast-header-search .search-form {
	background: #101017;
	border: 1px solid var(--fh-line);
	border-radius: 12px;
	box-shadow: 0 22px 50px rgba(0, 0, 0, .55);
}
body.fh-brand .ast-header-search .search-field {
	background: transparent;
	border: 0;
	color: var(--fh-white);
	font-size: .9rem;
}

/* tablet/narrow-desktop: keep one row by tightening, then drop to the
   hamburger below the header breakpoint (Astra's own 921px). */
@media (min-width: 922px) and (max-width: 1279px) {
	body.fh-brand .site-primary-header-wrap { min-height: 74px; }
	body.fh-brand .site-branding .custom-logo-link img { max-height: 34px; }
	body.fh-brand .main-header-menu > .menu-item > .menu-link { padding: 8px 7px; font-size: .68rem; letter-spacing: .04em; }
	body.fh-brand #masthead .ast-search-icon,
	body.fh-brand #masthead .ast-site-header-cart-li > a,
	body.fh-brand #masthead .ast-header-account-wrap > a { width: 32px; height: 32px; }
}
@media (max-width: 921.98px) {
	body.fh-brand #masthead { position: sticky; }
	body.fh-brand .site-primary-header-wrap { min-height: 66px; }
	body.fh-brand .ast-mobile-header-wrap { background: transparent; }
	body.fh-brand .site-branding .custom-logo-link img { max-height: 34px; }
	body.fh-brand .ast-mobile-header-content .main-header-menu .menu-item a {
		background: #12121a;
		border: 1px solid var(--fh-line);
		border-radius: 10px;
		color: #e4e4ec;
		padding: 12px 14px;
		margin-bottom: 6px;
		text-transform: none;
		font-size: .95rem;
		letter-spacing: 0;
	}
	body.fh-brand .ast-mobile-popup-content .main-header-menu .sub-menu { display: none; }
}

/* ---------- 6. Hero ------------------------------------------------------ */
body.fh-brand .elementor-element-bd17334 { position: relative; }
body.fh-brand .elementor-element-bd17334 .elementor-column { align-items: center; }
@media (min-width: 1025px) {
	body.fh-brand .elementor-element-bd17334 { min-height: 620px; }
	body.fh-brand .elementor-element-bd17334 .elementor-container { align-items: center; }
	body.fh-brand .elementor-element-4609aab .elementor-spacer-inner { height: 34px !important; }
}
body.fh-brand .elementor-element-bd17334 .elementor-heading-title { max-width: 620px; }
body.fh-brand .elementor-element-0605ccd .elementor-heading-title {
	font-size: clamp(2.4rem, 4.4vw, 3.4rem);
	line-height: 1.06;
	letter-spacing: -.02em;
	text-transform: uppercase;
	font-weight: 900;
}
body.fh-brand .elementor-element-1c03dde .elementor-heading-title { color: var(--fh-lime); }
body.fh-brand .elementor-element-bd17334 .elementor-widget-divider { --divider-color: rgba(183, 243, 77, .35); }
@media (max-width: 767px) {
	body.fh-brand .elementor-element-0605ccd .elementor-heading-title { font-size: clamp(2rem, 9vw, 2.5rem); }
}

/* ---------- 7. Assurance strip (under hero) ------------------------------ */
body.fh-brand .elementor-element-372899b { border-top: 1px solid var(--fh-line); border-bottom: 1px solid var(--fh-line); }
body.fh-brand .elementor-element-372899b .elementor-widget-icon-box { text-align: center; }
body.fh-brand .elementor-element-372899b .elementor-icon-box-icon { margin-bottom: 6px; }
body.fh-brand .elementor-element-372899b .elementor-icon-box-icon .elementor-icon { font-size: 19px; }
body.fh-brand .elementor-element-372899b .elementor-icon-box-title { margin-bottom: 2px; }
body.fh-brand .elementor-element-372899b .elementor-icon-box-title span { font-size: .92rem; letter-spacing: .04em; text-transform: uppercase; }
body.fh-brand .elementor-element-372899b .elementor-icon-box-description { font-size: .82rem; color: #9a9aa6; }
@media (min-width: 922px) {
	body.fh-brand .elementor-element-372899b .elementor-widget-wrap { padding-top: 22px !important; padding-bottom: 22px !important; }
}

/* ---------- 8. Trust section (lower) ------------------------------------- */
body.fh-brand .elementor-element-61e6119 .elementor-widget-icon-box {
	height: 100%;
	padding: 22px 18px;
	background: var(--fh-coal);
	border: 1px solid var(--fh-line);
	border-radius: var(--fh-radius);
	transition: border-color .22s ease, transform .22s ease;
}
body.fh-brand .elementor-element-61e6119 .elementor-widget-icon-box:hover { border-color: rgba(183, 243, 77, .45); transform: translateY(-3px); }
body.fh-brand .elementor-element-61e6119 .elementor-icon-box-icon .elementor-icon { font-size: 24px; }
body.fh-brand .elementor-element-61e6119 .elementor-icon-box-title span { font-size: 1.02rem; text-transform: uppercase; letter-spacing: .04em; }
body.fh-brand .elementor-element-61e6119 .elementor-icon-box-description { font-size: .88rem; }

/* ---------- 9. Product cards ("Just Landed") ----------------------------- */
body.fh-brand .elementor-element-d5bd77e .elementor-column { align-items: stretch; }
body.fh-brand .elementor-element-d5bd77e .elementor-widget-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 20px;
	background: var(--fh-coal);
	border: 1px solid var(--fh-line);
	border-radius: var(--fh-radius);
	transition: border-color .24s ease, transform .24s ease, box-shadow .24s ease;
}
body.fh-brand .elementor-element-d5bd77e .elementor-widget-wrap:hover {
	border-color: rgba(183, 243, 77, .45);
	transform: translateY(-5px);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .5);
}
body.fh-brand .elementor-element-d5bd77e .elementor-widget-image { order: 0; }
body.fh-brand .elementor-element-d5bd77e .elementor-widget-image img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	border-radius: 10px;
	background: #0d0d11;
}
body.fh-brand .elementor-element-d5bd77e .elementor-widget-spacer { display: none; }
body.fh-brand .elementor-element-d5bd77e .elementor-heading-title {
	font-size: 1.02rem;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.35;
	margin-bottom: 0;
}
body.fh-brand .elementor-element-d5bd77e .elementor-heading-title a { color: var(--fh-white); text-decoration: none; }
body.fh-brand .elementor-element-d5bd77e .elementor-heading-title a:hover { color: var(--fh-lime); }
body.fh-brand .elementor-element-d5bd77e .elementor-widget-text-editor { margin-top: auto; padding-top: 12px; }
body.fh-brand .elementor-element-d5bd77e .elementor-widget-text-editor p {
	font-size: 1.02rem;
	font-weight: 800;
	color: var(--fh-lime) !important;
	margin: 0;
}

/* ---------- 10. Best-seller split ---------------------------------------- */
body.fh-brand .elementor-element-8d89449 .elementor-column { align-items: center; }
body.fh-brand .elementor-element-8d89449 img { width: 100%; max-height: 420px; object-fit: cover; border-radius: var(--fh-radius); }
body.fh-brand .elementor-element-8d89449 .elementor-widget-spacer { display: none; }
body.fh-brand .elementor-element-8d89449 .elementor-widget-icon-list { margin-top: 6px; }
body.fh-brand .elementor-element-8d89449 .elementor-icon-list-item { padding: 6px 0; }
body.fh-brand .elementor-element-8d89449 .elementor-icon-list-item > .elementor-icon-list-text { font-size: .98rem; }
@media (max-width: 1024px) {
	body.fh-brand .elementor-element-8d89449 img { max-height: none; }
}

/* ---------- 11. Category tiles ------------------------------------------- */
body.fh-brand .fh-cat-card { transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
body.fh-brand .fh-cat-card:hover { border-color: rgba(183, 243, 77, .5) !important; box-shadow: 0 20px 44px rgba(0, 0, 0, .55) !important; }
body.fh-brand .fh-cat-card img { object-fit: cover; }
body.fh-brand .fh-cat-card:hover img { transform: scale(1.045); }

/* ---------- 12. SEO article block ---------------------------------------- */
body.fh-brand .fh-homepage-seo-content { font-size: .95rem; }
body.fh-brand .fh-homepage-seo-content h2,
body.fh-brand .fh-homepage-seo-content h3 { text-transform: uppercase; letter-spacing: .01em; }
body.fh-brand .fh-homepage-seo-content p { line-height: 1.75; }

/* ---------- 13. Journal cards -------------------------------------------- */
body.fh-brand .elementor-element-b71a44e .elementor-widget-divider { --divider-color: var(--fh-lime); }
body.fh-brand .elementor-element-b71a44e .elementor-heading-title a { text-decoration: none; }

/* ---------- 14. CTA band -------------------------------------------------
   Lime panel, but the heading inherited the (blue) primary token and the copy
   kept its grey → unreadable. This band needs ink-on-lime.                 */
body.fh-brand .elementor-element-242d9a4 .elementor-heading-title,
body.fh-brand .elementor-element-501c33d .elementor-heading-title { color: #0b0b0d !important; }
body.fh-brand .elementor-element-242d9a4 .elementor-widget-text-editor p { color: rgba(11, 11, 13, .72) !important; }
body.fh-brand .elementor-element-242d9a4 .elementor-widget-divider { --divider-color: rgba(11, 11, 13, .18); }
@media (min-width: 1025px) {
	body.fh-brand .elementor-element-242d9a4 { padding-top: 64px; padding-bottom: 64px; }
	body.fh-brand .elementor-element-242d9a4 .elementor-widget-spacer { display: none; }
	body.fh-brand .elementor-element-242d9a4 .elementor-inner-section > .elementor-container {
		max-width: 620px;
		padding-left: 0;
		padding-right: 0;
	}
}
body.fh-brand .elementor-element-242d9a4 .elementor-column { align-items: center; }
body.fh-brand .elementor-element-242d9a4 .elementor-widget-button { text-align: center; }
body.fh-brand .elementor-element-242d9a4 .elementor-button {
	background: #0b0b0d !important;
	color: var(--fh-lime) !important;
	border: 1px solid #0b0b0d;
	border-radius: 999px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
body.fh-brand .elementor-element-242d9a4 .elementor-button span { color: inherit !important; }
body.fh-brand .elementor-element-242d9a4 .elementor-button:hover {
	background: transparent !important;
	color: #0b0b0d !important;
	border-color: rgba(11, 11, 13, .55);
	transform: translateY(-2px);
	box-shadow: none;
}
body.fh-brand .elementor-element-242d9a4 .elementor-button-icon { display: none; }

/* ---------- 15. Elementor buttons sitewide ------------------------------- */
body.fh-brand .elementor-widget-button .elementor-button {
	border-radius: 999px;
	font-family: var(--fh-font-display);
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
body.fh-brand .elementor-widget-button .elementor-button:hover { transform: translateY(-2px); }
body.fh-brand .elementor-widget-button .elementor-size-sm { padding: 12px 24px; font-size: .8rem; }

/* ---------- 16. Footer --------------------------------------------------- */
body.fh-brand #colophon { background: #070709; border-top: 1px solid var(--fh-line); }
body.fh-brand #colophon .fh-footer-logo img { max-height: 44px; width: auto; }
body.fh-brand #colophon > .container { padding-top: 56px; padding-bottom: 26px; }
body.fh-brand #colophon .fh-footer-grid { align-items: start; }
body.fh-brand #colophon h4 { font-size: .84rem; letter-spacing: .12em; text-transform: uppercase; color: var(--fh-white); margin: 0 0 18px; }
body.fh-brand #colophon a { font-size: .92rem; }
body.fh-brand #colophon .fh-footer-legal { font-size: .76rem; line-height: 1.75; color: #75757f; max-width: none; }

/* ---------- 17. Focus states (accessibility) ----------------------------- */
body.fh-brand a:focus-visible,
body.fh-brand button:focus-visible,
body.fh-brand input:focus-visible,
body.fh-brand select:focus-visible {
	outline: 2px solid var(--fh-lime);
	outline-offset: 2px;
}

/* ---------- 18. Last-item dropdown + CTA divider ------------------------ */
body.fh-brand .main-header-menu > .menu-item:last-child > .sub-menu,
body.fh-brand .main-header-menu > .menu-item:last-child .astra-full-megamenu-wrapper {
	left: auto;
	right: 0;
}
body.fh-brand .elementor-element-242d9a4 .elementor-widget-divider { display: none; }

/* ---------- 19. Footer columns on tablet / mobile ------------------------
   The original responsive rules for these blocks were written un-prefixed
   (`.fh-footer-grid`) while the base rules are `body.fh-brand .fh-footer-grid`,
   so the media-query overrides lost the specificity battle and never fired —
   the footer stayed a 4-column grid on phones and overflowed the viewport.   */
@media (max-width: 900px) {
	body.fh-brand .fh-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	body.fh-brand .fh-footer-grid { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; }
	body.fh-brand .fh-footer-grid > div { border-top: 1px solid var(--fh-line); padding-top: 1.4rem; }
	body.fh-brand .fh-footer-grid > div:first-child { border-top: 0; padding-top: 0; }
}

/* ---------- 20. Hero legibility on narrow screens ------------------------- */
@media (max-width: 1024px) {
	body.fh-brand .elementor-element-bd17334 { position: relative; }
	body.fh-brand .elementor-element-bd17334::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(11, 11, 13, .9), rgba(11, 11, 13, .78) 55%, rgba(11, 11, 13, .9));
		pointer-events: none;
	}
	body.fh-brand .elementor-element-bd17334 > .elementor-container { position: relative; z-index: 2; }
	body.fh-brand .elementor-element-bd17334 .elementor-widget-text-editor p { text-shadow: 0 1px 14px rgba(0, 0, 0, .8); }
}

/* ---------- 21. Header icons: cart, search, mobile toggle ----------------
   Astra's own global palette was never customised either, so the cart's
   "outline with border" style, the mini-cart count bubble and the mobile
   hamburger were all drawn with --ast-global-color-0 (Astra's default blue
   #046bd2).  Re-point those two tokens inside the header only, then drop the
   boxy cart frame and hide the bubble while the cart is empty.            */
body.fh-brand #masthead {
	--ast-global-color-0: var(--fh-lime);
	--ast-global-color-1: var(--fh-white);
	--ast-global-color-2: var(--fh-white);
}
body.fh-brand #masthead .ast-site-header-cart,
body.fh-brand #masthead .ast-site-header-cart-li { min-height: 0; }
body.fh-brand #masthead .ast-header-woo-cart { align-self: center; }
body.fh-brand #masthead .ast-addon-cart-wrap {
	padding: 0;
	border: 0 !important;
	background: none !important;
	line-height: 1;
}
body.fh-brand #masthead .ast-site-header-cart .astra-icon-shopping-bag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 22px;
	height: 22px;
	color: #d9d9e2;
}
body.fh-brand #masthead .ast-site-header-cart .astra-icon-shopping-bag .ast-icon,
body.fh-brand #masthead .ast-site-header-cart svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}
body.fh-brand #masthead .ast-site-header-cart .astra-icon-shopping-bag:hover { color: var(--fh-lime); }
body.fh-brand #masthead .astra-icon[data-cart-total]::after {
	background: var(--fh-lime);
	color: var(--fh-ink);
	font-size: .6rem;
	font-weight: 800;
	line-height: 1;
	min-width: 16px;
	height: 16px;
	padding: 3px 4px;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #0b0b0d;
}
body.fh-brand #masthead .astra-icon[data-cart-total="0"]::after { display: none; }
body.fh-brand #masthead .ast-mobile-menu-trigger-minimal,
body.fh-brand #masthead .mobile-menu-toggle-icon,
body.fh-brand #masthead .mobile-menu-toggle-icon span,
body.fh-brand #masthead .ast-mobile-menu-toggle-icon svg {
	color: #e6e6ee;
	fill: currentColor;
}
body.fh-brand #masthead .ast-mobile-menu-trigger-minimal:hover,
body.fh-brand #masthead .ast-mobile-menu-trigger-minimal:focus-visible { color: var(--fh-lime); }
/* replace Astra's inherited dotted focus ring with a brand one */
body.fh-brand #masthead a:focus-visible,
body.fh-brand #masthead button:focus-visible,
body.fh-brand #masthead .ast-search-icon:focus-visible {
	outline: 2px solid var(--fh-lime);
	outline-offset: 3px;
	border-radius: 10px;
}