.order-benefits .section-heading {
	margin-bottom: var(--space-5);
}

.order-benefits__next {
	display: none;
}

.order-benefits .section-heading h2 {
	max-width: 68rem;
	font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.order-benefits__viewport {
	position: relative;
}

.order-benefits__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

.order-benefits__item {
	--benefit-color: var(--color-brand-700);

	display: grid;
	grid-template-columns: 3.125rem minmax(0, 1fr);
	gap: var(--space-3);
}

.order-benefits__item--green { --benefit-color: #43c86f; }
.order-benefits__item--red { --benefit-color: #f04b4f; }
.order-benefits__item--blue { --benefit-color: #1f7bd8; }
.order-benefits__item--orange { --benefit-color: #ffb000; }
.order-benefits__item--sky { --benefit-color: #43b9d8; }

.order-benefits__icon {
	display: grid;
	width: 3.125rem;
	height: 3.125rem;
	place-items: center;
	border-radius: 50%;
	background: var(--benefit-color);
	color: #fff;
	box-shadow: 0 0.5rem 1rem rgb(7 34 74 / 8%);
}

.order-benefits__icon svg {
	flex-shrink: 0;
}

.order-benefits__copy strong,
.order-benefits__copy small {
	display: block;
}

.order-benefits__copy strong {
	font-size: var(--font-size-sm);
	font-weight: 800;
	line-height: 1.25;
}

.order-benefits__copy small {
	margin-top: 0.2rem;
	color: var(--color-muted);
	font-size: var(--font-size-xs);
	font-weight: 600;
	line-height: 1.4;
}

@media (max-width: 48rem) {
	.order-benefits__grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.order-benefits__grid::-webkit-scrollbar {
		display: none;
	}

	.order-benefits__item {
		flex: 0 0 82%;
		scroll-snap-align: start;
	}
}

@media (max-width: 30rem) {
	.order-benefits__next {
		position: absolute;
		top: 50%;
		right: 0.25rem;
		z-index: 2;
		display: grid;
		width: 2rem;
		height: 3.5rem;
		place-items: center;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--color-brand-800);
		transform: translateY(-50%);
	}
}