/**
 * Craftory Box — Services page responsive (< 1000px)
 */

/* ==========================================================================
   ≤1000px
   ========================================================================== */
@media (max-width: 1000px) {
	.services-hero__inner {
		padding-top: clamp(32px, 6vw, 48px);
		padding-bottom: clamp(24px, 5vw, 36px);
	}

	.services-grid__inner {
		padding-bottom: clamp(48px, 10vw, 72px);
	}

	.services-grid__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(16px, 4vw, 24px);
	}

	.services-grid__card-title {
		min-height: 72px;
		padding: 14px 16px;
		font-size: clamp(15px, 3.6vw, 18px);
		line-height: 1.35;
	}

	.services-sections__inner {
		gap: clamp(40px, 9vw, 64px);
		padding-block: clamp(24px, 5vw, 32px) clamp(48px, 10vw, 72px);
	}

	.services-sections__heading {
		font-size: clamp(20px, 4.8vw, 26px);
		text-align: center;
	}

	.services-section,
	.services-finishing__item {
		grid-template-columns: 1fr;
		gap: clamp(20px, 5vw, 32px);
	}

	.services-section--reverse {
		direction: ltr;
	}

	.services-section__figure,
	.services-section--reverse .services-section__figure,
	.services-finishing__figure {
		justify-self: center;
		order: -1;
		max-width: min(420px, 100%);
	}

	.services-section__content,
	.services-finishing__content {
		align-items: center;
		text-align: center;
	}

	.services-page p.services-section__lead,
	.services-page p.services-section__subtitle,
	.services-page p.services-section__text,
	.services-page p.services-finishing__item-text {
		font-size: clamp(15px, 3.6vw, 18px);
		line-height: 1.35;
	}

	.services-page p.services-section__subtitle {
		font-size: clamp(18px, 4.2vw, 22px);
	}

	.services-section__bullets {
		width: 100%;
		max-width: min(420px, 100%);
	}

	.services-section__bullets li {
		font-size: clamp(15px, 3.6vw, 18px);
		text-align: left;
	}

	.services-section__btn {
		width: 100%;
		max-width: none;
		min-height: 56px;
	}

	.services-finishing__inner {
		padding-bottom: clamp(48px, 10vw, 72px);
	}

	.services-finishing .front-section-head {
		margin-bottom: clamp(32px, 7vw, 56px);
	}

	.services-finishing .front-section-head__title {
		font-size: clamp(24px, 5.8vw, 36px);
	}

	.services-finishing__list {
		gap: clamp(32px, 7vw, 48px);
	}

	.services-finishing h3.services-finishing__item-title,
	.front-page h3.services-finishing__item-title {
		font-size: clamp(20px, 4.8vw, 26px);
		text-align: center;
	}
}

/* ==========================================================================
   ≤480px
   ========================================================================== */
@media (max-width: 480px) {
	.services-grid__list {
		grid-template-columns: 1fr;
		max-width: min(420px, 100%);
		margin-inline: auto;
	}

	.services-grid__card:hover,
	.services-grid__card:focus-visible {
		transform: none;
	}

	.services-finishing__figure {
		max-width: min(360px, 100%);
	}

	.services-section__image-secondary {
		left: 0;
	}
}