#upgrade {
	background-image    : url("../img/image_09.png");
	background-position : center 20%;
	overflow            : hidden;
	position            : relative;
	border-radius       : 0;
}

	#upgrade .container {
		position : relative;
		z-index  : 2;
	}

	#upgrade .offer-again-hero {
		min-height  : auto;
		display     : flex;
		align-items : flex-start;
		justify-content : flex-start;
		position    : relative;
		z-index     : 2;
		margin-bottom : 16px;
	}

	#upgrade .offer-again-copy {
		max-width : 520px;
		margin    : 0 0 0 24px;
	}

	#upgrade .offer-again-copy h1 {
		max-width : 460px;
	}

	#upgrade .offer-again-copy h5 {
		max-width : 500px;
		margin    : 0;
	}

	#upgrade .offer-again-cards {
		display               : grid;
		grid-template-columns : repeat(2, minmax(0, 360px));
		justify-content       : center;
		gap                   : 36px;
		margin-top            : 0;
		position              : relative;
		z-index               : 3;
	}

	#upgrade .offer-card {
		min-height     : 0;
		width          : 100%;
		max-width      : 360px;
		padding        : 20px 20px 18px 20px;
		display        : flex;
		flex-direction : column;
		gap            : 8px;
	}

	#upgrade .offer-card h2 {
		font-size      : 24px !important;
		line-height    : 1.04;
		letter-spacing : -0.01em;
		margin         : 0 0 12px 0;
		max-width      : 280px;
	}

	#upgrade .offer-card h4 {
		margin         : 0 0 12px 0;
		max-width      : 280px;
		font-size      : 15px;
		line-height    : 1.42;
		letter-spacing : 0;
		text-transform : none;
		font-family    : var(--font-body);
	}

	#upgrade .offer-card h5 {
		margin      : 0 0 12px 0;
		max-width   : 280px;
		font-size   : 15px;
		line-height : 1.42;
	}

	#upgrade .offer-again-list {
		margin     : 0;
		padding    : 0;
		list-style : none;
		display    : grid;
		row-gap    : 7px;
	}

	#upgrade .offer-again-inline {
		display      : block;
		margin       : 0 0 16px 0;
		font-size    : 14px;
		line-height  : 1.45;
		max-width    : 280px;
	}

	#upgrade .offer-again-price-block {
		margin-top : auto;
		max-width  : 280px;
	}

	#upgrade .offer-card > .button {
		margin-top    : 14px;
		width         : 100%;
		max-width     : 220px;
		height        : 52px;
		min-height    : 52px;
		font-size     : 16px;
		border-radius : 999px;
		align-self    : center;
	}

	#upgrade .offer-again-price {
		display     : flex;
		align-items : baseline;
		gap         : 10px;
	}

	#upgrade .offer-again-price .text-button-large,
	#upgrade .offer-again-price .old-price {
		font-size   : 28px;
		line-height : 1;
	}

	#upgrade .offer-again-price .text-button-large {
		color : #4f7d45;
	}

	#upgrade .offer-again-price .old-price {
		opacity            : 0.72;
		text-decoration    : line-through;
		text-decoration-thickness : 1px;
		margin-right       : 8px;
	}

	#upgrade .offer-again-price-block h4,
	#upgrade .offer-again-note .text-button-small {
		font-size      : 14px;
		line-height    : 1.3;
		letter-spacing : 0.08em;
	}

	#upgrade .offer-again-note {
		margin-top : 8px;
	}

	#upgrade .offer-card-primary {
		box-shadow   : 0 10px 30px rgba(47, 34, 27, 0.12);
		border-color : rgba(47, 34, 27, 0.22);
		background   : #fbf7f3;
	}

	#upgrade .offer-badge {
		display         : inline-flex;
		align-self      : flex-start;
		font-size       : 13px;
		padding         : 6px 12px;
		margin-bottom   : 16px;
		border-radius   : 999px;
		border          : 1px solid transparent;
		min-height      : 34px;
		align-items     : center;
		justify-content : center;
		font-weight     : 600;
		letter-spacing  : 0.08em;
		text-transform  : uppercase;
	}

	#upgrade .offer-badge-start {
		border-color : rgba(97, 122, 84, 0.24);
		background   : linear-gradient(180deg, #edf7e8 0%, #dcebcf 100%);
		color        : #48603d;
		box-shadow   : 0 10px 22px rgba(91, 117, 76, 0.12);
	}

	#upgrade .offer-badge-premium {
		border-color : rgba(120, 82, 21, 0.26);
		background   : linear-gradient(180deg, #f4e3bb 0%, #dcb66a 100%);
		color        : #614014;
		box-shadow   : 0 12px 24px rgba(115, 82, 28, 0.14);
	}

	#upgrade .offer-again-foot {
		margin-top : 18px;
		text-align : center;
	}

	#upgrade .offer-again-foot h4 {
		margin    : 0 auto;
		max-width : 860px;
	}

@media (max-width : 980px) {
	#upgrade h1 {
		max-width : 100%;
	}

	#upgrade {
		background-position : center top;
		padding             : 40px 0 40px;
	}

	#upgrade .offer-again-copy,
	#upgrade .offer-again-copy h4,
	#upgrade .offer-again-copy h5 {
		max-width : 100%;
	}

	#upgrade .offer-again-copy {
		margin : 0;
	}

	#upgrade .offer-again-cards {
		grid-template-columns : 1fr;
		gap                   : 18px;
	}

}

@media (max-width : 640px) {
	#upgrade h1 {
		max-width : 320px;
	}

	#upgrade {
		padding : 32px 0 34px;
	}

	#upgrade .offer-again-hero {
		margin-bottom : 16px;
	}
}