.n3-repair-time {
	--n3-repair-time-accent: #f6ae00;
	--n3-repair-time-ink: #111319;
	--n3-repair-time-text: #3f4653;
	position: relative;
	width: min(100%, 1648px);
	margin: 0 auto;
	padding: clamp(28px, 3vw, 52px) clamp(22px, 3.2vw, 50px) 30px;
	overflow: hidden;
	border: 1px solid #e2e5e9;
	border-radius: 17px;
	background: linear-gradient(135deg, #fff 0%, #fff 72%, #fbfcfd 100%);
	box-shadow: 0 7px 28px rgba(25, 34, 48, .09);
	color: var(--n3-repair-time-text);
}

.n3-repair-time *,
.n3-repair-time *::before,
.n3-repair-time *::after {
	box-sizing: border-box;
}

.n3-repair-time__decoration {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	color: #dce1e7;
	opacity: .63;
}

.n3-repair-time__decoration svg {
	display: block;
	width: 100%;
	height: 100%;
}

.n3-repair-time__header,
.n3-repair-time__cards,
.n3-repair-time__details,
.n3-repair-time__note {
	position: relative;
	z-index: 1;
}

.n3-repair-time__header {
	width: min(100%, var(--n3-section-width, 1340px));
	margin: 0 auto 29px;
	text-align: center;
}

.n3-repair-time__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 54px;
	margin-bottom: 17px;
	padding: 9px 22px;
	border: 1.5px solid var(--n3-repair-time-accent);
	border-radius: 14px;
	color: var(--n3-repair-time-accent);
	font-size: clamp(17px, 1.55vw, 24px);
	font-weight: 700;
	line-height: 1.2;
}

.n3-repair-time__eyebrow > span {
	display: inline-flex;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
}

.n3-repair-time__eyebrow svg,
.n3-repair-time__eyebrow img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.n3-repair-time__header h2 {
	margin: 0;
	color: var(--n3-repair-time-ink);
	font-size: clamp(30px, 3.25vw, 49px);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.15;
	text-transform: uppercase;
	text-wrap: balance;
}

.n3-repair-time__header > i {
	display: block;
	width: 132px;
	height: 6px;
	margin: 20px auto 16px;
	border-radius: 8px;
	background: var(--n3-repair-time-accent);
}

.n3-repair-time__header p {
	max-width: 900px;
	margin: 0 auto;
	color: var(--n3-repair-time-text);
	font-size: clamp(16px, 1.45vw, 22px);
	line-height: 1.5;
}

.n3-repair-time__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 17px;
	width: min(100%, var(--n3-section-width, 1340px));
	margin: 0 auto 23px;
}

.n3-repair-time__card {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	min-height: 167px;
	padding: 20px 23px 18px 19px;
	border: 1px solid #e2e4e8;
	border-radius: 16px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 8px 20px rgba(29, 38, 51, .12);
}

.n3-repair-time__card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	padding: 10px;
	border: 2px solid var(--n3-repair-time-accent);
	border-radius: 50%;
	color: #30353d;
}

.n3-repair-time__card-icon svg,
.n3-repair-time__card-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.n3-repair-time__card-body {
	min-width: 0;
}

.n3-repair-time__card h3 {
	margin: 0 0 8px;
	color: var(--n3-repair-time-ink);
	font-size: clamp(20px, 1.65vw, 27px);
	font-weight: 700;
	line-height: 1.22;
}

.n3-repair-time__row {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	border-bottom: 1px dashed #d4d7dc;
	font-size: clamp(15px, 1.35vw, 20px);
	line-height: 1.3;
}

.n3-repair-time__row:last-child {
	border-bottom: 0;
}

.n3-repair-time__row-icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
	color: #30353d;
}

.n3-repair-time__row-icon svg,
.n3-repair-time__row-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.n3-repair-time__row-label {
	min-width: 0;
}

.n3-repair-time__row strong {
	min-width: 118px;
	color: var(--n3-repair-time-accent);
	font-size: clamp(20px, 1.65vw, 28px);
	font-weight: 700;
	line-height: 1.15;
	text-align: left;
	white-space: nowrap;
}

.n3-repair-time__details {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 24px;
}

.n3-repair-time__detail {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr);
	align-items: center;
	gap: 13px;
	min-height: 170px;
	padding: 15px 16px;
	border: 1px solid #e1e3e7;
	border-radius: 13px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 5px 14px rgba(29, 38, 51, .09);
}

.n3-repair-time__detail-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	padding-bottom: 9px;
	color: #333840;
}

.n3-repair-time__detail-icon::after {
	position: absolute;
	right: 20px;
	bottom: 0;
	left: 20px;
	height: 2px;
	background: var(--n3-repair-time-accent);
	content: "";
}

.n3-repair-time__detail-icon svg,
.n3-repair-time__detail-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.n3-repair-time__detail h3 {
	margin: 0 0 4px;
	color: var(--n3-repair-time-ink);
	font-size: clamp(15px, 1.15vw, 18px);
	font-weight: 700;
	line-height: 1.3;
}

.n3-repair-time__detail p {
	margin: 0;
	color: var(--n3-repair-time-text);
	font-size: clamp(13px, 1vw, 16px);
	line-height: 1.45;
}

.n3-repair-time__note {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 52px;
	padding: 8px 26px;
	border: 1.5px solid var(--n3-repair-time-accent);
	border-radius: 9px;
	background: rgba(255, 253, 247, .95);
}

.n3-repair-time__note > span {
	display: inline-flex;
	flex: 0 0 37px;
	width: 37px;
	height: 37px;
	color: var(--n3-repair-time-accent);
}

.n3-repair-time__note svg,
.n3-repair-time__note img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.n3-repair-time__note p {
	margin: 0;
	font-size: clamp(14px, 1.2vw, 18px);
	line-height: 1.4;
}

@media (max-width: 1200px) {
	.n3-repair-time__detail {
		grid-template-columns: 78px minmax(0, 1fr);
	}

	.n3-repair-time__detail-icon {
		width: 70px;
		height: 76px;
	}
}

@media (max-width: 900px) {
	.n3-repair-time__cards {
		grid-template-columns: 1fr;
	}

	.n3-repair-time__details {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.n3-repair-time__detail {
		grid-template-columns: 90px minmax(0, 1fr);
	}

	.n3-repair-time__detail-icon {
		width: 82px;
		height: 86px;
	}
}

@media (max-width: 600px) {
	.n3-repair-time {
		padding: 25px 14px 18px;
		border-radius: 12px;
	}

	.n3-repair-time__decoration {
		opacity: .35;
	}

	.n3-repair-time__eyebrow {
		min-height: 46px;
		padding: 7px 15px;
		border-radius: 10px;
		font-size: 16px;
	}

	.n3-repair-time__eyebrow > span {
		width: 28px;
		height: 28px;
		flex-basis: 28px;
	}

	.n3-repair-time__header h2 {
		font-size: 27px;
	}

	.n3-repair-time__header > i {
		width: 80px;
		height: 4px;
	}

	.n3-repair-time__header p {
		font-size: 15px;
	}

	.n3-repair-time__card {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 12px;
		min-height: 0;
		padding: 15px 13px;
	}

	.n3-repair-time__card-icon {
		width: 68px;
		height: 68px;
		padding: 6px;
	}

	.n3-repair-time__card h3 {
		font-size: 18px;
	}

	.n3-repair-time__row {
		grid-template-columns: 22px minmax(0, 1fr);
		gap: 7px;
		padding: 7px 0;
		font-size: 14px;
	}

	.n3-repair-time__row-icon {
		width: 21px;
		height: 21px;
	}

	.n3-repair-time__row strong {
		grid-column: 2;
		min-width: 0;
		font-size: 19px;
	}

	.n3-repair-time__details {
		grid-template-columns: 1fr;
	}

	.n3-repair-time__detail {
		grid-template-columns: 78px minmax(0, 1fr);
		min-height: 0;
	}

	.n3-repair-time__detail-icon {
		width: 70px;
		height: 76px;
	}

	.n3-repair-time__detail h3 {
		font-size: 16px;
	}

	.n3-repair-time__detail p {
		font-size: 14px;
	}

	.n3-repair-time__note {
		align-items: flex-start;
		padding: 11px 13px;
	}

	.n3-repair-time__note > span {
		flex-basis: 30px;
		width: 30px;
		height: 30px;
	}

	.n3-repair-time__note p {
		font-size: 14px;
	}
}
