/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.catalog_section_list .section_item,
.sections_wrapper .list.items .row div.item,
.mega-menu table .dropdown-menu li a,
.menu_top_block.catalog_block .dropdown > li.full > .dropdown > li {
	background:      url("../images/sections_bg.svg");
	background-size: cover;
}

.menu_top_block.catalog_block .dropdown > li.full > .dropdown > li {
	margin-bottom: 5px;
}

@media screen and (max-width: 767px), projection and (max-width: 767px), tv and (max-width: 767px), handheld and (max-width: 767px) {
	body .top_slider_wrapp .main-slider__item td.text * {
		font-size:   20px;
		line-height: 36px;
		font-weight: 500;
	}
}

.with_banners .banners-content h1 {
	display: none;
}

@media screen and (max-width: 1614px) {
	.wrapper1 .banners-content .maxwidth-banner {
		/*        background-size: contain;
				background-position-y: top;*/
	}

	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 400px;
	}
}

@media screen and (max-width: 1400px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 375px;
	}
}

@media screen and (max-width: 1200px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 350px;
	}
}

@media screen and (max-width: 1150px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 325px;
	}
}

@media screen and (max-width: 1100px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 310px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1000px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 300px;
	}
}

@media screen and (max-width: 768px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 300px;
	}
}


@media screen and (max-width: 430px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 155px;
	}
}


@media screen and (max-width: 400px) {
	.banners-content .maxwidth-banner .maxwidth-theme {
		min-height: 150px;
	}
}


#schedule-in-head {
	color:       #fff;
	line-height: 18px;
	position:    relative;
	padding:     0 0 0 25px;
	font-size:   0.8666em;
}

.theme-light #schedule-in-head {
	color: #777;
}

.long_banner_contents #schedule-in-head,
.long_banner #schedule-in-head {
	color: #fff;
}


.gallery__item--thumb.swiper-slide-thumb-active {
	border: none !important;
}

.detail-gallery-big--vertical .detail-gallery-big-slider-thumbs {
	flex-direction: column;
	margin-top:     40px;
}

.header__top-item a {
	color: #fff;
}

.logo_and_menu-row .header__top-item a {
	color: #777;
}

.logo_and_menu-row a:hover {
	color: var(--fill_dark_light_hover);
}

.long_banner .light-menu-color .logo_and_menu-row:not(.logo_top_white) .header__top-item a,
.long_banner_contents .light-menu-color .logo_and_menu-row .header__top-item a {
	color: #fff;
}

.long_banner .light-menu-color .logo_and_menu-row:not(.logo_top_white) .header__top-item a:hover,
.long_banner_contents .light-menu-color .logo_and_menu-row .header__top-item a:hover {
	opacity: 0.5;
}

.front_stories .item {
	/*    width: 300px;*/
}

.owl-carousel.owl-drag .owl-item {
	/*    padding-right: 20px;*/
}

.route-block {
	margin-top: -25px;
}

.route-block a {
	margin: 10px 10px 0 0;
}

.full-shorts {
	display:               grid;
	grid-template-columns: repeat(auto-fill, 165px);
	gap:                   32px;
}

.special-custom {
	position:        relative;
	--border-width:  1px;
	--footer-height: 1px;
}

.special-custom .inner_wrap::after {
	position:            absolute;
	content:             "";
	top:                 calc(-1 * var(--border-width) * 2);
	left:                calc(-1 * var(--border-width) * 2);
	z-index:             -1;
	width:               calc(100% + var(--border-width) * 4);
	height:              calc(100% + var(--footer-height) + var(--border-width) * 3);
	background-image:    linear-gradient(60deg, hsl(224, 85%, 66%), hsl(269, 85%, 66%), hsl(314, 85%, 66%), hsl(359, 85%, 66%), hsl(44, 85%, 66%), hsl(89, 85%, 66%), hsl(134, 85%, 66%), hsl(179, 85%, 66%));
	background-size:     300% 300%;
	background-position: 0 50%;
	border-radius:       2px;
	animation:           move-gradient 4s alternate infinite;
}

@keyframes move-gradient {
	50% {
		background-position: 100% 50%;
	}
}

.life-photo--overlay {
	position:      absolute;
	right:         15px;
	bottom:        15px;
	z-index:       10;
	background:    #fff;
	border-radius: 50%;
	padding:       6px;
	box-shadow:    0 2px 6px rgba(0, 0, 0, .25);
	cursor:        pointer;
}


.special-custom .sticker_rasprodazha {
	background:    linear-gradient(#fb4955, #ff3286, #fc39be, #d35bf8);
	color:         #fff;
	border-radius: 32px;
	padding:       6px;
}

.special-custom .sticker_novinka {
	background:    linear-gradient(#0acffe, #4563ff);
	color:         #fff;
	border-radius: 32px;
	padding:       6px;
}

.special-custom .sticker_khit {
	background:    linear-gradient(#ffc800, #d60303);
	color:         #fff;
	border-radius: 32px;
	padding:       6px;
}

.special-custom .sticker_aktsiya {
	background:    linear-gradient(#85f7b6, #2d94bb);
	color:         #fff;
	border-radius: 32px;
	padding:       6px;
}

.special-custom .sticker_skoro {
	background:    linear-gradient(#78ffb3, #006c05);
	color:         #fff;
	border-radius: 32px;
	padding:       6px;
}

.life-photo {
	border-radius: 50%;
	background:    #fff;
	padding:       8px;
	width:         max-content;
}

.life-photo svg {
	display: block;
}

.special-custom .stickers {
	position:      static;
	padding-right: 0;
}

.stickers-custom {
	left:        0;
	top:         0;
	position:    absolute;
	z-index:     3;
	line-height: 20px;
	text-align:  left;
	display:     flex;
	flex-wrap:   wrap;
	gap:         8px;
}

@media (max-width: 600px) {
	.compact-catalog .item .stickers {
		display: block !important;
	}
}

.flex-basis {
	flex-basis: 100%;
}

.special-wrapper .catalog_item_wrapp {
	transform: scaleX(0.975) scaleY(0.9825);
}

.toast-container {
	position:       fixed;
	right:          20px;
	bottom:         20px;
	display:        flex;
	flex-direction: column;
	gap:            8px;
	z-index:        9999;
	pointer-events: none;
}

@media (max-width: 767px) {
	.toast-container {
		left:  10px;
		right: 10px;
	}
}

.toast {
	min-width:        260px;
	max-width:        360px;
	padding:          12px 16px;
	border-radius:    6px;
	background-color: #fff;
	color:            #333;
	font-size:        13px;
	line-height:      1.45;
	box-shadow:       0 6px 18px rgba(0, 0, 0, 0.12);
	display:          flex;
	align-items:      flex-start;
	gap:              12px;
	pointer-events:   auto;
	opacity:          0;
	transform:        translateY(10px);
	transition:       opacity 0.25s ease, transform 0.25s ease;
	border-left:      3px solid var(--theme-base-color);
}

.toast--success {
	border-left-color: #4caf50;
}

.toast--error {
	border-left-color: #e53935;
}

.toast--info {
	border-left-color: var(--theme-base-color);
}

.toast__text {
	flex:       1 1 auto;
	word-break: break-word;
	color:      #444;
}

.toast__close {
	border:      none;
	background:  transparent;
	color:       #999;
	cursor:      pointer;
	font-size:   16px;
	line-height: 1;
	padding:     0;
	margin-left: 6px;
	transition:  color 0.15s ease;
}

.toast__close:hover {
	color: #666;
}