/* =====================================================
   Flatsome Extend Utilities (compact version)
   Breakpoints:
   - small:  0–549px
   - medium: 550–849px
   - large:  ≥850px
   ===================================================== */

html {
	scroll-behavior: smooth;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.fw-500 {
	font-weight: 500 !important;
}
.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}
.order-3 {
	order: 3;
}

/* ===== SMALL (MOBILE) ===== */
@media (max-width: 549px) {
	/* Display */
	.hide-small {
		display: none !important;
	}
	.block-small {
		display: block !important;
	}
	.flex-small {
		display: flex !important;
	}

	/* Spacing */
	.pt-small-0 {
		padding-top: 0 !important;
	}
	.pb-small-0 {
		padding-bottom: 0 !important;
	}
	.mt-small-0 {
		margin-top: 0 !important;
	}
	.mb-small-0 {
		margin-bottom: 0 !important;
	}

	/* Text */
	.text-small-left {
		text-align: left !important;
	}
	.text-small-center {
		text-align: center !important;
	}
	.text-small-right {
		text-align: right !important;
	}
	.order-small-1 {
		order: 1;
	}
	.order-small-2 {
		order: 2;
	}
	.order-small-3 {
		order: 3;
	}
}

/* ===== MEDIUM (TABLET) ===== */
@media (min-width: 550px) and (max-width: 849px) {
	.hide-medium {
		display: none !important;
	}
	.block-medium {
		display: block !important;
	}
	.flex-medium {
		display: flex !important;
	}

	.pt-medium-0 {
		padding-top: 0 !important;
	}
	.pb-medium-0 {
		padding-bottom: 0 !important;
	}
	.mt-medium-0 {
		margin-top: 0 !important;
	}
	.mb-medium-0 {
		margin-bottom: 0 !important;
	}

	.text-medium-left {
		text-align: left !important;
	}
	.text-medium-center {
		text-align: center !important;
	}
	.text-medium-right {
		text-align: right !important;
	}

	.order-medium-1 {
		order: 1;
	}
	.order-medium-2 {
		order: 2;
	}
	.order-medium-3 {
		order: 3;
	}
}

/* ===== LARGE (DESKTOP) ===== */
@media (min-width: 850px) {
	.order-large-1 {
		order: 1;
	}
	.order-large-2 {
		order: 2;
	}
	.order-large-3 {
		order: 3;
	}
	.hide-large {
		display: none !important;
	}
	.block-large {
		display: block !important;
	}
	.flex-large {
		display: flex !important;
	}

	.pt-large-0 {
		padding-top: 0 !important;
	}
	.pb-large-0 {
		padding-bottom: 0 !important;
	}
	.mt-large-0 {
		margin-top: 0 !important;
	}
	.mb-large-0 {
		margin-bottom: 0 !important;
	}

	.text-large-left {
		text-align: left !important;
	}
	.text-large-center {
		text-align: center !important;
	}
	.text-large-right {
		text-align: right !important;
	}
}
/* Review summary styles moved to style.css */