.WarrantyHero {
	display: flex;
	align-items: center;
	height: 500px;
	padding: 0;
	background-image:
		linear-gradient(90deg, rgba(7, 11, 14, 0.8), rgba(7, 11, 14, 0.25)),
		url("../images/4304e3fcad107f3d508470044fba9bb1cd84a612.png");
	color: #fff;
	background-size: cover;
}

.WarrantyHero .main,
.WarrantyIntro .main,
.WarrantyBenefits .main,
.WarrantyPolicy .main,
.WarrantyProcess .main {
	width: 1360px;
	max-width: 90%;
}

.WarrantyHero span {
	color: #ef5434;
	font-size: 14px;
	line-height: 21px;
}

.WarrantyHero h1 {
	margin-top: 12px;
	font-size: 64px;
	line-height: 70px;
}

.WarrantyHero p {
	max-width: 680px;
	margin-top: 18px;
	color: #d0d3d5;
	font-size: 18px;
	line-height: 29px;
}


.WarrantyIntro {
background: #F8F9FB;
	padding: 120px 0;
}

.WarrantyIntro .introGrid {
	display: grid;
	grid-template-columns: 1fr 0.9fr;
	align-items: center;
	gap: 76px;
}


.WarrantyIntro .warrantyImage {
	aspect-ratio: 734 / 400;
	flex-shrink: 0;
}
.WarrantyIntro ul{
    display:grid;
    gap: var(--p15);
    margin-top: var(--p30);
}
.WarrantyIntro ul li{
    display:flex;
    gap: var(--p10);
}
.WarrantyIntro ul .img{
    flex-shrink: 0;
    width: 1.5em;
}
.WarrantyIntro h2 {
	font-size: 48px;
	line-height: 58px;
}

.WarrantyIntro p {
	margin-top: 14px;
    color: #5C4039;
	font-size: 16px;
	line-height: 26px;
}

.WarrantyIntro h3 {
	font-size: 16px;
	line-height: 24px;
}

.WarrantyBenefits {
	padding: var(--p60) 0 ;
background: #F2F4F6;
}

.WarrantyBenefits .benefitGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.WarrantyBenefits .benefitGrid > div {
	padding: 30px;
	border: 1px solid var(--site-line);
	background: #fff;
}

.WarrantyBenefits .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: #f8e3dc;
}

.WarrantyBenefits h3 {
	margin-top: 18px;
	font-size: 24px;
	line-height: 34px;
}

.WarrantyBenefits p {
	margin-top: 8px;
	color: #687077;
	font-size: 16px;
	line-height: 24px;
}

.WarrantyPolicy {
	padding: 90px 0 120px;
background: #F8F9FB;
}

.WarrantyPolicy .policyLayout {
	display: grid;
	grid-template-columns: 288px 1fr;
	gap: 24px;
}
.WarrantyPolicy p{
    color: #5C4039;
    f
}

.WarrantyPolicy aside {
	align-self: start;
	border: 1px solid var(--site-line);
	background: #fff;
}

.WarrantyPolicy aside h3 {
	padding: 22px 18px;
	font-size: 24px;
	line-height: 34px;
}
.WarrantyPolicy aside h3 p{
    font-size: var(--ft14);
}
.WarrantyPolicy aside .item {
	display: block;
	padding: 14px 18px;
	border-top: 1px solid var(--site-line);
	font-size: 16px;
	cursor: pointer;
	line-height: 24px;
}
.WarrantyPolicy [data-block]{display:none}
.WarrantyPolicy [data-block]:first-child{display:block}
.WarrantyPolicy aside .item.active {
	background: #e9ebed;
	color: var(--site-red);
}

.WarrantyPolicy article {
	padding: 38px;
	border: 1px solid var(--site-line);
	background: #fff;
}

.WarrantyPolicy article .title {
	padding-bottom: 18px;
	border-bottom: 1px solid var(--ftc);
	font-size: 32px;
	margin-bottom: vaR(--p30);
	line-height: 42px;
}

.WarrantyPolicy article > h3 {
	margin-top: 24px;
	padding-left: 12px;
	border-left: 4px solid var(--site-red);
	font-size: 24px;
	line-height: 34px;
}

.WarrantyPolicy article > p,
.WarrantyPolicy .returnGrid span {
	margin-top: 12px;
	color: #626970;
	font-size: 16px;
	line-height: 26px;
}

.WarrantyPolicy .returnGrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 14px;
}

.WarrantyPolicy .returnGrid div {
	display: grid;
	gap: 4px;
	padding: 16px;
	border: 1px solid var(--site-line);
}

.WarrantyPolicy .policyTable {
	margin-top: 16px;
	border: 1px solid var(--site-line);
}

.WarrantyPolicy .policyTable > div {
	display: grid;
	grid-template-columns: 1.1fr 0.6fr 1.2fr;
	border-top: 1px solid var(--site-line);
}

.WarrantyPolicy .policyTable > div:first-child {
	border-top: 0;
}

.WarrantyPolicy .policyTable span {
	padding: 12px;
	border-left: 1px solid var(--site-line);
	font-size: 16px;
	line-height: 24px;
}

.WarrantyPolicy .policyTable span:first-child {
	border-left: 0;
}

.WarrantyPolicy .notice {
	padding: 14px;
	background: #fff1ed;
	color: var(--site-red);
}

.WarrantyProcess {
	padding: 100px 0;
	background: #2d3031;
	color: #fff;
	text-align: center;
}

.WarrantyProcess h2 {
	font-size: 48px;
	line-height: 58px;
}

.WarrantyProcess > .main > p {
	margin-top: 8px;
	color: #b9bec2;
	font-size: 16px;
	line-height: 24px;
}

.WarrantyProcess .steps {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px;
	margin-top: 70px;
}

.WarrantyProcess .steps b {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 18px;
	background: var(--site-red);
	font-size: 20px;
	line-height: 28px;
}

.WarrantyProcess .steps h3 {
	font-size: 16px;
	line-height: 24px;
}

.WarrantyProcess .steps p {
	margin-top: 8px;
	color: #b9bec2;
	font-size: 14px;
	line-height: 22px;
}

.WarrantyProcess > .main > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 52px;
	margin: 56px auto 0;
	background: var(--site-red);
}

@media only screen and (max-width: 768px) {
	.WarrantyHero {
		height: auto;
		min-height: 500px;
	}

	.WarrantyHero h1 {
		font-size: 44px;
		line-height: 56px;
	}

	.WarrantyIntro .introGrid,
	.WarrantyPolicy .policyLayout {
		grid-template-columns: 1fr;
	}

	.WarrantyBenefits .benefitGrid,
	.WarrantyProcess .steps {
		grid-template-columns: 1fr;
	}

	.WarrantyPolicy .returnGrid {
		grid-template-columns: 1fr;
	}

	.WarrantyPolicy article {
		padding: 24px;
	}
}