@charset "UTF-8";

/* * * * Copyright General 2026 Termotronic SPb Russia http://termotronic.ru * * * */
main {
	background: var(--green-s);
}

.viewport {
	display: flex;
	flex-flow: column nowrap;
	gap: 30px;
	padding: 2%;
}

.viewport .page-1 li.onstore:before {
	background: rgb(152, 251, 152);
}

.viewport .page-1 li.onsoon:before {
	background: rgb(249, 231, 159);
}

.viewport .page-1 li.onpro:before {
	background: rgb(214, 234, 248);
}

.viewport .page-1 li:before {
	width: 3em;
	height: 1em;
	content: ' ';
	display: inline-block;
	border: outset 1px #aaa;
	border-radius: .1em;
	margin-right: 3px;
}

.viewport span {
	display: block;
	font-weight: normal;
	font-size: 0.7em;
	margin-top: 0.5em;
}

.viewport dl {
	display: inline-block;
	white-space: nowrap;
	padding: 0 0.3mm;
	margin: 0;
	font-style: inherit;
	font-weight: inherit;
}

.viewport table {
	border-radius: 0;
}

.viewport table tr .onstore {
	background: rgb(152, 251, 152);
}

.viewport table tr .onsoon {
	background: rgb(249, 231, 159);
}

.viewport table tr .onpro {
	background: rgb(214, 234, 248);
}

.viewport table td.w20 {
	width: 20%;
	border-bottom: none;
	padding: .5em 0 0 0;
}

.viewport table td.w15 {
	width: 15%;
}

.viewport table td.w5 {
	width: 5%;
}

.viewport .comment sup,
.viewport .comment sub,
.viewport .compact sup {
	font-size: smaller;
}

.viewport a, .viewport th a {
	text-decoration: none;
	color: #000;
}

.viewport .data table,
.viewport .data tr td,
.viewport .data tr th {
	border-spacing: 0;
	border-collapse: collapse;
	border: solid 1px #aaa;
	background: transparent;
	overflow: hidden;
}

.viewport .data td,
.viewport .data th {
	white-space: normal;
	text-align: center;
	vertical-align: middle;
	padding: .1em .1em;
}

.viewport .data td img,
.viewport .data th img {
	margin: 0;
	max-width: 100%;
}

.viewport .data .left {
	text-align: left;
}

.viewport .data .lefts {
	text-align: left;
	padding-left: 0.6em;
	text-indent: 1.2em;
}

.viewport .data .right {
	text-align: right;
	padding: 0;
}

.viewport .data .bot {
	vertical-align: bottom;
}

.viewport .data .top {
	vertical-align: top;
}

.viewport .data .left.bot {
	font-size: 1.1em;
}

.viewport .data .nowrap,
.viewport .compact tbody td,
.viewport .compact tbody th {
	white-space: nowrap;
}

.viewport .wide,
.viewport .compact .wide {
	text-align: right;
	padding: 1mm 0;
	background-color: #fff;
}

.viewport .wide img {
	max-width: 18mm;
	margin: 1mm;
}

.viewport .comment {
	padding: 0.33em;
	text-align: left;
	font-size: 0.8em;
}

.viewport .page-8 table td {
	padding: 0;
}

.viewport .page-9 table td {
	padding: 0 5px;
}

.viewport .buttons, .viewport .buttons * {
	color: #666;
	font-size: smaller;
}

.viewport .flex-row {
	display: flex;
	flex-flow: row nowrap;
}

.viewport .footer {
	flex-grow: 1;
	align-items: flex-end;
}

.viewport .footer .contacts {
	flex-grow: 1;
	white-space: pre-line;
	font-size: smaller;
}

.viewport .plist {
	clear: both;
	padding: 2% 5%;
	background-color: #fff;
	border: solid 1px #aaa;
	border-width: .1px;
	margin: 0 auto;
	width: 99%;
	min-width: 23cm;
	box-sizing: padding-box;
}

.viewport .plist * {
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	padding: 0;
	font-size: 3.8mm;
	font-family: arial, calibri;
}

.viewport .plist h1,
.viewport .plist h2,
.viewport .plist h3 {
	text-align: center;
	clear: both;
	font-family: segoeui, arial;
	margin-top: 0.7em;
	padding-bottom: 1.7mm;
	font-weight: bold;
}

.viewport .plist h1 {
	font-size: 1.4em;
}

.viewport .plist h2 {
	font-size: 1.2em;
}

.viewport .plist h3 {
	font-size: 1.1em;
}


.viewport .plist .data {
	clear: both;
}

.viewport .plist .data table {
	clear: both;
	margin-top: 0;
	width: 99.9%;
	line-height: 1.15em;
}

.viewport .plist .data table tr .onstore {
	background: rgb(152, 251, 152);
}

.viewport .plist .data table tr .onsoon {
	background: rgb(249, 231, 159);
}

.viewport .plist .data table tr .onpro {
	background: rgb(214, 234, 248);
}

/* * * * * * * * q-tables * * * * * * * * */
.viewport .data .t,
.viewport .t tr td,
.viewport .t tr th {
	border-style: none;
	border-width: 1px;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	font-size: smaller;
}

.viewport .data .t tr th {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	padding: 1mm 0.5mm 0 0;
	font-size: 1em;
}

.viewport .t .bright {
	border-right: solid 1px #000;
	font-size: smaller;
}

.viewport .t .bleft {
	border-left: solid 1px #000;
}

.viewport .t .bbot {
	border-bottom: solid 1px #000;
	white-space: nowrap;
}

.viewport .t .tright {
	text-align: right;
}

.viewport .t strong {
	margin: 0.7em 0.7em 0 0;
	padding: 0 0.3em;
}


@page { /* 210mm x 297mm */
}

@media print {
	footer, header, .breadcrumb {
		display: none;
	}

	main, main * {
		background: #fff;
	}

	.viewport {
		background-image: none;
		padding: 0;
		margin: 0;
		max-width: 100%;
		gap: 0;
	}

	.viewport .plist {
		border: none;
		box-shadow: none;
		margin: 0 auto;
		padding: 0;
		width: 180mm;
		min-width: 180mm;
		zheight: 240mm;
	}

	.viewport .plist * {
		font-size: 3mm;
		font-family: arial, calibri;
	}

	.viewport .page-break {
		page-break-after: always;
	}

	.viewport .data td,
	.viewport .data th {
		padding: .1em;
		background: #fff !important;
	}
}

@media only screen and (max-width : 768px) {
	footer, header, .breadcrumb {
		display: none;
	}

	html {
		transform: scale(0.5);
		transform-origin: 0 0;
		width: 200%;
	}

	body {
		width: 100%;
		margin: 0;
	}

	.price {
		margin: 0 auto;
		padding: 0;
	}
}