/* ==========================================================
   HEX FUNDED — CHECKOUT V2
   Phase 1: Account model + account size selectors
   ========================================================== */

body.woocommerce-checkout {
	--hf-v2-bg: #07030d;
	--hf-v2-card: #140b1d;
	--hf-v2-card-hover: #1b1026;
	--hf-v2-border: rgba(255, 255, 255, 0.10);
	--hf-v2-border-active: #b86cff;
	--hf-v2-text: #ffffff;
	--hf-v2-muted: rgba(255, 255, 255, 0.58);
	--hf-v2-purple: #a66cff;
	--hf-v2-pink: #e66fa8;
}


/* ==========================================================
   ACCOUNT MODEL
   ========================================================== */

body.woocommerce-checkout #hf-model-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 8px !important;
	width: 100%;
}

body.woocommerce-checkout .hf-btn-model {
	display: block;
	width: 100%;
	min-width: 0;
	padding: 1px !important;
	margin: 0 !important;
	border: 1px solid var(--hf-v2-border) !important;
	border-radius: 12px !important;
	background: rgba(13, 7, 20, 0.92) !important;
	box-shadow: none !important;
	color: var(--hf-v2-text) !important;
	overflow: hidden;
	cursor: pointer;
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

body.woocommerce-checkout .hf-btn-model > div {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 50px !important;
	min-height: 50px !important;
	border-radius: 10px !important;
	background: transparent !important;
}

body.woocommerce-checkout .hf-btn-model .hf-btn-label {
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	white-space: nowrap;
	transition: color 0.18s ease;
}

body.woocommerce-checkout .hf-btn-model:hover {
	border-color: rgba(184, 108, 255, 0.45) !important;
	background: var(--hf-v2-card-hover) !important;
}

body.woocommerce-checkout .hf-btn-model:hover .hf-btn-label {
	color: #ffffff !important;
}

body.woocommerce-checkout .hf-btn-model.hf-btn-active {
	border-color: var(--hf-v2-border-active) !important;
	background:
		linear-gradient(
			135deg,
			rgba(166, 108, 255, 0.23),
			rgba(230, 111, 168, 0.18)
		) !important;
	box-shadow:
		0 0 0 1px rgba(184, 108, 255, 0.28),
		0 8px 28px rgba(156, 82, 220, 0.10) !important;
}

body.woocommerce-checkout .hf-btn-model.hf-btn-active .hf-btn-label {
	color: #ffffff !important;
}


/* ==========================================================
   ACCOUNT SIZE
   ========================================================== */

body.woocommerce-checkout #hf-size-grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 8px !important;
	width: 100%;
}

body.woocommerce-checkout .hf-btn-size {
	display: block;
	width: 100%;
	min-width: 0;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid var(--hf-v2-border) !important;
	border-radius: 12px !important;
	background: rgba(13, 7, 20, 0.92) !important;
	box-shadow: none !important;
	color: var(--hf-v2-text) !important;
	cursor: pointer;
	overflow: hidden;
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease;
}

body.woocommerce-checkout .hf-btn-size > div {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 46px !important;
	min-height: 46px !important;
	border-radius: 10px !important;
	background: transparent !important;
}

body.woocommerce-checkout .hf-btn-size .hf-btn-label {
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	white-space: nowrap;
}

body.woocommerce-checkout .hf-btn-size:hover {
	border-color: rgba(184, 108, 255, 0.45) !important;
	background: var(--hf-v2-card-hover) !important;
}

body.woocommerce-checkout .hf-btn-size:hover .hf-btn-label {
	color: #ffffff !important;
}

body.woocommerce-checkout .hf-btn-size.hf-btn-active {
	border-color: var(--hf-v2-border-active) !important;
	background:
		linear-gradient(
			135deg,
			rgba(166, 108, 255, 0.30),
			rgba(230, 111, 168, 0.20)
		) !important;
	box-shadow: 0 0 0 1px rgba(184, 108, 255, 0.25) !important;
}

body.woocommerce-checkout .hf-btn-size.hf-btn-active .hf-btn-label {
	color: #ffffff !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 767px) {

	body.woocommerce-checkout #hf-model-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.woocommerce-checkout #hf-size-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	body.woocommerce-checkout .hf-btn-model > div {
		height: 48px !important;
		min-height: 48px !important;
	}

	body.woocommerce-checkout .hf-btn-model .hf-btn-label,
	body.woocommerce-checkout .hf-btn-size .hf-btn-label {
		font-size: 12px !important;
	}
}

@media (max-width: 420px) {

	body.woocommerce-checkout #hf-size-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
/* ==========================================================
   CHECKOUT V2 — MAIN TWO-COLUMN LAYOUT
   ========================================================== */

body.woocommerce-checkout .hf-v2-layout {
    display: grid !important;

    grid-template-columns:
        minmax(0, 63fr)
        minmax(0, 37fr) !important;

    column-gap: 36px !important;
    row-gap: 28px !important;

    align-items: start !important;

    width: min(1280px, calc(100% - 48px)) !important;
    margin: 28px auto 0 !important;
}

body.woocommerce-checkout .hf-v2-left,
body.woocommerce-checkout .hf-v2-right {
	min-width: 0;
}

body.woocommerce-checkout .hf-v2-left {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

body.woocommerce-checkout .hf-v2-right {
	display: flex;
	flex-direction: column;
	gap: 18px;
	position: sticky;
	top: 28px;
}

body.woocommerce-checkout .hf-v2-left > div,
body.woocommerce-checkout .hf-v2-right > div {
	width: 100%;
}


/* Widen the overall checkout shell */
body.woocommerce-checkout form.checkout {
	width: 100% !important;
	max-width: none !important;
}

body.woocommerce-checkout form.checkout > div,
body.woocommerce-checkout form.checkout > section {
	max-width: none;
}


/* Main content cards */
body.woocommerce-checkout .hf-v2-left .bg-card,
body.woocommerce-checkout .hf-v2-right .bg-card {
	border: 1px solid rgba(255,255,255,0.08) !important;
	background: rgba(20,11,29,0.96) !important;
	border-radius: 18px !important;
	box-shadow: 0 14px 40px rgba(0,0,0,0.16) !important;
}


/* Give the right side stronger summary-card treatment */
body.woocommerce-checkout .hf-v2-right .bg-card {
	background:
		linear-gradient(
			180deg,
			rgba(26,15,37,0.98),
			rgba(17,10,25,0.98)
		) !important;
}


/* Responsive */
@media (max-width: 980px) {
	body.woocommerce-checkout .hf-v2-layout {
		grid-template-columns: 1fr !important;
		width: min(760px, calc(100% - 28px)) !important;
		gap: 22px !important;
	}

	body.woocommerce-checkout .hf-v2-right {
		position: static;
	}
}

@media (max-width: 640px) {
	body.woocommerce-checkout .hf-v2-layout {
		width: calc(100% - 20px) !important;
		margin-top: 18px !important;
		gap: 16px !important;
	}

	body.woocommerce-checkout .hf-v2-left {
		gap: 16px;
	}
}
/* ==========================================================
   CHECKOUT V2 — HEADER
   ========================================================== */

body.woocommerce-checkout .hf-v2-checkout-header {
	width: min(1280px, calc(100% - 48px));
	margin: 56px auto 28px;
	text-align: center;
}

body.woocommerce-checkout .hf-v2-checkout-header h1 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(38px, 5vw, 64px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.035em;
}

body.woocommerce-checkout .hf-v2-checkout-header p {
	margin: 18px 0 0;
	color: rgba(255, 255, 255, 0.58);
	font-size: 16px;
	line-height: 1.6;
}

@media (max-width: 640px) {
	body.woocommerce-checkout .hf-v2-checkout-header {
		width: calc(100% - 28px);
		margin: 36px auto 22px;
	}

	body.woocommerce-checkout .hf-v2-checkout-header h1 {
		font-size: 38px;
	}

	body.woocommerce-checkout .hf-v2-checkout-header p {
		font-size: 14px;
	}
}
/* ==========================================================
   CHECKOUT V2 — ACCOUNT DETAILS CARD
   ========================================================== */

body.woocommerce-checkout .hf-v2-account-card {
	background:
		linear-gradient(
			180deg,
			rgba(25, 15, 35, 0.98),
			rgba(18, 10, 27, 0.98)
		);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	padding: 24px;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
	display: flex;
	flex-direction: column;
	gap: 22px;
}


/* Remove the old "separate section" spacing inside the new card */
body.woocommerce-checkout .hf-v2-account-card > .w-full {
	margin: 0 !important;
}


/* Account Details heading */
body.woocommerce-checkout .hf-v2-account-card > div:first-child > p {
	margin: 0 0 18px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.72) !important;
}


/* Product details inner card */
body.woocommerce-checkout .hf-v2-account-card > div:first-child .bg-card {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
}


/* Product details rows */
body.woocommerce-checkout .hf-v2-account-card > div:first-child .bg-card > div {
	min-height: 34px;
	padding: 4px 0 !important;
}


/* Divider between selected details and controls */
body.woocommerce-checkout .hf-v2-account-card > .w-full:not(:first-child) {
	padding-top: 4px;
}


/* Smaller section labels inside Account Details */
body.woocommerce-checkout .hf-v2-account-card > .w-full > p {
	margin: 0 0 10px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.48) !important;
}


/* Model grid */
body.woocommerce-checkout .hf-v2-account-card #hf-model-grid {
	gap: 8px !important;
}


/* Model buttons */
body.woocommerce-checkout .hf-v2-account-card .hf-btn-model {
	min-height: 46px !important;
	border: 1px solid rgba(255, 255, 255, 0.09) !important;
	background: rgba(8, 5, 13, 0.58) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}


/* Account size grid */
body.woocommerce-checkout .hf-v2-account-card #hf-size-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}


/* Account size buttons */
body.woocommerce-checkout .hf-v2-account-card .hf-btn-size {
	width: auto !important;
	min-width: 68px !important;
	min-height: 42px !important;
	padding: 0 16px !important;
	border: 1px solid rgba(255, 255, 255, 0.09) !important;
	background: rgba(8, 5, 13, 0.58) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}


/* Active states */
body.woocommerce-checkout .hf-v2-account-card .hf-btn-model.hf-btn-active,
body.woocommerce-checkout .hf-v2-account-card .hf-btn-size.hf-btn-active {
	border-color: rgba(210, 132, 255, 0.8) !important;
	background:
		linear-gradient(
			180deg,
			rgba(129, 76, 166, 0.42),
			rgba(76, 42, 96, 0.42)
		) !important;
	box-shadow:
		inset 0 0 0 1px rgba(235, 171, 255, 0.15),
		0 0 18px rgba(192, 107, 255, 0.10) !important;
}


@media (max-width: 640px) {
	body.woocommerce-checkout .hf-v2-account-card {
		padding: 18px;
		border-radius: 16px;
		gap: 18px;
	}

	body.woocommerce-checkout .hf-v2-account-card #hf-model-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.woocommerce-checkout .hf-v2-account-card .hf-btn-size {
		min-width: 62px !important;
		padding: 0 12px !important;
	}
}
/* ==========================================================
   CHECKOUT V2 — PROMO BANNER
   ========================================================== */

body.woocommerce-checkout .hf-v2-layout + * {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

/* Main promo banner near top */
body.woocommerce-checkout .bg-promo {
	background:
		linear-gradient(
			90deg,
			rgba(105, 63, 137, 0.22),
			rgba(74, 38, 94, 0.28)
		) !important;
	border: 1px solid rgba(207, 140, 255, 0.28) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.025),
		0 10px 30px rgba(0,0,0,0.14) !important;
	border-radius: 14px !important;
	background-image: none !important;
}

/* Kill the giant promotional-art look */
body.woocommerce-checkout .bg-promo::before,
body.woocommerce-checkout .bg-promo::after {
	display: none !important;
}

/* Compact the banner itself */
body.woocommerce-checkout .bg-promo.h-25 {
	height: auto !important;
	min-height: 56px !important;
	padding: 10px 12px !important;
}

/* Promo offer text */
body.woocommerce-checkout .bg-promo .text-sm {
	font-size: 12px !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
}

/* Small label / limited-offer style text */
body.woocommerce-checkout .bg-promo .tracking-wider {
	font-size: 9px !important;
	letter-spacing: 0.14em !important;
	color: rgba(255,255,255,0.5) !important;
}

/* Coupon code button on right */
body.woocommerce-checkout .bg-promo button {
	background: rgba(255,255,255,0.035) !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	color: #ffffff !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	padding: 8px 10px !important;
	min-height: 38px !important;
}

/* Keep the code itself pink/purple */
body.woocommerce-checkout .bg-promo button span {
	color: #d99aff !important;
}

/* Shrink copy icon */
body.woocommerce-checkout .bg-promo button img {
	width: 14px !important;
	height: 14px !important;
	opacity: 0.8;
}

/* Top promo strip width */
body.woocommerce-checkout form.checkout > .bg-promo,
body.woocommerce-checkout form.checkout .bg-promo {
	width: 100% !important;
	max-width: none !important;
}

/* Remove awkward oversized spacing around promo */
body.woocommerce-checkout .hf-v2-checkout-header + #coupon_display + .bg-promo {
	margin-top: 18px !important;
	margin-bottom: 20px !important;
}

/* Make any duplicated promo in the right column compact too */
body.woocommerce-checkout .hf-v2-right .bg-promo {
	min-height: 48px !important;
	padding: 8px 10px !important;
	border-radius: 12px !important;
}

/* Mobile */
@media (max-width: 640px) {
	body.woocommerce-checkout .bg-promo.h-25 {
		min-height: 52px !important;
		padding: 8px 10px !important;
	}

	body.woocommerce-checkout .bg-promo button {
		padding: 7px 8px !important;
	}
}
/* ==========================================================
   CHECKOUT V2 — CLEAN PLACE ORDER BUTTON
   ========================================================== */

body.woocommerce-checkout #place_order {
	width: 100% !important;
	min-height: 52px !important;
	height: 52px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	padding: 0 20px !important;
	margin: 18px 0 0 !important;

	background-image: none !important;
	background:
		linear-gradient(
			90deg,
			#9b6cf6 0%,
			#c06be9 50%,
			#ec79a8 100%
		) !important;

	border: 0 !important;
	border-radius: 12px !important;
	box-shadow: none !important;

	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-align: center !important;

	cursor: pointer !important;
transform: none !important;
clip-path: none !important;
overflow: hidden !important;
}

body.woocommerce-checkout #place_order::before,
body.woocommerce-checkout #place_order::after {
	display: none !important;
	content: none !important;
}

/* Keep all button text on one clean line */
body.woocommerce-checkout #place_order > span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;

	width: auto !important;
	white-space: nowrap !important;
	line-height: 1 !important;
}

/* Current checkout total */
body.woocommerce-checkout #place_order .hf-btn-total {
	display: inline !important;
	color: #ffffff !important;
	font-size: inherit !important;
	font-weight: 700 !important;
	line-height: inherit !important;
}

/* Hide old crossed-out price inside button */
body.woocommerce-checkout #place_order .hf-btn-subtotal {
	display: none !important;
}

/* Hover */
body.woocommerce-checkout #place_order:hover {
	opacity: 0.94 !important;
	transform: none !important;
}

/* Mobile */
@media (max-width: 640px) {
	body.woocommerce-checkout #place_order {
		min-height: 50px !important;
		height: 50px !important;
		font-size: 14px !important;
		padding: 0 14px !important;
	}
}
/* ==========================================================
   FINAL FIX — PLACE ORDER BUTTON TEXT
   ========================================================== */

body.woocommerce-checkout button#place_order {
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 15px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.woocommerce-checkout button#place_order > span:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;

    gap: 5px !important;
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.woocommerce-checkout button#place_order .hf-btn-total {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    color: #ffffff !important;
    white-space: nowrap !important;
}
/* ==========================================================
   CHECKOUT V2 — REMOVE LEGACY PRICE CARD
   Lovable layout uses the order summary instead
   ========================================================== */

body.woocommerce-checkout .hf-v2-left > .bg-card.text-center {
    display: none !important;
}


/* ==========================================================
   CHECKOUT V2 — TIGHTER ACCOUNT DETAILS CARD
   ========================================================== */

body.woocommerce-checkout .hf-v2-account-card {
    padding: 22px !important;
    gap: 18px !important;
    border-radius: 18px !important;
}


/* Tighten spacing between headings and controls */
body.woocommerce-checkout .hf-v2-account-card > .w-full {
    margin: 0 !important;
}


/* Account Model / Account Size mini labels */
body.woocommerce-checkout .hf-v2-account-card p {
    margin-top: 0 !important;
}


/* Model grid */
body.woocommerce-checkout .hf-v2-account-card #hf-model-grid {
    gap: 8px !important;
}


/* Size grid */
body.woocommerce-checkout .hf-v2-account-card #hf-size-grid {
    gap: 8px !important;
}


/* Make selector buttons closer to Lovable */
body.woocommerce-checkout .hf-v2-account-card .hf-btn-model,
body.woocommerce-checkout .hf-v2-account-card .hf-btn-size {
    min-height: 42px !important;
    border-radius: 10px !important;
}
/* ==========================================================
   CHECKOUT V2 — PLATFORM CARD
   ========================================================== */

body.woocommerce-checkout .hf-v2-platform-card {
    width: 100% !important;
    padding: 20px !important;
    margin: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(25, 15, 35, 0.98),
            rgba(18, 10, 27, 0.98)
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16) !important;
}


/* PLATFORM heading */
body.woocommerce-checkout .hf-v2-platform-card .hf-v2-section-label {
    margin: 0 0 14px 0 !important;

    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
}


/* Selected Platform 5 row */
body.woocommerce-checkout .hf-v2-platform-option {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 14px !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    background:
        linear-gradient(
            90deg,
            rgba(126, 76, 166, 0.32),
            rgba(192, 107, 233, 0.20)
        ) !important;

    border: 1px solid rgba(210, 132, 255, 0.70) !important;
    border-radius: 10px !important;

    box-shadow:
        inset 0 0 18px rgba(192, 107, 233, 0.08),
        0 0 16px rgba(168, 85, 247, 0.06) !important;
}


/* Purple radio circle */
body.woocommerce-checkout .hf-v2-platform-radio {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;

    display: block !important;

    border: 2px solid #c06be9 !important;
    border-radius: 50% !important;

    position: relative !important;
}


/* Radio selected dot */
body.woocommerce-checkout .hf-v2-platform-radio::after {
    content: "" !important;

    width: 6px !important;
    height: 6px !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    background: #c06be9 !important;
    border-radius: 50% !important;
}


/* Platform name */
body.woocommerce-checkout .hf-v2-platform-name {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}
/* ==========================================================
   CHECKOUT V2 — ADD-ONS
   ========================================================== */

body.woocommerce-checkout #hf-addons-wrapper {
    padding: 16px !important;
    background:
        linear-gradient(
            180deg,
            rgba(25, 15, 35, 0.98),
            rgba(18, 10, 27, 0.98)
        ) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 18px !important;
}


/* space between rows */
body.woocommerce-checkout #wc_checkout_add_ons .form-row {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout #wc_checkout_add_ons .form-row:last-child {
    margin-bottom: 0 !important;
}


/* hide plugin's native checkbox */
body.woocommerce-checkout #wc_checkout_add_ons input.input-checkbox {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* clean add-on row */
body.woocommerce-checkout #wc_checkout_add_ons input.input-checkbox + label.checkbox {
    width: 100% !important;
    min-height: 58px !important;
    padding: 12px 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: rgba(8, 5, 14, 0.62) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    cursor: pointer !important;
    box-shadow: none !important;
}


/* selected add-on row */
body.woocommerce-checkout #wc_checkout_add_ons input.input-checkbox:checked + label.checkbox {
    border-color: rgba(192, 107, 233, 0.72) !important;
    background:
        linear-gradient(
            90deg,
            rgba(126, 76, 166, 0.22),
            rgba(192, 107, 233, 0.10)
        ) !important;

    box-shadow:
        inset 0 0 16px rgba(192,107,233,0.08),
        0 0 14px rgba(168,85,247,0.05) !important;
}


/* custom purple radio circle */
body.woocommerce-checkout #wc_checkout_add_ons input.input-checkbox + label.checkbox::before {
    content: "" !important;

    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;

    margin-right: 12px !important;

    border: 2px solid #c06be9 !important;
    border-radius: 50% !important;

    background: transparent !important;
    box-sizing: border-box !important;
}


/* selected radio dot */
body.woocommerce-checkout #wc_checkout_add_ons input.input-checkbox:checked + label.checkbox::before {
    background: #c06be9 !important;
    box-shadow: inset 0 0 0 3px #140c1e !important;
}


/* let text use the available width */
body.woocommerce-checkout #wc_checkout_add_ons label.checkbox {
    gap: 10px !important;
}


/* heading above add-ons */
body.woocommerce-checkout #hf-addons-wrapper + * {
    margin-top: 0 !important;
}
/* ==========================================================
   CHECKOUT V2 — ADD-ONS LOVABLE DETAIL PASS
   ========================================================== */


/* Give rows enough room for the small subtitle */
body.woocommerce-checkout #wc_checkout_add_ons
input.input-checkbox + label.checkbox {
    min-height: 58px !important;
    padding: 0 58px 0 52px !important;

    display: flex !important;
    align-items: center !important;
}


/* Position our custom radio neatly */
body.woocommerce-checkout #wc_checkout_add_ons input.input-checkbox + label.checkbox::before {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}


/* Real plugin price stays functional, but visually becomes Lovable percentage */
body.woocommerce-checkout #wc_checkout_add_ons .hf-addon-price-wrap {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    font-size: 0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}


/* 100% Profit Split */
body.woocommerce-checkout
#wc_checkout_add_ons
label[for*="100-profit-split-vs-90-profit-split"]
.hf-addon-price-wrap::after {
    content: "+15%";
    font-size: 12px;
}


/* 7 Day Payouts */
body.woocommerce-checkout
#wc_checkout_add_ons
label[for*="7-day-payouts-vs-bi-weekly"]
.hf-addon-price-wrap::after {
    content: "+15%";
    font-size: 12px;
}


/* Both Add-Ons */
body.woocommerce-checkout
#wc_checkout_add_ons
label[for*="both-add-ons-save-10"]
.hf-addon-price-wrap::after {
    content: "+20%";
    font-size: 12px;
}


/* Small Lovable-style subtitles */
body.woocommerce-checkout
#wc_checkout_add_ons
label[for*="100-profit-split-vs-90-profit-split"]::after {
    content: "vs 90%";
}

body.woocommerce-checkout
#wc_checkout_add_ons
label[for*="7-day-payouts-vs-bi-weekly"]::after {
    content: "vs 14 Days";
}

body.woocommerce-checkout
#wc_checkout_add_ons
label[for*="both-add-ons-save-10"]::after {
    content: "7 Day Payouts + 100% Profit Split · Save 10%";
}


/* Subtitle positioning */
body.woocommerce-checkout
#wc_checkout_add_ons
label.checkbox::after {
    position: absolute !important;
    left: 44px !important;
    bottom: 8px !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.42) !important;
}
/* ==========================================================
   CHECKOUT V2 — CUSTOMER + BILLING COMBINED CARD
   ========================================================== */

body.woocommerce-checkout .hf-v2-customer-billing-card {
    margin-top: 18px !important;
    padding: 22px !important;

    background:
        linear-gradient(
            180deg,
            rgba(25, 15, 35, 0.98),
            rgba(18, 10, 27, 0.98)
        ) !important;

    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.16) !important;
}


/* Remove the separate inner card backgrounds */
body.woocommerce-checkout .hf-v2-customer-billing-card > .bg-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* Section headings */
body.woocommerce-checkout .hf-v2-customer-billing-card > .text-base {
    margin: 0 0 14px 0 !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;

    color: rgba(255,255,255,0.58) !important;
}


/* Create spacing before Billing Details heading */
body.woocommerce-checkout .hf-v2-customer-billing-card > .text-base:nth-of-type(2) {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
}


/* Customer information field spacing */
body.woocommerce-checkout .hf-v2-customer-billing-card .form-row {
    margin: 0 0 10px 0 !important;
}


/* General input styling */
body.woocommerce-checkout .hf-v2-customer-billing-card input.input-text,
body.woocommerce-checkout .hf-v2-customer-billing-card select {
    width: 100% !important;
    min-height: 44px !important;

    padding: 0 13px !important;

    background: rgba(5, 3, 10, 0.82) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 9px !important;

    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
}


/* Placeholder colour */
body.woocommerce-checkout .hf-v2-customer-billing-card input.input-text::placeholder {
    color: rgba(255,255,255,0.32) !important;
}


/* Focus */
body.woocommerce-checkout .hf-v2-customer-billing-card input.input-text:focus,
body.woocommerce-checkout .hf-v2-customer-billing-card select:focus {
    border-color: rgba(192,107,233,0.72) !important;
    box-shadow: 0 0 0 1px rgba(192,107,233,0.18) !important;
    outline: none !important;
}


/* Billing grid */
body.woocommerce-checkout .hf-v2-customer-billing-card .grid {
    gap: 10px !important;
}


/* Make full-width fields span both columns */
body.woocommerce-checkout .hf-v2-customer-billing-card #billing_country_field,
body.woocommerce-checkout .hf-v2-customer-billing-card #billing_address_1_field {
    grid-column: 1 / -1 !important;
}


/* Mobile */
@media (max-width: 640px) {
    body.woocommerce-checkout .hf-v2-customer-billing-card {
        padding: 18px !important;
    }

    body.woocommerce-checkout .hf-v2-customer-billing-card .grid {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-checkout .hf-v2-customer-billing-card #billing_country_field,
    body.woocommerce-checkout .hf-v2-customer-billing-card #billing_address_1_field {
        grid-column: auto !important;
    }
}
/* ==========================================================
   CHECKOUT V2 — CUSTOMER/BILLING SPACING PASS
   ========================================================== */

body.woocommerce-checkout .hf-v2-customer-billing-card {
    padding: 18px !important;
}


/* More breathing room between the two sections */
body.woocommerce-checkout .hf-v2-customer-billing-card > .text-base {
    margin-bottom: 12px !important;
}

body.woocommerce-checkout .hf-v2-customer-billing-card > .text-base:nth-of-type(2) {
    margin-top: 20px !important;
    padding-top: 18px !important;
}


/* Bring fields closer to Lovable proportions */
body.woocommerce-checkout .hf-v2-customer-billing-card input.input-text,
body.woocommerce-checkout .hf-v2-customer-billing-card select {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 11px !important;

    border-radius: 7px !important;
    font-size: 11px !important;
}


/* Slightly tighter field gaps */
body.woocommerce-checkout .hf-v2-customer-billing-card .form-row {
    margin-bottom: 8px !important;
}

body.woocommerce-checkout .hf-v2-customer-billing-card .grid {
    gap: 8px !important;
}


/* Email / confirm email should stay full width */
body.woocommerce-checkout .hf-v2-customer-billing-card #billing_email_field,
body.woocommerce-checkout .hf-v2-customer-billing-card .form-row-wide {
    width: 100% !important;
}


/* Keep first/last, city/state, postcode/phone as paired columns */
body.woocommerce-checkout .hf-v2-customer-billing-card .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}


/* Country and street address full width */
body.woocommerce-checkout .hf-v2-customer-billing-card #billing_country_field,
body.woocommerce-checkout .hf-v2-customer-billing-card #billing_address_1_field {
    grid-column: 1 / -1 !important;
}


/* Remove oversized WooCommerce wrappers */
body.woocommerce-checkout .hf-v2-customer-billing-card .woocommerce-input-wrapper {
    width: 100% !important;
}


/* Mobile */
@media (max-width: 640px) {
    body.woocommerce-checkout .hf-v2-customer-billing-card {
        padding: 16px !important;
    }

    body.woocommerce-checkout .hf-v2-customer-billing-card .grid {
        grid-template-columns: 1fr !important;
    }
}
/* ==========================================================
   CHECKOUT V2 — LOVABLE RIGHT COLUMN STRUCTURE
   ========================================================== */

/* Turn old giant wrapper into a neutral container */
body.woocommerce-checkout .hf-v2-right > .bg-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
    overflow: visible !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}


/* ==========================================================
   ORDER SUMMARY CARD
   ========================================================== */

body.woocommerce-checkout .hf-v2-order-summary-card {
    width: 100% !important;
    padding: 20px !important;

    background:
        linear-gradient(
            180deg,
            rgba(25, 15, 35, 0.98),
            rgba(18, 10, 27, 0.98)
        ) !important;

    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 18px !important;

    box-shadow: 0 14px 40px rgba(0,0,0,0.16) !important;
}


/* Give the summary rows clean spacing */
body.woocommerce-checkout .hf-v2-order-summary-card #hf-row-subtotal,
body.woocommerce-checkout .hf-v2-order-summary-card #hf-coupon-rows > *,
body.woocommerce-checkout .hf-v2-order-summary-card #hf-addon-rows > *,
body.woocommerce-checkout .hf-v2-order-summary-card #hf-row-total {
    min-height: 38px !important;
}


/* Total divider */
body.woocommerce-checkout .hf-v2-order-summary-card #hf-row-total {
    margin-top: 8px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}


/* Coupon area */
body.woocommerce-checkout .hf-v2-order-summary-card #coupon-details {
    margin-top: 14px !important;
}


/* Coupon input */
body.woocommerce-checkout .hf-v2-order-summary-card #custom_coupon_code {
    min-height: 40px !important;
    height: 40px !important;

    background: rgba(5,3,10,0.82) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 9px !important;

    padding: 0 12px !important;
}


/* Apply coupon button */
body.woocommerce-checkout .hf-v2-order-summary-card #apply_coupon_button {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 9px !important;
}


/* ==========================================================
   PAYMENT CARD
   ========================================================== */

body.woocommerce-checkout .hf-v2-payment-card {
    width: 100% !important;
    padding: 20px !important;

    background:
        linear-gradient(
            180deg,
            rgba(25, 15, 35, 0.98),
            rgba(18, 10, 27, 0.98)
        ) !important;

    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 18px !important;

    box-shadow: 0 14px 40px rgba(0,0,0,0.16) !important;
}


/* Remove the redundant inner payment-card shell */
body.woocommerce-checkout .hf-v2-payment-card > .bg-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}


/* Payment gateway area */
body.woocommerce-checkout .hf-v2-payment-card #payment {
    margin: 0 0 16px 0 !important;
}


/* CTA belongs to payment card */
body.woocommerce-checkout .hf-v2-payment-card #place_order {
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;

    margin: 16px 0 12px !important;

    border-radius: 10px !important;
}


/* Divider below CTA */
body.woocommerce-checkout .hf-v2-payment-card > hr {
    margin: 14px 0 !important;
    opacity: 0.5 !important;
}


/* Mobile */
@media (max-width: 640px) {

    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        padding: 16px !important;
        border-radius: 16px !important;
    }
}
/* ==========================================================
   CHECKOUT V2 — RIGHT COLUMN CARD SEPARATION
   ========================================================== */

/* Strong separation between summary and payment */
body.woocommerce-checkout .hf-v2-right > .bg-card {
    gap: 18px !important;
}

/* Order Summary */
body.woocommerce-checkout .hf-v2-order-summary-card {
    margin: 0 !important;
    padding: 22px !important;
}

/* Payment card */
body.woocommerce-checkout .hf-v2-payment-card {
    margin: 0 !important;
    padding: 22px !important;
}

/* Prevent old inner payment wrapper adding its own spacing */
body.woocommerce-checkout .hf-v2-payment-card > .bg-card {
    margin: 0 !important;
}

/* Tighten the Paytiko gateway itself */
body.woocommerce-checkout .hf-v2-payment-card #payment {
    margin: 0 !important;
}

/* CTA spacing */
body.woocommerce-checkout .hf-v2-payment-card #place_order {
    margin: 18px 0 14px !important;
}

/* Payment logos sit neatly underneath */
body.woocommerce-checkout .hf-v2-payment-card > hr {
    margin: 4px 0 14px !important;
}
/* ==========================================================
   CHECKOUT V2 — RIGHT CARD HEADINGS
   ========================================================== */

body.woocommerce-checkout .hf-v2-card-heading {
    margin: 0 0 16px 0 !important;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
}
/* ==========================================================
   CHECKOUT V2 — SUMMARY PRODUCT BOX
   ========================================================== */

body.woocommerce-checkout .hf-v2-summary-product {
    margin: 0 0 18px 0 !important;
    padding: 14px 16px !important;

    background: rgba(6, 3, 12, 0.78) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
}

body.woocommerce-checkout .hf-v2-summary-product-title {
    margin: 0 0 6px 0 !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body.woocommerce-checkout .hf-v2-summary-product-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;

    color: rgba(255,255,255,0.48) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}
/* =========================================================
   CHECKOUT V2 — DESKTOP LAYOUT SCALE / LOVABLE MATCH
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout .hf-v2-layout {
    width: min(1280px, calc(100% - 48px)) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 63fr)
        minmax(0, 37fr) !important;

    column-gap: 36px !important;
    row-gap: 28px !important;

    align-items: start !important;
    justify-content: stretch !important;
}

    body.woocommerce-checkout .hf-v2-left,
    body.woocommerce-checkout .hf-v2-right {
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        align-self: start !important;
    }

    body.woocommerce-checkout .hf-v2-left,
    body.woocommerce-checkout .hf-v2-right {
        max-width: none !important;
    }

    body.woocommerce-checkout .hf-v2-account-card,
    body.woocommerce-checkout .hf-v2-platform-card,
    body.woocommerce-checkout #hf-addons-wrapper,
    body.woocommerce-checkout .hf-v2-customer-billing-card {
        width: 100% !important;
    }

    body.woocommerce-checkout .hf-v2-right > .bg-card {
        width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;

        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;

        overflow: visible !important;
    }

    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        width: 100% !important;
        margin: 0 !important;

        padding: 32px !important;
        border-radius: 22px !important;

        background:
            linear-gradient(
                180deg,
                rgba(28, 17, 39, 0.98),
                rgba(15, 9, 23, 0.98)
            ) !important;

        border: 1px solid rgba(255,255,255,0.10) !important;
        box-shadow: 0 16px 48px rgba(0,0,0,0.18) !important;
    }

    body.woocommerce-checkout .hf-v2-account-card {
        padding: 34px !important;
        border-radius: 22px !important;
    }

    body.woocommerce-checkout .hf-v2-platform-card {
        padding: 28px !important;
        border-radius: 22px !important;
    }

    body.woocommerce-checkout #hf-addons-wrapper {
        padding: 30px !important;
        border-radius: 22px !important;
    }

    body.woocommerce-checkout .hf-v2-customer-billing-card {
        padding: 32px !important;
        border-radius: 22px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — SEPARATE RIGHT-SIDE CARDS
   ========================================================= */

@media (min-width: 1024px) {

  /* Remove the appearance of one giant wrapper card */
  body.woocommerce-checkout .hf-v2-right > .bg-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    overflow: visible !important;
  }

  /* Order Summary card */
  body.woocommerce-checkout .hf-v2-order-summary-card {
    width: 100% !important;
    padding: 28px !important;

    background:
      linear-gradient(
        180deg,
        rgba(25, 15, 35, 0.98),
        rgba(18, 10, 27, 0.98)
      ) !important;

    border: 1px solid rgba(255,255,255,0.09) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.16) !important;
  }

  /* Payment card */
  body.woocommerce-checkout .hf-v2-payment-card {
    width: 100% !important;
    padding: 28px !important;

    background:
      linear-gradient(
        180deg,
        rgba(25, 15, 35, 0.98),
        rgba(18, 10, 27, 0.98)
      ) !important;

    border: 1px solid rgba(255,255,255,0.09) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.16) !important;
  }
  /* Give the right-side cards clearer separation */
body.woocommerce-checkout .hf-v2-order-summary-card,
body.woocommerce-checkout .hf-v2-payment-card {
    position: relative !important;
}

body.woocommerce-checkout .hf-v2-order-summary-card {
    margin-bottom: 0 !important;
}

body.woocommerce-checkout .hf-v2-payment-card {
    margin-top: 0 !important;
}
}
/* =========================================================
   CHECKOUT V2 — LOVABLE PAYMENT METHOD
   ========================================================= */

@media (min-width: 1024px) {

  /* Remove extra wrapper styling around Woo payment */
  body.woocommerce-checkout .hf-v2-payment-card > .bg-card {
    padding: 0 !important;
    margin: 12px 0 18px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* WooCommerce payment container */
  body.woocommerce-checkout #payment {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Payment methods list */
  body.woocommerce-checkout #payment ul.payment_methods {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
  }

  /* Selected gateway row */
  body.woocommerce-checkout #payment ul.payment_methods > li {
    position: relative !important;
    margin: 0 !important;
    padding: 16px 18px !important;

    background: rgba(192, 107, 233, 0.12) !important;
    border: 1px solid rgba(192, 107, 233, 0.72) !important;
    border-radius: 14px !important;

    color: #ffffff !important;
    
    flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
  }

  /* Gateway title */
  body.woocommerce-checkout #payment ul.payment_methods > li > label {
    display: flex !important;
    align-items: center !important;
    min-height: 24px !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

  /* Tone down gateway image/logo */
  body.woocommerce-checkout #payment ul.payment_methods > li img {
    max-height: 28px !important;
    width: auto !important;
    margin-left: auto !important;
  }

  /* Hide the large Paytiko explanation panel */
  body.woocommerce-checkout #payment .payment_box {
    margin: 10px 0 0 !important;
    padding: 8px 0 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: rgba(255,255,255,0.55) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  body.woocommerce-checkout #payment .payment_box::before {
    display: none !important;
  }

  /* Place order CTA */
  body.woocommerce-checkout .hf-v2-payment-card #place_order {
    width: 100% !important;
    min-height: 52px !important;
    margin: 18px 0 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: linear-gradient(
      90deg,
      #9b5de5 0%,
      #c46be9 50%,
      #ed78a6 100%
    ) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    box-shadow: none !important;
  }

  /* Divider below CTA */
  body.woocommerce-checkout .hf-v2-payment-card > hr {
    margin: 18px 0 14px !important;
    opacity: 0.4 !important;
  }
}
/* Space between coupon controls and payment card */
body.woocommerce-checkout .hf-v2-payment-card {
    margin-top: 20px !important;
}
/* =========================================================
   CHECKOUT V2 — PAYMENT CARD REFINEMENT
   ========================================================= */

@media (min-width: 1024px) {

  /* Make selected gateway more compact like Lovable */
  body.woocommerce-checkout #payment ul.payment_methods > li {
    min-height: 84px !important;
    padding: 16px 18px !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 12px !important;
  }

  /* Radio */
  body.woocommerce-checkout #payment ul.payment_methods > li > input[type="radio"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* Gateway label occupies the main row */
  body.woocommerce-checkout #payment ul.payment_methods > li > label {
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Payment helper text underneath */
  body.woocommerce-checkout #payment .payment_box {
    flex: 0 0 100% !important;
    width: 100% !important;

    margin: 8px 0 0 !important;
    padding: 0 0 0 26px !important;

    color: rgba(255,255,255,0.52) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.woocommerce-checkout #payment .payment_box p,
  body.woocommerce-checkout #payment .payment_box span {
    margin: 0 !important;
    color: rgba(255,255,255,0.52) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  /* Keep gateway graphic controlled */
  body.woocommerce-checkout #payment ul.payment_methods > li img {
    flex: 0 0 auto !important;
    max-height: 26px !important;
    width: auto !important;
  }
}
/* =========================================================
   CHECKOUT V2 — TIGHTER PAYMENT CARD
   ========================================================= */

@media (min-width: 1024px) {

  body.woocommerce-checkout .hf-v2-payment-card {
    padding-bottom: 20px !important;
  }

  body.woocommerce-checkout .hf-v2-payment-card > hr {
    margin: 16px 0 12px !important;
  }

  body.woocommerce-checkout .hf-v2-payment-card #place_order {
    margin-bottom: 0 !important;
  }
}
/* =========================================================
   CHECKOUT V2 — TERMS ROW
   ========================================================= */

@media (min-width: 1024px) {

  body.woocommerce-checkout .hf-v2-terms {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,0.62) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;

    cursor: pointer !important;
  }

  body.woocommerce-checkout .hf-v2-terms input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;

    margin: 1px 0 0 !important;

    border: 1px solid rgba(210,132,255,0.85) !important;
    border-radius: 4px !important;

    background: rgba(192,107,233,0.12) !important;
    position: relative !important;
  }

  body.woocommerce-checkout .hf-v2-terms input[type="checkbox"]:checked {
    background: linear-gradient(
      135deg,
      #a45df0 0%,
      #e56fa9 100%
    ) !important;

    border-color: transparent !important;
  }

  body.woocommerce-checkout .hf-v2-terms input[type="checkbox"]:checked::after {
    content: "✓" !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -54%) !important;

    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.woocommerce-checkout .hf-v2-terms span {
    flex: 1 1 auto !important;
  }

  body.woocommerce-checkout .hf-v2-terms a {
    color: rgba(255,255,255,0.88) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }

  body.woocommerce-checkout .hf-v2-terms a:hover {
    color: #ffffff !important;
  }

}
/* CHECKOUT V2 — TERMS TYPOGRAPHY REFINEMENT */

@media (min-width: 1024px) {

  body.woocommerce-checkout .hf-v2-terms {
    align-items: flex-start !important;
    gap: 9px !important;
    margin: 14px 0 16px !important;

    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;

    color: rgba(255,255,255,0.58) !important;
  }

  body.woocommerce-checkout .hf-v2-terms span {
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.woocommerce-checkout .hf-v2-terms a {
    font-size: inherit !important;
    font-weight: 500 !important;
    text-transform: none !important;
    color: rgba(255,255,255,0.78) !important;
  }
}
/* CHECKOUT V2 — SECURE LINE FINAL REFINEMENT */

body.woocommerce-checkout .hf-v2-secure-checkout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    margin: 10px 0 8px !important;

    color: rgba(255,255,255,0.42) !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.woocommerce-checkout .hf-v2-secure-checkout span {
    color: rgba(255,255,255,0.42) !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.woocommerce-checkout .hf-v2-secure-lock {
    font-size: 9px !important;
}
/* =========================================================
   CHECKOUT V2 — ADD-ONS REFINEMENT
   ========================================================= */

@media (min-width: 1024px) {

  body.woocommerce-checkout #hf-addons-wrapper {
    padding: 22px !important;
    border-radius: 18px !important;
  }

  body.woocommerce-checkout #wc_checkout_add_ons .form-row {
    margin: 0 0 14px !important;
  }

  body.woocommerce-checkout #wc_checkout_add_ons .form-row:last-child {
    margin-bottom: 0 !important;
  }

  body.woocommerce-checkout #wc_checkout_add_ons input[type="checkbox"] + label {
    min-height: 74px !important;
    padding: 16px 18px !important;

    display: flex !important;
    align-items: center !important;

    border-radius: 14px !important;
  }

  body.woocommerce-checkout #wc_checkout_add_ons input[type="checkbox"] + label .hf-addon-subtitle,
  body.woocommerce-checkout #wc_checkout_add_ons input[type="checkbox"] + label small {
    display: block !important;
    margin-top: 4px !important;

    color: rgba(255,255,255,0.42) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
  }

  body.woocommerce-checkout #wc_checkout_add_ons input[type="checkbox"]:checked + label {
    border-color: rgba(192,107,233,0.75) !important;
    background:
      linear-gradient(
        90deg,
        rgba(126,76,166,0.16),
        rgba(192,107,233,0.08)
      ) !important;
  }
}
/* =========================================================
   CHECKOUT V2 — CUSTOMER / BILLING REFINEMENT
   ========================================================= */

@media (min-width: 1024px) {

  /* Main customer/billing card */
  body.woocommerce-checkout .hf-v2-customer-billing-card {
    padding: 26px !important;
    border-radius: 18px !important;
  }

  /* ALL customer + billing inputs */
  body.woocommerce-checkout .hf-v2-customer-billing-card input,
  body.woocommerce-checkout .hf-v2-customer-billing-card select {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

    padding: 0 16px !important;

    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 12px !important;

    background: rgba(5,2,10,0.82) !important;
    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 48px !important;

    box-shadow: none !important;
  }

  /* Confirm email — override the old rounded-full styling */
  body.woocommerce-checkout #billing_email_confirm {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 16px !important;

    border-radius: 12px !important;
    background: rgba(5,2,10,0.82) !important;

    font-size: 13px !important;
    line-height: 48px !important;
  }

  /* Placeholder styling */
  body.woocommerce-checkout .hf-v2-customer-billing-card input::placeholder {
    color: rgba(255,255,255,0.32) !important;
    opacity: 1 !important;
  }

  /* Focus state */
  body.woocommerce-checkout .hf-v2-customer-billing-card input:focus,
  body.woocommerce-checkout .hf-v2-customer-billing-card select:focus {
    border-color: rgba(192,107,233,0.70) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(192,107,233,0.18) !important;
  }

  /* Space between email and confirm-email */
  body.woocommerce-checkout #billing_email_field {
    margin-bottom: 14px !important;
  }

  /* Section headings */
  body.woocommerce-checkout .hf-v2-customer-billing-card .text-white\/60 {
    letter-spacing: 0.12em !important;
  }
}
/* =========================================================
   CHECKOUT V2 — BILLING FIELD CONSISTENCY
   ========================================================= */

@media (min-width: 1024px) {

  body.woocommerce-checkout .hf-v2-customer-billing-card .select2-container,
  body.woocommerce-checkout .hf-v2-customer-billing-card .select2-selection,
  body.woocommerce-checkout .hf-v2-customer-billing-card select {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
  }

  body.woocommerce-checkout .hf-v2-customer-billing-card .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;

    background: rgba(5,2,10,0.82) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
  }

  body.woocommerce-checkout .hf-v2-customer-billing-card .select2-selection__rendered {
    padding: 0 !important;
    line-height: 48px !important;
    color: #fff !important;
    font-size: 13px !important;
  }

  body.woocommerce-checkout .hf-v2-customer-billing-card .select2-selection__arrow {
    height: 48px !important;
    right: 12px !important;
  }

  body.woocommerce-checkout .hf-v2-customer-billing-card .form-row {
    margin-bottom: 12px !important;
  }
}
/* =========================================================
   CHECKOUT V2 — ACCOUNT DETAILS COLLAPSE / EDIT
   ========================================================= */

body.woocommerce-checkout .hf-v2-account-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-bottom: 22px !important;
}

body.woocommerce-checkout .hf-v2-account-heading {
    color: rgba(255,255,255,0.72) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

body.woocommerce-checkout .hf-v2-account-edit-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-width: 78px !important;
    height: 38px !important;
    padding: 0 16px !important;

    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 999px !important;

    background: rgba(7,3,12,0.45) !important;
    color: #fff !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    cursor: pointer !important;
    transition: 0.2s ease !important;
}

body.woocommerce-checkout .hf-v2-account-edit-toggle:hover {
    border-color: rgba(190,110,235,0.55) !important;
    background: rgba(120,60,145,0.16) !important;
}

body.woocommerce-checkout .hf-account-toggle-arrow {
    font-size: 13px !important;
    opacity: 0.75 !important;
}

body.woocommerce-checkout .hf-v2-account-preview {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

body.woocommerce-checkout .hf-v2-account-preview-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;

    color: rgba(255,255,255,0.62) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

body.woocommerce-checkout .hf-v2-account-preview-row span:last-child {
    color: #fff !important;
    font-weight: 500 !important;
    text-align: right !important;
}

body.woocommerce-checkout .hf-v2-account-editor {
    margin-top: 28px !important;
    padding-top: 24px !important;

    border-top: 1px solid rgba(255,255,255,0.07) !important;
}

body.woocommerce-checkout .hf-v2-account-editor[hidden] {
    display: none !important;
}
/* =========================================================
   CHECKOUT V2 — DESKTOP VISUAL SCALE PASS
   ========================================================= */

@media (min-width: 1024px) {

    /* Account preview */
    body.woocommerce-checkout .hf-v2-account-heading {
        font-size: 17px !important;
    }

    body.woocommerce-checkout .hf-v2-account-preview-row {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    /* Small uppercase section headings */
    body.woocommerce-checkout .hf-v2-card-heading,
    body.woocommerce-checkout .hf-v2-section-label {
        font-size: 13px !important;
        letter-spacing: 0.14em !important;
    }

    /* Account model */
    body.woocommerce-checkout .hf-btn-model > div {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.woocommerce-checkout .hf-btn-model .hf-btn-label {
        font-size: 15px !important;
    }

    /* Account size */
    body.woocommerce-checkout .hf-v2-account-card .hf-btn-size {
        min-height: 50px !important;
        min-width: 78px !important;
        padding: 0 18px !important;
    }

    body.woocommerce-checkout .hf-btn-size .hf-btn-label {
        font-size: 15px !important;
    }

    /* Platform */
    body.woocommerce-checkout .hf-v2-platform-option {
        min-height: 60px !important;
        padding: 0 20px !important;
    }

    body.woocommerce-checkout .hf-v2-platform-name {
        font-size: 15px !important;
    }



    /* Order summary */
    body.woocommerce-checkout .hf-v2-summary-product-title {
        font-size: 16px !important;
    }

    body.woocommerce-checkout .hf-v2-summary-product-meta {
        font-size: 12px !important;
    }

    /* Payment method */
    body.woocommerce-checkout
    #payment ul.payment_methods > li > label {
        font-size: 15px !important;
    }

    body.woocommerce-checkout #payment .payment_box,
    body.woocommerce-checkout #payment .payment_box p,
    body.woocommerce-checkout #payment .payment_box span {
        font-size: 12px !important;
    }

    /* Terms */
    body.woocommerce-checkout .hf-v2-terms,
    body.woocommerce-checkout .hf-v2-terms span {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    /* CTA */
    body.woocommerce-checkout #place_order,
    body.woocommerce-checkout button#place_order > span:first-child,
    body.woocommerce-checkout button#place_order .hf-btn-total {
        font-size: 17px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — LOVABLE CARD SYSTEM
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout .hf-v2-account-card,
    body.woocommerce-checkout .hf-v2-platform-card,
    body.woocommerce-checkout #hf-addons-wrapper,
    body.woocommerce-checkout .hf-v2-customer-billing-card,
    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        background: rgba(24, 16, 34, 0.96) !important;
        border: 1px solid rgba(210, 180, 255, 0.16) !important;
        border-radius: 16px !important;
        box-shadow: none !important;
    }

    body.woocommerce-checkout .hf-v2-account-card,
    body.woocommerce-checkout .hf-v2-platform-card,
    body.woocommerce-checkout #hf-addons-wrapper,
    body.woocommerce-checkout .hf-v2-customer-billing-card {
        padding: 28px 32px !important;
    }

    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        padding: 28px !important;
    }

    body.woocommerce-checkout .hf-v2-left {
        gap: 28px !important;
    }

    body.woocommerce-checkout .hf-v2-right {
        gap: 28px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — FULL WIDTH PARENT OVERRIDE TEST
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout .site,
    body.woocommerce-checkout .site-content,
    body.woocommerce-checkout .content-area,
    body.woocommerce-checkout .site-main,
    body.woocommerce-checkout main,
    body.woocommerce-checkout .woocommerce,
    body.woocommerce-checkout .woocommerce-page,
    body.woocommerce-checkout form.checkout {
        width: 100% !important;
        max-width: none !important;
    }

    body.woocommerce-checkout .hf-v2-layout {
        width: calc(100vw - 220px) !important;
max-width: 1260px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        grid-template-columns:
    minmax(0, 1.72fr)
    minmax(0, 1fr) !important;

        column-gap: 40px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — GLOBAL VISUAL FOUNDATION
   ========================================================= */

@media (min-width: 1024px) {

    /* Page background */
    body.woocommerce-checkout {
        background: #07030f !important;
        color: #f7f3ff !important;
    }

    /* Main cards */
    body.woocommerce-checkout .hf-v2-account-card,
    body.woocommerce-checkout .hf-v2-platform-card,
    body.woocommerce-checkout .hf-addons-wrapper,
    body.woocommerce-checkout .hf-v2-customer-billing-card,
    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        background:
            linear-gradient(
                180deg,
                rgba(24, 15, 36, 0.98),
                rgba(17, 10, 26, 0.98)
            ) !important;

        border: 1px solid rgba(255, 255, 255, 0.11) !important;
        box-shadow: none !important;
    }

    /* Inner dark panels */
    body.woocommerce-checkout .hf-v2-summary-product,
    body.woocommerce-checkout #payment ul.payment_methods > li,
    body.woocommerce-checkout #wc_checkout_add_ons .form-row {
        background: rgba(6, 2, 12, 0.82) !important;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
    }

    /* Primary text */
    body.woocommerce-checkout,
    body.woocommerce-checkout h1,
    body.woocommerce-checkout h2,
    body.woocommerce-checkout h3,
    body.woocommerce-checkout strong,
    body.woocommerce-checkout label {
        color: #f8f5ff !important;
    }

    /* Muted text */
    body.woocommerce-checkout .hf-v2-account-preview-row span:first-child,
    body.woocommerce-checkout .hf-v2-summary-product-meta,
    body.woocommerce-checkout #payment .payment_box,
    body.woocommerce-checkout .hf-v2-terms,
    body.woocommerce-checkout .hf-v2-secure-checkout {
        color: rgba(255, 255, 255, 0.58) !important;
    }

    /* Section labels */
    body.woocommerce-checkout .hf-v2-section-label,
    body.woocommerce-checkout .hf-v2-card-heading,
    body.woocommerce-checkout .hf-v2-payment-card > .hf-v2-card-heading {
        color: rgba(255, 255, 255, 0.72) !important;
        letter-spacing: 0.16em !important;
        text-transform: uppercase !important;
    }

    /* Purple selected state */
    body.woocommerce-checkout .hf-btn-active,
    body.woocommerce-checkout .hf-v2-platform-option,
    body.woocommerce-checkout #payment ul.payment_methods > li {
        border-color: rgba(190, 116, 255, 0.85) !important;
    }

    body.woocommerce-checkout .hf-btn-active,
    body.woocommerce-checkout .hf-v2-platform-option {
        background:
            linear-gradient(
                90deg,
                rgba(123, 75, 180, 0.40),
                rgba(173, 91, 152, 0.30)
            ) !important;
    }

    /* CTA gradient */
    body.woocommerce-checkout #place_order {
        background:
            linear-gradient(
                90deg,
                #a56df1 0%,
                #c76ee0 50%,
                #eb6fa7 100%
            ) !important;

        border: 0 !important;
        box-shadow: none !important;
        color: #ffffff !important;
    }

}
/* =========================================================
   CHECKOUT V2 — LOVABLE SURFACE + TYPE MATCH
   ========================================================= */

@media (min-width: 1024px) {

    /* Main card surfaces */
    body.woocommerce-checkout .hf-v2-account-card,
    body.woocommerce-checkout .hf-v2-platform-card,
    body.woocommerce-checkout .hf-addons-wrapper,
    body.woocommerce-checkout .hf-v2-customer-billing-card,
    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        background: #15101f !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        box-shadow: none !important;
    }

    /* Slightly elevated right-side cards */
    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        background: #171120 !important;
    }

    /* Section labels */
    body.woocommerce-checkout .hf-v2-section-label,
    body.woocommerce-checkout .hf-v2-card-heading {
        color: rgba(255,255,255,0.82) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;
    }

    /* Main body text */
    body.woocommerce-checkout .hf-v2-account-preview-row span:first-child,
    body.woocommerce-checkout .hf-v2-summary-product-meta,
    body.woocommerce-checkout .hf-v2-terms,
    body.woocommerce-checkout #payment .payment_box {
        color: rgba(255,255,255,0.62) !important;
    }

    /* Main values */
    body.woocommerce-checkout .hf-v2-account-preview-row span:last-child,
    body.woocommerce-checkout .hf-v2-summary-product-title,
    body.woocommerce-checkout #payment ul.payment_methods > li label {
        color: #ffffff !important;
        font-weight: 600 !important;
    }

    /* Inner dark boxes */
    body.woocommerce-checkout .hf-v2-summary-product,
    body.woocommerce-checkout #wc_checkout_add_ons .form-row {
        background: #09060f !important;
        border: 1px solid rgba(255,255,255,0.09) !important;
        box-shadow: none !important;
    }

    /* Selected / highlighted panels */
    body.woocommerce-checkout .hf-v2-platform-option,
    body.woocommerce-checkout .hf-btn-active,
    body.woocommerce-checkout #payment ul.payment_methods > li {
        background:
            linear-gradient(
                90deg,
                rgba(130, 81, 187, 0.34),
                rgba(161, 89, 132, 0.26)
            ) !important;

        border-color: rgba(194, 126, 255, 0.85) !important;
    }

    /* Slightly roomier main cards */
    body.woocommerce-checkout .hf-v2-account-card,
    body.woocommerce-checkout .hf-v2-platform-card,
    body.woocommerce-checkout .hf-addons-wrapper {
        padding: 28px 30px !important;
    }

    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        padding: 26px 28px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — CARD AMBIENT GLOW
   Visual only — no geometry changes
   ========================================================= */

@media (min-width: 1024px) {

    /* Main cards */
    body.woocommerce-checkout .hf-v2-account-card,
    body.woocommerce-checkout .hf-v2-platform-card,
    body.woocommerce-checkout .hf-addons-wrapper,
    body.woocommerce-checkout .hf-v2-customer-billing-card,
    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        position: relative !important;
        overflow: hidden !important;

        background:
            radial-gradient(
                circle at 22% 0%,
                rgba(126, 78, 175, 0.12) 0%,
                rgba(126, 78, 175, 0.06) 28%,
                rgba(126, 78, 175, 0.00) 58%
            ),
            linear-gradient(
                180deg,
                rgba(26, 18, 37, 0.98) 0%,
                rgba(18, 12, 27, 0.98) 100%
            ) !important;

        border-color: rgba(255,255,255,0.10) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.018),
            0 18px 50px rgba(0,0,0,0.16) !important;
    }


    /* Slightly stronger glow on right-side cards */
    body.woocommerce-checkout .hf-v2-order-summary-card,
    body.woocommerce-checkout .hf-v2-payment-card {
        background:
            radial-gradient(
                circle at 16% 0%,
                rgba(140, 84, 190, 0.15) 0%,
                rgba(140, 84, 190, 0.07) 30%,
                rgba(140, 84, 190, 0.00) 60%
            ),
            linear-gradient(
                180deg,
                rgba(27, 18, 39, 0.98) 0%,
                rgba(18, 12, 27, 0.98) 100%
            ) !important;
    }


    /* Selected platform bar */
    body.woocommerce-checkout .hf-v2-platform-option {
        background:
            linear-gradient(
                90deg,
                rgba(146, 95, 226, 0.30) 0%,
                rgba(203, 111, 174, 0.22) 100%
            ) !important;

        box-shadow:
            inset 0 0 0 1px rgba(195, 125, 255, 0.32),
            0 8px 28px rgba(132, 81, 188, 0.10) !important;
    }


    /* Selected payment method */
    body.woocommerce-checkout #payment ul.payment_methods > li {
        background:
            linear-gradient(
                90deg,
                rgba(137, 88, 191, 0.24) 0%,
                rgba(196, 105, 158, 0.18) 100%
            ) !important;

        box-shadow:
            inset 0 0 0 1px rgba(190, 118, 255, 0.25),
            0 10px 32px rgba(117, 69, 169, 0.10) !important;
    }
}
/* =========================================================
   CHECKOUT V2 — ACCOUNT DETAILS REFINEMENT
   Visual refinement only
   ========================================================= */

@media (min-width: 1024px) {

    /* Main heading */
    body.woocommerce-checkout .hf-v2-account-heading {
        text-transform: uppercase !important;
        letter-spacing: 0.14em !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: rgba(255,255,255,0.82) !important;
    }

    /* Preview labels */
    body.woocommerce-checkout .hf-v2-account-preview-row > span:first-child {
        color: rgba(255,255,255,0.60) !important;
        font-size: 15px !important;
        font-weight: 400 !important;
    }

    /* Preview values */
    body.woocommerce-checkout .hf-v2-account-preview-row > span:last-child {
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    /* Editor section labels */
    body.woocommerce-checkout .hf-v2-account-editor p {
        margin-bottom: 14px !important;
    }

    body.woocommerce-checkout .hf-v2-account-editor p,
    body.woocommerce-checkout .hf-v2-account-editor .text-base {
        color: rgba(255,255,255,0.82) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    /* Divider above editable controls */
    body.woocommerce-checkout .hf-v2-account-editor {
        border-top: 1px solid rgba(255,255,255,0.08) !important;
        padding-top: 28px !important;
        margin-top: 28px !important;
    }

    /* Model buttons */
    body.woocommerce-checkout .hf-btn-model > div {
        min-height: 54px !important;
        border-radius: 14px !important;
        border-color: rgba(255,255,255,0.10) !important;
        background: rgba(8,5,14,0.38) !important;
    }

    body.woocommerce-checkout .hf-btn-model .hf-btn-label {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: rgba(255,255,255,0.74) !important;
    }

    /* Selected model */
    body.woocommerce-checkout .hf-btn-model.hf-btn-active > div {
        background:
            linear-gradient(
                90deg,
                rgba(135,76,190,0.28),
                rgba(164,90,176,0.18)
            ) !important;

        border-color: rgba(190,118,255,0.72) !important;

        box-shadow:
            inset 0 0 0 1px rgba(190,118,255,0.24),
            0 8px 24px rgba(126,69,170,0.10) !important;
    }

    body.woocommerce-checkout .hf-btn-model.hf-btn-active .hf-btn-label {
        color: #ffffff !important;
    }

    /* Size buttons */
    body.woocommerce-checkout .hf-btn-size {
        border-color: rgba(255,255,255,0.10) !important;
        background: rgba(8,5,14,0.34) !important;
    }

    body.woocommerce-checkout .hf-btn-size .hf-btn-label {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: rgba(255,255,255,0.70) !important;
    }

    /* Selected size */
    body.woocommerce-checkout .hf-btn-size.hf-btn-active {
        background:
            linear-gradient(
                90deg,
                rgba(135,76,190,0.28),
                rgba(164,90,176,0.18)
            ) !important;

        border-color: rgba(190,118,255,0.72) !important;

        box-shadow:
            inset 0 0 0 1px rgba(190,118,255,0.22),
            0 8px 22px rgba(126,69,170,0.10) !important;
    }

    body.woocommerce-checkout .hf-btn-size.hf-btn-active .hf-btn-label {
        color: #ffffff !important;
    }

    /* Edit / Save pill */
    body.woocommerce-checkout .hf-v2-account-edit-toggle {
        background: rgba(8,5,14,0.34) !important;
        border: 1px solid rgba(255,255,255,0.12) !important;
        color: #ffffff !important;
        border-radius: 999px !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }
}
/* =========================================================
   CHECKOUT V2 — ACCOUNT SELECTORS CLEAN FINAL
   One visible card only
   ========================================================= */

@media (min-width: 1024px) {

    /* =====================================================
       MODEL BUTTONS
       ===================================================== */

    body.woocommerce-checkout .hf-btn-model {
        padding: 0 !important;

        background: rgba(8, 5, 14, 0.32) !important;
        border: 1px solid rgba(255,255,255,0.11) !important;
        border-radius: 14px !important;

        outline: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    /* Kill ALL styling/geometry on the inner model card */
    body.woocommerce-checkout .hf-btn-model > div {
        width: 100% !important;
        height: 54px !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    body.woocommerce-checkout .hf-btn-model::before,
    body.woocommerce-checkout .hf-btn-model::after,
    body.woocommerce-checkout .hf-btn-model > div::before,
    body.woocommerce-checkout .hf-btn-model > div::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Selected model — ONE border, no inset second line */
    body.woocommerce-checkout .hf-btn-model.hf-btn-active {
        background:
            linear-gradient(
                90deg,
                rgba(137,82,190,0.36) 0%,
                rgba(180,95,177,0.23) 100%
            ) !important;

        border: 1px solid rgba(195,125,255,0.88) !important;

        box-shadow:
            0 8px 24px rgba(117,69,169,0.10) !important;
    }


    /* =====================================================
       SIZE BUTTONS
       ===================================================== */

    body.woocommerce-checkout .hf-btn-size {
        padding: 0 !important;

        height: 54px !important;
        min-height: 54px !important;

        background: rgba(8,5,14,0.32) !important;
        border: 1px solid rgba(255,255,255,0.11) !important;
        border-radius: 13px !important;

        outline: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    /*
     * THIS is the important bit for the circles.
     * Older CSS has been sizing this inner DIV separately.
     */
    body.woocommerce-checkout .hf-btn-size > div {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        border-radius: 0 !important;
    }

    body.woocommerce-checkout .hf-btn-size::before,
    body.woocommerce-checkout .hf-btn-size::after,
    body.woocommerce-checkout .hf-btn-size > div::before,
    body.woocommerce-checkout .hf-btn-size > div::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Text itself gets NO shape */
    body.woocommerce-checkout .hf-btn-size .hf-btn-label {
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    /* Selected size — ONE border */
    body.woocommerce-checkout .hf-btn-size.hf-btn-active {
        background:
            linear-gradient(
                90deg,
                rgba(137,82,190,0.36) 0%,
                rgba(180,95,177,0.23) 100%
            ) !important;

        border: 1px solid rgba(195,125,255,0.88) !important;

        box-shadow:
            0 8px 22px rgba(117,69,169,0.10) !important;
    }
}
@media (min-width: 1024px) {
    body.woocommerce-checkout .hf-account-size-section {
        margin-top: 18px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — ADD-ONS LOVABLE MATCH
   ========================================================= */

@media (min-width: 1024px) {

    /* Main outer card */
    body.woocommerce-checkout #hf-addons-wrapper {
        position: relative !important;

        padding: 74px 34px 34px !important;

        background:
            radial-gradient(
                circle at 18% 0%,
                rgba(125, 70, 165, 0.10),
                transparent 38%
            ),
            rgba(20, 14, 31, 0.96) !important;

        border: 1px solid rgba(255,255,255,0.11) !important;
        border-radius: 22px !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.025),
            0 18px 42px rgba(0,0,0,0.14) !important;
    }

    /* Put the ADD-ONS title inside the card */
    body.woocommerce-checkout #hf-addons-wrapper::before {
        content: "ADD-ONS";

        position: absolute !important;
        top: 28px !important;
        left: 34px !important;

        color: rgba(255,255,255,0.82) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 0.18em !important;
        line-height: 1 !important;
    }

    /* Stack rows with visible spacing */
    body.woocommerce-checkout #wc_checkout_add_ons {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
    }

    body.woocommerce-checkout #wc_checkout_add_ons .form-row {
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
    }

    /* Each selectable add-on */
    body.woocommerce-checkout #wc_checkout_add_ons label.checkbox {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 88px !important;

        margin: 0 !important;
        padding: 18px 82px 18px 72px !important;

        background: rgba(7, 4, 13, 0.72) !important;

        border: 1px solid rgba(255,255,255,0.11) !important;
        border-radius: 18px !important;

        box-shadow: none !important;

        color: rgba(255,255,255,0.96) !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    /* Radio position */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    input.input-checkbox + label.checkbox::before {

        left: 28px !important;
        top: 50% !important;

        width: 20px !important;
        height: 20px !important;

        margin: 0 !important;
        transform: translateY(-50%) !important;

        border: 1.5px solid rgba(255,255,255,0.20) !important;
        border-radius: 50% !important;
        background: transparent !important;
    }

    /* Subtitle */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    .hf-addon-subtitle {

        display: block !important;

        margin-top: 7px !important;

        color: rgba(255,255,255,0.56) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
    }

    /* Right-side percentage */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    .hf-addon-price-wrap {

        right: 28px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        font-size: 0 !important;
        line-height: 1 !important;

        color: #fff !important;
    }

    body.woocommerce-checkout
    #wc_checkout_add_ons
    .hf-addon-price-wrap::after {

        font-size: 17px !important;
        font-weight: 700 !important;
        color: #fff !important;
    }

    /* Individual percentages */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    label[for*="100-profit-split"]
    .hf-addon-price-wrap::after {
        content: "+15%";
    }

    body.woocommerce-checkout
    #wc_checkout_add_ons
    label[for*="7-day-payout"]
    .hf-addon-price-wrap::after {
        content: "+15%";
    }

    body.woocommerce-checkout
    #wc_checkout_add_ons
    label[for*="both"]
    .hf-addon-price-wrap::after {
        content: "+20%";
    }
}
/* =========================================================
   CHECKOUT V2 — ADD-ONS SPACING REFINEMENT
   ========================================================= */

@media (min-width: 1024px) {

    /* Tighten outer card */
    body.woocommerce-checkout #hf-addons-wrapper {
        padding: 64px 32px 30px !important;
    }

    body.woocommerce-checkout #hf-addons-wrapper::before {
        top: 24px !important;
        left: 32px !important;
    }

    /* Slightly tighter rows */
    body.woocommerce-checkout #wc_checkout_add_ons label.checkbox {
        min-height: 78px !important;
        padding: 14px 76px 14px 68px !important;
    }

    /* Bring radio/text relationship closer */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    input.input-checkbox + label.checkbox::before {
        left: 24px !important;
    }

    /* Price position */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    .hf-addon-price-wrap {
        right: 24px !important;
    }

    /* Subtitle spacing */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    .hf-addon-subtitle {
        margin-top: 4px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — ADD-ONS ROW ORDER
   Lovable order:
   1. 7 Day Payouts
   2. 100% Profit Split
   3. Both Add-Ons
   ========================================================= */

body.woocommerce-checkout #wc_checkout_add_ons {
    display: flex !important;
    flex-direction: column !important;
}

/* 7 Day Payouts — FIRST */
body.woocommerce-checkout
#wc_checkout_add_ons
.form-row:has(label[for="7-day-payouts-vs-bi-weekly"]) {
    order: 1 !important;
}

/* 100% Profit Split — SECOND */
body.woocommerce-checkout
#wc_checkout_add_ons
.form-row:has(label[for="100-profit-split-vs-90-profit-split"]) {
    order: 2 !important;
}

/* Anything remaining — including Both Add-Ons — THIRD */
body.woocommerce-checkout
#wc_checkout_add_ons
.form-row {
    order: 3;
}
/* =========================================================
   CHECKOUT V2 — ADD-ONS RADIO POSITION ONLY
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout
    #wc_checkout_add_ons
    input.input-checkbox + label.checkbox::before {
        left: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }

    body.woocommerce-checkout
    #wc_checkout_add_ons
    label.checkbox {
        padding-left: 42px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — ADD-ONS FINAL CLEANUP
   ========================================================= */

@media (min-width: 1024px) {

    /* Hide grey helper/subtext under each add-on */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    .hf-addon-subtitle,
    body.woocommerce-checkout
    #wc_checkout_add_ons
    small,
    body.woocommerce-checkout
    #wc_checkout_add_ons
    .description {
        display: none !important;
    }

    /* Make Add-Ons heading spacing feel balanced */
    body.woocommerce-checkout #hf-addons-wrapper {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    /* Heading spacing to first option row */
    body.woocommerce-checkout
    #hf-addons-wrapper > .hf-v2-section-label {
        margin-bottom: 28px !important;
    }

    /* Keep rows visually balanced */
    body.woocommerce-checkout
    #wc_checkout_add_ons
    .form-row {
        min-height: 76px !important;
        display: flex !important;
        align-items: center !important;
    }
}
/* =========================================================
   CHECKOUT V2 — CUSTOMER / BILLING DETAILS REFINEMENT
   ========================================================= */

@media (min-width: 1024px) {

    /* Outer customer / billing card */
    body.woocommerce-checkout .hf-v2-customer-billing-card {
        padding: 34px 36px !important;
        border-radius: 20px !important;
    }

    /* Main section headings */
    body.woocommerce-checkout .hf-v2-customer-billing-card
    > .text-base.font-normal.leading-relaxed {
        margin-bottom: 24px !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;

        color: rgba(255,255,255,0.72) !important;
    }

    /* Inner WooCommerce form block */
    body.woocommerce-checkout .hf-v2-customer-billing-card .bg-card {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* All WooCommerce form rows */
    body.woocommerce-checkout .hf-v2-customer-billing-card .form-row {
        margin: 0 0 22px !important;
        padding: 0 !important;
    }

    /* Two-column fields */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .form-row-first,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .form-row-last {
        width: calc(50% - 9px) !important;
    }

    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .form-row-first {
        float: left !important;
        clear: left !important;
    }

    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .form-row-last {
        float: right !important;
        clear: right !important;
    }

    /* Field labels */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .form-row > label {
        display: block !important;
        margin: 0 0 9px !important;

        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;

        color: rgba(255,255,255,0.76) !important;
    }

    /* Required stars */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .required {
        color: #e56fa9 !important;
    }

    /* Inputs + selects */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    input.input-text,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    select,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .select2-selection {
        width: 100% !important;
        min-height: 54px !important;

        padding: 0 18px !important;

        background: rgba(5, 1, 12, 0.92) !important;
        border: 1px solid rgba(255,255,255,0.12) !important;
        border-radius: 14px !important;

        color: #fff !important;

        font-size: 14px !important;
        font-weight: 400 !important;

        box-shadow: none !important;
        outline: none !important;
    }

    /* Placeholder colour */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    input::placeholder {
        color: rgba(255,255,255,0.35) !important;
        opacity: 1 !important;
    }

    /* Focus state */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    input.input-text:focus,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    select:focus,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .select2-container--open .select2-selection {
        border-color: rgba(190, 105, 255, 0.72) !important;

        box-shadow:
            0 0 0 1px rgba(190,105,255,0.18),
            0 0 18px rgba(163,88,220,0.08) !important;
    }

    /* Select2 text vertically centred */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .select2-selection__rendered {
        line-height: 52px !important;
        padding-left: 0 !important;
        color: #fff !important;
    }

    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .select2-selection__arrow {
        height: 52px !important;
        right: 10px !important;
    }

    /* Billing Details heading */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .woocommerce-billing-fields > h3 {
        margin: 28px 0 24px !important;
        padding-top: 24px !important;

        border-top: 1px solid rgba(255,255,255,0.10) !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;

        color: rgba(255,255,255,0.72) !important;
    }

    /* Prevent float collapse */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card
    .woocommerce-billing-fields__field-wrapper::after {
        content: "";
        display: table;
        clear: both;
    }
}
/* =========================================================
   CHECKOUT V2 — ABOVE FOLD / RIGHT COLUMN PASS
   ========================================================= */

@media (min-width: 1024px) {

    /* Reduce space between hero text and checkout grid */
    body.woocommerce-checkout .hf-v2-checkout-header {
        margin-bottom: 14px !important;
    }

    body.woocommerce-checkout .hf-v2-layout {
        margin-top: 14px !important;
    }

}
/* =========================================================
   CHECKOUT V2 — CLEAN DARK HEADER
   ========================================================= */

body.woocommerce-checkout #masthead {
    height: 64px !important;
    min-height: 64px !important;

    background: rgba(7, 3, 13, 0.98) !important;
    background-image: none !important;
    border-bottom: none !important;

    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    position: relative !important;
    top: auto !important;
    transform: none !important;

    overflow: visible !important;
}

body.woocommerce-checkout #masthead > a {
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

body.woocommerce-checkout #masthead img {
    height: 34px !important;
    max-height: 34px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
}
/* =========================================================
   CHECKOUT V2 — RIGHT COLUMN / LOVABLE MATCH
   ========================================================= */

@media (min-width: 1024px) {

    /* -----------------------------------------------------
       OUTER RIGHT WRAPPER
       Do not make the entire right column one giant card
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-right > .bg-card {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        gap: 26px !important;

        overflow: visible !important;
    }


    /* -----------------------------------------------------
       ORDER SUMMARY CARD
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-order-summary-card {
        width: 100% !important;

        padding: 30px 30px 28px !important;
        margin: 0 !important;

        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 28px !important;

        background:
            radial-gradient(
                circle at 18% 8%,
                rgba(145, 80, 210, 0.10),
                transparent 42%
            ),
            rgba(19, 13, 29, 0.96) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.025),
            0 16px 40px rgba(0,0,0,0.12) !important;
    }


    /* Heading */

    body.woocommerce-checkout .hf-v2-order-summary-card h2,
    body.woocommerce-checkout .hf-v2-order-summary-card h3,
    body.woocommerce-checkout .hf-v2-order-summary-card .hf-v2-section-title {
        margin-top: 0 !important;
        margin-bottom: 24px !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;

        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;
    }


    /* Product/account box */

    body.woocommerce-checkout .hf-v2-summary-product {
        padding: 20px 20px !important;
        margin: 0 0 24px !important;

        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 20px !important;

        background: rgba(5, 3, 10, 0.72) !important;
    }

    body.woocommerce-checkout .hf-v2-summary-product-title {
        font-size: 17px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;

        margin: 0 0 8px !important;
    }

    body.woocommerce-checkout .hf-v2-summary-product-meta {
        font-size: 13px !important;
        line-height: 1.35 !important;

        color: rgba(255,255,255,0.58) !important;
    }


    /* -----------------------------------------------------
       ORDER TOTAL ROWS
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-order-summary-card .cart-subtotal,
    body.woocommerce-checkout .hf-v2-order-summary-card .cart-discount,
    body.woocommerce-checkout .hf-v2-order-summary-card .order-total {
        min-height: 44px !important;
    }

    body.woocommerce-checkout .hf-v2-order-summary-card th,
    body.woocommerce-checkout .hf-v2-order-summary-card td {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.woocommerce-checkout .hf-v2-order-summary-card .order-total {
        margin-top: 10px !important;
        padding-top: 16px !important;

        border-top: 1px solid rgba(255,255,255,0.10) !important;
    }


    /* -----------------------------------------------------
       COUPON AREA
       Keep functional, but stop it dominating the card
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-order-summary-card .coupon,
    body.woocommerce-checkout .hf-v2-order-summary-card .checkout_coupon {
        margin-top: 16px !important;
    }

    body.woocommerce-checkout .hf-v2-order-summary-card .coupon input,
    body.woocommerce-checkout .hf-v2-order-summary-card .checkout_coupon input {
        height: 44px !important;
        min-height: 44px !important;
    }

    body.woocommerce-checkout .hf-v2-order-summary-card .coupon button,
    body.woocommerce-checkout .hf-v2-order-summary-card .checkout_coupon button {
        height: 44px !important;
        min-height: 44px !important;
    }


    /* -----------------------------------------------------
       PAYMENT CARD — COMPLETELY SEPARATE
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-payment-card {
        width: 100% !important;

        margin: 0 !important;
        padding: 30px !important;

        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 28px !important;

        background:
            radial-gradient(
                circle at 22% 5%,
                rgba(145, 80, 210, 0.10),
                transparent 44%
            ),
            rgba(19, 13, 29, 0.96) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.025),
            0 16px 40px rgba(0,0,0,0.12) !important;
    }


    /* Remove WooCommerce's own extra payment wrapper */

    body.woocommerce-checkout .hf-v2-payment-card #payment {
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* Payment heading */

    body.woocommerce-checkout .hf-v2-payment-card .hf-v2-section-title {
        margin: 0 0 24px !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;

        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;
    }


    /* -----------------------------------------------------
       PAYMENT METHOD ROW
       Make it Lovable-style rather than a large nested card
       ----------------------------------------------------- */

    body.woocommerce-checkout #payment ul.payment_methods {
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;
    }

    body.woocommerce-checkout #payment ul.payment_methods > li {
        min-height: 64px !important;

        margin: 0 !important;
        padding: 0 20px !important;

        display: flex !important;
        align-items: center !important;

        border: 1px solid rgba(194, 120, 255, 0.82) !important;
        border-radius: 22px !important;

        background:
            linear-gradient(
                100deg,
                rgba(145, 79, 214, 0.28),
                rgba(204, 95, 153, 0.20)
            ) !important;

        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,0.025),
            0 10px 28px rgba(137, 79, 201, 0.08) !important;
    }


    /* Gateway label */

    body.woocommerce-checkout #payment ul.payment_methods > li > label {
        flex: 1 1 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
    }


    /* Hide Paytiko descriptive paragraph to match Lovable */

    body.woocommerce-checkout #payment .payment_box {
        display: none !important;
    }


    /* Keep gateway image compact */

    body.woocommerce-checkout #payment ul.payment_methods > li img {
        max-height: 22px !important;
        width: auto !important;

        margin-left: auto !important;
    }


    /* -----------------------------------------------------
       TERMS
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-terms {
        margin: 22px 0 20px !important;
        padding: 0 !important;

        align-items: flex-start !important;

        font-size: 13px !important;
        line-height: 1.45 !important;

        color: rgba(255,255,255,0.68) !important;
    }

    body.woocommerce-checkout .hf-v2-terms input[type="checkbox"] {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;

        margin: 1px 10px 0 0 !important;
    }


    /* -----------------------------------------------------
       CTA
       ----------------------------------------------------- */

    body.woocommerce-checkout #place_order {
        width: 100% !important;
        min-height: 56px !important;
        height: 56px !important;

        margin: 0 !important;
        padding: 0 22px !important;

        border: 0 !important;
        border-radius: 18px !important;

        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }


    /* -----------------------------------------------------
       SECURE CHECKOUT
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-secure-checkout {
        margin: 14px 0 12px !important;

        font-size: 11px !important;
        line-height: 1.2 !important;
    }


    /* -----------------------------------------------------
       PAYMENT ICONS
       ----------------------------------------------------- */

    body.woocommerce-checkout .hf-v2-payment-icons,
    body.woocommerce-checkout .hf-v2-payment-card .payment-icons {
        margin-top: 12px !important;
        padding-top: 16px !important;

        border-top: 1px solid rgba(255,255,255,0.04) !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
    }

}
/* =========================================================
   CHECKOUT V2 — PAYMENT CARD SPACING + SINGLE-LINE GATEWAY
   ========================================================= */

@media (min-width: 1024px) {

    /* Give payment card clear breathing room below coupon area */
    body.woocommerce-checkout .hf-v2-payment-card {
        margin-top: 22px !important;
    }

    /* Keep payment method heading clear of the gateway row */
    body.woocommerce-checkout .hf-v2-payment-card .hf-v2-section-title {
        margin-bottom: 22px !important;
    }


    /* -----------------------------------------------------
       GATEWAY ROW
       ----------------------------------------------------- */

    body.woocommerce-checkout #payment ul.payment_methods > li {
        min-height: 62px !important;
        height: 62px !important;

        padding: 0 18px !important;

        display: flex !important;
        align-items: center !important;

        border-radius: 22px !important;
    }


    /* Radio stays firmly on the left */
    body.woocommerce-checkout #payment ul.payment_methods > li > input[type="radio"] {
        flex: 0 0 auto !important;

        width: 18px !important;
        height: 18px !important;

        margin: 0 14px 0 0 !important;

        position: static !important;
        transform: none !important;
    }


    /* Label occupies the remaining row */
    body.woocommerce-checkout #payment ul.payment_methods > li > label {
        flex: 1 1 auto !important;

        display: flex !important;
        align-items: center !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
    }


    /* Force any nested text wrappers onto the same line */
    body.woocommerce-checkout #payment ul.payment_methods > li > label span,
    body.woocommerce-checkout #payment ul.payment_methods > li > label strong {
        display: inline !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }


    /* Keep gateway logo/icon at far right */
    body.woocommerce-checkout #payment ul.payment_methods > li img {
        flex: 0 0 auto !important;

        margin-left: 14px !important;

        max-height: 20px !important;
        width: auto !important;
    }

}
/* =========================================================
   CHECKOUT V2 — PAYMENT SELECTOR FINAL FIT
   ========================================================= */

@media (min-width: 1024px) {

    /* Slightly tighter payment method row */
    body.woocommerce-checkout #payment ul.payment_methods > li {
        padding: 0 16px !important;
        min-height: 60px !important;
        height: 60px !important;
    }

    /* Radio on left with controlled gap */
    body.woocommerce-checkout #payment ul.payment_methods > li > input[type="radio"] {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;

        margin: 0 13px 0 0 !important;

        position: static !important;
        transform: none !important;
        flex: 0 0 auto !important;
    }

    /* Keep payment label on ONE line */
    body.woocommerce-checkout #payment ul.payment_methods > li > label {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;

    white-space: nowrap !important;
    overflow: visible !important;

    margin: 0 !important;
    padding: 0 !important;

        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* Hide Paytiko/gateway icon on the right */
    body.woocommerce-checkout #payment ul.payment_methods > li img {
        display: none !important;
    }

}
/* =========================================================
   CHECKOUT V2 — PAYMENT SELECTOR ALIGNMENT FIX
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout #payment ul.payment_methods > li {
        display: flex !important;
        align-items: center !important;
        padding: 0 18px !important;
        min-height: 60px !important;
        height: 60px !important;
    }

    /* radio */
    body.woocommerce-checkout #payment ul.payment_methods > li > input[type="radio"] {
        position: static !important;
        transform: none !important;

        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;

        margin: 0 12px 0 0 !important;
        flex: 0 0 17px !important;
    }

    /* text */
    body.woocommerce-checkout #payment ul.payment_methods > li > label {
        display: inline-block !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 17px !important;

        white-space: nowrap !important;

        position: relative !important;
        top: 0 !important;

        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

}
/* =========================================================
   CHECKOUT V2 — PAYMENT SELECTOR CLEAN ALIGNMENT
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout #payment ul.payment_methods > li {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        position: relative !important;

        height: 60px !important;
        min-height: 60px !important;

        padding: 0 18px !important;
        margin: 0 !important;

        overflow: hidden !important;
    }

    body.woocommerce-checkout #payment ul.payment_methods > li > input[type="radio"] {
        -webkit-appearance: none !important;
        appearance: none !important;

        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;

        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;

        margin: 0 12px 0 0 !important;
        padding: 0 !important;

        transform: none !important;

        border: 2px solid #a866ff !important;
        border-radius: 50% !important;
        background: transparent !important;
        box-shadow: none !important;

        flex: 0 0 16px !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-checkout #payment ul.payment_methods > li > input[type="radio"]:checked {
        background:
            radial-gradient(
                circle at center,
                #e56fd9 0 3px,
                transparent 3.5px
            ) !important;
    }

    body.woocommerce-checkout #payment ul.payment_methods > li > label {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        display: block !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;

        white-space: nowrap !important;

        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    body.woocommerce-checkout #payment ul.payment_methods > li img {
        display: none !important;
    }
}
/* =========================================================
   CHECKOUT V2 — PAYMENT LABEL VERTICAL CENTRE
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout #payment ul.payment_methods > li > label {
        position: relative !important;
        top: 1px !important;
    }

}
/* =========================================================
   CHECKOUT V2 — FINAL HERO TOP SPACING
   ========================================================= */

@media (min-width: 1024px) {

    body.woocommerce-checkout .hf-v2-checkout-header {
        margin-top: 28px !important;
    }

}
/* =========================================================
   CHECKOUT V2 — FINAL TOP SPACING TIGHTEN
   ========================================================= */

@media (min-width: 1024px) {

    /* Pull hero heading closer to the logo */
    body.woocommerce-checkout .hf-v2-checkout-header {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }

    /* Pull checkout cards closer to the subtitle */
    body.woocommerce-checkout .hf-v2-layout {
        margin-top: 18px !important;
    }

}
/* =========================================================
   CHECKOUT V2 — HIDE CART ADDED SUCCESS BANNER
   ========================================================= */

#coupon_display > .text-green-300 {
    display: none !important;
}

/* =========================================================
   CHECKOUT V2 — REMOVE ADD-ON GREY SUBTITLES
   ========================================================= */

body.woocommerce-checkout
#wc_checkout_add_ons
input.input-checkbox + label.checkbox::after {
    display: none !important;
    content: none !important;
}
/* =========================================================
   CHECKOUT V2 — MOBILE FOUNDATION
   Desktop remains untouched
   ========================================================= */

@media (max-width: 767px) {

    /* Overall page */
    body.woocommerce-checkout .hf-v2-layout {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-top: 20px !important;
        gap: 18px !important;
    }

    /* Header/logo area */
    body.woocommerce-checkout #masthead {
        height: 64px !important;
        min-height: 64px !important;
    }

    body.woocommerce-checkout #masthead img {
        max-height: 34px !important;
        width: auto !important;
    }

    /* Hero — much tighter on mobile */
    body.woocommerce-checkout .hf-v2-checkout-header {
        margin-top: 22px !important;
        margin-bottom: 0 !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.woocommerce-checkout .hf-v2-checkout-header h1 {
        font-size: 38px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.03em !important;
        margin-bottom: 14px !important;
    }

    body.woocommerce-checkout .hf-v2-checkout-header p {
        font-size: 15px !important;
        line-height: 1.45 !important;
        max-width: 340px !important;
        margin: 0 auto !important;
    }
}
/* =========================================================
   CHECKOUT V2 — MOBILE CUSTOMER / BILLING UNIFORM FIELDS
   ========================================================= */

@media (max-width: 767px) {

    /* Customer + billing cards */
    body.woocommerce-checkout .hf-v2-customer-billing-card .bg-card {
        padding: 18px !important;
        gap: 14px !important;
    }

    /* Make all form rows full width on mobile */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card .form-row {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    /* Inputs */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card input.input-text,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card input[type="email"],
    body.woocommerce-checkout
    .hf-v2-customer-billing-card input[type="tel"],
    body.woocommerce-checkout
    .hf-v2-customer-billing-card select {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;

        padding: 0 16px !important;

        border-radius: 12px !important;
        border: 1px solid rgba(255,255,255,0.12) !important;

        background: rgba(5, 2, 12, 0.92) !important;
        color: #fff !important;

        font-size: 15px !important;
        line-height: 1 !important;

        box-shadow: none !important;
    }

    /* Placeholder colour */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card input::placeholder {
        color: rgba(255,255,255,0.34) !important;
        opacity: 1 !important;
    }

    /* Country select should match normal inputs */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card select {
        appearance: none !important;
        -webkit-appearance: none !important;
        border-radius: 12px !important;
    }

    /* Remove WooCommerce two-column field widths on mobile */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card .form-row-first,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card .form-row-last {
        width: 100% !important;
        float: none !important;
    }

    /* Section headings */
    body.woocommerce-checkout
    .hf-v2-customer-billing-card h3,
    body.woocommerce-checkout
    .hf-v2-customer-billing-card .hf-section-title {
        margin-bottom: 14px !important;
    }
}
/* =========================================================
   CHECKOUT V2 — MOBILE PAYMENT METHOD CLEANUP
   ========================================================= */

@media (max-width: 767px) {

    /* Payment method row */
    body.woocommerce-checkout
    #payment ul.payment_methods > li {
        position: relative !important;

        min-height: 58px !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;

        overflow: hidden !important;
    }

    /* Radio */
    body.woocommerce-checkout
    #payment ul.payment_methods > li > input[type="radio"] {
        position: absolute !important;

        left: 18px !important;
        top: 50% !important;

        width: 17px !important;
        height: 17px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;

        z-index: 2 !important;
    }

    /* Gateway label */
    body.woocommerce-checkout
    #payment ul.payment_methods > li > label {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 16px 0 52px !important;

        display: flex !important;
        align-items: center !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }

    /* Hide gateway logo/icon */
    body.woocommerce-checkout
    #payment ul.payment_methods > li img {
        display: none !important;
    }

    /* Hide Paytiko description box */
    body.woocommerce-checkout
    #payment .payment_box {
        display: none !important;
    }
}
/* =========================================================
   CHECKOUT V2 — MOBILE PAYMENT FINAL SPACING
   ========================================================= */

@media (max-width: 767px) {

    /* More breathing room between payment method and terms */
    body.woocommerce-checkout .hf-v2-terms {
        margin-top: 18px !important;
    }

    /* Terms text should be normal white/grey, not red */
    body.woocommerce-checkout .hf-v2-terms,
    body.woocommerce-checkout .hf-v2-terms span {
        color: rgba(255,255,255,0.72) !important;
    }

    /* Terms & Conditions link */
    body.woocommerce-checkout .hf-v2-terms a {
        color: #ffffff !important;
        text-decoration-color: rgba(255,255,255,0.8) !important;
    }
}
/* =========================================================
   CHECKOUT V2 — MOBILE TOP SPACING FINAL
   ========================================================= */

@media (max-width: 767px) {

    /* Pull hero closer to logo */
    body.woocommerce-checkout .hf-v2-checkout-header {
        margin-top: 14px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Keep heading + subtitle compact */
    body.woocommerce-checkout .hf-v2-checkout-header h1 {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    body.woocommerce-checkout .hf-v2-checkout-header p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Pull first checkout card closer to hero */
    body.woocommerce-checkout .hf-v2-layout {
        margin-top: 26px !important;
    }
}

/* =========================================================
   MOBILE — spacing above Account Size heading
   ========================================================= */
@media (max-width: 767px) {
    body.woocommerce-checkout .hf-v2-account-card p:has(+ #hf-size-grid) {
        margin-top: 18px !important;
    }
}