.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-farklink:#3D72A8;--e-global-color-farklinkhover:#0F2A44;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ════════════════════════════════════════════════════════════════════════
 * PDP variable-product block — alignment, rhythm and balance (2026-08-16)
 * Lives in Site Settings > Custom CSS because DISALLOW_FILE_EDIT blocks
 * edits to fark-golf-wc.css. All .elementor-kit-7s are scoped to .single-product.
 *  1. `.variations th.label` kept the browser default text-align:center, so
 *     "COLOUR" / "SIZE" sat centred above left-aligned swatches.
 *  2. The theme's odd-row table striping painted the first attribute row with
 *     a grey rgba(128,128,128,.07) band — the Colour row only.
 *  3. "Size Chart" and "Clear" butted together with no separation.
 *  4. The Stripe express-checkout container is injected INTO the qty +
 *     Add to Cart flex row; at 120px tall it stretched the quantity field to
 *     128px and squeezed the wishlist heart against the column edge. It now
 *     drops to its own full-width row beneath the main Add to Cart button.
 *  5. Elementor's product-meta widget lays .product_meta out as a flex ROW,
 *     so SKU / Category / Brand ran together as one unbroken string.
 * ════════════════════════════════════════════════════════════════════════ */

/* 1 + 2 — strip the table chrome, left-align labels with their controls */
.single-product .product .variations,
.single-product .product .variations tbody,
.single-product .product .variations tr,
.single-product .product .variations th,
.single-product .product .variations td {
	background: transparent !important;
	border: 0 !important;
}
.single-product .product .variations th.label,
.single-product .product .variations td.value { text-align: left !important; }
.single-product .product .variations th.label { padding: 0 0 10px !important; }
.single-product .product .variations tr { margin: 0 0 24px; }
.single-product .product .variations tr:last-child { margin: 0; }

/* One consistent gap for both the colour and the size row */
.single-product .product .fark-swatches { gap: 12px; }

/* 3 — Size Chart / Clear on one tidy line under the size row */
.single-product .product .variations td.value .fark-size-chart-trigger,
.single-product .product .variations td.value .reset_variations {
	margin: 16px 0 0;
	font: 600 12px/1.2 'Open Sans', sans-serif;
	vertical-align: middle;
}
.single-product .product .variations td.value .reset_variations {
	margin-left: 18px;
	font-weight: 400;
	color: #6B7280;
	text-decoration: none;
}
.single-product .product .variations td.value .reset_variations:hover {
	color: #0F2A44;
	text-decoration: underline;
}

/* 4 — qty + Add to Cart + wishlist on row one; express checkout beneath */
.single-product .product form.variations_form .woocommerce-variation-add-to-cart {
	flex-wrap: wrap;
	align-items: center;
	row-gap: 0;
	margin: 20px 0 0;
}
.single-product .product form.variations_form .woocommerce-variation-add-to-cart .quantity { flex: 0 0 auto; }
.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1 1 220px; }
.single-product .product form.variations_form .woocommerce-variation-add-to-cart wc-order-attribution-inputs { display: none; }
.single-product .product .wc-stripe-clear { display: none; }
.single-product .product .wc-stripe-product-checkout-container {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	order: 9;
	margin: 18px 0 0;
}
.single-product .product .wc-stripe-product-checkout-container::before {
	content: "or pay with";
	display: block;
	margin: 0 0 12px;
	font: 700 10px/1 'Open Sans', sans-serif;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #6B7280;
	text-align: center;
}
.single-product .product .wc_stripe_product_payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.single-product .product .wc_stripe_product_payment_methods > li { margin: 0; }
.single-product .product .wc_stripe_product_payment_methods .payment-box { margin: 0; padding: 0; }

/* 5 — product meta stacks again; links in brand blue, not the theme's pink */
.single-product .product .product_meta {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px;
	margin-top: 28px;
}
.single-product .product .product_meta > span,
.single-product .product .product_meta .detail-container {
	display: block !important;
	width: 100%;
}
.single-product .product .product_meta .detail-label {
	margin-right: 6px;
	color: #14233A;
	font-weight: 600;
}
.single-product .product .product_meta a { color: #3D72A8 !important; text-decoration: none; }
.single-product .product .product_meta a:hover { color: #0F2A44 !important; text-decoration: underline; }

@media (max-width: 640px) {
	.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1 1 100%; }
}
/* ════════════════════════════════════════════════════════════════════════
 * PDP variable-product block — alignment, rhythm and balance (2026-08-16)
 * Lives in Site Settings > Custom CSS because DISALLOW_FILE_EDIT blocks
 * edits to fark-golf-wc.css. Scoped to body.single-product — the leading
 * `body` is deliberate: fark-golf-wc.css loads AFTER Elementor's post-7.css,
 * so equal-specificity rules there would otherwise win.
 *  1. `.variations th.label` kept the browser default text-align:center, so
 *     "COLOUR" / "SIZE" sat centred above left-aligned swatches.
 *  2. The theme's odd-row table striping painted the first attribute row with
 *     a grey rgba(128,128,128,.07) band — the Colour row only.
 *  3. "Size Chart" and "Clear" butted together with no separation.
 *  4. The Stripe express-checkout container is injected INTO the qty +
 *     Add to Cart flex row; at 120px tall it stretched the quantity field to
 *     128px and squeezed the wishlist heart against the column edge. It now
 *     drops to its own full-width row beneath the main Add to Cart button.
 *  5. Elementor's product-meta widget lays .product_meta out as a flex ROW,
 *     so SKU / Category / Brand ran together as one unbroken string.
 * ════════════════════════════════════════════════════════════════════════ */

/* 1 + 2 — strip the table chrome, left-align labels with their controls */
body.single-product .product .variations,
body.single-product .product .variations tbody,
body.single-product .product .variations tr,
body.single-product .product .variations th,
body.single-product .product .variations td {
	background: transparent !important;
	border: 0 !important;
}
body.single-product .product .variations th.label,
body.single-product .product .variations td.value { text-align: left !important; }
body.single-product .product .variations th.label { padding: 0 0 10px !important; }
body.single-product .product .variations tr { margin: 0 0 24px; }
body.single-product .product .variations tr:last-child { margin: 0; }

/* One consistent gap for both the colour and the size row */
body.single-product .product .fark-swatches { gap: 12px; }

/* 3 — Size Chart / Clear on one tidy line under the size row */
body.single-product .product .variations td.value .fark-size-chart-trigger,
body.single-product .product .variations td.value .reset_variations {
	margin: 16px 0 0;
	font: 600 12px/1.2 'Open Sans', sans-serif;
	vertical-align: middle;
}
body.single-product .product .variations td.value .reset_variations {
	margin-left: 18px;
	font-weight: 400;
	color: #6B7280;
	text-decoration: none;
}
body.single-product .product .variations td.value .reset_variations:hover {
	color: #0F2A44;
	text-decoration: underline;
}

/* 4 — qty + Add to Cart + wishlist on row one; express checkout beneath */
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	column-gap: 12px;
	row-gap: 0;
	margin: 20px 0 0 !important;
}
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .quantity { flex: 0 0 auto; }
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1 1 220px; }
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart wc-order-attribution-inputs { display: none; }
body.single-product .product .wc-stripe-clear { display: none; }
body.single-product .product .wc-stripe-product-checkout-container {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	order: 9;
	margin: 18px 0 0;
}
body.single-product .product .wc-stripe-product-checkout-container::before {
	content: "or pay with";
	display: block;
	margin: 0 0 12px;
	font: 700 10px/1 'Open Sans', sans-serif;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #6B7280;
	text-align: center;
}
body.single-product .product .wc_stripe_product_payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
body.single-product .product .wc_stripe_product_payment_methods > li { margin: 0; }
body.single-product .product .wc_stripe_product_payment_methods .payment-box { margin: 0; padding: 0; }

/* 5 — product meta stacks again; links in brand blue, not the theme's pink */
body.single-product .product .product_meta {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px;
	margin-top: 28px;
}
body.single-product .product .product_meta > span,
body.single-product .product .product_meta .detail-container {
	display: block !important;
	width: 100%;
}
body.single-product .product .product_meta .detail-label {
	margin-right: 6px;
	color: #14233A;
	font-weight: 600;
}
body.single-product .product .product_meta a { color: #3D72A8 !important; text-decoration: none; }
body.single-product .product .product_meta a:hover { color: #0F2A44 !important; text-decoration: underline; }

@media (max-width: 640px) {
	body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1 1 100%; }
}


/* 4b — quantity field: Elementor's Woo styles (0,4,3) out-rank the
 * `.single-product .quantity .qty` rule in fark-golf-wc.css, so the input
 * collapsed to 24px once it stopped being stretched by the flex row.
 * Restore the 52px box so qty / Add to Cart / wishlist line up. */
body.single-product .product form.cart .quantity {
	margin: 0 !important;
	display: block;
	line-height: 0;
}
body.single-product .product form.cart .quantity .qty {
	width: 80px !important;
	height: 52px !important;
	padding: 0 12px !important;
	border: 1px solid rgba(15, 42, 68, 0.18) !important;
	border-radius: 0 !important;
	background: #fff !important;
	font: 600 16px/1 'Open Sans', sans-serif !important;
	color: #0F2A44 !important;
	text-align: center !important;
	box-shadow: none !important;
}


/* 4c — WooCommerce injects hidden <input>s and inline <script>s between the
 * quantity field and the Add to Cart button. As zero-width flex items they
 * still collect the column-gap, adding ~10px of phantom space. */
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart > input,
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart > script {
	display: none !important;
}


/* 4d — Woo's default 10px margin-left on the Add to Cart button doubled up
 * with the flex column-gap, so qty sat 22px from the button. */
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
	margin: 0 !important;
}


/* 4e — supersedes the ≤640px rule above: `flex: 1 1 100%` would wrap the
 * button onto its own line and strand the qty field and wishlist heart on
 * separate rows. Let it shrink instead so all three stay on one line. */
@media (max-width: 640px) {
	body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		flex: 1 1 120px;
		padding: 0 16px !important;
		letter-spacing: 0.14em !important;
	}
}


/* 4f — cap the button so the wishlist heart keeps its place on the first
 * row at phone widths (80px qty + 12 + 12 + 52px heart = 156px reserved). */
@media (max-width: 640px) {
	body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		max-width: calc(100% - 156px);
	}
}


/* ════════════════════════════════════════════════════════════════════════
 * Brand palette override (2026-08-16)
 * The kit's four SYSTEM colours were never branded — still Elementor stock
 * (#6EC1E4 / #54595F / #7A7A7A / #61CE70). They aren't stored in the kit's
 * page settings (they're framework defaults), so the MCP global-colors tool
 * can only write CUSTOM colours, not overwrite them. Redefining the CSS
 * variables here works because this Custom CSS is emitted into post-7.css
 * AFTER the `.elementor-kit-7 { --e-global-color-*: ... }` block.
 * Fixes the light-blue PDP product title and the "Related products" heading.
 * ════════════════════════════════════════════════════════════════════════ */
.elementor-kit-7 {
	--e-global-color-primary: #0F2A44;
	--e-global-color-secondary: #14233A;
	--e-global-color-text: #6B7280;
	--e-global-color-accent: #3D72A8;
}


/* ════════════════════════════════════════════════════════════════════════
 * Simple products — same add-to-cart treatment as variable (2026-08-16)
 * On a simple product there is no `.woocommerce-variation-add-to-cart`
 * wrapper: `form.cart` IS the flex row, and it was `nowrap`. So the 697px
 * Stripe express container sat inline and pushed the document to 1794px
 * against a 1512px viewport — horizontal scroll on the whole site.
 * ════════════════════════════════════════════════════════════════════════ */
body.single-product .product form.cart:not(.variations_form) {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	column-gap: 12px;
	row-gap: 0;
	margin: 20px 0 32px !important;
}
body.single-product .product form.cart:not(.variations_form) > input,
body.single-product .product form.cart:not(.variations_form) > script,
body.single-product .product form.cart:not(.variations_form) wc-order-attribution-inputs {
	display: none !important;
}
body.single-product .product form.cart:not(.variations_form) .single_add_to_cart_button {
	margin: 0 !important;
}

/* "Sold individually" products (e.g. the Cobra drivers) render the quantity
 * as a hidden input, leaving an empty .quantity box collecting flex gap. */
body.single-product .product form.cart .quantity:has(input.qty[type="hidden"]) {
	display: none !important;
}

/* Basis 0 instead of a fixed 220px: flexbox decides wrapping from the base
 * size, so a 220px basis bumped the wishlist heart onto its own line at
 * narrow widths. With basis 0 the button simply takes whatever is left and
 * qty / button / heart always share one line. */
body.single-product .product form.cart:not(.variations_form) .single_add_to_cart_button,
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
	flex: 1 1 0%;
	min-width: 0;
}


/* ── Gap → margins (2026-08-16) ──────────────────────────────────────────
 * WooCommerce and the payment plugins drop several zero-width elements into
 * the add-to-cart form. Even hidden ones that stay display:block collect a
 * `column-gap`, which was indenting the Add to Cart button 12px past the
 * left edge of the express-checkout row below it. Explicit margins on the
 * two real neighbours can't be harvested by phantom items. */
body.single-product .product form.cart:not(.variations_form),
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart {
	column-gap: 0 !important;
}
body.single-product .product form.cart:not(.variations_form) .quantity,
body.single-product .product form.variations_form .woocommerce-variation-add-to-cart .quantity {
	margin: 0 12px 0 0 !important;
}
body.single-product .product form.cart .jet-wishlist-button__container {
	margin-left: 12px !important;
}


/* ── Sale price (2026-08-16) ─────────────────────────────────────────────
 * The <ins> holding the sale price kept the browser default underline, and
 * the struck-out <del> was full-size navy — so both prices read as equally
 * loud and the whole line looked scribbled on. Old price goes small and
 * muted, new price stands alone. */
body.single-product .product .price del {
	color: #6B7280 !important;
	font-size: 0.66em !important;
	font-weight: 400;
	margin-right: 10px;
	text-decoration-thickness: 1px;
}
body.single-product .product .price del .fark-price-code { color: #9CA3AF; }
body.single-product .product .price ins {
	background: transparent !important;
	text-decoration: none !important;
}
/* ── Sale badge: one consistent look everywhere ─────────────────────────
 * WooCommerce's loop CSS sets right:0 and Elementor Pro's products widget
 * sets padding:0. With the site's left:14px that stretched the badge into a
 * full-width bar on category pages. Pin it top-left, auto width, padded.
 * Covers shop/category grids, related/upsell grids, #shop-grid and the PDP.
 * ───────────────────────────────────────────────────────────────────────── */
body.woocommerce ul.products li.product .onsale,
body .elementor-products-grid ul.products.elementor-grid li.product .onsale,
body #shop-grid ul.products li.product .onsale,
body.woocommerce span.onsale,
body .woocommerce span.onsale {
	background: var(--fg-navy, #0B1F3A);
	color: #fff;
	font: 700 10px/1 'Open Sans', sans-serif;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 7px 12px 7px 14px;
	border-radius: 0;
	top: 14px;
	left: 14px;
	right: auto;
	bottom: auto;
	width: auto;
	margin: 0;
	min-height: 0;
	min-width: 0;
	line-height: 1;
	z-index: 9;
}


/* ══════════════════════════════════════════════════════════════════════
 * Global link colour (2026-10-21)
 * Hello Biz paints every un-styled <a> pink (#c36). These two rules sit at
 * the SAME specificity as the theme's (`a`, `a:hover`) and load after it,
 * so they only replace the pink — anything a widget colours itself is
 * untouched. Colours come from the kit's custom globals "Link Blue" and
 * "Link Hover Navy" (Site Settings › Global Colors).
 * ══════════════════════════════════════════════════════════════════════ */
a { color: var(--e-global-color-farklink, #3D72A8); }
a:hover,
a:active { color: var(--e-global-color-farklinkhover, #0F2A44); }

/* ══════════════════════════════════════════════════════════════════════
 * Cart block — balanced two-column layout (2026-10-21)
 *  1. Hello Biz gives .alignwide a -80px side margin but keeps the 1140px
 *     width, so the whole cart sat 80px left of centre. Re-centred.
 *  2. Woo's 65/35 flex split with uneven 4.5%/2% padding replaced by a
 *     grid: fluid items column + fixed 400px summary, 48px gutter.
 *  3. Both columns become matching panels with the same padding, so the
 *     PRODUCT and CART TOTALS headings share one baseline.
 *  4. "Proceed to Checkout" was rendering as a plain pink link — now the
 *     primary navy button.
 * ══════════════════════════════════════════════════════════════════════ */
body.woocommerce-cart .page-content > .wp-block-woocommerce-cart.alignwide {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto !important;
	padding: 56px 24px 88px;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	color: #14233A;
}
body.woocommerce-cart .page-content:has(> .wp-block-woocommerce-cart) {
	width: 100%;
	max-width: none;
}

body.woocommerce-cart .wc-block-cart.wc-block-components-sidebar-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 48px;
	align-items: start;
	margin: 0;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar {
	width: auto !important;
	margin: 0 !important;
	box-sizing: border-box;
	border: 1px solid rgba(15, 42, 68, 0.12);
	padding: 28px 32px !important;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__main { background: #fff; }
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar {
	background: #F4F2EB;
	position: sticky;
	top: 24px;
}

/* Matching section labels */
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__header th,
body.woocommerce-cart .wc-block-cart .wc-block-cart__totals-title {
	font: 700 11px/1 'Open Sans', sans-serif !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: #0F2A44 !important;
	padding: 0 0 16px !important;
	margin: 0 !important;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items { margin: 0; border-bottom: 0; }
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__header {
	border-bottom: 1px solid rgba(15, 42, 68, 0.12);
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__row:last-child td { padding-bottom: 4px; }

/* Line item */
body.woocommerce-cart .wc-block-cart .wc-block-components-product-name {
	font: 600 16px/1.35 'Open Sans', sans-serif;
	color: var(--e-global-color-farklink, #3D72A8);
	text-decoration: none;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-product-name:hover {
	color: var(--e-global-color-farklinkhover, #0F2A44);
	text-decoration: underline;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-product-price__regular {
	color: #6B7280;
	font-size: 0.85em;
	margin-right: 6px;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-product-price__value { color: #14233A; font-weight: 600; }
body.woocommerce-cart .wc-block-cart .wc-block-components-product-metadata { color: #6B7280; font-size: 14px; }
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price__value {
	color: #0F2A44;
	font-weight: 700;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-product-badge,
body.woocommerce-cart .wc-block-cart .wc-block-components-sale-badge {
	background: #0F2A44 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 6px 10px !important;
	font: 700 10px/1 'Open Sans', sans-serif !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__remove-link { color: #6B7280 !important; }
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__remove-link:hover { color: #0F2A44 !important; }

/* Summary */
body.woocommerce-cart .wc-block-cart .wc-block-components-panel__button,
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-item__label { color: #14233A; }
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: #0F2A44;
	font-weight: 700;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-wrapper { border-color: rgba(15, 42, 68, 0.12); }
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-wrapper:first-of-type { border-top-color: rgba(15, 42, 68, 0.12); }

/* 4 — primary checkout button */
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-container { padding: 0 !important; margin: 0; }
body.woocommerce-cart .wc-block-cart a.wc-block-cart__submit-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 56px;
	margin: 0;
	padding: 0 24px;
	box-sizing: border-box;
	background: #0F2A44 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 4px;
	text-decoration: none !important;
	font: 700 13px/1 'Open Sans', sans-serif !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	transition: background-color .15s ease;
}
body.woocommerce-cart .wc-block-cart a.wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart a.wc-block-cart__submit-button:focus-visible {
	background: var(--e-global-color-farklink, #3D72A8) !important;
	color: #fff !important;
}

/* Stack below tablet width */
@media (max-width: 880px) {
	body.woocommerce-cart .wc-block-cart.wc-block-components-sidebar-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}
	body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar { position: static; }
}
@media (max-width: 600px) {
	body.woocommerce-cart .page-content > .wp-block-woocommerce-cart.alignwide { padding: 28px 16px 48px; }
	body.woocommerce-cart .wc-block-cart .wc-block-cart__main,
	body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar { padding: 22px 18px !important; }
}


/* Cart block — Hello Biz's generic table borders (grey top border on every
 * th, stepped header rule) replaced by one clean rule under the header. */
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__header { border-bottom: 0 !important; }
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__header th {
	border: 0 !important;
	border-bottom: 1px solid rgba(15, 42, 68, 0.12) !important;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__row td {
	border-top: 1px solid rgba(15, 42, 68, 0.08) !important;
	padding-top: 24px !important;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__header + .wc-block-cart-items__row td,
body.woocommerce-cart .wc-block-cart thead + tbody .wc-block-cart-items__row:first-child td { border-top: 0 !important; }


/* ══════════════════════════════════════════════════════════════════════
 * Empty cart state (2026-10-21)
 * Centred navy title + icon, the dotted separator becomes a short rule,
 * "New in store" becomes a small section label, and the product grid gets
 * even 4-up cards with un-underlined titles and outline Add to Cart buttons.
 * ══════════════════════════════════════════════════════════════════════ */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
	text-align: center !important;
	margin: 8px 0 0 !important;
	font: 700 30px/1.25 'Open Sans', sans-serif !important;
	color: #0F2A44 !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .with-empty-cart-icon::before {
	background-color: #0F2A44 !important;
	width: 64px !important;
	height: 64px !important;
	margin: 0 auto 20px !important;
	display: block !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-separator {
	width: 48px !important;
	max-width: 48px !important;
	height: 0 !important;
	margin: 40px auto 48px !important;
	border: 0 !important;
	border-top: 2px solid #3D72A8 !important;
	background: none !important;
	opacity: 1;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-separator::before { display: none !important; content: none !important; }
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) {
	text-align: center !important;
	margin: 0 0 28px !important;
	font: 700 11px/1 'Open Sans', sans-serif !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: #0F2A44 !important;
}

/* Product grid */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
	display: flex;
	flex-direction: column;
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	margin: 0 !important;
	padding: 0 0 20px !important;
	border: 1px solid rgba(15, 42, 68, 0.12) !important;
	background: #fff;
	text-align: center;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	text-decoration: none !important;
	color: #14233A !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image { margin: 0 0 16px !important; }
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
	padding: 0 16px;
	margin: 0 0 8px !important;
	font: 600 14px/1.4 'Open Sans', sans-serif !important;
	color: #14233A;
	text-decoration: none;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link:hover .wc-block-grid__product-title {
	color: #3D72A8;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
	margin: 0 0 16px !important;
	font: 700 15px/1 'Open Sans', sans-serif !important;
	color: #0F2A44 !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart { margin: 0 !important; padding: 0 16px; }
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 16px !important;
	background: transparent !important;
	color: #0F2A44 !important;
	border: 1px solid #0F2A44 !important;
	border-radius: 4px !important;
	text-decoration: none !important;
	font: 700 11px/1 'Open Sans', sans-serif !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	transition: background-color .15s ease, color .15s ease;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
	background: #0F2A44 !important;
	color: #fff !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .added_to_cart {
	display: block;
	margin-top: 10px;
	font: 600 12px/1 'Open Sans', sans-serif;
}

@media (max-width: 880px) {
	body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 600px) {
	body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font-size: 24px !important; }
	body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title { padding: 0 10px; font-size: 13px !important; }
	body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart { padding: 0 10px; }
}

/* Empty-cart icon: Woo sizes the mask in em (5em at the 30px title = 150px),
 * which cropped it inside the 64px box. Fit the mask to the box. */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .with-empty-cart-icon::before {
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	mask-position: center !important;
}/* End custom CSS */