#guarantee {
	background : var(--color-brown-main);
	align-items : start;
	padding     : 1.5cm 0;
}

	#guarantee .container {
		display               : grid;
		grid-template-columns : minmax(0, 760px) minmax(240px, 340px);
		column-gap            : 52px;
		justify-content       : center;
		align-items           : start;
	}

	#guarantee .guarantee-shell {
		width      : 100%;
		max-width  : 740px;
		padding    : 0;
	}

	#guarantee :is(h1, h3, h5, small, li) {
		color : var(--color-bg-main);
	}

	#guarantee .guarantee-shell h1 {
		max-width : 620px;
	}
		#guarantee .guarantee-shell h1::first-line {
			color : #d4ae9ce0;
		}

	#guarantee .guarantee-shell h3 {
		margin         : 0 0 18px;
		max-width      : 620px;
		font-family    : var(--font-ui);
		font-size      : 16px;
		line-height    : 1.3;
		letter-spacing : 0.06em;
		text-transform : uppercase;
	}

	#guarantee .guarantee-shell h5 {
		margin      : 48px 0 24px;
		max-width   : 680px;
		line-height : 1.62;
	}

	#guarantee :is(h5, small, li) b {
		color : #ffffff;
	}

	#guarantee .guarantee-lines {
		margin     : 0 0 40px;
		padding    : 0;
		list-style : none;
		display    : grid;
		row-gap    : 12px;
	}

	#guarantee .guarantee-lines li {
		position     : relative;
		padding-left : 16px;
		line-height  : 1.45;
	}

	#guarantee .guarantee-lines li::before {
		content  : "\2022";
		position : absolute;
		left     : 0;
		top      : 0;
		opacity  : 0.85;
	}

	#guarantee .guarantee-feature {
		max-width     : 680px;
		margin        : 28px 0 0;
		padding       : 26px 28px 28px;
		border        : 1px solid rgba(255, 245, 236, 0.18);
		border-radius : 34px 0 34px 0;
		background    : linear-gradient(180deg, rgba(255, 246, 239, 0.1) 0%, rgba(218, 183, 153, 0.08) 100%);
		box-shadow    : 0 24px 48px rgba(20, 8, 2, 0.16);
		backdrop-filter: blur(4px);
	}

	#guarantee .guarantee-feature h4 {
		margin         : 0 0 14px;
		color          : #ffffff;
	}

	#guarantee .guarantee-feature h5 {
		margin      : 0;
		max-width   : none;
		line-height : 1.66;
	}

	#guarantee .guarantee-side {
		width      : 100%;
		max-width  : 320px;
		justify-self: end;
		display    : grid;
		row-gap    : 20px;
		align-self : start;
		height     : 100%;
	}

	#guarantee .guarantee-actions {
		display    : grid;
		grid-template-columns : 1fr;
		gap        : 12px;
		margin     : auto 0 0;
		width      : 100%;
	}

	#guarantee .guarantee-actions .button {
		display      : flex;
		flex-direction: column;
		align-items  : center;
		justify-content: center;
		gap          : 6px;
		min-width    : 100%;
		width        : 100%;
		padding      : 18px 22px 16px;
		background   : var(--color-bg-light);
		color        : var(--color-brown-main);
		border-color : transparent;
	}

	#guarantee .guarantee-action-label {
		display        : block;
		font-size      : 15px;
		line-height    : 1.15;
		letter-spacing : 0.08em;
		text-transform : uppercase;
		text-align     : center;
	}

	#guarantee .guarantee-action-price {
		display     : block;
		font-size   : 31px;
		line-height : 1;
		text-align  : center;
	}

	#guarantee .guarantee-action-price b {
		font-weight : 700;
	}

	#guarantee .guarantee-actions .button-premium {
		background : linear-gradient(180deg, #ead1a2 0%, #d2a85f 48%, #b98735 100%);
		color      : #2d1708;
		box-shadow : 0 18px 34px rgba(0, 0, 0, 0.18);
	}

	#guarantee .guarantee-note {
		display      : block;
		max-width    : 680px;
		line-height  : 1.5;
		opacity      : 0.9;
		margin-top   : 26px;
	}

	#guarantee .guarantee-photo-right {
		width            : 100%;
		max-width        : 320px;
		aspect-ratio     : 3 / 4;
		background-image : url("../img/image_11.png");
		background-size  : cover;
		background-position : center;
		border-radius    : 40px 0 40px 0;
		opacity          : 0.96;
	}

@media (max-width : 980px) {
	#guarantee {
		padding : 1.5cm 0;
	}

	#guarantee .guarantee-shell {
		max-width : 100%;
		padding   : 0;
	}

	#guarantee .container {
		grid-template-columns : 1fr;
		row-gap               : 22px;
	}

	#guarantee .guarantee-shell h1,
	#guarantee .guarantee-shell h3,
	#guarantee .guarantee-shell h5,
	#guarantee .guarantee-note {
		max-width : 100%;
	}

	#guarantee .guarantee-photo-right {
		max-width    : 260px;
		border-radius: 28px 0 28px 0;
	}

	#guarantee .guarantee-side {
		max-width    : 100%;
		justify-self : stretch;
		height       : auto;
	}

	#guarantee .guarantee-feature {
		padding       : 22px 20px 24px;
		border-radius : 28px 0 28px 0;
	}
}

@media (max-width : 640px) {
	#guarantee {
		padding : 1.5cm 0;
	}

	#guarantee .guarantee-actions {
		gap            : 10px;
	}

	#guarantee .guarantee-actions .button {
		min-width : 100%;
		padding   : 16px 18px 14px;
	}

	#guarantee .guarantee-action-label {
		font-size : 13px;
	}

	#guarantee .guarantee-action-price {
		font-size : 27px;
	}
}