/**
 * Responsive home process strip alignment.
 *
 * Every step uses the same internal icon/text grid. This gives the first icon
 * a deliberate outer gutter and keeps both flow arrows centred in identical
 * spaces, independent of each Persian label's width.
 */

@media (max-width: 767px) {
	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip {
		grid-template-columns:
			minmax(0, 1fr)
			clamp(1.55rem, 5vw, 2.15rem)
			minmax(0, 1fr)
			clamp(1.55rem, 5vw, 2.15rem)
			minmax(0, 1fr);
		padding-inline: 0.5rem;
	}

	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-cell, .ui-style-10) {
		display: grid;
		grid-template-columns: 1.9rem minmax(0, 1fr);
		align-items: center;
		justify-content: initial;
		column-gap: clamp(0.25rem, 1vw, 0.45rem);
		padding-inline: clamp(0.2rem, 1.4vw, 0.65rem);
	}

	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-ic, .ui-style-11) {
		grid-column: 1;
		justify-self: start;
	}

	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-txt, .ui-style-12) {
		grid-column: 2;
		width: 100%;
	}

	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-flow, .ui-style-16) {
		display: grid;
		width: 100%;
		place-items: center;
	}

	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-flow, .ui-style-16)
		span {
		width: clamp(1.1rem, 3.4vw, 1.35rem);
		height: clamp(1.1rem, 3.4vw, 1.35rem);
	}
}

@media (max-width: 520px) {
	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-cell, .ui-style-10) {
		grid-template-columns: 1.75rem minmax(0, 1fr);
		column-gap: 0.18rem;
		padding-inline: 0.12rem;
	}

	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-ic, .ui-style-11) {
		width: 1.75rem;
		height: 1.75rem;
		flex-basis: 1.75rem;
	}

	body.is-irandesigner-home.irandesigner-exact-ui
		#site-top.site-shell
		main#primary-content
		.home-hero-strip
		:is(.hhs-title, .ui-style-14) {
		font-size: 0.58rem;
		letter-spacing: -0.012em;
	}
}