/* ── Checkout responsive ── */

@media (max-width: 860px) {
	.checkout-layout {
		flex-direction: column;
	}

	.checkout-form,
	.checkout-sidebar {
		flex: 1 1 auto;
		width: 100%;
		padding: 1rem;
	}

	.field-row {
		flex-direction: column;
	}

	.field-group,
	.field-group-sm {
		flex: 1 1 100%;
		min-width: 0;
	}

	.payment-option-body {
		padding: 1rem;
	}

}

@media (max-width: 480px) {
	.checkout-form,
	.checkout-sidebar {
		padding: 0.75rem;
	}

	.checkout-form-inner > .field-group {
		margin-bottom: 0.75rem;
	}

	#no-fattura.active,
	#privato.active,
	#azienda.active {
		max-height: 300px;
		margin-bottom: 0.75rem;
	}

	#dati-fattura.visible {
		max-height: 1000px;
		margin-bottom: 0.75rem;
	}

	.checkbox-label {
		font-size: 16px;
	}

	.field-group input,
	.field-group select {
		height: 48px;
		padding: 8px 16px;
		font-size: var(--text-sm);
	}

	#companyVatCountry-group.visible,
	#companyVat-group.visible {
		max-height: 48px;
	}

}

/* ── Pre-existing responsive rules ── */

@media only screen and (max-width: 1280px) {

	.btn.btn-link.collapsed span,
	.btn.btn-link span {
		white-space: break-spaces;
	}
}

@media (min-width:1200px) {
	.container {
		width: min(100% - 2rem, var(--content-default));
		margin-inline: auto
	}

}

@media only screen and (hover: none) and (pointer: coarse) {

	.main-slider .text {
		padding-right: 0;
		font-size: 18px;
		text-align: center;
	}
}

@media (min-width:1080px) {
	.mobile-actions {
		display: none;
	}

	.mobile-nav-toggler {
		display: none;
	}

	.main-header .nav-outer {
		display: block;
	}
	
	.nav-actions {
		display: flex;
	}
}