/*
 * Goriffee custom checkout styles.
 * Scoped to .gco-checkout-page to avoid leaking into Bricks/global WooCommerce UI.
 * Relies on Core Framework tokens (--space-*, --text-*, --black, --white,
 * --gray-light, --border-primary, --green, etc.) and Bricks globals.
 */

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Checkout page root Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-checkout-page,
.woocommerce .gco-cart-page {
	/* Brand tokens not in Core Framework */
	--gco-ink:         #1a1a1a;
	--gco-muted:       #6b6b6b;
	--gco-green:       #1fa85c;        /* site uses --green: #00A14B; swap if close enough */
	--gco-green-soft:  #e8f5ed;
	--gco-accent:      #ffe8a8;
	--gco-accent-ink:  #8a5a00;
	--gco-danger:      #d23f3f;        /* site has --error for this; keep custom if colour differs */

	color: var(--text-body);
	font-family: "Qanelas", sans-serif;   /* body font already set globally */
	font-size: var(--text-m);
	line-height: 1.55;
}

.woocommerce .gco-checkout-page *,
.woocommerce .gco-checkout-page *::before,
.woocommerce .gco-checkout-page *::after,
.woocommerce .gco-cart-page *,
.woocommerce .gco-cart-page *::before,
.woocommerce .gco-cart-page *::after {
	box-sizing: border-box;
}

.woocommerce .gco-checkout-page a,
.woocommerce .gco-cart-page a {
	color: var(--gco-ink);
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

.woocommerce .gco-checkout-page a:hover,
.woocommerce .gco-cart-page a:hover {
	color: var(--gco-green);
}

.woocommerce .gco-checkout-page::before,
.woocommerce .gco-checkout-page::after,
.woocommerce .gco-cart-page::before,
.woocommerce .gco-cart-page::after {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.18s ease, visibility 0.18s ease;
	visibility: hidden;
}

.woocommerce .gco-checkout-page::before,
.woocommerce .gco-cart-page::before {
	background: rgba(255, 255, 255, 0.58);
	content: "";
	inset: 0;
	position: fixed;
	z-index: 9998;
}

.woocommerce .gco-checkout-page::after,
.woocommerce .gco-cart-page::after {
	animation: gco-busy-spin 0.7s linear infinite;
	border: 3px solid rgba(0, 0, 0, 0.14);
	border-radius: 50%;
	border-top-color: var(--black);
	content: "";
	height: 34px;
	left: 50%;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 34px;
	z-index: 9999;
}

.woocommerce .gco-checkout-page.is-gco-busy::before,
.woocommerce .gco-checkout-page.is-gco-busy::after,
.woocommerce .gco-cart-page.is-gco-busy::before,
.woocommerce .gco-cart-page.is-gco-busy::after {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

@keyframes gco-busy-spin {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Page layout Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-page {
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;
	padding: var(--space-2xl) var(--space-m);
}

.woocommerce .gco-page-title,
.woocommerce .gco-section__title,
.woocommerce .gco-summary__title {
	color: var(--gco-ink);
	font-family: "Platform", sans-serif;
	font-weight: 700;
	margin: 0;
}

.woocommerce .gco-page-title { font-size: var(--text-2xl); }

.woocommerce .gco-page-sub {
	opacity: 0.7;
	font-size: var(--text-m);
	margin: 0 0 40px;
}

.woocommerce form.checkout.gco-checkout { margin: 0; }

.woocommerce .gco-grid {
	align-items: start;
	display: grid;
	gap: var(--space-l);
	grid-template-columns: 65fr 35fr;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Sections Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-section { margin: 0 0 40px; }

.woocommerce .gco-section__head {
	align-items: center;
	border-bottom: 1px solid var(--border-primary);
	display: flex;
	gap: var(--space-s);
	margin-bottom: 20px;
	padding-bottom: 14px;
}

.woocommerce .gco-section__num {
	align-items: center;
	background: var(--black);
	border-radius: 50%;
	color: var(--white);
	display: flex;
	width: 100%;
	flex: 0 0 auto;
	font-family: "Platform", sans-serif;
	font-size: var(--text-m);
	font-weight: 700;
	height: 28px;
	justify-content: center;
	line-height: 1;
	transform: translateY(2px);
	width: 28px;
}

.woocommerce .gco-section__title { font-size: var(--text-xl); line-height: 1.15; }

.woocommerce .gco-section__hint {
	opacity: 0.7;
	font-size: var(--text-m);
	margin-left: auto;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Form grid Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-field-row,
.woocommerce .gco-company-fields__inner {
	display: grid;
	gap: var(--space-s);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.woocommerce .gco-billing-fields {
	display: grid;
	gap: var(--space-s);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.woocommerce .shipping_address {
	display: grid;
	gap: var(--space-s);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.woocommerce .woocommerce-shipping-fields__field-wrapper { display: contents; }

.woocommerce .gco-billing-fields #billing_first_name_field,
.woocommerce .gco-billing-fields #billing_last_name_field,
.woocommerce .gco-billing-fields #billing_address_1_field,
.woocommerce .gco-billing-fields #billing_country_field { grid-column: span 2; }

.woocommerce .gco-billing-fields #billing_city_field,
.woocommerce .gco-billing-fields #billing_postcode_field { grid-column: span 1; }

.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field,
.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_country_field { grid-column: span 2; }

.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field { grid-column: span 1; }

/* Reset WooCommerce float-based rows */
.woocommerce .gco-checkout-page .form-row,
.woocommerce .gco-field-row .form-row-first,
.woocommerce .gco-field-row .form-row-last,
.woocommerce .gco-field-row .form-row-wide {
	float: none;
	grid-column: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

.woocommerce .gco-company-fields__inner .form-row { grid-column: auto; }

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Checkboxes Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-checkout-page input[type="checkbox"],
.woocommerce-checkout .gco-consent-group input[type="checkbox"] {
	accent-color: var(--black);
	border: 1px solid var(--border-primary);
	flex: 0 0 18px;
	height: 18px;
	margin: 1px 0 0;
	width: 18px;
}

.woocommerce .gco-checkout-page .woocommerce-form__label-for-checkbox,
.woocommerce .gco-checkout-page .checkbox,
.woocommerce .gco-checkout-page .create-account label,
.woocommerce-checkout .gco-consent-group label {
	align-items: flex-start;
	column-gap: 10px;
	display: flex;
	font-size: var(--text-s);
	line-height: 1.45;
	margin: 0;
}

.woocommerce .gco-checkout-page .woocommerce-form__label-for-checkbox > span,
.woocommerce .gco-checkout-page .checkbox > span,
.woocommerce .gco-checkout-page .create-account label > span,
.woocommerce .gco-checkout-page .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout .gco-consent-group label > span {
	flex: 1 1 auto;
	min-width: 0;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Labels Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-checkout-page label,
.woocommerce .gco-checkout-page .form-row label {
	color: var(--text-body);
	display: flex;
	align-items: center;
	font-size: var(--text-s);
	font-weight: 500;
	line-height: 1.35;
	margin: 0 0 6px;
}

.woocommerce .gco-checkout-page .required,
.woocommerce .gco-checkout-page .required_field .required { color: var(--gco-danger); }

.woocommerce .gco-checkout-page .optional {
	color: var(--gco-muted);
	font-weight: 400;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Inputs Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-checkout-page input.input-text,
.woocommerce .gco-checkout-page textarea.input-text,
.woocommerce .gco-checkout-page select,
.woocommerce .gco-checkout-page .select2-container .select2-selection--single {
	background: var(--white);
	border: 1px solid var(--border-primary);
	border-radius: 0;
	box-sizing: border-box;
	padding-block: 1.5rem;
	padding-inline: 1.8rem;
	box-shadow: none;
	color: var(--gco-ink);
	font: inherit;
	font-size: var(--text-m);
	line-height: 1.35;
	min-height: 48px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	width: 100%;
}

.woocommerce .gco-checkout-page textarea.input-text {
	min-height: 96px;
	resize: vertical;
}

.woocommerce .gco-checkout-page input.input-text:focus,
.woocommerce .gco-checkout-page textarea.input-text:focus,
.woocommerce .gco-checkout-page select:focus,
.woocommerce .gco-checkout-page .select2-container--focus .select2-selection--single {
	border-color: var(--black);
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
	outline: none;
}

.woocommerce .gco-checkout-page .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
	height: auto;
	justify-content: space-between;
	padding-right: 4rem;
	position: relative;
}

.woocommerce .gco-checkout-page .select2-container {
	display: block;
	line-height: normal;
	vertical-align: top;
	width: 100% !important;
}

.woocommerce .gco-checkout-page .select2-container .select2-selection__rendered {
	box-sizing: border-box;
	display: block;
	flex: 1 1 auto;
	line-height: 1.35;
	min-width: 0;
	padding: 0;
}

.woocommerce .gco-checkout-page .select2-container .select2-selection__arrow {
	align-self: stretch;
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	height: auto;
	position: absolute;
	inset-block: 0;
	inset-inline-end: 1.8rem;
	width: 12px;
}

.woocommerce .gco-checkout-page .select2-container .select2-selection__arrow b {
	left: auto;
	margin: 0;
	position: static;
	top: auto;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Option cards (shipping / payment) Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-options {
	display: grid;
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce .gco-option-wrap {
	display: grid;
	gap: var(--space-s);
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce .gco-option {
	align-items: center;
	background: var(--white);
	border: 1px solid var(--border-primary);
	cursor: pointer;
	display: flex;
	gap: var(--space-m);
	margin: 0;
	padding-block: 2rem;
	padding-inline: 1.8rem;
	position: relative;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.woocommerce .gco-option:hover { border-color: #bfbfbf; }

.woocommerce .gco-option-wrap:has(> input[type="radio"]:checked) > .gco-option,
.woocommerce .gco-option-wrap:has(> input[type="hidden"]) > .gco-option,
.woocommerce .gco-option:has(input:checked) {
	background: var(--gray-light);
	border-color: var(--black);
}

.woocommerce .gco-option__input {
	accent-color: var(--black);
	flex: 0 0 auto;
	margin: 0;
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.woocommerce .gco-option__radio {
	align-items: center;
	background: var(--white);
	border: 1px solid var(--border-primary);
	border-radius: 50%;
	display: flex;
	width: 100%;
	flex: 0 0 auto;
	height: 20px;
	justify-content: center;
	width: 20px;
}

.woocommerce .gco-option-wrap:has(> input[type="radio"]:checked) .gco-option__radio,
.woocommerce .gco-option-wrap:has(> input[type="hidden"]) .gco-option__radio,
.woocommerce .gco-option:has(input:checked) .gco-option__radio { border-color: var(--black); }

.woocommerce .gco-option-wrap:has(> input[type="radio"]:checked) .gco-option__radio::after,
.woocommerce .gco-option-wrap:has(> input[type="hidden"]) .gco-option__radio::after,
.woocommerce .gco-option:has(input:checked) .gco-option__radio::after {
	background: var(--black);
	border-radius: 50%;
	content: "";
	height: 10px;
	width: 10px;
}

.woocommerce .gco-options--shipping#shipping_method {
	gap: 0;
}

.woocommerce .gco-options--shipping#shipping_method > li {
	list-style: none;
}

.woocommerce .gco-payment-methods > li {
	list-style: none;
	margin: 0 0 6px;
}

.woocommerce .gco-option-wrap--shipping > .packetery-widget-button-wrapper:has(.packetery-hidden),
.woocommerce .gco-option-wrap--shipping > .packetery-widget-button-wrapper[hidden],
.woocommerce .gco-option-wrap--shipping > .packeta-widget.packetery-hidden,
.woocommerce .gco-option-wrap--shipping > .form-row.packetery-hidden,
.woocommerce .gco-option-wrap--shipping > .packetery-hidden {
	display: none !important;
	margin: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
}

.woocommerce .gco-option-wrap .packeta-widget.after-rate {
	margin-left: calc(20px + var(--space-m));
}

.woocommerce .gco-option-wrap .packetery-widget-button-wrapper p {
	margin: 0;
}

.woocommerce .gco-shipping-hook-table {
	border-collapse: collapse;
	margin-top: var(--space-s);
	width: 100%;
}

.woocommerce .gco-shipping-hook-table th,
.woocommerce .gco-shipping-hook-table td {
	padding: 0;
	text-align: left;
	vertical-align: top;
}

.woocommerce .gco-option__label {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: var(--space-m);
	margin: 0;
	width: 100%;
}

.woocommerce .gco-option__body {
	display: grid;
	flex: 1 1 auto;
	gap: 2px;
	min-width: 0;
}

.woocommerce .gco-option__title {
	align-items: center;
	color: var(--gco-ink);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--text-m);
	font-weight: 700;
	gap: 8px;
	line-height: 1.3;
}

.woocommerce .gco-option__title-text {
	min-width: 0;
}

.woocommerce .gco-option__price {
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
}

.woocommerce .gco-method-badge {
	border: 1px solid transparent;
	border-radius: 999px;
	display: flex;
	width: 100%;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	padding: 5px 8px;
	text-transform: uppercase;
	white-space: nowrap;
}

.woocommerce .gco-method-badge--neutral {
	background: #f3f4f6;
	border-color: #e5e7eb;
	color: #374151;
}

.woocommerce .gco-method-badge--success {
	background: #eaf7ee;
	border-color: #b8dfc2;
	color: #137333;
}

.woocommerce .gco-method-badge--info {
	background: #eaf3ff;
	border-color: #bfd8ff;
	color: #1558a8;
}

.woocommerce .gco-method-badge--warning {
	background: #fff3d6;
	border-color: #f5d27a;
	color: #8a5700;
}

.woocommerce .gco-option__sub {
	color: var(--gco-muted);
	font-size: var(--text-s);
	font-weight: 400;
	line-height: 1.35;
}

.woocommerce .gco-payment-icon { display: inline-flex; align-items: center; flex: 0 0 auto; max-width: 120px; text-align: right; }
.woocommerce .gco-payment-icon img { max-height: 28px; width: auto; }
.woocommerce .gco-payment-icon--custom-text { color: var(--gco-muted); font-size: 18px; line-height: 1; }

.woocommerce .gco-payment .payment_box {
	background: var(--gray-light);
	border: 1px dashed var(--border-primary);
	color: var(--text-body);
	font-size: var(--text-s);
	line-height: 1.45;
	margin: -4px 0 0;
	padding: 14px 16px;
}

.woocommerce .gco-payment .payment_box::before { display: none; }
.woocommerce .gco-payment .payment_box p:last-child { margin-bottom: 0; }

.woocommerce .gco-shipping-package + .gco-shipping-package { margin-top: 12px; }

.woocommerce .gco-shipping-message {
	background: var(--gray-light);
	color: var(--gco-muted);
	margin: 0;
	padding: var(--space-s);
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Company fields (details disclosure) Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-company-fields {
	clear: both;
	display: block;
	margin: var(--space-s) 0 0;
	width: 100%;
}

.woocommerce .gco-company-fields > summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	width: 100%;
	font-size: var(--text-s);
	font-weight: 500;
	gap: 10px;
	list-style: none;
}

.woocommerce .gco-company-fields > summary::-webkit-details-marker { display: none; }

.woocommerce .gco-company-fields > summary::before {
	border: 1px solid var(--border-primary);
	content: "";
	display: inline-block;
	height: 18px;
	width: 18px;
}

.woocommerce .gco-company-fields[open] > summary::before {
	background: var(--black);
	border-color: var(--black);
	box-shadow: inset 0 0 0 4px var(--white);
}

.woocommerce .gco-company-fields__inner { margin-top: var(--space-s); }

.woocommerce .gco-company-fields--external #company_details_field {
	margin: 0;
	width: 100%;
}

.woocommerce .gco-company-fields--external #company_details_field label {
	margin-bottom: 0;
}

.woocommerce .gco-account-fields { margin-top: var(--space-s); }

.woocommerce .gco-help-text {
	color: var(--gco-muted);
	font-size: var(--text-xs);
	margin-top: 6px;
}

.woocommerce .gco-ship-different-heading {
	font-size: var(--text-l);
	margin: 0 0 var(--space-s);
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Consent / T&C block Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-consent-group {
	background: var(--gray-light);
	display: grid;
	gap: 14px;
	padding: var(--space-s) var(--space-m);
}

.woocommerce .gco-consent-group__intro {
	border-bottom: 1px solid var(--border-primary);
	color: var(--gco-muted);
	font-size: var(--text-s);
	padding-bottom: 12px;
}

.woocommerce .gco-consent-group__intro p { margin: 0; }

.woocommerce .gco-check,
.woocommerce .gco-checkout-page .woocommerce-terms-and-conditions-checkbox-text {
	color: var(--text-body);
	font-size: var(--text-s);
	line-height: 1.45;
}

.woocommerce .gco-check {
	margin: 0;
}

.woocommerce .gco-check input,
.woocommerce .gco-checkout-page .woocommerce-form__input-checkbox {
	margin-top: 1px;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Order summary sidebar Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-summary-wrap {
	position: sticky;
	top: var(--space-m);
}

.woocommerce.admin-bar .gco-summary-wrap,
.admin-bar .woocommerce .gco-summary-wrap { top: 56px; }

.woocommerce .gco-summary {
	background: var(--gray-light);
	padding: var(--space-m);
}

.woocommerce .gco-summary__title {
	font-size: var(--text-l);
	line-height: 1.2;
	margin-bottom: 20px;
}

.woocommerce .gco-summary-items {
	border-bottom: 1px solid var(--border-primary);
	display: grid;
	gap: var(--space-s);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.woocommerce .gco-summary-item {
	display: grid;
	gap: 14px;
	grid-template-columns: 64px minmax(0, 1fr) auto;
}

.woocommerce .gco-summary-item__image { height: 64px; position: relative; width: 64px; }

.woocommerce .gco-summary-item__image img {
	display: block;
	height: 64px;
	object-fit: cover;
	width: 64px;
}

.woocommerce .gco-summary-item__qty {
	align-items: center;
	background: var(--black);
	border: 2px solid var(--gray-light);
	border-radius: 50%;
	color: var(--white);
	display: flex;
	width: 100%;
	font-size: var(--text-xs);
	font-weight: 700;
	height: 22px;
	justify-content: center;
	position: absolute;
	right: -6px;
	top: -6px;
	width: 22px;
}

.woocommerce .gco-summary-item__name {
	color: var(--gco-ink);
	font-size: var(--text-m);
	font-weight: 700;
	font-family: "Platform", sans-serif;
	line-height: 1.2;
}

.woocommerce .gco-summary-item__meta {
	color: var(--gco-muted);
	font-size: var(--text-m);
	line-height: 1.35;
	margin-top: 4px;
}
.woocommerce .gco-summary-item__meta dl,
.woocommerce .gco-summary-item__meta p { margin: 0; }

.woocommerce .gco-summary-item__price {
	color: var(--gco-ink);
	font-size: var(--text-m);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Coupon Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-coupon { display: flex; gap: 8px; margin-bottom: 20px; }
.woocommerce .gco-coupon__input { min-width: 0; }

.woocommerce .gco-coupon__button,
.woocommerce .gco-cta {
	border: 0;
	cursor: pointer;
	font-weight: 700;
}

.woocommerce .gco-coupon__button {
	background: var(--gco-ink);
	color: var(--white);
	font-size: var(--text-s);
	letter-spacing: 0.02em;
	padding: 0 18px;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Totals Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-totals { display: grid; gap: 10px; margin-bottom: 20px; }

.woocommerce .gco-total-row {
	align-items: baseline;
	color: var(--text-body);
	display: flex;
	font-size: var(--text-m);
	gap: var(--space-s);
	justify-content: space-between;
}

.woocommerce .gco-total-row__value {
	color: var(--gco-ink);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-align: right;
	display: flex;
	flex-direction: column;
}

.gco-total-row__value .includes_tax {
	opacity: 0.7;
	font-weight: 400;
	font-size: var(--text-m);
	font-family: "Qanelas", sans-serif;
	
}

.woocommerce .gco-total-row--final {
	border-top: 1px solid var(--border-primary);
	color: var(--gco-ink);
	font-family: "Platform", sans-serif;
	font-size: var(--text-l);
	line-height: 1.3;
	margin-top: 4px;
	padding-top: 12px;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Submit / CTA Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-express-actions {
	display: grid;
	gap: var(--space-s);
	margin-top: 18px;
}

.woocommerce .gco-express-actions:empty {
	display: none;
}

.woocommerce .gco-express-actions .ppc-button-wrapper,
.woocommerce .gco-express-actions [id^="ppcp-"][id$="-container"] {
	margin: 0;
	width: 100%;
}

.woocommerce .gco-express-actions .ppc-button-wrapper + .ppc-button-wrapper {
	margin-top: var(--space-s);
}

.woocommerce .gco-submit { margin-top: 18px; }
.woocommerce .gco-submit .form-row { margin-bottom: 14px; }

.woocommerce .gco-cta,
.woocommerce #place_order.gco-cta {
	background: var(--black);
	color: var(--white);
	display: block;
	font-family: "Qanelas", sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: var(--text-m);
	padding: 1.5rem 1.2rem;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Trust elements Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-secure {
	align-items: center;
	color: var(--gco-green);
	display: flex;
	font-size: var(--text-s);
	font-weight: 500;
	gap: 8px;
	justify-content: center;
	margin-top: 14px;
}


.woocommerce .gco-trust-band {
	align-items: center;
	background: var(--gco-accent);
	color: var(--gco-accent-ink);
	display: flex;
	font-size: var(--text-s);
	font-weight: 700;
	gap: 8px;
	justify-content: center;
	margin-top: var(--space-s);
	padding: 12px var(--space-s);
	text-align: center;
}

.woocommerce .gco-trust-list {
	color: var(--text-body);
	display: grid;
	font-size: var(--text-s);
	gap: 10px;
	margin-top: 20px;
}

.woocommerce .gco-trust-list > div {
	align-items: center;
	display: flex;
	gap: 8px;
}

.woocommerce .gco-trust-icon {
	display: flex;
	flex: 0 0 auto;
	line-height: 1;
}

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ WooCommerce notices Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

.woocommerce .gco-checkout-page .woocommerce-error,
.woocommerce .gco-checkout-page .woocommerce-info,
.woocommerce .gco-checkout-page .woocommerce-message { margin-bottom: var(--space-m); }

/* Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ Responsive Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

@media (max-width: 1280px) {
	.woocommerce .gco-summary .gco-coupon {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.woocommerce .gco-grid {
		grid-template-columns: 1fr;
		gap: var(--space-l);
	}

	.woocommerce .gco-summary-wrap { position: static; }
}

@media (max-width: 720px) {
	.woocommerce .gco-page { padding: var(--space-l) var(--space-s) var(--space-2xl); }

	.woocommerce .gco-field-row,
	.woocommerce .gco-billing-fields,
	.woocommerce .woocommerce-shipping-fields__field-wrapper,
	.woocommerce .gco-company-fields__inner,
	.woocommerce .shipping_address { grid-template-columns: 1fr; }

	.woocommerce .gco-billing-fields #billing_first_name_field,
	.woocommerce .gco-billing-fields #billing_last_name_field,
	.woocommerce .gco-billing-fields #billing_address_1_field,
	.woocommerce .gco-billing-fields #billing_city_field,
	.woocommerce .gco-billing-fields #billing_postcode_field,
	.woocommerce .gco-billing-fields #billing_country_field,
	.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
	.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
	.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field,
	.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
	.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field,
	.woocommerce .woocommerce-shipping-fields__field-wrapper #shipping_country_field { grid-column: auto; }

	.woocommerce .gco-section__hint { display: none; }

	.woocommerce .gco-option,
	.woocommerce .gco-option__label { gap: 12px; }

	.woocommerce .gco-summary { padding: var(--space-m); }

	.woocommerce .gco-summary-item { grid-template-columns: 56px minmax(0, 1fr); }
	.woocommerce .gco-summary-item__price { grid-column: 2; }

	.woocommerce .gco-summary-item__image,
	.woocommerce .gco-summary-item__image img { height: 56px; width: 56px; }

	.woocommerce .gco-coupon { align-items: stretch; flex-direction: column; }
}

/*
 * External company fields can also render outside the custom grid wrapper.
 * Keep the mobile stacking fallback unscoped, but do not force full-width
 * desktop spans inside the checkout grid.
 */
@media (max-width: 720px) {
	.woocommerce-checkout #company_details_field,
	.woocommerce-checkout #billing_company_field,
	.woocommerce-checkout #billing_ic_field,
	.woocommerce-checkout #billing_dic_field,
	.woocommerce-checkout #billing_dic_dph_field {
		clear: both;
		display: block;
		flex: 0 0 100%;
		grid-column: 1 / -1;
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
		width: 100%;
	}

	.woocommerce-checkout #billing_company_field label {
		display: block;
	}
}
