.vg-compare-table__container {
	--_padding-block: 48px;
	--_padding-inline: 24px;
	--_min-width-table: 440px;
	--_max-width-table: 900px;

	max-width: var(--wp--custom--width--default);
	padding-inline: var(--vg--spacing--inline--default);
	padding-block: 0 var(--_padding-block);
	margin: 0 auto;
}

.vg-compare-table__container--with-cta {
	--_columns: 1fr;
	--_col-gap: 36px;
	--_row-gap: 36px;

	display: flex;
	flex-direction: column;
	row-gap: var(--_row-gap);
}
.vg-compare-table__container--tablet-view,
.vg-compare-table__container--tablet-view .vg-compare-table__container {
	padding: 0 !important;
}
.vg-compare-table__container--tablet-view table {
	margin: 0 !important;
}
.vg-compare-table__container--tablet-view .vg-compare-table__header {
	text-align: center;
	margin-top: 48px;
	margin-bottom: 32px;
}
.vg-compare-table__container--tablet-view .vg-compare-table__content {
	display: flex;
	gap: 65px;
}
.vg-compare-table__container--tablet-view .vg-table tbody tr {
	min-width: 800px;
}
.vg-compare-table__container--tablet-view .vg-product {
	border: none !important;
	min-width: 240px;
}
.vg-compare-table__container--tablet-view .vg-compare-table__quotes-special,
.vg-compare-table__container--tablet-view .vg-product__title {
	display: none;
}
.vg-compare-table__container--tablet-view .vg-product__cta {
	color: var(--White, #fff);
	text-align: center;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-transform: uppercase;
}

@media (min-width: 960px) {
	.vg-compare-table__container {
		--_padding-block: 56px;
	}
}

@media (min-width: 960px) {
	.vg-compare-table__container--with-cta {
		--_columns: minmax(220px, 420px) 1fr;
		display: grid;
		grid-template-columns: var(--_columns);
		column-gap: var(--_col-gap);
		align-items: center;
	}
}

.vg-compare-table__image {
	height: fit-content;
}

.vg-compare-table__container--with-cta img {
	aspect-ratio: 16/9;
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 750px;
}

@media (min-width: 960px) {
	.vg-compare-table__container--with-cta img {
		aspect-ratio: 9/16;
	}
}

.vg-compare-table__title {
	--_margin-block: 0;

	margin-block: var(--_margin-block) 0;
}

.vg-compare-table__quotes {
	--_gap: 16px;
	--_min-height: 220px;

	display: flex;
	flex-direction: column;
	gap: var(--_gap);
	min-height: var(--_min-height);
}

.vg-compare-table__quotes-registration {
	display: flex;
	justify-content: center;
	gap: 4px;
}

.vg-compare-table__quotes-registration .disabled {
	display: none;
}

.vg-compare-table__quotes-promotion.disabled {
	display: none;
}

.vg-compare-table__quotes-promotion {
	display: block;
}

.vg-compare-table__quotes-registration .price-underline {
	--_color-line: var(--wp--preset--color--error-dark);
	--_height-line: 3px;

	position: relative;
}

.vg-compare-table__quotes-registration .price-underline::after {
	--_position_top: 45%;

	content: "";
	display: block;
	width: 110%;
	height: var(--_height-line);
	background-color: var(--_color-line);
	position: absolute;
	top: var(--_position_top);
	left: -5%;
}

.vg-compare-table__quotes-promotion {
	--_border-radius: 5px;
	--_min-width: auto;

	display: block;
	background-color: var(--wp--preset--color--tertiary-pink);
	color: var(--wp--preset--color--white);
	display: flex;
	align-items: center;
	padding: 3px;
	min-width: var(--_min-width);
	margin-inline: auto;
	border-radius: var(--_border-radius);
	margin-bottom: 12px;
}

@media (min-width: 960px) {
	.vg-compare-table__quotes-promotion {
		--_min-width: 530px;
	}
}

.vg-compare-table__quotes-promotion span:first-child {
	padding: 10px;
}

.vg-compare-table__quotes-promotion span:last-child {
	display: block;
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--text);
	padding: 10px;
	width: 100%;
	text-align: left;
	border-top-right-radius: var(--_border-radius);
	border-bottom-right-radius: var(--_border-radius);
}

.vg-compare-table__quotes-special {
	--_margin-block: 0;
	--_min-height: 200px;

	margin-left: var(--_margin-block);
	min-height: var(--_min-height);
}

.quotes-special__container {
	--_columns: 1fr;
	--_inner-padding: 16px;

	border: solid 2px var(--wp--preset--color--primary);
	border-radius: 12px;

	padding: var(--_inner-padding);
	display: grid;
	grid-template-columns: var(--_columns);
}

.quotes-special__container:not(:last-child) {
	margin-block: 0 24px;
}

@media (min-width: 960px) {
	.vg-compare-table__quotes-special {
		--_margin-block: 40px;
		grid-column: 1 / 3;
	}
	.quotes-special__container {
		--_inner-padding: 24px 40px;
		--_columns: 1fr 0.6fr;
	}
}

.quotes-special__header hgroup {
	padding-block: 0 20px;
}

.quotes-special__title,
.quotes-special__subtitle {
	margin-block: 0;
}

.quotes-special__cta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.quotes-special__cta a {
	width: 100%;
}

.vg-compare-table__quotes-list {
	--_columns: 1;

	display: grid;
	grid-template-columns: repeat(var(--_columns), 1fr);
	row-gap: 24px;
}

.vg-compare-table__quotes-list--col-2 {
	--_columns: 2;
}

.vg-compare-table__quotes-list--col-3 {
	--_columns: 3;
}

.vg-compare-table__quotes-list--rows {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.vg-product {
	--_padding: 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--_padding);
	padding-bottom: 0;
	gap: 24px;
}

@media (min-width: 960px) {
	.vg-product {
		--_padding: 10px;
	}
}

.vg-compare-table__quotes-list--col-2 .vg-product:nth-child(1) {
	border-right: solid 1px var(--wp--preset--color--neutral-2);
}

.vg-compare-table__quotes-list--col-3 .vg-product:nth-child(3n + 2) {
	border-left: solid 1px var(--wp--preset--color--neutral-2);
	border-right: solid 1px var(--wp--preset--color--neutral-2);
}

.vg-product__title {
	text-transform: uppercase;
}

.vg-product__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 10px;
}

.vg-product__cta {
	font-family: var(--cta-font);
}

.vg-select-quote__select-monthly {
	--_border-color: var(--wp--preset--color--neutral-1);
	--_border-radius: 12px;
	--_border-width: 0.5px;
	--_space-between: 8px;

	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: var(--_space-between);
}

.vg-select-quote__select-monthly span {
	display: inline-flex;
}

.vg-select-quote--weekly-label span {
	border: 0.5px solid var(--_border-color);
	border-radius: var(--_border-radius) 0 0 var(--_border-radius);
	border-width: var(--_border-width) 0 var(--_border-width) var(--_border-width);
	margin-left: var(--_space-between);
	padding: 2px 0 2px 2px;
}

.vg-select-quote--monthly-label span {
	border: 0.5px solid var(--_border-color);
	border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
	border-width: var(--_border-width) var(--_border-width) var(--_border-width) 0;
	margin-right: var(--_space-between);
	padding: 2px 2px 2px 0;
}

.vg-select-quote__select-monthly input[type="radio"] {
	appearance: none;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0px;
}
.vg-select-quote__select-monthly input[type="radio"]:checked {
	appearance: none;
	background: var(--wp--preset--color--primary);
	border-radius: 100%;
}

input#vg-select-quote--weekly:checked {
	background-color: var(--wp--preset--color--secondary);
}

.vg-select-quote__select-monthly label {
	font-weight: bold;
}