#container{background-color:transparent;box-shadow:none;}
#content{max-width:100%;padding:0px 0px 5px;}
h1{display:table;}
.blogline{border-radius:0 0 5px 5px;background-color:#F4f4f4;padding:10px 10px 10px 8px;clear:both;overflow:hidden;margin:0;border:1px solid #bbbbbb;border-top:0;max-height:357px;}
.blogline .blogitem_wrapper{padding:10px 10px;width:25%;margin:0;float:left;}
.mainproduct{box-shadow:none;}
.mainproduct.hide {border-radius:5px 5px 0 0;margin:0;}
.widebanner{margin:0;z-index:1;}
.margin_top, .block-header, .full_width, .marketing-boxes, .page_body, .widebanner, .footerbody{margin-top:20px;}
.slidertop{background-color:#ffffff;}
.slidertop.tinyslider{background-color:transparent;}
.slidertop{position:relative;font-size:0;--carousel-button-svg-width:15px; --carousel-button-svg-height:15px; --carousel-button-width:30px; --carousel-button-height:30px; --carousel-button-svg-stroke-width:2.3;}
.slidertop:hover{--carousel-button-color: #170724; --carousel-button-bg: #fff; --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
    0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);}
.slidertop .carousel__slide{width:100%;padding:0;}
.slidertop .carousel__slide img{width:100%;}
.slidertop .has-dots{margin-bottom:0;}
.slidertop .carousel__dots{top: calc(100% - 30px);}
.slidertop .slider_caption{position:absolute;left:0px;bottom:40px;background: rgba(30, 30, 30, 0.7);color:#dadada;width:100%;padding:5px 20px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px;}
.slidertop .slider_caption p{margin: 5px 0 5px 0;}
.tinyslider.slidermenu {border-radius: 0 0 5px 5px;}
.tinyslider.slidermenu li:first-child {border-radius: 0 0 0 5px;}
.tinyslider.slidermenu li:last-child {border-radius: 0 0 5px 0;}
.slidertop.sidebanners {box-shadow:none;display:table;margin:20px auto 0px auto;font-size:0;overflow:visible;}
.sidebanners .slider-wrapper {position:relative;display:inline-block;font-size:0;width:70%;overflow:hidden;}
.sidebanners ul.leftbanners {display:inline-block;width:30%;padding-left:20px;text-align:right;list-style-type:none;vertical-align:top;font-size:0;}
.sidebanners ul.leftbanners li {margin-bottom:20px;font-size:0;overflow:hidden;margin-left:auto;border-radius:6px;}
.sidebanners ul.leftbanners li:last-child {margin-bottom:0px;}
.sidebanners ul.leftbanners img {max-width:100%;transition:0.6s;-webkit-transition:0.6s;}
.sidebanners ul.leftbanners img:hover {transform: scale(1.08, 1.08);-webkit-transform: scale(1.05, 1.05);}
.sidebanners .carousel__slide img, .sidebanners .slider-wrapper{border-radius:6px;}
.footerbody{display:inline-block;}
.main_categories{width:100%;margin-left:2px;display:-webkit-box; display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:700;}

/* Улучшенные стили для каталога товаров */

/* Заголовок каталога и навигация */
.catalog-header {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 30px 0;
	border-radius: 10px;
	margin-bottom: 30px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.catalog-header h1 {
	font-size: 32px;
	font-weight: 700;
	color: #2c3e50;
	margin: 0 0 15px 0;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.breadcrumbs {
	text-align: center;
	font-size: 16px;
	color: #6c757d;
	margin: 0;
}

.breadcrumbs a {
	color: #007bff;
	text-decoration: none;
	transition: color 0.3s ease;
}

.breadcrumbs a:hover {
	color: #0056b3;
	text-decoration: underline;
}

.breadcrumbs .separator {
	margin: 0 10px;
	color: #adb5bd;
}

.breadcrumbs .current {
	color: #495057;
	font-weight: 500;
}

/* Поиск по категориям */
.category-search {
	background: #ffffff;
	padding: 25px;
	border-radius: 10px;
	margin-bottom: 30px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.08);
	border: 1px solid #e9ecef;
}

.search-wrapper {
	display: flex;
	max-width: 500px;
	margin: 0 auto 20px auto;
	position: relative;
}

.search-input {
	flex: 1;
	padding: 15px 50px 15px 20px;
	border: 2px solid #ddd;
	border-radius: 50px;
	font-size: 16px;
	outline: none;
	transition: all 0.3s ease;
	background: #f8f9fa;
}

.search-input:focus {
	border-color: #007bff;
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(0,123,255,0.25);
}

.search-button {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: #007bff;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.search-button:hover {
	background: #0056b3;
}

.search-icon {
	width: 20px;
	height: 20px;
	fill: #ffffff;
}

.search-filters {
	text-align: center;
}

.filter-checkbox {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	color: #495057;
}

.filter-checkbox input[type="checkbox"] {
	margin-right: 8px;
	position: relative;
	width: 18px;
	height: 18px;
	appearance: none;
	background: #f8f9fa;
	border: 2px solid #dee2e6;
	border-radius: 3px;
	cursor: pointer;
}

.filter-checkbox input[type="checkbox"]:checked {
	background: #007bff;
	border-color: #007bff;
}

.filter-checkbox input[type="checkbox"]:checked::after {
	content: '✓';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.checkmark {
	margin-right: 8px;
}

/* Контейнер категорий */
.categories-container {
	margin-bottom: 40px;
}

.categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 25px;
	padding: 0;
	list-style: none;
}

.enhanced-categories {
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 30px;
}

/* Карточки категорий */
.category-card {
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	border: 1px solid #e9ecef;
}

.category-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 40px rgba(0,0,0,0.15);
	border-color: #007bff;
}

.category-card-inner {
	padding: 25px;
	cursor: pointer;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 280px;
}

.category-image {
	position: relative;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 160px;
}

.category-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.category-card:hover .category-image img {
	transform: scale(1.05);
}

.no-photo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.no-photo svg {
	width: 64px;
	height: 64px;
	fill: #adb5bd;
}

.products-count {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,123,255,0.9);
	color: white;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	backdrop-filter: blur(10px);
}

.category-info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.category-title {
	font-size: 18px;
	font-weight: 600;
	color: #2c3e50;
	margin: 0 0 15px 0;
	line-height: 1.3;
	transition: color 0.3s ease;
}

.category-card:hover .category-title {
	color: #007bff;
}

.category-description {
	color: #6c757d;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 15px;
	flex: 1;
}

.category-level {
	margin-top: auto;
}

.level-indicator {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 500;
}

.level-indicator.main-category {
	background: linear-gradient(135deg, #28a745, #20c997);
	color: white;
}

.level-indicator:not(.main-category) {
	background: linear-gradient(135deg, #6c757d, #adb5bd);
	color: white;
}

.category-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.3s ease;
}

.category-card:hover .category-arrow {
	opacity: 1;
	right: 25px;
}

.arrow-icon {
	width: 24px;
	height: 24px;
	fill: #007bff;
}

/* Hover-эффект с дополнительной информацией */
.category-hover-info {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #ffffff;
	border-top: 1px solid #e9ecef;
	padding: 20px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.1);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 10;
	border-radius: 0 0 15px 15px;
}

.category-card:hover .category-hover-info {
	opacity: 1;
	visibility: visible;
	top: calc(100% - 1px);
}

.subcategories-preview {
	max-height: 120px;
	overflow-y: auto;
}

.subcategories-preview strong {
	display: block;
	margin-bottom: 10px;
	color: #2c3e50;
	font-size: 14px;
}

.subcategory-link {
	display: inline-block;
	margin: 2px 6px 2px 0;
	padding: 4px 8px;
	background: #f8f9fa;
	color: #495057;
	text-decoration: none;
	border-radius: 12px;
	font-size: 12px;
	transition: all 0.2s ease;
}

.subcategory-link:hover {
	background: #007bff;
	color: white;
}

/* Сообщение об отсутствии категорий */
.no-categories {
	text-align: center;
	padding: 60px 20px;
	color: #6c757d;
	font-size: 18px;
}

.no-categories p {
	margin: 0;
}

/* Адаптивность для больших экранов */
@media only screen and (min-width: 1630px) {
	.categories-grid {
		grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
		gap: 35px;
	}
}

@media only screen and (max-width: 1589px) {
	.categories-grid {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		gap: 25px;
	}
}

@media only screen and (max-width: 1330px) {
	.categories-grid {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 20px;
	}
}

@media only screen and (max-width: 1225px) {
	.categories-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 20px;
	}

	.category-card-inner {
		padding: 20px;
		min-height: 250px;
	}
}

/* Скрытые элементы для мобильных устройств */
@media only screen and (max-width: 768px) {
	.category-search,
	.breadcrumbs {
		display: none;
	}

	.catalog-header {
		padding: 20px 0;
		margin-bottom: 20px;
	}

	.catalog-header h1 {
		font-size: 24px;
	}
}

/* Старые стили категорий (для обратной совместимости) */
.category_item{display:block;float:left;text-align:center;text-transform:uppercase;padding:25px 10px 20px 10px;margin:0 0 -1px -1px;background-color:#ffffff;border: 1px solid #bbbbbb;height:254px;}
.columns .category_item, .columns5 .category_item{width:20%;}
.columns4 .category_item{width:25%;}
.columns3 .category_item{width:33.333%;}
.category_item .image{height:168px;line-height:168px;overflow:hidden;margin-bottom:10px;}
.category_item svg, .category_item img{display:inline-block;vertical-align:middle;max-width:90%;max-height:160px;fill:#dadada;}
.owl-carousel{display:block;position:relative;z-index:1;overflow:hidden;}
.owl-carousel .carousel__slide, .owl-carousel .carousel__viewport{overflow:visible;}
.tiny_products .product_wrap{padding: 0 8px;}
.tiny_products.owl-carousel{padding-bottom:77px;margin-bottom:-70px;}
.tiny_products.owl-carousel .product_wrap{margin-bottom:0;}
.tiny_products.owl-carousel .product:hover{-webkit-box-shadow: 0 15px 10px -14px #9d9cab; -moz-box-shadow: 0 15px 10px -14px #9d9cab;box-shadow: 0 15px 10px -14px #9d9cab;}
.owl-carousel .jq-selectbox__dropdown ul {max-height:78px;}
.main-text{border:1px solid #bbbbbb;display:table;background-color:#FFFFFF;border-radius:5px;padding:15px 15px 8px 15px;font-size:14px;}
.main_left{float:left;width:48%;}
.main_right{float:right;width:48%;}
@media only screen and (min-width:1630px){
.tinyslider {max-width:1480px;width:1480px;margin-left:auto;margin-right:auto;}
.blogline .postimage {max-height:184px;height:184px;}
.postimage.no_photo {line-height:184px;}
.blog_annotation{height:100px;max-height:100px;min-height:100px;}
.blog_annotation.has_category{height:73px;max-height:73px;min-height:73px;}
.owl-carousel .product_wrap {width:25%;--carousel-slide-width:25%;}
}
@media only screen and (max-width:1589px){
.tinyslider {max-width:1280px;width:1280px;margin-left:auto;margin-right:auto;}
.blogline {max-height:341px;}
.blogline .postimage {max-height:158px;height:158px;}
.postimage.no_photo {line-height:158px;}
.blog_annotation{height:110px;max-height:110px;min-height:110px;}
.blog_annotation.has_category{height:83px;max-height:83px;min-height:83px;}
.tiny_products .showselect{max-width:220px;}
.owl-carousel .product_wrap {width: 33.3%;--carousel-slide-width:33.3%;}
}
@media only screen and (max-width:1330px){
.tinyslider {max-width:1180px;width:1180px;}
.blogline {max-height:332px;}
.blogline .postimage {max-height:149px;height:149px;}
.postimage.no_photo {line-height:149px;}
.tiny_products .showselect{max-width:200px;}
}
@media only screen and (max-width:1225px){
.tinyslider {max-width:1030px;width:1030px;}
.blogline {max-height:310px;}
.blogline .postimage {max-height:127px;height:127px;}
.postimage.no_photo {line-height:127px;}
.tiny_products .showselect{max-width:223px;}
.owl-carousel .product_wrap {width:33.3%;--carousel-slide-width:33.3%;}
}
@media only screen and (max-width:1120px){
.tinyslider {max-width:980px;width:980px;}
.blogline {max-height:303px;}
.blogline .postimage {max-height: 120px;height: 120px;}
.postimage.no_photo {line-height:120px;}
}
/* Слайдер товаров */
#divCarousel, #divCarousel .carousel__image-container, #divCarousel .carousel__slide {height:330px;max-height:330px;overflow:hidden;}
#divCarousel{background-color:#ffffff;}
#divCarousel .carousel__image-container,#divCarousel .carousel__viewport{width:50%;}
#divCarousel .carousel__viewport {margin-left:auto;}
#divCarousel .carousel__slide {display:flex;flex-direction:column;justify-content:center;cursor:pointer;}
#divCarousel .carousel__slide.is-selected{animation: fadeIn ease 2s;}
#divCarousel .carousel__image-container {position:absolute;top:0;left:0;right:50%;bottom:0;}
#divCarousel .carousel__image-container .image_wrapper {position:absolute;width:100%;height:100%;opacity:0;transition:opacity 0.35s;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;}
#divCarousel .carousel__image-container .image_wrapper.is-active {opacity:1;z-index:2}
#divCarousel .image_wrapper img{border-radius:10px;/*width:100%;object-fit:cover;*/}
#divCarousel .slide_text{width:90%;}
#divCarousel .text-xl {color:#6971af;font-size:44px;margin-bottom:10px;font-weight:700;word-break:break-word;line-height:50px;}
#divCarousel .text-lg, #divCarousel .text-lg p {color:#6a6a6a;font-size:28px;line-height:30px;font-weight:400;word-break:break-word;}
#divCarousel .text-lg .price{color:#af4b4b;font-weight:700;font-size:32px;}
#divCarousel .text-lg .currency{font-size:24px;}
#divCarousel .labelsblock{position:relative;margin:0 0 7px 0;}
#divCarousel .labelsblock div{display:inline-block;font-size:15px;padding:5px 15px;margin-right:15px;}
#divCarousel .button{text-transform:uppercase;margin-top:20px;}
.slidermenu.tinyslider{border-radius:5px;border-top:0;height:auto;}
@keyframes fadeIn { 
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@media only screen and (max-width:1330px){
.text-xl{font-size:42px;line-height:44px;}
}
@media only screen and (max-width:1120px){
.text-xl{font-size:38px;line-height:40px;}
.text-lg,.text-lg p{font-size:24px;}
.text-lg .price{font-size:28px;}
.text-lg .currency{font-size:20px;}
#divCarousel .buttonred{font-size:16px;}
}
