@media screen and (min-width: 1234px) {

SECTION:first-child {						position: relative; min-height: 444px; margin-right: 425px; 
											display: flex; flex-direction: column; justify-content: space-between; }

/* Код, производитель, назад */
H1 {										font-size: 30px; font-weight: 500; }
H1 IMG {									display: inline-block; margin-right: 10px; max-height: 50px; max-width: 100px; vertical-align: middle; }
#Info DIV {									width: 30px; background: url(/i/back.svg#back) no-repeat center left; background-size: 20px 40px; cursor: pointer; }

/* Наименование, цена, наличие, кнопка */
ARTICLE H2 {								text-align: left; flex-grow: 9; margin-bottom: 20px; padding-right: 70px; font-size: 39px; line-height: 43px; word-break1: break-all; }
#Buy {										display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
#Price {									font-size: 30px; font-weight: 700; color: var(--color-key2); }
#Price SPAN {								font-size: 16px; font-weight: 500; }
#Price I {									font-style: normal; }
#Quantity {									}
#Package {									line-height: 27px; color: #666; }
#Package SPAN {								color: var(--color-key1); }
#Buy BUTTON {								order: 9; }

/* Вкладки */
#Tabs {										display: flex; margin-top: 20px; }
#Tabs A {									min-width: 90px; padding: 10px 20px; font-size: 15px; font-weight: 500; line-height: 15px; color: var(--color-key1); cursor: pointer;
											border: 1px solid var(--color-lines); border-bottom: 1px solid transparent; border-right: none; user-select: none; text-decoration: none; }
#Tabs A:last-child {						border-right: 1px solid var(--color-lines); }
#Tabs A.Active {							color: #222 !important; border-bottom: 1px solid #F2F2F2; }
ARTICLE HR {								height: 0; margin: -1px 0 20px 0; border-top: 1px solid #CCC; }
SECTION {									display: none; }
SECTION.Active {							display: block; }
SECTION.Loading {							position: relative; height: 100px; }
SECTION.Loading:before {					position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); width: 30px; height: 30px; background: url(/i/icons.svg#gear); filter: grayscale(1); opacity: .5; animation: rotating 2s linear infinite; content: ""; }

/* Замены */
SECTION[rel="Replacements"] DIV.NotFound {	color: #666; }

/* Остатки */
SECTION[rel="Stock"] .Remains {									width: 100%; font-size: 15px; }
SECTION[rel="Stock"] .Remains THEAD TD {						font-weight: 300; color: #777; border-bottom: 1px solid #CCC; border-top: none; }
SECTION[rel="Stock"] .Remains TBODY TR {						border-top: 1px solid #CCC; }
SECTION[rel="Stock"] .Remains TD {								position: relative; padding: 10px 0; cursor: pointer; }
SECTION[rel="Stock"] .Remains TD:last-child {					text-align: right; }
SECTION[rel="Stock"] .Remains TD A {							display: block; margin: -10px 0; padding: 10px 0; text-decoration: none; color: #000 !important; }
SECTION[rel="Stock"] .Remains TBODY TR TD:first-child:before {	visibility: hidden; position: absolute; z-index: -1; width: 20px; height: calc(100% + 1px); left: -16px; top: -1px; background: #FFF; cursor: pointer; transform: skewX(-11.6deg); content: ""; }
SECTION[rel="Stock"] .Remains TBODY TR TD:last-child:before { 	visibility: hidden; position: absolute; z-index: -1; width: 20px; height: calc(100% + 1px); right: -16px; top: -1px; background: #FFF; cursor: pointer; transform: skewX(-11.6deg); content: ""; }
SECTION[rel="Stock"] .Remains TBODY TR:hover {					background-color: #FFF; border-color: transparent; }
SECTION[rel="Stock"] .Remains TBODY TR:hover + TR {				border-color: transparent; }
SECTION[rel="Stock"] .Remains TBODY TR:hover TD:first-child:before {	visibility: visible; }
SECTION[rel="Stock"] .Remains TBODY TR:hover TD:last-child:before {		visibility: visible; }

/* Малый слайдер */
FIGURE.S {									position: absolute; width: 400px; height: 400px; top: 0; right: -420px; display: flex; justify-content: center; align-items: center; outline1: 1px solid var(--color-lines); background: #FFF; }
FIGURE.S IMG {								cursor: zoom-in; max-width: 400px; max-height: 400px; object-fit: cover; }
FIGURE.S:empty {							background1: url(/i/icons.svg#nofoto) no-repeat center; background-size1: 200px; background: none; }
FIGURE.S LI.flex-active-slide {				}
FIGURE.S .flex-control-nav {				bottom: -33px !important; }
FIGURE.S .flex-control-nav LI {				margin: 0 4px !important;}
FIGURE.S .flex-control-nav A {				position: relative; width: 26px !important; height: 24px !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; }
FIGURE.S .flex-control-nav A:after {		position: absolute; display: block; width: 100%; height: 6px; top: 9px; background: var(--color-key1); content: ""; }
FIGURE.S .flex-control-nav A.flex-active:after { background: var(--color-key2); }
FIGURE.S UL.slides > LI {					display: flex !important; width: 400px; height: 400px; justify-content: center; align-items: center; }

/* Большой слайдер/общие элементы */
.Overlay {									display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.88); flex-direction: column; }
.Overlay U {								display: block; position: absolute; width: 25px; height: 25px; top: 30px; right: 30px; background: url(/i/icons.svg#overlay-close); cursor: pointer; }
.Overlay FIGURE {							width: calc(100% - 180px); height: calc(100% - 90px); max-width: 1005px; max-height: 1005px; margin: 30px 0 80px 0; display: flex; justify-content: center; align-items: center; }
.Overlay FIGURE DIV.flex-viewport {			width: 100%; height: 100%; }
.Overlay FIGURE UL {						width: 100%; height: 100%; }
.Overlay FIGURE UL.slides LI {				position: relative; display: flex !important; width: 100%; height: 100%; justify-content: center; align-items: center; }
.Overlay FIGURE UL.slides LI IMG {			max-width: 100%; max-height: 100%; border-radius1: 5px; }
.Overlay FIGURE .flex-control-nav {			position: absolute; width: auto; bottom: 20px; left: 50%; transform: translateX(-50%); line-height: 18px; }
.Overlay FIGURE .flex-control-nav A {		width: 50px; height: 7px; background: var(--color-key1) !important; border-radius: 0; transform: skewX(-11.6deg); box-shadow: none; }
.Overlay FIGURE A.flex-active {				background: var(--color-key2) !important; }
.Overlay FIGURE .flex-direction-nav A {		width: 30px; height: 50px; margin-top: -50px; opacity: 1; }
.Overlay FIGURE .flex-direction-nav A:before { display: block; width: 25px; height: 50px; color: var(--color-key1); text-shadow: none; content: ""; }
.Overlay FIGURE .flex-prev {				left: 30px; }
.Overlay FIGURE .flex-next {				right: 30px; }
.Overlay FIGURE .flex-prev:before {			background: url(/i/icons.svg#back); transform: scaleX(.75); }
.Overlay FIGURE .flex-next:before {			background: url(/i/icons.svg#back); transform: scaleX(-.75); }

}



@media screen and (max-width: 1233px) {

SECTION:first-child {						display: block; width: 100%; overflow-x: hidden; }

/* Код, производитель, назад */
H1 {										font-size: 23px; font-weight: 500; text-align: left; }
H1 IMG {									display: inline-block; margin-right: 10px; max-height: 50px; max-width: 100px; vertical-align: middle; }
H1 DIV {									float: right; display: block; width: 28px; height: 28px; margin: 0 -9px 10px 10px; background: url(/i/icons.svg#back) no-repeat center; }

/* Наименование, ценв, наличие, кнопка */
ARTICLE H2 {								margin: 20px 0; font-size: 26px; }
#Buy {										margin: 20px 0; }
#Locked {									margin-bottom: 7px; font-size: 16px; line-height: 1.25; }
#Locked:before {							display: inline-block; width: 14px; height: 16px; margin: 0 5px -1px 0; background: url(/i/icons.svg#lock) no-repeat center; content: ""; }
#Price {									margin-top: -10px; font-size: 24px; font-weight: 700; color: var(--color-key1); }
#Price SMALL {								font-size: 80%; }
#Price SPAN {								font-size: 16px; font-weight: 500; }
#Price I {									font-size: 21px; font-weight: 700; font-style: normal; }
#Package {									margin-top: 5px; line-height: 14px; color: #666; }
#Package SPAN {								font-weight: 500; color: var(--color-key1); }
#Buy BUTTON {								display: block; margin-top: 5px; margin-bottom: 0; float: right; }

/* Закладки */
#Tabs {										max-width: 100%; overflow-x: scroll; display: flex; margin-top: 15px; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; }
#Tabs::-webkit-scrollbar {					display: none; }
#Tabs A {									flex-basis: 50%; padding: 12px 20px; font-size: 17px; line-height: 1; color: var(--color-key1); cursor: pointer;
											border: 1px solid #CCC; border-left: none; user-select: none; text-decoration: none; }

#Tabs A DIV {								transform1: skewX(11.6deg); }
#Tabs A:first-child {						padding-left1: 15px; }
#Tabs A:last-child {						border-right: none; }
#Tabs A:only-child {						flex-basis: 100%; }
#Tabs A.Active {							color: #222 !important; border-bottom: 1px solid #F2F2F2; font-weight: 500; }

SECTION {									display: none; }
SECTION.Active {							display: block; }
SECTION[rel="Replacements"] DIV.NotFound {	color: #666; margin: 15px 0; font-size: 16px; }
SECTION[rel="Stock"] {						padding: 15px 0; }
SECTION.Loading {							position: relative; height: 100px; }
SECTION.Loading:before {					position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); width: 30px; height: 30px; background: url(/i/icons.svg#gear); filter: grayscale(1); opacity: .5; animation: rotating 2s linear infinite; content: ""; }

/* Слайдер */
FIGURE.S {											visibility1: hidden; margin: 15px 0 0 0; position: relative; width: 100%; }
FIGURE.S[many] {									margin-bottom: 20px; }
FIGURE.S:empty {									margin: 0; }
FIGURE.S IMG {										border-radius: 10px; transition: 300ms; cursor: zoom-in; width: 390px; max-height1: 580px; aspect-ratio1: .5; }
FIGURE.S .flex-control-nav {						bottom: -30px !important;}
FIGURE.S .flex-control-nav A {						width: 20px !important; height: 20px !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; }
FIGURE.S .flex-control-nav A:after {				position: absolute; display: block; width: 100%; height: 5px; top: 7px; background: #AAA; content: ""; }
FIGURE.S .flex-control-nav A.flex-active:after {	background: var(--color-key1); }
FIGURE.S UL.slides > LI {							display: flex !important; width: 385px; justify-content: center; align-items: center; }

/* Остатки */
.Remains {											width: 100%; font-size: 16px; }
.Remains THEAD {									display: none; }
.Remains TBODY TR:not(:first-child) {				border-top: 1px solid #CCC; }
.Remains TD {										position: relative; padding: 10px 0; }
.Remains TD:last-child {							text-align: right; }
.Remains TD A {										display: block; margin: -10px 0; padding: 10px 0; text-decoration: none; color: #000 !important; }

/* Большой слайдер/применяемость */
.Overlay {											display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0.88); padding: 30px; }
.Overlay U {										display: block; position: absolute; width: 45px; height: 45px; top: 30px; right: 30px; background: url(/i/icons.svg#overlay-close); }
.Overlay H2 {										margin-bottom: 20px; padding-right: 90px; color: #FFF; font-size: 34px; }
.Overlay H2 A {										display: block; color: var(--color-key1); font-size: 48px; text-decoration: none; }
.Overlay FIGURE {									width: 100%; outline1: 1px solid rgba(255, 255, 255, 0.25); }
.Overlay FIGURE .flex-viewport {					width: 100%; height: 100%; }
.Overlay FIGURE .flex-control-nav {					position: absolute; width: 100%; bottom: 30px; left: 50%; transform: translateX(-50%); line-height: 18px; outline1: 1px solid red; }
.Overlay FIGURE .flex-control-nav A {				width: 50px; height: 7px; background: var(--color-key1) !important; border-radius: 0; transform: skewX(-11.6deg); box-shadow: none; }
.Overlay FIGURE A.flex-active {						background: #FFF !important; }
.Overlay FIGURE .flex-direction-nav {				display: none; }
.Overlay FIGURE UL.slides LI {						flex-direction: column; }
.Overlay FIGURE UL.slides LI H3 {					display: flex; flex-direction: column; margin-top: 15px; font-size: 30px; font-weight: 500; }
.Overlay FIGURE UL.slides LI H3 SPAN {				order: 2; color: #FFF; }
.Overlay FIGURE UL.slides LI H3 A {					order: 1; color: var(--color-key1); text-decoration: none; margin-bottom: 5px; }
.Overlay FIGURE UL.slides LI H3 A:after {			display: inline-block; width: 22px; height: 22px; margin-left: 10px; background: url(/i/icons.svg#newwin) no-repeat center; content: ""; }
.Overlay FIGURE UL.slides LI H4 {					font-weight: 400; font-size: 20px; color: #999; }
.Overlay FIGURE SVG {								border-radius: 5px; background-color: #FFF; }

}