@charset "utf-8";

/* Sweet Lite */

.title-plus-new::after {
	content: 'New!!';
	color: red;
	font-size: 0.5em;
	font-weight: 700;
	vertical-align: top;
}
.blue-words {
	color: #47C9E5;
}
.purple-words {
	color: #7F00FF;
}
.green-words {
	color: #4CBB17;
}
.pink-words {
	color: #ff66b8;
}
.sweet-lite-content {
	display: grid;
	font-size: 1rem;
	grid-template-columns: 100%;
}
.sweet-lite-content,
.sweet-lite-content caption {
	color: black;
}
.sweet-lite-content .products-page-menu {
	width: 250px;
}
.article {
	border-radius: 30px;
	padding: 1em;
	margin-bottom: 2em;
}
.white-background {
	background-color: white;
}
table {
	border: 1px solid #8c8c8c;
	border-collapse: collapse;
}
table.with-left-title tbody>tr>td:first-child,
table.with-left-title tbody>tr>th:first-child {
	background-color: #e0eaf4;
}
td, th {
	border: 1px solid #8c8c8c;
	padding: 0.5em;
	vertical-align: top;
}
caption {
	caption-side: top;
	font-size: 24px;
	font-weight: 700;
}
thead {
	background-color: #B5CCE4;
	text-align: center;
}
tbody {
	background-color: white;
}
ul.relaxed-list>li {
	margin-bottom: 1em;
}
.indent,
h2+p,
h2+ul,
h2+.text-content-with-picture,
h3+p,
h3+ul,	
h3+.text-content-with-picture {
	margin-left: 1em;
}
.text-content-with-picture .text-content,
.text-content-with-picture>picture,
.text-content-with-picture .picture-content {
	margin-bottom: 2em;
}
.tables-plus-pictures {
	display: grid;
	gap: 1em;
}
.title-with-picture {
	display: flex;
}
.title-with-picture picture {
	flex: 0 0 70px;
}

@media (min-width: 992px) {
	.sweet-lite-content {
		grid-template-columns: 1fr 250px;
	}
	.sweet-lite-content .products-page-menu {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.sweet-lite-content .main-content {
		grid-column: 1 / 3;
	}
	.text-content-with-picture {
		display: flex;
		flex-wrap: nowrap;
	}
	.text-content-with-picture .text-content {
		width: 60%;
	}
	.text-content-with-picture>picture,
	.text-content-with-picture .picture-content {
		width: 40%;
		text-align: right;
	}
	.tables-plus-pictures {
		grid-template-columns: repeat(2, 1fr);
	}
	.first-table {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.first-picture {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.second-table {
		grid-column: 1 / 2;
		grid-row: 2 / 4;
	}
	.second-picture {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.third-picture {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
	.third-table {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}
	.fourth-picture {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
	}
	.tables-plus-pictures .comment-text {
		grid-column: 1 / 3;
		grid-row: 5 / 6;
	}
	.tables-plus-pictures picture {
		display: flex;
		align-items: center;
	}
}