﻿/* СВОЙ СТИЛЬ КНОПКИ */

.KNOP-1 {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 7px;
				padding: .6em 1.1em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #D72B00;
				line-height: 2.8em;
}
.KNOP-1:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-2{
				border: 0px solid #CCCCCC;
				text-decoration: none;
				text-align: center;
				color: #FFFFFF;
				background-color: #D72B00;
				border-radius: 7px;
				padding: 0.95em 1.6em 0.95em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-2:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}

/* Синяя кнопка проката (как Knopka-3 на страницах проката) */
.KNOP-PROKAT {
				border: 0;
				text-decoration: none;
				text-align: center;
				color: #FFFFFF;
				background-color: #0098EA;
				border-radius: 7px;
				padding: 0.95em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-PROKAT:hover {
				background-color: #008BD7;
				text-decoration: none;
				color: #FFFFFF;
}

.CT-PROKAT {
				color: #0098EA;
}

.CT-MAG {
				color: #D72B00;
}

.hero-knopki .KNOP-PROKAT {
				margin-left: 0.55em;
}

@media screen and (max-width: 790px) {
				p.hero-knopki {
								display: flex;
								flex-wrap: nowrap;
								align-items: stretch;
								gap: 0.4em;
								padding-left: 0.55em;
								padding-right: 0.55em;
								max-width: 100%;
								box-sizing: border-box;
				}

				.hero-knopki .KNOP-2,
				.hero-knopki .KNOP-PROKAT {
								flex: 1 1 0;
								min-width: 0;
								margin-left: 0 !important;
								padding: 0.82em 0.65em;
								line-height: 1.45;
								font-size: 0.9em;
								text-align: center;
								box-sizing: border-box;
				}
}


.KNOP-3 {
				border: 2px solid #D72B00;
				text-decoration: none;
				text-align: center;
				color: #D72B00;
				border-radius: 7px;
				padding: 0.83em 1.6em 0.83em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-3:hover {
				border: 2px solid #BD2600;
				text-decoration: none;
				color: #BD2600;
}

.KNOP-4 {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #D72B00;
				line-height: 2.8em;
}
.KNOP-4:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-5 {
				border: 2px solid #D72B00;
				text-decoration: none;
				text-align: center;
				color: #D72B00;
				border-radius: 3px;
				padding: .6em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				line-height: 2.8em;
}
.KNOP-5:hover {
				background-color: #F6F6F6;
				text-decoration: none;
				color: #D72B00;
}

.KNOP-6 {
				border: 1px solid #808080;
				text-decoration: none;
				text-align: center;
				color: #000000;
				border-radius: 55px;
				padding: .6em 1.5em .6em 1.0em;
				transition: 0.3s;
				white-space: nowrap;
}
				
.KNOP-6:hover {
				background-color: #F1F1F1;
				text-decoration: none;
				color: #000000;
}



/* ИКОНКИ */


.ICON-TIME::before {
				content: "";
				display: inline-block;
				width: 16px;
				height: 16px;
				background-image: url('../img/icon-time.png');
				background-size: cover;
				margin-right: 10px;
				vertical-align: -3px}


.ICON-DOST::before {
				content: "";
				display: inline-block;
				width: 16px;
				height: 16px;
				background-image: url('../img/icon-dost.png');
				background-size: cover;
				margin-right: 10px;
				vertical-align: -3px;
}

.ICON-KORZ::before {
				content: "";
				display: inline-block;
				width: 20px;
				height: 20px;
				background-image: url('../img/korzina.png');
				background-size: cover;
				margin-right: 5px;
				vertical-align: -5px;
}

.ICON-OPLATA::before {
				content: "";
				display: inline-block;
				width: 16px;
				height: 16px;
				background-image: url('../img/icon-oplata.png');
				background-size: cover;
				margin-right: 10px;
				vertical-align: -3px;
}


.KNOP-KORZ{
				border: 0px solid #CCCCCC;
				text-decoration: none;
				text-align: center;
				color: #000000;
				background-color: #FFCF61;
				border-radius: 37px;
				padding: 0.6em 1.3em ;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-KORZ:hover {
				background-color: #FFC744;
				text-decoration: none;
				color: #000000;
				}



/* СВОЙ ЦВЕТ ЗАКЛАДКИ */


.TABY > tbody > tr > td li.TABY-AKTIV {
				background-color: #CC3300;
				color: #FFFFFF;
}


.ZAKL > tbody > tr > td li.TABY-AKTIV {
				color: #000000;
				background-color: #9BE7FF;

}



/* СВОЙ СТИЛЬ ССЫЛКИ В ВЕРХНЕМ МЕНЮ */

.MENU-SSILKA-CH a {
				color: #000000;
				text-decoration: none;
				margin-right: 10px;
}
.MENU-SSILKA-CH a:hover {
				color: #000000;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #000000;
}

.MENU-SSILKA-B a {
				color: #FFFFFF;
				text-decoration: none;
				margin-right: 10px;
}
.MENU-SSILKA-B a:hover {
				color: #FFFFFF;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #FFFFFF;
}

/* Подвал: заголовки столбцов в одну строку */
.MOBMENU-MAGAZIN .Zabor.VSTALm > tbody > tr > td > table.Text.S-70 {
				width: 100% !important;
}

.MOBMENU-MAGAZIN .Zabor.VSTALm > tbody > tr > td h3 {
				white-space: nowrap;
				margin-top: 0;
				margin-bottom: 0.45em;
				font-size: 1.05em;
				line-height: 1.15;
}

/* Подвал / бургер-меню: блочное разделение колонок на мобильных */
@media screen and (max-width: 790px) {
	.MOBMENU-MAGAZIN .Zabor.VSTALm > tbody > tr > td.S-25.MESTOm-1 {
				display: block;
				width: 100%;
				box-sizing: border-box;
				margin-top: 0.5em;
				padding: 0.75em 0 1em;
				border-bottom: 1px solid #e5e5e5;
	}

	.MOBMENU-MAGAZIN .Zabor.VSTALm > tbody > tr > td.S-25.MESTOm-1:first-of-type {
				margin-top: 0;
				padding-top: 0;
	}

	.MOBMENU-MAGAZIN .Zabor.VSTALm > tbody > tr > td.S-25.MESTOm-2 {
				display: block;
				width: 100%;
				box-sizing: border-box;
				margin-top: 0.75em;
				padding-top: 1em;
				border-top: 1px solid #e5e5e5;
	}

	.MOBMENU-MAGAZIN .Zabor.VSTALm > tbody > tr > td h3 {
				white-space: normal;
				margin-bottom: 0.55em;
				padding-bottom: 0.35em;
				border-bottom: 1px solid #ececec;
	}

	.MOBMENU-MAGAZIN .MENU-SSILKA-CH p.N-10 {
				margin-top: 0.2em;
				margin-bottom: 0.45em;
				line-height: 1.5;
	}

	.MOBMENU-MAGAZIN .MENU-SSILKA-CH p.N-10:last-child {
				margin-bottom: 0;
	}
}

/* ССЫЛКИ В ЛИСТИНГАХ */


.STATI-SSILKA a {
				color: #000000;
				
}
.STATI-SSILKA a:hover {
				color: #000000;
				
}

.STATI-SSILKA a:hover H2{
				color: #008FD5;
	
}



.LISTING-SSILKA a  {
				color: #000000;
				text-decoration: none;
}
.LISTING-SSILKA a:hover {
				color: #000000;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #CCCCCC;
}

.SSIL-1 {
				color: #333333;
				text-decoration: none;
}
.SSIL-1:hover {
				color: #000000;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #A6A6A6;
}

.SSIL-2 {
				color: #FFFFFF;
				text-decoration: none;
				margin-right: 20px;

}

.SSIL-2:hover {
				color: #FFFFFF;
				text-decoration: none;
				border-bottom-color: #FFFFFF;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				
}

.SSIL-3 {
				color: #333333;
				text-decoration: none;
				line-height: 1;
}
.SSIL-3:hover {
				color: #000000;
				text-decoration: none;
				}


.MOBMENU a.active{
				color: #FF0000;
}



/* СВОЙ ЦВЕТ ФОНА */


.F-6 {
				background: #9BE7FF}



/* СВОЙ ЦВЕТ ТЕКСТА */

.CT-1{
				color: #CC3300
}

.CT-2{
				color: #EC5F00
}

/* СВОЙ СТИЛЬ КНОПКИ ОТПРАВИТЬ*/

.FORMA table td .Otpravka {
background-color: #CC3300;
color: #FFF;
}

.FORMA table td .Otpravka:hover {
background-color: #B72E00;
cursor:pointer
}




/* Шапка: телефон выровнен под корзину, отступ между кнопками */
.Menu > tbody > tr > td.NETm.S-12,
.Menu > tbody > tr > td.S-10.Sm-15,
.Menu > tbody > tr > td.NET.Sm-35 {
				vertical-align: middle;
}

.Menu > tbody > tr > td.NETm.S-12 {
				padding-right: 0.5em;
}

.KNOP-TEL {
				border: 1px solid #808080;
				text-decoration: none;
				text-align: center;
				color: #FFF !important;
				background-color: #CC3300;
				border-radius: 55px;
				font-weight: 300;
				padding: .6em 1.5em .6em 1.0em;
				line-height: 1;
				white-space: nowrap;
				display: inline-flex;
				align-items: center;
				box-sizing: border-box;
				vertical-align: middle;
				transition: 0.2s;
}
.KNOP-TEL:hover {
				background-color: #B02D00;
				color: #FFF !important;
				text-decoration: none;
}

/* Десктоп: меню в одну строку, телефон по высоте корзины (корзину не трогаем) */
@media screen and (min-width:791px) {

.Menu > tbody > tr > td.NETm:not(.S-12) .MENU-SSILKA-CH td {
				white-space: nowrap;
}

.Menu > tbody > tr > td.NETm:not(.S-12) .MENU-SSILKA-CH a {
				margin-right: 6px;
}

.Menu a.KNOP-TEL {
				font-size: 0.9em;
				line-height: 20px;
				padding: .6em 0.85em .6em 0.75em;
				min-height: calc(20px + 1.2em + 2px);
}
}

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

.Menu > tbody > tr > td.NET.Sm-35,
.Menu > tbody > tr > td.S-10.Sm-15,
.Menu > tbody > tr > td.S-20.Sm-55,
.Menu > tbody > tr > td.S-5.Sm-10 {
				vertical-align: middle !important;
}

td.NET.Sm-35 {
				padding-right: 0.45em;
}

.Menu > tbody > tr > td.S-10.Sm-15 {
				padding-right: 0.45em;
}

.KORZ-HEADER {
				padding: .45em .75em .45em .6em !important;
				width: auto;
				height: auto;
				min-width: 0;
				min-height: 2.6em;
				border-radius: 55px;
				display: inline-flex !important;
				align-items: center;
				justify-content: center;
				box-sizing: border-box;
				position: relative;
				line-height: 1;
				vertical-align: middle;
}

.KORZ-HEADER .KORZ-LABEL {
				display: none;
}

.KORZ-HEADER.ICON-KORZ::before {
				margin-right: 0;
				vertical-align: 0;
				width: 20px;
				height: 20px;
				flex-shrink: 0;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
}

.KORZ-HEADER #easynetshop-cart-count,
.KORZ-HEADER #medateka-cart-count {
				right: -6px;
				top: -4px;
				min-width: 18px;
				height: 18px;
				line-height: 18px;
				font-size: 10px;
				padding: 0;
}

#medateka-cart,
#easynetshop-cart {
				position: relative;
				color: #000000 !important;
				text-decoration: none !important;
}

/* Высота рамки номера = высоте корзины (2.6em контекста ячейки) */
.KNOP-TEL.KNOP-TELm {
				border: 1px solid #CC3300;
				background-color: transparent;
				color: #000 !important;
				border-radius: 55px;
				font-size: 0.85em;
				font-weight: 400;
				padding: 0 0.5em;
				height: calc(2.6em / 0.85);
				min-height: calc(2.6em / 0.85);
				line-height: 1;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				box-sizing: border-box;
				white-space: nowrap;
				vertical-align: middle;
				margin: 0;
}
.KNOP-TEL.KNOP-TELm .KNOP-TELm-n {
				font-weight: 700;
}

.KNOP-TEL.KNOP-TELm:hover {
				background-color: rgba(204, 51, 0, 0.08);
				color: #000 !important;
				text-decoration: none;
}

.KNOP-6 {
				
				padding: .8em 1.4em;
				
}


.BLOK-KORZ{
				margin: 0px;
				position: fixed;
				bottom: 0px;
				left: 0px;
				display: block;
				z-index: 10000;
				width: 100%;
}




.KNOP-KORZ{
				border: 0px solid #CCCCCC;
				border-radius: 0px;
				padding: 0.45em 0em ;
				line-height: 1.9em;				
				display: block;
				z-index: 10000;
				width: 100%;
}




/* СВОЙ ЦВЕТ ФОНА НА МОБИЛЬНЫХ */

.Fm-6 {
				background-color: #FF9900
}



/* СВОЙ ЦВЕТ ТЕКСТА НА МОБИЛЬНЫХ */


.CTm-1 {
				color: #3399FF;
}

