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

.KNOP-1 {
	border: 0px solid #8367F4;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	border-radius: 7px;
	padding: .6em 1.1em;
	transition: 0.2s;
	white-space: nowrap;
	background-color: #8367F4;
	line-height: 2.8em;
	box-shadow: 0 10px 28px rgba(131,103,244,.32);
}
.KNOP-1:hover {
	background-color: #B75DF3;
	text-decoration: none;
	color: #FFFFFF;
}
.KNOP-2{
	border: 0px solid #8367F4;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	background-color: #8367F4;
	border-radius: 7px;
	padding: 0.95em 1.6em 0.95em 1.6em;
	line-height: 3.8em;
	transition: 0.2s;
	white-space: nowrap;
	box-shadow: 0 14px 34px rgba(131,103,244,.35);
}
.KNOP-2:hover {
	background-color: #B75DF3;
	text-decoration: none;
	color: #FFFFFF;
}


.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 #423A5F;
				text-decoration: none;
				text-align: center;
				color: #D8D1F6;
				border-radius: 55px;
				padding: .6em 1.5em .6em 1.0em;
				transition: 0.3s;
				white-space: nowrap;
}
				
.KNOP-6:hover {
				background-color: #2E2942;
				text-decoration: none;
				color: #FFFFFF;
}



/* ИКОНКИ */


.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 #8367F4;
				text-decoration: none;
				text-align: center;
				color: #FFFFFF;
				background-color: #8367F4;
				border-radius: 37px;
				padding: 0.6em 1.3em ;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-KORZ:hover {
				background-color: #B75DF3;
				text-decoration: none;
				color: #FFFFFF;
				}



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


.TABY > tbody > tr > td li.TABY-AKTIV {
	background-color: #211D2F;
	color: #B5A3F5;
}
.ZAKL > tbody > tr > td li.TABY-AKTIV {
	color: #B5A3F5;
	background-color: #2E2942;
}



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

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

.MENU-SSILKA-B a {
				color: #D8D1F6;
				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: #8367F4;
}

.case-brand {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 0;
	color: #D8D1F6;
	text-decoration: none;
	line-height: 1;
	text-shadow: 0 0 18px rgba(131,103,244,.72);
}
.case-hero {
	background: radial-gradient(circle at 75% 35%, #423A5F 0, #211D2F 42%, #1A1724 76%);
}
.case-dark {
	background-color: #1A1724;
}
.case-kicker {
	color: #B5A3F5;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}
.case-visual {
	min-height: 320px;
}
.case-hero-img {
	display: block;
	width: 100%;
	min-height: 320px;
	max-height: 520px;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 0 1px rgba(181,163,245,.24);
}
.case-box-art {
	position: relative;
	min-height: 320px;
	border-radius: 8px;
	overflow: hidden;
	background: linear-gradient(145deg, #2E2942, #423A5F 52%, #211D2F);
	box-shadow: inset 0 0 0 1px rgba(181,163,245,.26), 0 24px 70px rgba(0,0,0,.42);
}
.case-box-art__lid {
	position: absolute;
	top: 42px;
	left: 34px;
	right: 34px;
	padding: 18px;
	border: 2px solid #8367F4;
	color: #D8D1F6;
	font-size: 34px;
	font-weight: 800;
	text-align: center;
	background: rgba(26,23,36,.72);
}
.case-box-art__case {
	position: absolute;
	left: 34px;
	right: 34px;
	bottom: 48px;
	padding: 18px;
	color: #D8D1F6;
	font-size: 20px;
	text-align: center;
	background: rgba(181,163,245,.11);
	border-radius: 6px;
}
.case-box-art__glow {
	position: absolute;
	width: 190px;
	height: 190px;
	right: -45px;
	bottom: -35px;
	background: radial-gradient(circle, rgba(131,103,244,.58), rgba(131,103,244,0) 66%);
}
.case-card {
	min-height: 185px;
	margin: 10px;
	padding: 24px;
	border-radius: 8px;
	background: #211D2F;
	border: 1px solid rgba(181,163,245,.22);
	color: #9487C5;
}
.case-card h3 {
	color: #D8D1F6;
	margin-top: 0;
}
.case-faq {
	color: #9487C5;
}
.case-faq p {
	margin: 0;
}
.case-faq-question {
	display: block;
	width: 100%;
	margin: 12px 0 0;
	padding: 20px 56px 20px 22px;
	border: 1px solid rgba(181,163,245,.22);
	border-radius: 8px;
	background: #211D2F;
	color: #D8D1F6;
	font: inherit;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
	position: relative;
}
.case-faq-question::after {
	content: "+";
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	color: #B5A3F5;
	font-size: 28px;
	line-height: 1;
}
.case-faq-question.active {
	border-color: #8367F4;
	background: #2E2942;
}
.case-faq-question.active::after {
	content: "-";
}
.case-faq-answer {
	padding: 18px 22px 24px;
	border: 1px solid rgba(181,163,245,.16);
	border-top: 0;
	border-radius: 0 0 8px 8px;
	background: rgba(33,29,47,.72);
	color: #9487C5;
	line-height: 1.65;
}
.why-emoji {
	display: inline-grid;
	place-items: center;
	width: 74px;
	height: 74px;
	border-radius: 18px;
	background: radial-gradient(circle at 35% 25%, rgba(181,163,245,.38), rgba(131,103,244,.22) 45%, rgba(33,29,47,.92) 100%);
	box-shadow: inset 0 0 0 1px rgba(181,163,245,.24), 0 18px 34px rgba(0,0,0,.22);
	font-size: 36px;
	line-height: 1;
}
.case-section {
	position: relative;
}
.case-lead {
	color: #9487C5;
	font-size: 18px;
	line-height: 1.65;
}
.case-showcase > tbody > tr > td,
.article-grid > tbody > tr,
.reviews-grid > tbody > tr,
.drop-feed > tbody > tr,
.case-steps > tbody > tr {
	display: grid;
	gap: 18px;
}
.case-showcase > tbody > tr > td {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.case-steps > tbody > tr {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.drop-feed > tbody > tr,
.article-grid > tbody > tr {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.reviews-grid > tbody > tr {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.case-product,
.article-card {
	display: flex;
	flex-direction: column;
	min-height: 210px;
	padding: 22px;
	border-radius: 8px;
	background: linear-gradient(145deg, #211D2F, #2E2942);
	border: 1px solid rgba(181,163,245,.22);
	color: #D8D1F6;
	text-decoration: none;
	box-shadow: 0 18px 42px rgba(0,0,0,.2);
}
.case-product:hover,
.article-card:hover {
	border-color: #8367F4;
	transform: translateY(-2px);
}
.case-product strong,
.article-card strong {
	font-size: 22px;
	line-height: 1.25;
}
.case-product small,
.article-card span {
	color: #9487C5;
	line-height: 1.5;
	margin: 14px 0 18px;
}
.case-product b {
	margin-top: auto;
	color: #FFFFFF;
	font-size: 22px;
}
.case-product > span:last-child {
	display: inline-block;
	align-self: flex-start;
	margin-top: 16px;
	padding: 10px 18px;
	border-radius: 7px;
	background: #8367F4;
	color: #FFFFFF;
}
.case-product__tag {
	align-self: flex-start;
	margin-bottom: 18px;
	padding: 6px 10px;
	border-radius: 6px;
	background: rgba(131,103,244,.18);
	color: #B5A3F5;
	font-size: 13px;
	font-weight: 700;
}
.case-step,
.drop-item,
.review-card,
.fair-box {
	min-height: 190px;
	padding: 24px;
	border-radius: 8px;
	background: #211D2F;
	border: 1px solid rgba(181,163,245,.2);
	color: #9487C5;
}
.case-step span {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #8367F4;
	color: #FFFFFF;
	font-weight: 800;
}
.case-step h3,
.drop-item h3,
.review-card h3 {
	color: #D8D1F6;
}
.fair-section {
	background: radial-gradient(circle at 80% 30%, #423A5F 0, #211D2F 42%, #1A1724 78%);
}
.fair-box code {
	display: block;
	margin: 8px 0 18px;
	padding: 12px;
	border-radius: 6px;
	background: rgba(0,0,0,.24);
	color: #D8D1F6;
}
.fair-box strong,
.drop-item b,
.review-card span {
	color: #B5A3F5;
}
.drop-item span {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 6px;
	background: rgba(131,103,244,.18);
	color: #B5A3F5;
	font-weight: 700;
}
.article-card {
	min-height: 175px;
}

@media (max-width: 720px) {
	.case-brand {
		font-size: 24px;
	}
	.case-box-art {
		min-height: 240px;
	}
	.case-hero-img {
		min-height: 240px;
		max-height: 360px;
	}
	.case-box-art__lid {
		font-size: 25px;
		left: 20px;
		right: 20px;
	}
	.case-box-art__case {
		left: 20px;
		right: 20px;
		font-size: 16px;
	}
	.case-card {
		min-height: auto;
		margin: 8px 0;
	}
	.case-showcase > tbody > tr > td,
	.article-grid > tbody > tr,
	.reviews-grid > tbody > tr,
	.drop-feed > tbody > tr,
	.case-steps > tbody > tr {
		grid-template-columns: 1fr;
	}
	.case-product,
	.article-card,
	.case-step,
	.drop-item,
	.review-card,
	.fair-box {
		min-height: auto;
	}
}

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


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

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



.LISTING-SSILKA a  {
				color: #D8D1F6;
				text-decoration: none;
}
.LISTING-SSILKA a:hover {
				color: #FFFFFF;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #8367F4;
}

.SSIL-1 {
				color: #B5A3F5;
				text-decoration: none;
}
.SSIL-1:hover {
				color: #D8D1F6;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #8367F4;
}

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

}

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

.SSIL-3 {
				color: #9487C5;
				text-decoration: none;
				line-height: 1;
}
.SSIL-3:hover {
				color: #D8D1F6;
				text-decoration: none;
				}


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



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


.F-6 {
				background: #423A5F}

.F-7 {
	background: #211D2F
}


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

.CT-1{
				color: #B75DF3
}

.CT-2{
				color: #8367F4
}

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

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

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




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

.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
}}