/*
Theme Name: CYF Energy
Theme URI: https://www.cyfenergy.com/
Author: CYF Energy
Author URI: https://www.cyfenergy.com/
Description: Custom B2B theme for CYF Energy — solar DC combiner boxes, MC4-compatible connectors and energy storage accessories. Built for WooCommerce catalogue plus quote-request workflow, with sticky navigation, Elementor compatibility and Customizer-driven visual settings. Products, posts and categories are pulled dynamically from WordPress.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cyfenergy
Tags: e-commerce, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks
*/

/* ==========================================================================
   1. Design tokens
   ========================================================================== */

:root {
	--cyf-navy:        #0b2545;
	--cyf-navy-deep:   #071a33;
	--cyf-navy-soft:   #14315a;
	--cyf-steel:       #41556e;
	--cyf-slate:       #6b7c92;
	--cyf-line:        #dfe5ec;
	--cyf-line-soft:   #eef2f6;
	--cyf-bg:          #ffffff;
	--cyf-bg-alt:      #f6f8fa;
	--cyf-bg-dark:     #0b2545;
	--cyf-amber:       #f0a020;
	--cyf-amber-deep:  #d4881a;
	--cyf-green:       #1f9d68;
	--cyf-green-soft:  #e8f6f0;
	--cyf-red:         #c8402f;

	--cyf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--cyf-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

	--cyf-container: 1200px;
	--cyf-gap: 24px;
	--cyf-radius: 6px;
	--cyf-radius-lg: 10px;

	--cyf-shadow-sm: 0 1px 2px rgba(11, 37, 69, .06), 0 2px 8px rgba(11, 37, 69, .04);
	--cyf-shadow-md: 0 2px 6px rgba(11, 37, 69, .08), 0 10px 30px rgba(11, 37, 69, .06);
	--cyf-shadow-lg: 0 8px 24px rgba(11, 37, 69, .12), 0 20px 48px rgba(11, 37, 69, .10);

	--cyf-header-h: 84px;
	--cyf-topbar-h: 38px;

	--cyf-ease: cubic-bezier(.4, 0, .2, 1);
}

/* ==========================================================================
   2. Reset & base
   ========================================================================== */

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--cyf-header-h) + 16px);
}

body {
	margin: 0;
	font-family: var(--cyf-font);
	font-size: 16px;
	line-height: 1.65;
	color: var(--cyf-navy);
	background: var(--cyf-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}

img, svg, video, iframe { max-width: 100%; height: auto; }
img { display: block; border: 0; }

a {
	color: var(--cyf-navy);
	text-decoration: none;
	transition: color .18s var(--cyf-ease);
}
a:hover { color: var(--cyf-amber-deep); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--cyf-amber);
	outline-offset: 2px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.015em;
	color: var(--cyf-navy);
}
h1 { font-size: clamp(1.9rem, 4vw, 2.75rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.4rem); }
h4 { font-size: 1.0625rem; }

p { margin: 0 0 1.1em; }
ul, ol { margin: 0 0 1.1em; padding-left: 1.4em; }
li { margin-bottom: .35em; }

blockquote {
	margin: 1.5em 0;
	padding: 1.25em 1.5em;
	border-left: 4px solid var(--cyf-amber);
	background: var(--cyf-bg-alt);
	font-style: italic;
	color: var(--cyf-steel);
}
blockquote p:last-child { margin-bottom: 0; }

hr {
	height: 1px;
	border: 0;
	background: var(--cyf-line);
	margin: 2.5em 0;
}

code, pre, kbd {
	font-family: var(--cyf-font-mono);
	font-size: .9em;
}
pre {
	padding: 1.25em;
	background: var(--cyf-navy-deep);
	color: #e6edf5;
	overflow-x: auto;
	border-radius: var(--cyf-radius);
}
code {
	padding: .15em .4em;
	background: var(--cyf-line-soft);
	border-radius: 3px;
}
pre code { padding: 0; background: none; }

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.5em;
	font-size: .9375rem;
}
th, td {
	padding: .7em .9em;
	border: 1px solid var(--cyf-line);
	text-align: left;
	vertical-align: top;
}
th {
	background: var(--cyf-bg-alt);
	font-weight: 600;
	color: var(--cyf-navy);
}
tbody tr:nth-child(even) td { background: #fcfdfe; }

/* WordPress required utility classes */
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.screen-reader-text:focus {
	display: block;
	width: auto; height: auto;
	clip: auto;
	padding: .8em 1.2em;
	margin: 8px;
	background: var(--cyf-navy);
	color: #fff;
	font-weight: 600;
	z-index: 100000;
	border-radius: var(--cyf-radius);
}
.alignleft { float: left; margin: .4em 1.5em 1em 0; }
.alignright { float: right; margin: .4em 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 1400px; margin-left: auto; margin-right: auto; }
.alignfull { max-width: 100%; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.wp-caption { max-width: 100%; }
.wp-caption-text {
	font-size: .8125rem;
	color: var(--cyf-slate);
	text-align: center;
	padding: .5em 0;
}
.sticky { display: block; }
.bypostauthor { display: block; }

/* ==========================================================================
   3. Layout
   ========================================================================== */

.cyf-container {
	width: 100%;
	max-width: var(--cyf-container);
	margin: 0 auto;
	padding: 0 24px;
}
.cyf-container--wide { max-width: 1200px; }
.cyf-container--narrow { max-width: 820px; }

.cyf-section { padding: 72px 0; }
.cyf-section--tight { padding: 48px 0; }
.cyf-section--alt { background: var(--cyf-bg-alt); }
.cyf-section--dark {
	background: var(--cyf-bg-dark);
	color: #d5e0ec;
}
.cyf-section--dark h2,
.cyf-section--dark h3 { color: #fff; }

.cyf-section-head {
	max-width: 760px;
	margin-bottom: 40px;
}
.cyf-section-head--center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.cyf-section-head p {
	color: var(--cyf-steel);
	font-size: 1.0625rem;
}
.cyf-section--dark .cyf-section-head p { color: #a8bdd4; }

.cyf-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--cyf-amber-deep);
}
.cyf-eyebrow::before {
	content: "";
	width: 24px; height: 2px;
	background: var(--cyf-amber);
}
.cyf-eyebrow--light { color: var(--cyf-amber); }

.cyf-grid {
	display: grid;
	gap: var(--cyf-gap);
}
.cyf-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cyf-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cyf-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ==========================================================================
   4. Buttons
   ========================================================================== */

.cyf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: .8em 1.5em;
	border: 1px solid transparent;
	border-radius: var(--cyf-radius);
	font-family: inherit;
	font-size: .9375rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	transition: background-color .18s var(--cyf-ease), color .18s var(--cyf-ease),
		border-color .18s var(--cyf-ease), box-shadow .18s var(--cyf-ease),
		transform .12s var(--cyf-ease);
	text-decoration: none;
	white-space: nowrap;
}
.cyf-btn:hover { transform: translateY(-1px); text-decoration: none; }
.cyf-btn:active { transform: translateY(0); }

.cyf-btn--primary {
	background: var(--cyf-amber);
	color: #231603;
	box-shadow: var(--cyf-shadow-sm);
}
.cyf-btn--primary:hover {
	background: var(--cyf-amber-deep);
	color: #fff;
	box-shadow: var(--cyf-shadow-md);
}

.cyf-btn--navy {
	background: var(--cyf-navy);
	color: #fff;
}
.cyf-btn--navy:hover { background: var(--cyf-navy-soft); color: #fff; }

.cyf-btn--outline {
	background: transparent;
	color: var(--cyf-navy);
	border-color: var(--cyf-line);
}
.cyf-btn--outline:hover {
	border-color: var(--cyf-navy);
	background: var(--cyf-navy);
	color: #fff;
}

.cyf-btn--ghost-light {
	background: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, .34);
}
.cyf-btn--ghost-light:hover {
	background: #fff;
	color: var(--cyf-navy);
	border-color: #fff;
}

.cyf-btn--sm { padding: .55em 1em; font-size: .8125rem; }
.cyf-btn--lg { padding: .95em 1.9em; font-size: 1rem; }
.cyf-btn--block { width: 100%; }

.cyf-btn[disabled], .cyf-btn.is-disabled {
	opacity: .5;
	cursor: not-allowed;
	transform: none;
}

/* ==========================================================================
   5. Top bar
   ========================================================================== */

.cyf-topbar {
	background: var(--cyf-navy-deep);
	color: #b9c9dc;
	font-size: .8125rem;
	min-height: var(--cyf-topbar-h);
	display: flex;
	align-items: center;
}
.cyf-topbar a { color: #dce7f2; }
.cyf-topbar a:hover { color: var(--cyf-amber); }
.cyf-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	flex-wrap: wrap;
}
.cyf-topbar__list {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}
.cyf-topbar__list li {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}
.cyf-topbar__list svg { flex: none; opacity: .8; }
.cyf-topbar__certs {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cyf-topbar__certs li {
	margin: 0;
	padding: 2px 8px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 3px;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .06em;
	color: #e7eef6;
}

/* ==========================================================================
   6. Sticky header
   ========================================================================== */

.cyf-header {
	position: static;
	background: var(--cyf-bg);
	border-bottom: 1px solid var(--cyf-line);
	transition: box-shadow .22s var(--cyf-ease), border-color .22s var(--cyf-ease);
}
/* When a top bar is present it must scroll away, so pin the header below nothing. */
.cyf-site-header.is-stuck {
	box-shadow: var(--cyf-shadow-md);
	border-bottom-color: transparent;
}
.cyf-site-header { position: sticky; top: 0; z-index: 900; }
.cyf-site-header .cyf-header { top: 0; }

.cyf-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: var(--cyf-header-h);
	transition: min-height .22s var(--cyf-ease);
}
.cyf-site-header.is-stuck .cyf-header__inner { min-height: 64px; }

.cyf-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: none;
}
.cyf-brand:hover { color: inherit; }
.cyf-brand__logo img {
	max-height: 46px;
	width: auto;
	transition: max-height .22s var(--cyf-ease);
}
.cyf-site-header.is-stuck .cyf-brand__logo img { max-height: 38px; }
/* Real custom-logo markup: .cyf-brand > a.custom-logo-link > img.custom-logo
   (the_custom_logo() prints no .cyf-brand__logo wrapper). */
.cyf-brand .custom-logo-link { display: block; }
.cyf-brand .custom-logo-link img,
.cyf-brand img.custom-logo {
	max-height: 58px;
	width: auto;
	height: auto;
	transition: max-height .22s var(--cyf-ease);
}
.cyf-site-header.is-stuck .cyf-brand .custom-logo-link img,
.cyf-site-header.is-stuck .cyf-brand img.custom-logo { max-height: 42px; }
.cyf-brand__text { display: flex; flex-direction: column; line-height: 1.15; }
.cyf-brand__name {
	font-size: 1.1875rem;
	font-weight: 800;
	letter-spacing: -.02em;
	color: var(--cyf-navy);
}
.cyf-brand__tag {
	font-size: .6875rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--cyf-slate);
	font-weight: 600;
}

.cyf-nav { flex: 1 1 auto; min-width: 0; }
.cyf-nav__list {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cyf-nav__list > li { margin: 0; position: relative; }
.cyf-nav__list > li > a {
	display: block;
	padding: .7em .9em;
	font-size: .9375rem;
	font-weight: 600;
	color: var(--cyf-steel);
	border-radius: var(--cyf-radius);
	transition: color .18s var(--cyf-ease), background-color .18s var(--cyf-ease);
}
.cyf-nav__list > li > a:hover,
.cyf-nav__list > li.current-menu-item > a,
.cyf-nav__list > li.current-menu-ancestor > a {
	color: var(--cyf-navy);
	background: var(--cyf-line-soft);
}
.cyf-nav__list li.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 7px; height: 7px;
	margin-left: 7px;
	border-right: 1.6px solid currentColor;
	border-bottom: 1.6px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	opacity: .55;
}

/* Dropdown */
.cyf-nav__list .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	margin: 0;
	padding: 8px;
	list-style: none;
	background: var(--cyf-bg);
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	box-shadow: var(--cyf-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .18s var(--cyf-ease), transform .18s var(--cyf-ease), visibility .18s;
	z-index: 950;
}
.cyf-nav__list li:hover > .sub-menu,
.cyf-nav__list li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.cyf-nav__list .sub-menu li { margin: 0; }
.cyf-nav__list .sub-menu a {
	display: block;
	padding: .55em .8em;
	font-size: .875rem;
	font-weight: 500;
	color: var(--cyf-steel);
	border-radius: 4px;
}
.cyf-nav__list .sub-menu a:hover {
	background: var(--cyf-line-soft);
	color: var(--cyf-navy);
}
.cyf-nav__list .sub-menu .sub-menu { top: -8px; left: 100%; }

.cyf-header__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: none;
}

.cyf-cart-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: .55em .9em;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	font-size: .8125rem;
	font-weight: 600;
	color: var(--cyf-steel);
}
.cyf-cart-link:hover { border-color: var(--cyf-navy); color: var(--cyf-navy); }
.cyf-cart-link__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 19px; height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--cyf-amber);
	color: #231603;
	font-size: .6875rem;
	font-weight: 800;
}
.cyf-cart-link__count.is-empty { background: var(--cyf-line-soft); color: var(--cyf-slate); }

/* Mobile toggle */
.cyf-nav-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px; height: 44px;
	padding: 0;
	background: transparent;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	cursor: pointer;
	color: var(--cyf-navy);
}
.cyf-nav-toggle span,
.cyf-nav-toggle span::before,
.cyf-nav-toggle span::after {
	display: block;
	width: 18px; height: 2px;
	background: currentColor;
	border-radius: 2px;
	transition: transform .22s var(--cyf-ease), opacity .18s var(--cyf-ease);
}
.cyf-nav-toggle span { position: relative; }
.cyf-nav-toggle span::before,
.cyf-nav-toggle span::after {
	content: "";
	position: absolute;
	left: 0;
}
.cyf-nav-toggle span::before { top: -6px; }
.cyf-nav-toggle span::after { top: 6px; }
body.cyf-nav-open .cyf-nav-toggle span { background: transparent; }
body.cyf-nav-open .cyf-nav-toggle span::before { transform: translateY(6px) rotate(45deg); }
body.cyf-nav-open .cyf-nav-toggle span::after { transform: translateY(-6px) rotate(-45deg); }

/* ==========================================================================
   7. Hero
   ========================================================================== */

.cyf-hero {
	position: relative;
	background:
		linear-gradient(135deg, rgba(7, 26, 51, .95) 0%, rgba(11, 37, 69, .88) 55%, rgba(20, 49, 90, .82) 100%),
		var(--cyf-navy-deep);
	color: #dce7f2;
	overflow: hidden;
}
.cyf-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	opacity: .28;
}
.cyf-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(900px 420px at 88% 12%, rgba(240, 160, 32, .16), transparent 60%),
		radial-gradient(700px 380px at 8% 92%, rgba(31, 157, 104, .10), transparent 60%);
	pointer-events: none;
}
.cyf-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 56px;
	align-items: center;
	padding: 88px 0;
}
.cyf-hero h1 {
	color: #fff;
	font-size: clamp(2.1rem, 4.6vw, 3.35rem);
	line-height: 1.12;
	letter-spacing: -.028em;
	margin-bottom: 20px;
}
.cyf-hero h1 em {
	font-style: normal;
	color: var(--cyf-amber);
}
.cyf-hero__lead {
	font-size: 1.0625rem;
	line-height: 1.7;
	color: #b9c9dc;
	max-width: 560px;
	margin-bottom: 28px;
}
.cyf-hero__badges {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 28px;
	padding: 0;
	list-style: none;
}
.cyf-hero__badges li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 6px 12px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	font-size: .78125rem;
	font-weight: 600;
	color: #dce7f2;
}
.cyf-hero__badges svg { color: var(--cyf-amber); flex: none; }
.cyf-hero__cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.cyf-hero__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	padding-top: 32px;
	border-top: 1px solid rgba(255, 255, 255, .14);
}
.cyf-hero__stat-value {
	font-size: 1.65rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: -.02em;
	line-height: 1.1;
}
.cyf-hero__stat-label {
	font-size: .75rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #93a9c2;
	font-weight: 600;
	margin-top: 4px;
}

.cyf-hero__visual { position: relative; }
.cyf-hero__media {
	position: relative;
	aspect-ratio: 4 / 3.4;
	border-radius: var(--cyf-radius-lg);
	overflow: hidden;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .16);
	box-shadow: var(--cyf-shadow-lg);
}
.cyf-hero__media img {
	width: 100%; height: 100%;
	object-fit: cover;
}
.cyf-hero__media-float {
	position: absolute;
	right: -18px;
	bottom: -18px;
	width: 42%;
	aspect-ratio: 1;
	border-radius: var(--cyf-radius);
	overflow: hidden;
	border: 4px solid var(--cyf-navy-deep);
	box-shadow: var(--cyf-shadow-lg);
	background: rgba(255, 255, 255, .06);
}
.cyf-hero__media-float img { width: 100%; height: 100%; object-fit: cover; }

/* Image placeholder (used until real photos are supplied) */
.cyf-ph {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%; height: 100%;
	min-height: 160px;
	padding: 20px;
	text-align: center;
	background:
		repeating-linear-gradient(45deg, rgba(11, 37, 69, .035) 0 10px, transparent 10px 20px),
		var(--cyf-bg-alt);
	border: 2px dashed var(--cyf-line);
	border-radius: var(--cyf-radius);
	color: var(--cyf-slate);
}
.cyf-hero .cyf-ph,
.cyf-section--dark .cyf-ph {
	background:
		repeating-linear-gradient(45deg, rgba(255, 255, 255, .045) 0 10px, transparent 10px 20px),
		rgba(255, 255, 255, .04);
	border-color: rgba(255, 255, 255, .24);
	color: #93a9c2;
}
.cyf-ph__icon { opacity: .55; flex: none; }
.cyf-ph__label {
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: inherit;
}
.cyf-ph__hint { font-size: .8125rem; line-height: 1.5; max-width: 320px; }
.cyf-ph--cover img { position: absolute; inset: 0; }

/* ==========================================================================
   8. Trust bar
   ========================================================================== */

.cyf-trust {
	background: var(--cyf-bg);
	border-bottom: 1px solid var(--cyf-line);
	padding: 0;
}
.cyf-trust__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cyf-trust__list li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 22px 20px;
	border-right: 1px solid var(--cyf-line-soft);
}
.cyf-trust__list li:last-child { border-right: 0; }
.cyf-trust__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px; height: 38px;
	flex: none;
	border-radius: var(--cyf-radius);
	background: var(--cyf-line-soft);
	color: var(--cyf-navy);
}
.cyf-trust__title {
	font-size: .875rem;
	font-weight: 700;
	color: var(--cyf-navy);
	line-height: 1.3;
}
.cyf-trust__sub {
	font-size: .75rem;
	color: var(--cyf-slate);
	line-height: 1.4;
	margin-top: 2px;
}

/* ==========================================================================
   9. Category cards
   ========================================================================== */

.cyf-cat-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--cyf-bg);
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius-lg);
	overflow: hidden;
	transition: transform .2s var(--cyf-ease), box-shadow .2s var(--cyf-ease), border-color .2s var(--cyf-ease);
}
.cyf-cat-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--cyf-shadow-md);
	border-color: #c9d4e0;
}
.cyf-cat-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--cyf-bg-alt);
}
.cyf-cat-card__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .4s var(--cyf-ease);
}
.cyf-cat-card:hover .cyf-cat-card__media img { transform: scale(1.04); }
.cyf-cat-card__count {
	position: absolute;
	top: 12px; right: 12px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(7, 26, 51, .82);
	color: #fff;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .04em;
	backdrop-filter: blur(4px);
}
.cyf-cat-card__body { padding: 22px; flex: 1; display: flex; flex-direction: column; }
.cyf-cat-card__title { font-size: 1.1875rem; margin-bottom: 8px; }
.cyf-cat-card__title a { color: var(--cyf-navy); }
.cyf-cat-card__title a:hover { color: var(--cyf-amber-deep); }
.cyf-cat-card__desc {
	font-size: .875rem;
	color: var(--cyf-steel);
	line-height: 1.6;
	margin-bottom: 18px;
	flex: 1;
}
.cyf-cat-card__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: .8125rem;
	font-weight: 700;
	letter-spacing: .03em;
	color: var(--cyf-amber-deep);
	text-transform: uppercase;
}
.cyf-cat-card__link:hover { gap: 10px; }
.cyf-cat-card__subs {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}
.cyf-cat-card__subs li { margin: 0; }
.cyf-cat-card__subs a {
	display: inline-block;
	padding: 3px 9px;
	border: 1px solid var(--cyf-line);
	border-radius: 999px;
	font-size: .71875rem;
	font-weight: 600;
	color: var(--cyf-steel);
}
.cyf-cat-card__subs a:hover {
	border-color: var(--cyf-navy);
	color: var(--cyf-navy);
	background: var(--cyf-line-soft);
}

/* ==========================================================================
   10. Product cards
   ========================================================================== */

.cyf-filter {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 32px;
	padding: 0;
	list-style: none;
}
.cyf-filter__btn {
	padding: .5em 1.1em;
	border: 1px solid var(--cyf-line);
	border-radius: 999px;
	background: var(--cyf-bg);
	font-family: inherit;
	font-size: .8125rem;
	font-weight: 600;
	color: var(--cyf-steel);
	cursor: pointer;
	transition: all .18s var(--cyf-ease);
}
.cyf-filter__btn:hover { border-color: var(--cyf-navy); color: var(--cyf-navy); }
.cyf-filter__btn.is-active {
	background: var(--cyf-navy);
	border-color: var(--cyf-navy);
	color: #fff;
}

.cyf-products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--cyf-gap);
}
.cyf-products--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.cyf-product {
	display: flex;
	flex-direction: column;
	background: var(--cyf-bg);
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius-lg);
	overflow: hidden;
	transition: transform .2s var(--cyf-ease), box-shadow .2s var(--cyf-ease), border-color .2s var(--cyf-ease);
}
.cyf-product:hover {
	transform: translateY(-3px);
	box-shadow: var(--cyf-shadow-md);
	border-color: #c9d4e0;
}
.cyf-product.is-hidden { display: none; }
.cyf-product__media {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--cyf-bg-alt);
}
.cyf-product__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .4s var(--cyf-ease);
}
.cyf-product:hover .cyf-product__media img { transform: scale(1.05); }

.cyf-badge {
	position: absolute;
	top: 10px; left: 10px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 9px;
	border-radius: 4px;
	font-size: .6875rem;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
	line-height: 1.4;
}
.cyf-badge--quote { background: var(--cyf-navy); color: #fff; }
.cyf-badge--stock { background: var(--cyf-green); color: #fff; }
.cyf-badge--sale { background: var(--cyf-red); color: #fff; }
.cyf-badge--new  { background: var(--cyf-amber); color: #231603; }

.cyf-product__body {
	padding: 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.cyf-product__cat {
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--cyf-slate);
	margin-bottom: 7px;
}
.cyf-product__title {
	font-size: 1rem;
	line-height: 1.4;
	margin-bottom: 10px;
	font-weight: 600;
	letter-spacing: -.01em;
}
.cyf-product__title a { color: var(--cyf-navy); }
.cyf-product__title a:hover { color: var(--cyf-amber-deep); }
.cyf-product__model {
	display: inline-block;
	margin-bottom: 12px;
	padding: 2px 7px;
	background: var(--cyf-line-soft);
	border-radius: 3px;
	font-family: var(--cyf-font-mono);
	font-size: .71875rem;
	font-weight: 600;
	color: var(--cyf-steel);
}
.cyf-product__specs {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}
.cyf-product__specs li {
	margin: 0;
	padding: 3px 8px;
	border: 1px solid var(--cyf-line);
	border-radius: 3px;
	font-size: .6875rem;
	font-weight: 600;
	color: var(--cyf-steel);
}
.cyf-product__foot {
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid var(--cyf-line-soft);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}
.cyf-product__price {
	font-size: 1.0625rem;
	font-weight: 800;
	color: var(--cyf-navy);
	letter-spacing: -.01em;
}
.cyf-product__price del { color: var(--cyf-slate); font-weight: 500; font-size: .875rem; }
.cyf-product__price ins { text-decoration: none; color: var(--cyf-red); }
.cyf-product__price-note {
	display: block;
	font-size: .6875rem;
	font-weight: 600;
	color: var(--cyf-slate);
	letter-spacing: .02em;
}

/* WooCommerce price markup inside our cards */
.cyf-product__foot .woocommerce-Price-amount { font-weight: 800; color: var(--cyf-navy); }

/* Sample mode: price row + two-button action row under it */
.cyf-product__foot { flex-direction: column; align-items: stretch; }
.cyf-product__actions {
	display: flex;
	gap: 8px;
	width: 100%;
}
.cyf-product__actions .cyf-btn { flex: 1; padding: .6em .5em; font-size: .75rem; }

/* ==========================================================================
   11. Facility / capability section
   ========================================================================== */

.cyf-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 56px;
	align-items: center;
}
.cyf-split--reverse .cyf-split__media { order: 2; }

.cyf-media-stack { position: relative; }
.cyf-media-stack__main {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: var(--cyf-radius-lg);
	overflow: hidden;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .14);
}
.cyf-media-stack__main img { width: 100%; height: 100%; object-fit: cover; }
.cyf-media-stack__strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 12px;
}
.cyf-media-stack__strip > div {
	aspect-ratio: 1 / 1;
	border-radius: var(--cyf-radius);
	overflow: hidden;
	border: 1px solid var(--cyf-line);
	background: var(--cyf-bg-alt);
}
.cyf-media-stack__strip img { width: 100%; height: 100%; object-fit: cover; }

.cyf-feature-list {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}
.cyf-feature-list li {
	display: flex;
	gap: 14px;
	margin: 0 0 20px;
	padding: 0;
}
.cyf-feature-list__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px; height: 36px;
	flex: none;
	border-radius: var(--cyf-radius);
	background: rgba(240, 160, 32, .14);
	color: var(--cyf-amber);
}
.cyf-section--dark .cyf-feature-list__icon { background: rgba(240, 160, 32, .16); }
.cyf-feature-list h3,
.cyf-feature-list h4 { font-size: 1rem; margin-bottom: 4px; }
.cyf-feature-list p {
	font-size: .875rem;
	line-height: 1.6;
	color: var(--cyf-steel);
	margin: 0;
}
.cyf-section--dark .cyf-feature-list p { color: #a8bdd4; }

.cyf-quote-block {
	margin: 32px 0 0;
	padding: 24px 26px;
	border-left: 3px solid var(--cyf-amber);
	background: rgba(255, 255, 255, .05);
	border-radius: 0 var(--cyf-radius) var(--cyf-radius) 0;
}
.cyf-quote-block p {
	font-size: .9375rem;
	font-style: italic;
	line-height: 1.7;
	color: #cddae8;
	margin: 0 0 10px;
}
.cyf-quote-block cite {
	font-size: .78125rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--cyf-amber);
}

/* ==========================================================================
   12. Applications
   ========================================================================== */

.cyf-app-card {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: var(--cyf-radius-lg);
	overflow: hidden;
	background: var(--cyf-navy-soft);
}
.cyf-app-card img {
	width: 100%; height: 100%;
	object-fit: cover;
	opacity: .55;
	transition: transform .4s var(--cyf-ease), opacity .3s var(--cyf-ease);
}
.cyf-app-card:hover img { transform: scale(1.05); opacity: .4; }
.cyf-app-card__overlay {
	position: absolute;
	inset: auto 0 0 0;
	padding: 20px;
	background: linear-gradient(to top, rgba(7, 26, 51, .94), rgba(7, 26, 51, .55) 60%, transparent);
}
.cyf-app-card__title {
	color: #fff;
	font-size: 1.0625rem;
	margin-bottom: 4px;
}
.cyf-app-card__meta {
	font-size: .78125rem;
	color: #a8bdd4;
}

/* ==========================================================================
   13. Downloads & certifications
   ========================================================================== */

.cyf-doc {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	background: var(--cyf-bg);
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	transition: border-color .18s var(--cyf-ease), box-shadow .18s var(--cyf-ease), transform .18s var(--cyf-ease);
}
.cyf-doc:hover {
	border-color: #c9d4e0;
	box-shadow: var(--cyf-shadow-sm);
	transform: translateY(-2px);
}
.cyf-doc__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	flex: none;
	border-radius: var(--cyf-radius);
	background: var(--cyf-line-soft);
	color: var(--cyf-navy);
	font-size: .625rem;
	font-weight: 800;
	letter-spacing: .04em;
}
.cyf-doc__body { flex: 1; min-width: 0; }
.cyf-doc__title {
	font-size: .875rem;
	font-weight: 700;
	color: var(--cyf-navy);
	line-height: 1.35;
}
.cyf-doc__meta {
	font-size: .71875rem;
	color: var(--cyf-slate);
	margin-top: 3px;
}
.cyf-doc__action { flex: none; color: var(--cyf-amber-deep); }
.cyf-doc:hover .cyf-doc__action { color: var(--cyf-navy); }

.cyf-cert-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}
.cyf-cert {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 22px 16px;
	background: var(--cyf-bg);
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	text-align: center;
}
.cyf-cert__mark {
	font-size: 1.125rem;
	font-weight: 800;
	letter-spacing: .04em;
	color: var(--cyf-navy);
}
.cyf-cert__name { font-size: .78125rem; color: var(--cyf-slate); }

.cyf-note {
	margin-top: 24px;
	padding: 16px 20px;
	border-left: 3px solid var(--cyf-amber);
	background: #fffbf3;
	border-radius: 0 var(--cyf-radius) var(--cyf-radius) 0;
	font-size: .875rem;
	line-height: 1.65;
	color: var(--cyf-steel);
}
.cyf-note strong { color: var(--cyf-navy); }
.cyf-note p:last-child { margin-bottom: 0; }

/* ==========================================================================
   14. News / posts
   ========================================================================== */

.cyf-post-card {
	display: flex;
	flex-direction: column;
	background: var(--cyf-bg);
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius-lg);
	overflow: hidden;
	transition: transform .2s var(--cyf-ease), box-shadow .2s var(--cyf-ease), border-color .2s var(--cyf-ease);
}
.cyf-post-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--cyf-shadow-md);
	border-color: #c9d4e0;
}
.cyf-post-card__media {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--cyf-bg-alt);
}
.cyf-post-card__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .4s var(--cyf-ease);
}
.cyf-post-card:hover .cyf-post-card__media img { transform: scale(1.04); }

/* Generated brand cover — used when a post has no featured image,
   so mixed rows (with/without images) never look broken or empty. */
.cyf-post-card__media--gen {
	background: linear-gradient(135deg, var(--cyf-navy-soft) 0%, var(--cyf-navy) 55%, var(--cyf-navy-deep) 100%);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.cyf-post-card__media--gen::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1.4px);
	background-size: 22px 22px;
}
.cyf-post-card__media--gen::after {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: var(--cyf-radius-sm);
	pointer-events: none;
}
.cyf-gen__mark { color: var(--cyf-amber); position: relative; z-index: 1; display: flex; }
.cyf-gen__kicker {
	position: relative;
	z-index: 1;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .78);
}
.cyf-post-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.cyf-post-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: .71875rem;
	color: var(--cyf-slate);
	margin-bottom: 10px;
	flex-wrap: wrap;
}
.cyf-post-card__cat {
	padding: 2px 8px;
	border-radius: 3px;
	background: var(--cyf-line-soft);
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--cyf-steel);
}
.cyf-post-card__title { font-size: 1.0625rem; line-height: 1.4; margin-bottom: 10px; }
.cyf-post-card__title a { color: var(--cyf-navy); }
.cyf-post-card__title a:hover { color: var(--cyf-amber-deep); }
.cyf-post-card__excerpt {
	font-size: .875rem;
	line-height: 1.6;
	color: var(--cyf-steel);
	margin-bottom: 16px;
	flex: 1;
}
.cyf-post-card__more {
	font-size: .8125rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--cyf-amber-deep);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.cyf-post-card__more:hover { gap: 10px; color: var(--cyf-navy); }

/* Generic blog/archive list */
.cyf-post-list { display: grid; gap: 28px; }
.cyf-post-row {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 28px;
	padding-bottom: 28px;
	border-bottom: 1px solid var(--cyf-line);
}
.cyf-post-row:last-child { border-bottom: 0; padding-bottom: 0; }
.cyf-post-row__media {
	aspect-ratio: 16 / 10;
	border-radius: var(--cyf-radius);
	overflow: hidden;
	background: var(--cyf-bg-alt);
	border: 1px solid var(--cyf-line);
}
.cyf-post-row__media img { width: 100%; height: 100%; object-fit: cover; }
.cyf-post-row__title { font-size: 1.375rem; margin-bottom: 10px; }
.cyf-post-row__title a { color: var(--cyf-navy); }
.cyf-post-row__title a:hover { color: var(--cyf-amber-deep); }

/* ==========================================================================
   15. CTA / RFQ
   ========================================================================== */

.cyf-cta {
	position: relative;
	overflow: hidden;
	background: var(--cyf-bg-dark);
	color: #dce7f2;
}
.cyf-cta::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(760px 380px at 82% 20%, rgba(240, 160, 32, .18), transparent 62%);
	pointer-events: none;
}
.cyf-cta__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
	gap: 56px;
	align-items: start;
}
.cyf-cta h2 { color: #fff; }
.cyf-cta__lead { color: #b9c9dc; font-size: 1.0625rem; }
.cyf-cta__points {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}
.cyf-cta__points li {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin: 0 0 13px;
	font-size: .9375rem;
	color: #cddae8;
}
.cyf-cta__points svg { color: var(--cyf-green); flex: none; margin-top: 4px; }

.cyf-form-card {
	background: var(--cyf-bg);
	border-radius: var(--cyf-radius-lg);
	padding: 30px;
	box-shadow: var(--cyf-shadow-lg);
	color: var(--cyf-navy);
}
.cyf-form-card h3 { font-size: 1.25rem; margin-bottom: 6px; }
.cyf-form-card > p { font-size: .875rem; color: var(--cyf-steel); margin-bottom: 22px; }

.cyf-field { margin-bottom: 16px; }
.cyf-field label {
	display: block;
	font-size: .78125rem;
	font-weight: 700;
	letter-spacing: .03em;
	color: var(--cyf-navy);
	margin-bottom: 6px;
}
.cyf-field label .req { color: var(--cyf-red); }
.cyf-field input[type="text"],
.cyf-field input[type="email"],
.cyf-field input[type="tel"],
.cyf-field input[type="url"],
.cyf-field input[type="search"],
.cyf-field input[type="number"],
.cyf-field select,
.cyf-field textarea,
.cyf-form input[type="text"],
.cyf-form input[type="email"],
.cyf-form input[type="tel"],
.cyf-form input[type="url"],
.cyf-form input[type="search"],
.cyf-form input[type="number"],
.cyf-form select,
.cyf-form textarea {
	width: 100%;
	padding: .7em .9em;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	background: var(--cyf-bg);
	font-family: inherit;
	font-size: .9375rem;
	color: var(--cyf-navy);
	transition: border-color .18s var(--cyf-ease), box-shadow .18s var(--cyf-ease);
}
.cyf-field textarea, .cyf-form textarea { min-height: 110px; resize: vertical; }
.cyf-field input:focus,
.cyf-field select:focus,
.cyf-field textarea:focus,
.cyf-form input:focus,
.cyf-form select:focus,
.cyf-form textarea:focus {
	border-color: var(--cyf-navy);
	box-shadow: 0 0 0 3px rgba(11, 37, 69, .1);
	outline: none;
}
.cyf-field--row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cyf-field__error {
	display: none;
	margin-top: 5px;
	font-size: .75rem;
	font-weight: 600;
	color: var(--cyf-red);
}
.cyf-field.has-error input,
.cyf-field.has-error select,
.cyf-field.has-error textarea { border-color: var(--cyf-red); }
.cyf-field.has-error .cyf-field__error { display: block; }
.cyf-form__consent {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	font-size: .78125rem;
	color: var(--cyf-steel);
	line-height: 1.55;
	margin-bottom: 18px;
}
.cyf-form__consent input { margin-top: 3px; flex: none; }
.cyf-form__note {
	font-size: .75rem;
	color: var(--cyf-slate);
	line-height: 1.55;
	margin: 14px 0 0;
}
.cyf-form__status {
	display: none;
	margin-top: 16px;
	padding: 14px 16px;
	border-radius: var(--cyf-radius);
	font-size: .875rem;
	line-height: 1.55;
}
.cyf-form__status.is-success {
	display: block;
	background: var(--cyf-green-soft);
	color: #14653f;
	border: 1px solid #bfe4d3;
}
.cyf-form__status.is-error {
	display: block;
	background: #fdecea;
	color: #93261a;
	border: 1px solid #f3c8c2;
}

/* ==========================================================================
   16. Page header (inner pages)
   ========================================================================== */

.cyf-page-head {
	background: var(--cyf-bg-alt);
	border-bottom: 1px solid var(--cyf-line);
	padding: 44px 0;
}
.cyf-page-head h1 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 10px; }
.cyf-page-head__desc {
	color: var(--cyf-steel);
	font-size: 1rem;
	max-width: 720px;
	margin: 0;
}
.cyf-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	font-size: .78125rem;
	color: var(--cyf-slate);
	margin-bottom: 14px;
	padding: 0;
	list-style: none;
}
.cyf-breadcrumb li { margin: 0; display: flex; align-items: center; gap: 8px; }
.cyf-breadcrumb li + li::before { content: "/"; opacity: .45; }
.cyf-breadcrumb a { color: var(--cyf-steel); font-weight: 600; }
.cyf-breadcrumb a:hover { color: var(--cyf-amber-deep); }
.cyf-breadcrumb .current { color: var(--cyf-navy); font-weight: 700; }

/* ==========================================================================
   17. Content area (pages, single post, archives)
   ========================================================================== */

.cyf-main { padding: 56px 0 72px; }
.cyf-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 48px;
	align-items: start;
}
.cyf-layout--full { grid-template-columns: minmax(0, 1fr); }

.cyf-entry { font-size: 1rem; line-height: 1.75; color: #22344a; }
.cyf-entry > *:first-child { margin-top: 0; }
.cyf-entry h2 { margin-top: 2em; }
.cyf-entry h3 { margin-top: 1.7em; }
.cyf-entry a { color: var(--cyf-amber-deep); text-decoration: underline; text-underline-offset: 2px; }
.cyf-entry a:hover { color: var(--cyf-navy); }
.cyf-entry ul, .cyf-entry ol { padding-left: 1.5em; }
.cyf-entry img { border-radius: var(--cyf-radius); }

.cyf-entry-meta {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	font-size: .8125rem;
	color: var(--cyf-slate);
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--cyf-line);
}
.cyf-entry-meta span { display: inline-flex; align-items: center; gap: 6px; }
.cyf-entry-meta a { color: var(--cyf-steel); font-weight: 600; }
.cyf-entry-meta a:hover { color: var(--cyf-amber-deep); }

.cyf-entry-footer {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--cyf-line);
}
.cyf-tags { display: flex; gap: 8px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.cyf-tags li { margin: 0; }
.cyf-tags a {
	display: inline-block;
	padding: 4px 11px;
	border: 1px solid var(--cyf-line);
	border-radius: 999px;
	font-size: .75rem;
	font-weight: 600;
	color: var(--cyf-steel);
}
.cyf-tags a:hover { border-color: var(--cyf-navy); color: var(--cyf-navy); background: var(--cyf-line-soft); }

.cyf-post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 32px;
}
.cyf-post-nav a {
	/* MUST be block: the label span inside is display:block, and an inline
	   <a> wrapping a block child splits its border into fragments (the
	   "tiny broken box" bug seen on post navigation cards). */
	display: block;
	padding: 16px 18px;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	font-size: .875rem;
	font-weight: 600;
	color: var(--cyf-steel);
	transition: border-color .18s var(--cyf-ease), color .18s var(--cyf-ease), box-shadow .18s var(--cyf-ease);
}
.cyf-post-nav a:hover { border-color: var(--cyf-navy); color: var(--cyf-navy); box-shadow: var(--cyf-shadow-sm); }
.cyf-post-nav__label {
	display: block;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--cyf-slate);
	margin-bottom: 6px;
}
.cyf-post-nav .nav-next { text-align: right; }

/* Sidebar */
.cyf-sidebar { position: sticky; top: calc(var(--cyf-header-h) + 24px); }
.cyf-widget { margin-bottom: 32px; }
.cyf-widget__title {
	font-size: .8125rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--cyf-navy);
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--cyf-navy);
}
.cyf-widget ul { margin: 0; padding: 0; list-style: none; }
.cyf-widget li { margin: 0; border-bottom: 1px solid var(--cyf-line-soft); }
.cyf-widget li:last-child { border-bottom: 0; }
.cyf-widget li a {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: .6em 0;
	font-size: .875rem;
	color: var(--cyf-steel);
	font-weight: 500;
}
.cyf-widget li a:hover { color: var(--cyf-amber-deep); }
.cyf-widget .count { font-size: .75rem; color: var(--cyf-slate); font-weight: 600; }

/* Pagination */
.cyf-pagination {
	display: flex;
	gap: 6px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--cyf-line);
}
.cyf-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px; height: 40px;
	padding: 0 12px;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	font-size: .875rem;
	font-weight: 600;
	color: var(--cyf-steel);
}
.cyf-pagination .page-numbers:hover { border-color: var(--cyf-navy); color: var(--cyf-navy); }
.cyf-pagination .page-numbers.current {
	background: var(--cyf-navy);
	border-color: var(--cyf-navy);
	color: #fff;
}
.cyf-pagination .page-numbers.dots { border-color: transparent; }

/* ==========================================================================
   18. Footer
   ========================================================================== */

.cyf-footer {
	background: var(--cyf-navy-deep);
	color: #a8bdd4;
	font-size: .875rem;
	padding-top: 64px;
}
.cyf-footer a { color: #cddae8; }
.cyf-footer a:hover { color: var(--cyf-amber); }
.cyf-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
	gap: 40px;
	padding-bottom: 48px;
}
.cyf-footer__brand { display: flex; flex-direction: column; gap: 18px; }
.cyf-footer__logo img { max-height: 44px; width: auto; }
.cyf-footer__name {
	font-size: 1.25rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: -.02em;
}
.cyf-footer__about { line-height: 1.7; color: #93a9c2; margin: 0; max-width: 340px; }
.cyf-footer__contact { margin: 0; padding: 0; list-style: none; }
.cyf-footer__contact li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin-bottom: 11px;
	line-height: 1.55;
}
.cyf-footer__contact svg { flex: none; margin-top: 3px; color: var(--cyf-amber); opacity: .85; }
.cyf-footer__social { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cyf-footer__social li { margin: 0; }
.cyf-footer__social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px; height: 36px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: var(--cyf-radius);
	color: #cddae8;
	transition: all .18s var(--cyf-ease);
}
.cyf-footer__social a:hover {
	background: var(--cyf-amber);
	border-color: var(--cyf-amber);
	color: #231603;
}
.cyf-footer__col h4 {
	font-size: .8125rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 18px;
}
.cyf-footer__menu { margin: 0; padding: 0; list-style: none; }
.cyf-footer__menu li { margin-bottom: 10px; }
.cyf-footer__menu a {
	font-size: .875rem;
	color: #93a9c2;
	transition: color .18s var(--cyf-ease), padding-left .18s var(--cyf-ease);
}
.cyf-footer__menu a:hover { color: var(--cyf-amber); padding-left: 4px; }
.cyf-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 22px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	font-size: .78125rem;
	color: #7d94ad;
}
.cyf-footer__bottom ul {
	display: flex;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}
.cyf-footer__bottom li { margin: 0; }
.cyf-footer__bottom a { color: #93a9c2; }

/* ==========================================================================
   19. WooCommerce adaptations
   ========================================================================== */

.woocommerce .cyf-woo-wrap,
.cyf-woo-wrap { padding: 48px 0 72px; }

/* Result count / ordering bar */
.woocommerce-result-count {
	font-size: .875rem;
	color: var(--cyf-steel);
	margin: 0 0 20px;
}
.woocommerce-ordering { margin: 0 0 20px; }
.woocommerce-ordering select {
	padding: .55em .9em;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	font-family: inherit;
	font-size: .875rem;
	color: var(--cyf-navy);
	background: var(--cyf-bg);
}
.woocommerce .woocommerce-ordering { float: right; }

/* Product grid — align WooCommerce loop with our card system */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--cyf-gap);
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}
.woocommerce ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	background: var(--cyf-bg);
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius-lg);
	overflow: hidden;
	transition: transform .2s var(--cyf-ease), box-shadow .2s var(--cyf-ease), border-color .2s var(--cyf-ease);
	text-align: left;
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-3px);
	box-shadow: var(--cyf-shadow-md);
	border-color: #c9d4e0;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: block; }
.woocommerce ul.products li.product img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0 !important;
	border-radius: 0;
	transition: transform .4s var(--cyf-ease);
}
.woocommerce ul.products li.product:hover img { transform: scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 18px 18px 6px !important;
	margin: 0;
	font-size: 1rem !important;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -.01em;
	color: var(--cyf-navy);
}
.woocommerce ul.products li.product .price {
	padding: 0 18px 14px !important;
	margin: 0 !important;
	font-size: 1.0625rem !important;
	font-weight: 800;
	color: var(--cyf-navy);
	display: block;
}
.woocommerce ul.products li.product .price del { color: var(--cyf-slate) !important; font-weight: 500; font-size: .875rem; }
.woocommerce ul.products li.product .price ins { color: var(--cyf-red) !important; text-decoration: none; }
.woocommerce span.price.cyf-poas {
	display: block;
	padding: 0 18px 14px !important;
	font-size: 1rem !important;
	font-weight: 800;
	color: var(--cyf-navy);
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
	display: block;
	margin: 0 18px 18px !important;
	padding: .65em 1em;
	background: var(--cyf-navy);
	color: #fff;
	border-radius: var(--cyf-radius);
	font-size: .8125rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .02em;
	transition: background-color .18s var(--cyf-ease);
}
.woocommerce ul.products li.product .button:hover { background: var(--cyf-amber); color: #231603; }
.woocommerce ul.products li.product .added_to_cart {
	margin-top: 8px !important;
	background: var(--cyf-green-soft);
	color: #14653f;
}
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 10px; left: 10px;
	margin: 0;
	padding: 4px 9px;
	min-height: 0; min-width: 0;
	/* Do NOT stretch into a full-width bar inside the flex card. */
	display: inline-flex;
	width: auto;
	align-self: flex-start;
	flex: none;
	border-radius: 4px;
	background: var(--cyf-red);
	color: #fff;
	font-size: .6875rem;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
	line-height: 1.4;
	z-index: 2;
}
.woocommerce ul.products li.product { position: relative; }

/* Star rating */
.woocommerce .star-rating { color: var(--cyf-amber); font-size: .8125rem; }
.woocommerce p.stars a { color: var(--cyf-amber); }

/* Single product */
.woocommerce div.product { position: relative; }
.woocommerce div.product .product_title {
	font-size: clamp(1.5rem, 3vw, 2.1rem);
	line-height: 1.22;
	letter-spacing: -.02em;
	margin-bottom: 12px;
}
.woocommerce div.product .price {
	font-size: 1.5rem !important;
	font-weight: 800;
	color: var(--cyf-navy) !important;
	margin-bottom: 22px !important;
}
.woocommerce div.product .price del { color: var(--cyf-slate) !important; }
.woocommerce div.product .woocommerce-product-details__short-description {
	font-size: .9375rem;
	line-height: 1.7;
	color: var(--cyf-steel);
	margin-bottom: 26px;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--cyf-line);
}
.woocommerce div.product .product_meta {
	font-size: .8125rem;
	color: var(--cyf-slate);
	padding-top: 20px;
	border-top: 1px solid var(--cyf-line);
}
.woocommerce div.product .product_meta > span { display: block; margin-bottom: 7px; }
.woocommerce div.product .product_meta a { color: var(--cyf-steel); font-weight: 600; }
.woocommerce div.product .product_meta a:hover { color: var(--cyf-amber-deep); }

.woocommerce div.product div.images { margin-bottom: 32px; }
.woocommerce div.product div.images img { border-radius: var(--cyf-radius-lg); border: 1px solid var(--cyf-line); }
.woocommerce div.product div.images .flex-control-thumbs { margin-top: 12px; }
.woocommerce div.product div.images .flex-control-thumbs li img { border-radius: var(--cyf-radius); }

/* Buttons in Woo */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
	padding: .85em 1.7em !important;
	background: var(--cyf-navy) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--cyf-radius) !important;
	font-family: inherit !important;
	font-size: .9375rem !important;
	font-weight: 700 !important;
	letter-spacing: .01em;
	line-height: 1.3 !important;
	cursor: pointer;
	transition: background-color .18s var(--cyf-ease), transform .12s var(--cyf-ease) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--cyf-amber) !important;
	color: #231603 !important;
	transform: translateY(-1px);
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
	opacity: .5 !important;
	cursor: not-allowed !important;
	transform: none !important;
}

/* Quantity */
.woocommerce .quantity .qty {
	width: 74px !important;
	padding: .7em .5em !important;
	border: 1px solid var(--cyf-line) !important;
	border-radius: var(--cyf-radius) !important;
	font-family: inherit !important;
	font-size: .9375rem !important;
	text-align: center;
	color: var(--cyf-navy);
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs { margin-top: 48px !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0 !important;
	margin: 0 0 28px !important;
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--cyf-line);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: .8em 1.4em !important;
	font-weight: 700 !important;
	font-size: .9375rem;
	color: var(--cyf-slate) !important;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--cyf-navy) !important;
	border-bottom-color: var(--cyf-amber);
}
.woocommerce div.product .woocommerce-tabs .panel { padding: 0 !important; margin: 0 !important; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { font-size: 1.25rem; }

/* Attributes / additional info table */
.woocommerce table.shop_attributes {
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	overflow: hidden;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
	padding: .85em 1em !important;
	border-bottom: 1px solid var(--cyf-line-soft) !important;
	font-size: .875rem;
}
.woocommerce table.shop_attributes th {
	background: var(--cyf-bg-alt) !important;
	font-weight: 700;
	width: 34%;
	color: var(--cyf-navy);
}
.woocommerce table.shop_attributes td { color: var(--cyf-steel); font-style: normal !important; }
.woocommerce table.shop_attributes .alt td,
.woocommerce table.shop_attributes .alt th { background: #fcfdfe !important; }

/* Cart & checkout tables */
.woocommerce table.shop_table {
	border: 1px solid var(--cyf-line) !important;
	border-radius: var(--cyf-radius) !important;
	border-collapse: separate !important;
	margin-bottom: 28px !important;
}
.woocommerce table.shop_table th {
	background: var(--cyf-bg-alt);
	font-size: .78125rem;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--cyf-navy);
	padding: .9em 1em !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cyf-line) !important;
}
.woocommerce table.shop_table td {
	padding: .9em 1em !important;
	border-top: 1px solid var(--cyf-line-soft) !important;
	font-size: .9375rem;
	color: var(--cyf-steel);
	vertical-align: middle;
}
.woocommerce table.shop_table td.product-name a { color: var(--cyf-navy); font-weight: 600; }
.woocommerce table.shop_table td.product-name a:hover { color: var(--cyf-amber-deep); }
.woocommerce table.shop_table .product-remove a.remove { color: var(--cyf-red) !important; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals { width: 100% !important; float: none !important; }
.woocommerce-cart .cart-collaterals { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 400px); gap: 40px; align-items: start; }

/* Forms in Woo */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce #reviews #comment,
.woocommerce-page form .form-row input.input-text {
	padding: .75em .9em !important;
	border: 1px solid var(--cyf-line) !important;
	border-radius: var(--cyf-radius) !important;
	font-family: inherit !important;
	font-size: .9375rem !important;
	color: var(--cyf-navy) !important;
	width: 100%;
}
.woocommerce form .form-row label {
	font-size: .78125rem;
	font-weight: 700;
	color: var(--cyf-navy);
	margin-bottom: 6px;
}
.woocommerce form .form-row { margin-bottom: 16px; }
.woocommerce form .form-row.woocommerce-invalid .input-text { border-color: var(--cyf-red) !important; }
.woocommerce form .form-row.woocommerce-validated .input-text { border-color: var(--cyf-green) !important; }

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message {
	padding: 16px 20px !important;
	border-radius: var(--cyf-radius) !important;
	border: 1px solid !important;
	border-left-width: 4px !important;
	font-size: .9375rem !important;
	margin-bottom: 24px !important;
	background: var(--cyf-bg-alt) !important;
	color: var(--cyf-navy) !important;
}
.woocommerce-message { border-color: #bfe4d3 !important; border-left-color: var(--cyf-green) !important; background: var(--cyf-green-soft) !important; }
.woocommerce-info { border-color: var(--cyf-line) !important; border-left-color: var(--cyf-navy) !important; }
.woocommerce-error { border-color: #f3c8c2 !important; border-left-color: var(--cyf-red) !important; background: #fdecea !important; color: #93261a !important; }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; }

/* Category header on shop archives */
.woocommerce .term-description,
.woocommerce-page .term-description {
	font-size: .9375rem;
	line-height: 1.7;
	color: var(--cyf-steel);
	max-width: 820px;
	margin-bottom: 28px;
}
.woocommerce .term-description p:last-child { margin-bottom: 0; }

/* Quote-required mode (combiner boxes) */
body.cyf-quote-mode .woocommerce div.product .price,
body.cyf-quote-mode .woocommerce ul.products li.product .price,
body.cyf-quote-mode .woocommerce div.product form.cart,
body.cyf-quote-mode .woocommerce ul.products li.product .add_to_cart_button {
	display: none !important;
}
.cyf-quote-panel {
	padding: 22px;
	background: var(--cyf-bg-alt);
	border: 1px solid var(--cyf-line);
	border-left: 3px solid var(--cyf-amber);
	border-radius: var(--cyf-radius);
	margin-bottom: 26px;
}
.cyf-quote-panel__title {
	font-size: 1rem;
	font-weight: 800;
	color: var(--cyf-navy);
	margin-bottom: 6px;
}
.cyf-quote-panel__text {
	font-size: .875rem;
	color: var(--cyf-steel);
	line-height: 1.6;
	margin: 0 0 16px;
}
.cyf-quote-panel__meta {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
	font-size: .8125rem;
}
.cyf-quote-panel__meta li { margin: 0; display: flex; align-items: center; gap: 6px; color: var(--cyf-steel); }
.cyf-quote-panel__meta strong { color: var(--cyf-navy); }

/* Variation swatch selected state — brand amber (plugin class: cfvsw-selected-*)
   Loop-card variant keeps HIGHER specificity than the steel chip rule above. */
.woocommerce ul.products li.product .cfvsw-swatches-option.cfvsw-selected-label .cfvsw-swatch-inner,
.woocommerce ul.products li.product .cfvsw-swatches-option.cfvsw-selected-swatch .cfvsw-swatch-inner {
	color: #fff !important;
	background: transparent !important;
}
.cfvsw-swatches-option.cfvsw-selected-label,
.cfvsw-swatches-option.cfvsw-selected-swatch,
.cfvsw-swatches-container .cfvsw-selected-label,
.cfvsw-swatches-container .cfvsw-selected-swatch {
	background: var(--cyf-navy) !important;
	border-color: var(--cyf-navy) !important;
}
.cfvsw-swatches-option.cfvsw-selected-label .cfvsw-swatch-inner,
.cfvsw-swatches-option.cfvsw-selected-swatch .cfvsw-swatch-inner {
	color: #fff !important;
	background: transparent !important;
}
.cfvsw-swatches-option:hover {
	border-color: var(--cyf-amber-deep) !important;
}

/* Sample mode: slim bulk-quote bar alongside native add-to-cart */
.cyf-quote-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	margin: 18px 0 22px;
	padding: 12px 16px;
	background: var(--cyf-bg-alt);
	border: 1px solid var(--cyf-line);
	border-left: 3px solid var(--cyf-amber);
	border-radius: var(--cyf-radius);
}
.cyf-quote-bar__text {
	font-size: .8125rem;
	color: var(--cyf-steel);
	line-height: 1.5;
	flex: 1;
	min-width: 220px;
}

/* Add-to-cart + quote bar stacking on single product */
.woocommerce div.product form.cart { margin-bottom: 8px; }

/* ==========================================================================
   24c3. OVERRIDES AT FILE END — defeat later-loaded plugin CSS
   (header-footer-elementor woo-products.css forces .onsale into a
   full-width block bar over shop cards; loaded BEFORE theme css but with
   equal specificity, so restate last + higher specificity to win).
   ========================================================================== */
.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale,
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 10px;
	left: 10px;
	right: auto;
	display: inline-flex;
	width: auto;
	min-width: 0;
	min-height: 0;
	line-height: 1.4;
	padding: 4px 9px;
	margin: 0;
	border-radius: 4px;
	background-color: var(--cyf-red);
	color: #fff;
	font-size: .6875rem;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-align: center;
	z-index: 2;
}

/* My account */
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	margin-bottom: 28px;
}
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; }
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid var(--cyf-line);
}
.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; float: none; width: auto; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: .7em 1.2em;
	font-size: .875rem;
	font-weight: 600;
	color: var(--cyf-slate);
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--cyf-navy);
	border-bottom-color: var(--cyf-amber);
}

/* Widgets in Woo */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: var(--cyf-amber) !important; }

/* ==========================================================================
   20. Comments
   ========================================================================== */

.cyf-comments { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--cyf-line); }
.cyf-comments__title { font-size: 1.25rem; margin-bottom: 24px; }
.cyf-comments ol.comment-list { margin: 0; padding: 0; list-style: none; }
.cyf-comments ol.comment-list ol.children { margin: 16px 0 0 32px; padding: 0; list-style: none; }
.cyf-comments li.comment { margin-bottom: 20px; }
.cyf-comments .comment-body {
	padding: 20px;
	background: var(--cyf-bg-alt);
	border-radius: var(--cyf-radius);
	border: 1px solid var(--cyf-line-soft);
}
.cyf-comments .comment-author { font-size: .875rem; font-weight: 700; color: var(--cyf-navy); }
.cyf-comments .comment-author img { border-radius: 50%; float: left; margin-right: 12px; }
.cyf-comments .comment-metadata {
	font-size: .75rem;
	color: var(--cyf-slate);
	margin: 4px 0 12px;
}
.cyf-comments .comment-metadata a { color: var(--cyf-slate); }
.cyf-comments .comment-content { font-size: .9375rem; line-height: 1.7; color: var(--cyf-steel); }
.cyf-comments .comment-content p:last-child { margin-bottom: 0; }
.cyf-comments .reply { margin-top: 10px; font-size: .8125rem; font-weight: 700; }
.cyf-comments #respond { margin-top: 32px; }
.cyf-comments .comment-form p { margin-bottom: 14px; }
.cyf-comments .comment-form label {
	display: block;
	font-size: .78125rem;
	font-weight: 700;
	color: var(--cyf-navy);
	margin-bottom: 6px;
}
.cyf-comments .comment-form input[type="text"],
.cyf-comments .comment-form input[type="email"],
.cyf-comments .comment-form input[type="url"],
.cyf-comments .comment-form textarea {
	width: 100%;
	padding: .7em .9em;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	font-family: inherit;
	font-size: .9375rem;
	color: var(--cyf-navy);
}
.cyf-comments .comment-form textarea { min-height: 130px; }
.cyf-comments .comment-form .form-submit { margin-top: 18px; }
.cyf-comments .comment-form input[type="submit"] {
	padding: .8em 1.8em;
	background: var(--cyf-navy);
	color: #fff;
	border: 0;
	border-radius: var(--cyf-radius);
	font-family: inherit;
	font-size: .9375rem;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .18s var(--cyf-ease);
}
.cyf-comments .comment-form input[type="submit"]:hover { background: var(--cyf-amber); color: #231603; }
.cyf-comments .comment-notes,
.cyf-comments .logged-in-as { font-size: .8125rem; color: var(--cyf-slate); }
.cyf-comments .no-comments { font-size: .9375rem; color: var(--cyf-slate); }

/* ==========================================================================
   21. Scroll reveal
   Only opacity/transform are animated so CLS stays at zero.
   The .js-reveal class is added by JS: if the script fails or is delayed by a
   cache plugin, content remains fully visible.
   ========================================================================== */

.js-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .55s var(--cyf-ease), transform .55s var(--cyf-ease);
	transition-delay: var(--cyf-reveal-delay, 0ms);
	will-change: opacity, transform;
}
.js-reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.js-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
	*, *::before, *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}

/* ==========================================================================
   22. Utilities
   ========================================================================== */

.cyf-text-center { text-align: center; }
.cyf-mt-0 { margin-top: 0 !important; }
.cyf-mb-0 { margin-bottom: 0 !important; }
.cyf-mt-24 { margin-top: 24px !important; }
.cyf-mb-24 { margin-bottom: 24px !important; }
.cyf-mt-40 { margin-top: 40px !important; }
.cyf-muted { color: var(--cyf-slate) !important; }
.cyf-small { font-size: .8125rem; }
.cyf-mono { font-family: var(--cyf-font-mono); }
.cyf-empty {
	padding: 56px 24px;
	text-align: center;
	background: var(--cyf-bg-alt);
	border: 1px dashed var(--cyf-line);
	border-radius: var(--cyf-radius-lg);
	color: var(--cyf-slate);
	font-size: .9375rem;
}

/* ==========================================================================
   23. Responsive
   ========================================================================== */

@media (max-width: 1180px) {
	.woocommerce ul.products,
	.cyf-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cyf-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cyf-cert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cyf-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cyf-trust__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cyf-trust__list li:nth-child(3) { border-right: 0; }
	.cyf-trust__list li:nth-child(n+4) { border-top: 1px solid var(--cyf-line-soft); }
}

@media (max-width: 992px) {
	:root { --cyf-header-h: 72px; }

	.cyf-nav-toggle { display: flex; }

	.cyf-nav {
		position: fixed;
		top: 0; right: 0; bottom: 0;
		width: min(340px, 86vw);
		/* NOTE: nested inside .cyf-site-header (z-index 900) — raise the
		   header itself above the scrim (999) while the drawer is open,
		   otherwise the scrim paints over the menu. */
		z-index: 1000;
		background: var(--cyf-bg);
		border-left: 1px solid var(--cyf-line);
		box-shadow: var(--cyf-shadow-lg);
		padding: 84px 24px 32px;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform .28s var(--cyf-ease);
		visibility: hidden;
	}
	body.cyf-nav-open .cyf-nav { transform: translateX(0); visibility: visible; }
	body.cyf-nav-open { overflow: hidden; }
	/* The drawer lives inside the sticky header (z-index 900); while it is
	   open, lift the whole header above the scrim (999) so the menu paints
	   over the grey overlay instead of under it. */
	body.cyf-nav-open .cyf-site-header { z-index: 1001; }

	.cyf-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
	.cyf-nav__list > li { border-bottom: 1px solid var(--cyf-line-soft); }
	.cyf-nav__list > li > a { padding: .9em .2em; font-size: 1rem; border-radius: 0; }
	.cyf-nav__list .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: 0;
		padding: 0 0 10px 14px;
		min-width: 0;
		display: none;
	}
	.cyf-nav__list li.is-open > .sub-menu { display: block; }
	.cyf-nav__list li.menu-item-has-children > a::after {
		transform: rotate(45deg) translateY(-2px);
		float: right;
	}

	.cyf-nav-scrim {
		position: fixed;
		inset: 0;
		z-index: 999;
		background: rgba(7, 26, 51, .5);
		opacity: 0;
		visibility: hidden;
		transition: opacity .28s var(--cyf-ease), visibility .28s;
	}
	body.cyf-nav-open .cyf-nav-scrim { opacity: 1; visibility: visible; }

	.cyf-hero__inner { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 56px 0; }
	.cyf-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
	.cyf-split { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.cyf-split--reverse .cyf-split__media { order: 0; }
	.cyf-cta__inner { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.cyf-layout { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.cyf-sidebar { position: static; }
	.woocommerce ul.products,
	.cyf-products,
	.cyf-products--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cyf-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cyf-post-row { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.woocommerce-cart .cart-collaterals { grid-template-columns: minmax(0, 1fr); }
	.cyf-section { padding: 56px 0; }
}

@media (max-width: 640px) {
	body { font-size: 15px; }
	.cyf-container { padding: 0 18px; }
	.cyf-section { padding: 44px 0; }
	.cyf-hero__inner { padding: 44px 0; }
	.cyf-hero__cta .cyf-btn { width: 100%; }
	.cyf-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding-top: 24px; }
	.cyf-hero__stat-value { font-size: 1.35rem; }
	.cyf-hero__media-float { display: none; }
	.cyf-topbar__inner { justify-content: center; }
	.cyf-topbar__list { justify-content: center; gap: 14px; }
	.cyf-trust__list { grid-template-columns: 1fr; }
	.cyf-trust__list li { border-right: 0; border-bottom: 1px solid var(--cyf-line-soft); }
	.cyf-trust__list li:last-child { border-bottom: 0; }
	.woocommerce ul.products,
	.cyf-products,
	.cyf-products--3,
	.cyf-grid--2,
	.cyf-grid--3,
	.cyf-grid--4 { grid-template-columns: minmax(0, 1fr); }
	.cyf-cert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cyf-footer__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.cyf-footer__bottom { flex-direction: column; text-align: center; justify-content: center; }
	.cyf-form-card { padding: 22px 18px; }
	.cyf-field--row { grid-template-columns: minmax(0, 1fr); }
	.cyf-post-nav { grid-template-columns: minmax(0, 1fr); }
	.cyf-post-nav .nav-next { text-align: left; }
	.cyf-media-stack__strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.cyf-page-head { padding: 32px 0; }
	.cyf-main { padding: 40px 0 56px; }
	.woocommerce div.product .woocommerce-tabs ul.tabs { flex-direction: column; border-bottom: 0; gap: 0; }
	.woocommerce div.product .woocommerce-tabs ul.tabs li { border-bottom: 1px solid var(--cyf-line-soft); }
	.woocommerce div.product .woocommerce-tabs ul.tabs li a { border-bottom: 0 !important; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .9375rem !important; }
	.hide-sm { display: none !important; }
}

@media (max-width: 400px) {
	.cyf-cert-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ==========================================================================
   24b. Fixes pack v1.0.1 — shop duplicate title, loop swatches, card
   alignment, mobile header overflow
   ========================================================================== */

/* 1) WooCommerce's own page title duplicates the theme page head. */
.woocommerce .woocommerce-products-header,
.woocommerce-page .woocommerce-products-header,
.woocommerce h1.page-title {
	display: none !important;
}

/* 1b) Ghost grid cells: Woo's clearfix ::before/::after become real grid
       tracks in CSS Grid and eat the 1st cell + one cell per page. */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
	display: none !important;
	content: none !important;
}

/* 1c) Pinterest "Save" injection leaking outside cards. */
.woocommerce ul.products li.product .pinit,
.woocommerce ul.products li.product [class*="PinterestBadge"],
.woocommerce ul.products li.product .pin_it_button,
li.product .Pinterest_ImageSaveButton {
	display: none !important;
}

/* 2) Variation swatches: keep the compact option chips visible (like the
      original site), but kill the hidden select, the Clear link and the
      giant per-card variation JSON wrapper chrome. */
.woocommerce ul.products li.product .cfvsw_variations_form,
.woocommerce ul.products li.product .variations_form {
	display: block;
	margin: 0 18px 14px;
	padding: 0;
}
.woocommerce ul.products li.product .variations,
.woocommerce ul.products li.product table.cfvsw-shop-variations,
.woocommerce ul.products li.product table.cfvsw-shop-variations tbody,
.woocommerce ul.products li.product table.cfvsw-shop-variations tr,
.woocommerce ul.products li.product table.cfvsw-shop-variations td {
	display: block;
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	width: auto;
}
.woocommerce ul.products li.product .cfvsw-hidden-select,
.woocommerce ul.products li.product select[name^="attribute_"],
.woocommerce ul.products li.product .reset_variations,
.woocommerce ul.products li.product .woocommerce-variation-add-to-cart,
.woocommerce ul.products li.product div[data-product_variations] > a {
	display: none !important;
}
.woocommerce ul.products li.product .cfvsw-swatches-container {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.woocommerce ul.products li.product .cfvsw-swatches-option {
	margin: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	border: 1px solid var(--cyf-line) !important;
	border-radius: 4px;
	background: var(--cyf-bg);
	cursor: default;
}
.woocommerce ul.products li.product .cfvsw-swatches-option .cfvsw-swatch-inner {
	font-size: .65625rem !important;
	line-height: 1.4 !important;
	padding: 2px 7px !important;
	color: var(--cyf-steel) !important;
	background: transparent !important;
}

/* 3) Loop cards: equal height, price pinned, button always at bottom. */
.woocommerce ul.products li.product { justify-content: flex-start; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	flex: 1 0 auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.woocommerce ul.products li.product span.price.cyf-poas {
	flex: none;
	display: block;
	width: 100%;
	padding: 6px 18px 10px !important;
	font-size: .9375rem !important;
}
.woocommerce ul.products li.product .cyf-btn,
.woocommerce ul.products li.product a.button {
	margin-top: auto !important;
}

/* 4) Result count + ordering on one tidy row. */
.woocommerce .woocommerce-products-header + .woocommerce-notices-wrapper,
main.woocommerce-page .woocommerce-result-count { margin-bottom: 0; }
.cyf-shop-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 28px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--cyf-line);
}
.cyf-shop-toolbar .woocommerce-result-count { margin: 0; }
.cyf-shop-toolbar .woocommerce-ordering { margin: 0; float: none; }

/* 5) Mobile header: quote button hides above the burger's breakpoint,
      brand shrinks so the toggle is never pushed off-screen. */
@media (max-width: 782px) {
	.cyf-header__cta { display: none; }
}
@media (max-width: 640px) {
	.cyf-header__inner { gap: 12px; }
	.cyf-brand img.custom-logo,
	.cyf-brand .custom-logo-link img { max-height: 34px; width: auto; }
	.cyf-brand__name { font-size: 1rem; }
	.cyf-cart-link { padding: .5em .6em; }
	.cyf-cart-link span:first-of-type { display: none; }
}

/* Drawer menu: the quote entry at the bottom of the mobile nav. */
.cyf-nav__cta {
	margin-top: 20px;
	display: block;
	text-align: center;
}
@media (min-width: 993px) {
	.cyf-nav__cta { display: none; }
}

/* ==========================================================================
   24c2. Shop page header — two-column (title left, category chips right)
   ========================================================================== */
.cyf-page-head__row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}
.cyf-page-head__title h1 { margin-bottom: 6px; }
.cyf-page-head__title .cyf-page-head__desc { margin: 0; max-width: 560px; }
.cyf-page-head__chips {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	padding-bottom: 4px;
}
.cyf-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: .55em 1.1em;
	border: 1px solid var(--cyf-line);
	border-radius: 999px;
	background: var(--cyf-bg);
	font-size: .8125rem;
	font-weight: 700;
	color: var(--cyf-steel);
	transition: all .18s var(--cyf-ease);
}
.cyf-chip:hover {
	border-color: var(--cyf-navy);
	color: var(--cyf-navy);
	transform: translateY(-1px);
	box-shadow: var(--cyf-shadow-sm);
}
.cyf-chip.is-active {
	background: var(--cyf-navy);
	border-color: var(--cyf-navy);
	color: #fff;
}
.cyf-chip__n {
	font-size: .6875rem;
	font-weight: 800;
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--cyf-line-soft);
	color: var(--cyf-slate);
}
.cyf-chip.is-active .cyf-chip__n {
	background: rgba(255, 255, 255, .18);
	color: #fff;
}
@media (max-width: 640px) {
	.cyf-page-head__row { align-items: flex-start; flex-direction: column; gap: 16px; }
}

/* ==========================================================================
   24b2. Shop sidebar layout (left column, classic B2B catalogue feel)
   ========================================================================== */

.cyf-layout--shop {
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}

/* With sidebar, products go 3 columns like the original site. */
.woocommerce .cyf-layout--shop ul.products {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cyf-shop-sidebar {
	position: sticky;
	top: calc(var(--cyf-header-h) + 20px);
}

.cyf-shop-sidebar .cyf-widget { margin-bottom: 34px; }
.cyf-shop-sidebar .cyf-widget:last-child { margin-bottom: 0; }

/* Sidebar search form */
.cyf-shop-sidebar .woocommerce-product-search {
	display: flex;
	gap: 8px;
}
.cyf-shop-sidebar .woocommerce-product-search input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: .65em .8em;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	font-family: inherit;
	font-size: .875rem;
	color: var(--cyf-navy);
}
.cyf-shop-sidebar .woocommerce-product-search input[type="search"]:focus {
	outline: none;
	border-color: var(--cyf-navy);
	box-shadow: 0 0 0 3px rgba(11, 37, 69, .1);
}
.cyf-shop-sidebar .woocommerce-product-search button[type="submit"] {
	padding: .65em .9em;
	background: var(--cyf-navy);
	color: #fff;
	border: 0;
	border-radius: var(--cyf-radius);
	font-size: .8125rem;
	font-weight: 700;
	cursor: pointer;
}
.cyf-shop-sidebar .woocommerce-product-search button[type="submit"]:hover { background: var(--cyf-navy-soft); }

/* Categories tree */
.cyf-cat-tree { list-style: none; margin: 0; padding: 0; }
.cyf-cat-tree a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: .6em 0;
	font-size: .875rem;
	font-weight: 600;
	color: var(--cyf-steel);
	border-bottom: 1px solid var(--cyf-line-soft);
}
.cyf-cat-tree a:hover { color: var(--cyf-amber-deep); }
.cyf-cat-tree .is-current > a,
.cyf-cat-tree a[aria-current] { color: var(--cyf-navy); }
.cyf-cat-tree__top.is-current > a::before {
	content: "";
	display: inline-block;
	width: 6px; height: 6px;
	border-radius: 50%;
	background: var(--cyf-amber);
	margin-right: 6px;
}
.cyf-cat-tree__sub {
	list-style: none;
	margin: 0 0 6px;
	padding: 0 0 0 14px;
}
.cyf-cat-tree__sub li { border-bottom: 1px solid var(--cyf-line-soft); }
.cyf-cat-tree__sub a { font-size: .8125rem; font-weight: 500; padding: .5em 0; border-bottom: 0; }
.cyf-cat-tree .count { font-size: .75rem; color: var(--cyf-slate); font-weight: 600; }

/* Best sellers */
.cyf-bestsellers { list-style: none; margin: 0; padding: 0; }
.cyf-bestsellers li { border-bottom: 1px solid var(--cyf-line-soft); }
.cyf-bestsellers li:last-child { border-bottom: 0; }
.cyf-bestsellers a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: .7em 0;
}
.cyf-bestsellers__thumb { flex: none; width: 52px; height: 52px; border-radius: var(--cyf-radius); overflow: hidden; border: 1px solid var(--cyf-line); background: var(--cyf-bg-alt); }
.cyf-bestsellers__thumb img { width: 100%; height: 100%; object-fit: cover; }
.cyf-bestsellers__nofimg { display: block; width: 100%; height: 100%; background: repeating-linear-gradient(45deg, var(--cyf-line-soft) 0 8px, transparent 8px 16px); }
.cyf-bestsellers__name {
	font-size: .8125rem;
	font-weight: 600;
	color: var(--cyf-steel);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cyf-bestsellers a:hover .cyf-bestsellers__name { color: var(--cyf-amber-deep); }

/* Price filter form */
.cyf-price-filter__row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	color: var(--cyf-slate);
}
.cyf-price-filter input[type="number"] {
	width: 100%;
	padding: .6em .7em;
	border: 1px solid var(--cyf-line);
	border-radius: var(--cyf-radius);
	font-family: inherit;
	font-size: .875rem;
	color: var(--cyf-navy);
	background: var(--cyf-bg);
}
.cyf-price-filter input[type="number"]:focus {
	outline: none;
	border-color: var(--cyf-navy);
	box-shadow: 0 0 0 3px rgba(11, 37, 69, .1);
}
.cyf-price-filter__clear {
	display: inline-block;
	margin-top: 8px;
	font-size: .75rem;
	font-weight: 600;
	color: var(--cyf-slate);
	text-decoration: underline;
}
.cyf-price-filter__clear:hover { color: var(--cyf-red); }
.cyf-price-filter__note { margin: 8px 0 0; font-size: .6875rem; color: var(--cyf-slate); line-height: 1.5; }

@media (max-width: 992px) {
	.cyf-layout--shop { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.cyf-shop-sidebar { position: static; order: 2; }
	.cyf-layout--shop > .cyf-content { order: 1; }
	.woocommerce .cyf-layout--shop ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cyf-shop-sidebar {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 26px 32px;
		align-items: start;
		padding-top: 26px;
		border-top: 1px solid var(--cyf-line);
	}
	.cyf-shop-sidebar .cyf-widget { margin-bottom: 0; }
	.cyf-shop-sidebar .woocommerce-product-search { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.woocommerce .cyf-layout--shop ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cyf-shop-sidebar { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

/* ==========================================================================
   24c. Large-screen image caps (match original site: 1200 container,
   ~300px loop thumbs, 600px product gallery main image)
   ========================================================================== */

.woocommerce ul.products li.product img {
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
}
.woocommerce div.product div.images img {
	max-width: 600px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
/* Gallery / summary split: original site ≈ 50/50, Woo default was 38/55. */
.woocommerce div.product div.images { width: 48%; }
.woocommerce div.product div.summary { width: 48%; }
@media (max-width: 767px) {
	.woocommerce ul.products li.product img,
	.woocommerce div.product div.images img { max-width: 100%; }
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary { width: 100%; float: none; }
}

/* ==========================================================================
   24. Print
   ========================================================================== */

@media print {
	.cyf-topbar, .cyf-header, .cyf-footer, .cyf-nav-scrim, .cyf-hero__cta, .cyf-form-card { display: none !important; }
	body { color: #000; background: #fff; font-size: 11pt; }
	.cyf-hero, .cyf-section--dark, .cyf-cta { background: #fff !important; color: #000 !important; }
	.cyf-hero h1, .cyf-section--dark h2 { color: #000 !important; }
	a { color: #000; text-decoration: underline; }
	.cyf-section { padding: 16px 0; }
}