/* Returns Page - Start */

/* Layout - Start */
.text-page-cards .text-page-content .container {
	padding-left: 40px;
	padding-right: 40px;
}
@media (max-width: 1680px) {
	.text-page-cards .text-page-content .container {
		padding-left: 36px;
		padding-right: 36px;
	}
}
@media (max-width: 1279px) {
	.text-page-cards .text-page-content .container {
		padding-left: 24px;
		padding-right: 24px;
		gap: 12px;
	}
}
/* Layout - End */

/* Rules - Start */
.return-rules {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
.return-rule {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
	background: var(--white);
	border-radius: var(--radius-medium);
}
.return-rule-image {
	border-radius: var(--radius-mid);
	overflow: hidden;
	background: var(--light-gray);
}
.return-rule-image img {
	display: block;
	width: 100%;
	aspect-ratio: 528 / 400;
	object-fit: cover;
}
.return-rule-body {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 24px;
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--radius-mid);
}
.return-rule-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.return-rule-arrow {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}
.return-rule-text {
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
}
@media (max-width: 1680px) {
	.return-rule {
		gap: 16px;
		padding: 20px;
	}
	.return-rule-body {
		gap: 24px;
		padding: 20px;
	}
}
@media (max-width: 1279px) {
	.return-rules {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.return-rule {
		gap: 12px;
		padding: 16px;
	}
	.return-rule-image img {
		aspect-ratio: 263 / 218;
	}
	.return-rule-body {
		gap: 16px;
		padding: 16px;
	}
	.return-rule-text {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}
/* Rules - End */

/* Process - Start */
.return-process {
	gap: 40px;
}
.return-process-box {
	display: flex;
	flex-direction: column;
	gap: 64px;
	padding: 32px;
	background: var(--white);
	border: 1px solid var(--input-border);
	border-radius: var(--radius-medium);
}
.return-process-head {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}
.return-process-brand {
	flex: 0 0 auto;
	font-family: var(--font-family-2);
	font-weight: 700;
	font-size: 28px;
	line-height: 35px;
	color: var(--black);
}
.return-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
.return-step {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 32px;
	border: 1px solid var(--input-border);
	border-radius: var(--radius-mid);
}
.return-step-body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.return-note {
	color: var(--black);
}
@media (max-width: 1680px) {
	.return-process {
		gap: 32px;
	}
	.return-process-box {
		gap: 48px;
		padding: 28px;
	}
	.return-process-brand {
		font-size: 24px;
		line-height: 29px;
	}

	.return-step {
		gap: 24px;
		padding: 28px;
	}
}
@media (max-width: 1279px) {
	.return-process {
		gap: 24px;
	}
	.return-process-box {
		gap: 36px;
		padding: 20px;
	}
	.return-process-head {
		flex-direction: column;
		gap: 12px;
	}
	.return-process-brand {
		font-size: 18px;
		line-height: 22px;
	}
	.return-steps {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.return-step {
		gap: 20px;
		padding: 20px;
	}
	.return-step-text {
		font-size: 14px;
		line-height: 17px;
	}
}
/* Process - End */

/* Returns Page - End */