.thumbnails
	body {
            font-family: 'Geologica', sans-serif;
            font-weight: 300; /* Тонкое начертание */
			letter-spacing: -0.5px; /* Уменьшаем расстояние между символами */
        }
		
		 a {
            text-decoration: none; /* Убираем подчеркивание */
        }
	
	.mtop {
	margin-top:120px;
	}
	
	.mleft {
	margin-left:-10px;
	}
	
	/* Контейнер прогресс-бара */
#progress-bar-container {
  background-color: rgba(0, 0, 0, 0.1); /* Лёгкий фон */
}

/* Прогресс-бар */
#progress-bar {
  width: 0;
  height: 100%;
  background-color: #007bff; /* Синий цвет */
  transition: width 0.2s ease-in-out;
}

 .mb-1{
 width: 100%;
 } 	
	.container {
  max-width: 1460px; /* Укажите желаемую максимальную ширину */
     }
	
        .custom-search {
            height: 45px;
            background-color: #f1f1f1;
            font-size: 18px;
            border: none;
            padding-right: 50px;
        }
        .custom-search-btn {
            height: 45px;
            width: 65px;
            background-color: transparent;
            border: none;
            position: absolute;
            right: 0;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
			 background: #002E5D;
          border-radius: 50px;
        }
        .custom-search-container {
            position: relative;
            max-width: 800px;
            width: 100%;
			margin-right: 30px;
        }
		
		
        .custom-search-btn svg {
            width: 20px;
            height: 20px;
        }
        .icon-buttons svg {
            width: 32px;
            height: 32px;
            margin-right: 15px;
        }
        .menu-button {
            background-color: #f1f1f1;
            padding: 10px 20px;
            margin-right: 20px;
			margin-left: 5px;
            border: none;
            display: inline-block;
            text-align: center;
            font-size: 16px;
            color: #003366;
			font-weight: 500;
            text-decoration: none;
            border-radius: 4px;
    border-radius: 20px;
    background-color: #f7f9fc;
    text-decoration: none;
    text-align: center;
	width: 160px;
    height: 70px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .menu-button:hover {
            background-color: #002E5D; /* Цвет фона при наведении */
            color: #fff; /* Цвет текста при наведении */
        }
		
		
        .bg-light {
            --bs-bg-opacity: 1;
            background-color: #ffffff !important;
        }
		/* Footer Styles */

footer {
    background-color: #F7F8FB; /* Светлый серый фон */
    color: #343a40; /* Тёмно-серый текст */
    padding: 40px 0;
    margin-top: 50px;
}

footer h5 {
    
    margin-bottom: 15px;
	font-family: 'Geologica';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
/* identical to box height, or 21px */
letter-spacing: -0.02em;

/* Основной синий */
color: #002E5D;
}

footer p {
    margin-bottom: 10px;
    font-size: 14px;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer ul li {
    margin-bottom: 5px;
    font-size: 14px;
}

footer ul li a {
    color: #343a40;
    text-decoration: none;
}

footer ul li a:hover {
    text-decoration: underline;
}

footer .btn {
    background-color: #343a40;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
}

footer .btn:hover {
    background-color: #495057;
}

footer .d-flex i {
    font-size: 20px;
    color: #000;
}

footer .d-flex i:hover {
    color: #007bff;
}

table.product-short-specs,
table.product-full-specs {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table.product-short-specs td,
table.product-full-specs td {
    padding: 3px 5px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
	font-size: 13px;
}

table.product-short-specs td:first-child,
table.product-full-specs td:first-child {
    font-size: 13px;
	color: #686c6c;
    width: 48%;
}

.extra-info {
    color: #777;
    font-size: 0.9em;
    margin-left: 5px;
}
 
 .btop {
 padding-top:50px;
 }
 
 
 .slider-container {
      max-width: 100%;
      padding: 0;
	  margin: 0;
	  padding-top:80px;
	 
  }
  .banner {
     /* background-color: #000; */
      color: #fff;
      border-radius: 15px;
      padding: 20px;
      height: 450px;
	  width:100%;
	   display: flex;
	   padding-left: 80px; /* Отступ текста слева */
      flex-direction: column;
      align-items: flex-start; /* Выравнивание по левому краю */
      justify-content: center; /* Центровка по вертикали */
      text-align: left; /* Текстовое выравнивание по левому краю */
  }
  .banner h2 {
      font-size: 1.5rem;
  }
  .banner p {
      font-size: 1rem;
  }
  .product-block {
      background-color: #F7F8FB;
	  background-image: url('/front/imgs/fonindexb.png'); 
	  background-size: cover; 
	  background-position: center;
      border-radius: 15px;
      text-align: center;
      padding: 20px;
	  margin-right: 20px;
	  height:450px;
	  width:100%;
  }
  
  .product-block img {
      max-width: 80%;
	  max-height: 250px;
      height: auto;
      border-radius: 10px;
  }
  
    .product-block h3 {
     margin-top:25px;
  }
  
    .carousel-control-next {
      left: 91%; /* Сместить кнопку левее */
  }
  
     .carousel-control-prev {
      left: -80px; /* Сместить кнопку левее */
  }
  
  .comparisons-btn {
  border: none !important;
  background: none !important;
  padding: 0;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
  margin-top: -4px;
}

.comparisons-btn svg path {
  stroke: #002E5D !important;
  transition: stroke 0.3s ease;
}
 
 .comparisons-btn.active {
  border: 2px solid red;
  border-radius: 4px;
}

.comparisons-btn.active svg path {
  stroke: red !important;
}

/* Стили для счетчика в шапке */
.header-compare {
  position: relative;
  display: inline-block;
}

.compare-count {
      position: absolute;
    top: -8px;
    right: 10px;
    background-color: #ff5722;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
	/*padding-left: 7px;*/
 }
 
 .compare-count span {
 
  right: 10px; 
	 
 }
 
.favorite-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
    width: 28px;
    height: 24px;
}

.favorite-btn:hover {
    transform: scale(1.1);
}

/* Неактивное состояние - серый контур */
.favorite-btn .favorite-icon {
    transition: all 0.3s ease;
}

.favorite-btn .favorite-path {
    fill: none;
    stroke: #002E5D;
    transition: stroke 0.3s ease;
}

/* Активное состояние - красный контур */
.favorite-btn.active .favorite-path {
    stroke: #FF0000 !important;
    fill: none !important;
}

/* Анимация при добавлении */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.favorite-btn.added .favorite-icon {
    animation: pulse 0.5s ease;
}

/* Анимация */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

  
  /* Стиль слайдера */
/* Общий контейнер */
.slider-container {
  overflow: hidden;
  padding: 20px 0;
}

/* Общий контейнер */
.slider-container {
  overflow: hidden;
  padding: 20px 0;
}

/* Слайдер */
.swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.swiper-slide {
  flex: 0 0 auto;
  width: auto; /* Карточки занимают своё пространство */
}

 .mleftm {
   
  margin-left: 1.8px;   
   	 
 }

 .marg_10 {
 margin-left: 25px;
 }

/* Карточка товара */
.product-card {
  max-width: 270px; /* Ограничиваем ширину карточки */
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
  height:460px;
}

.product-image img {
  max-height: 200px; /* Ограничиваем высоту изображения */
  object-fit: contain; /* Сохраняем пропорции изображения */
  width: 100%;
  margin-bottom: 5px;
}

.card-title {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 35px;
}

/* Лейблы */
.product-labels .badge {
  font-size: 10px; /* Уменьшенный размер текста в лейблах */
  padding: 4px 8px;
}

/* Цена */
.product-price span {
  display: inline-block;
  font-size: 14px; /* Уменьшенный размер текста цены */
}

.text-danger {
  font-size: 16px; /* Текущая цена немного крупнее */
}

.text-muted {
  font-size: 12px; /* Старая цена меньше */
}

.text-success {
  font-size: 12px; /* Скидка меньше */
}

/* Рейтинг */
.product-rating {
  color: #f1c40f;
  font-size: 12px; /* Уменьшенный размер текста рейтинга */
}

 .swiper0 {
  max-width: 1490px;
  height:77px;
  overflow: hidden;  
 	 
 }

.swiper-2 {
 margin-left: -10px;	
	
}
 
 .col-md-3-slider {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-3-footer {
        flex: 0 0 auto;
        width: 25%;
		padding:30px;
	  }
	  
	  .col-md-3-logo {
	  padding-right: 10px; 
	  margin-bottom: 10px;
	  width: 413px;
	  height: 65px; 
      }
	  
  .card-body-index {
    flex: 1 1 auto;
    padding: 12px;
  }

 .col-md-768 {
        flex: 0 0 auto;
        width: 58%;
      }
	  
 .row-left {
	 margin-left: -10px;
 }	  

.no-products {
    padding: 40px;
    text-align: center;
    background: #f9f9f9;
    border: 1px dashed #ccc;
    margin: 40px 0;
}
.no-products .btn {
    background: #002e5d;
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}


/* Кнопка покахать выбранный фильтр */

.floating-show-btn {
    position: fixed;
    bottom: 80px;
    right: 30px;
    padding: 12px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: opacity 0.3s ease;
}

.floating-show-btn.hidden {
    display: none;
}

 .show-btn-inline {
    position: absolute;
    top: 0;
    right: -90px;
    padding: 5px 12px;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
    z-index: 999;
    white-space: nowrap;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Кнопка купить */
.btn-buy {
  background-color: #003366;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 14px;
  border: none;
  transition: all 0.3s ease-in-out;
}

.btn-buy:hover {
  background-color: #0056b3;
  color: #fff;
}

/* Общие стили для кнопок */
.custom-swiper-button-prev,
.custom-swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin-right:10px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}

.custom-swiper-button-prev {
  left: 18px; /* Позиция кнопки слева */
}

.custom-swiper-button-next {
  right: -1px; /* Позиция кнопки справа */
}

.custom-swiper-button-prev svg,
.custom-swiper-button-next svg {
  width: 50px;
  height: 50px;
}

.custom-swiper-button-prev:hover circle,
.custom-swiper-button-next:hover circle {
  fill-opacity: 0.2; /* Увеличиваем прозрачность фона при наведении */
}

.custom-swiper-button-prev:hover path,
.custom-swiper-button-next:hover path {
  stroke: #fff; /* Белая стрелка при наведении */
}
 
.custom-swiper-button-prev,
.custom-swiper-button-next {
  display: flex; /* Кнопки видимы по умолчанию */
}

.custom-swiper-button-prev.hidden {
  display: none; /* Если нужно скрыть */
}


/* Меню Swiper */

.custom-prev-0,
.custom-next-0 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-prev-0 {
  left: 5px;
  display: none;
}

.custom-next-0 {
  right: 5px;
}


/* Кнопки навигации слайда 2 */
.custom-prev-2,
.custom-next-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}


.custom-prev-2 {
  left: 1px;
  display: none;
}

.custom-next-2 {
  right: 1px;
}

.bgz {
  background-color:#fff;
  z-index:30;
}

.slider-container {
  padding: 20px 0;
}

/* Слайдер технологии */

.feature-card {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 16px;
  overflow: hidden;
  height: 400px; /* Высота карточки */
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Текст снизу по умолчанию */
}

/* Синий блок с текстом */
.feature-content {
  position: absolute;
  width: 100%;
  color: #fff;
  padding: 20px;
}

/* Текст внизу */
.feature-bottom {
 bottom: 0; /* Фиксируем снизу */
 background-image: url('/front/imgs/tehbutton.svg'); 
 height:50%;
 
}

/* Текст вверху */
.feature-top {
  top: 0; /* Фиксируем сверху */
  background-image: url('/front/imgs/tehtop.svg'); background-size: cover; background-position: center;
   height:60%;
   margin-top: -24px;
}

/* Стили заголовка и текста */
.feature-bottom h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
   padding-top: 40px;
}

.feature-bottom p {
  font-size: 14px;
  line-height: 1.5;

}

.feature-top h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-top: 24px;
 
}

.feature-top p {
  font-size: 14px;
  line-height: 1.5;
}

/* Кнопки навигации */
.custom-prev-features,
.custom-next-features {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}

.custom-prev-features {
  left: 1px;
  display: none;
}

.custom-next-features {
  right: 1px;
}

/*.custom-prev-features:hover,
.custom-next-features:hover {
  background-color: #007bff;
  color: #fff;
}*/
  
  /* Общий стиль для карточек отзывов */
.review-card {
  background-image: url('/front/imgs/fonotziv.svg'); background-size: cover; background-position: center;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.review-stars {
  font-size: 16px;
  color: #FFC107; /* Золотой цвет для звёзд */
}

.review-logo {
  width: 100px;
  height: auto;
}

.review-body {
  position:absolute;
  top:70px;
}

.review-body h5 {
  font-size: 18px;
  margin-bottom: 5px;
  color: #333;
}

.review-city {
  font-size: 14px;
  color: #888;
}

.review-body p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.review-link {
  font-size: 14px;
  color: #D62D20; /* Красный цвет для ссылки */
  text-decoration: none;
  font-weight:normal;
}

.review-link:hover {
  text-decoration: underline;
}

/* Кнопки прокрутки */
.custom-prev-reviews,
.custom-next-reviews {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}

.custom-prev-reviews {
  left: -1px;
  display: none;
}

.custom-next-reviews {
  right: -1px;
}

.logo-card {
 /* background-color: #f8f9fa;  Светлый фон */
  border-radius: 16px; /* Закруглённые углы */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* Высота карточки */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
}

.logo-card img {
  max-height: 60%; /* Ограничиваем высоту логотипа */
  max-width: 80%; /* Ограничиваем ширину логотипа */
}

/* Общий стиль для карточек статей */
.article-card {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}

.article-image {
  width: 100%;
  object-fit: cover;
}

.article-content {
  padding: 15px;
}

.article-content h5 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
}

.article-meta {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #888;
}

.article-likes {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.article-likes i {
  margin-right: 1px; /* Отступ между иконкой и числом */
}

/* Кнопки прокрутки */
.custom-prev-articles,
.custom-next-articles {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}

.custom-prev-articles {
  left: -1px;
  top: 100px;
  display: none;
}

.custom-next-articles {
  right: -1px;
  top: 100px;
}


.pagination .page-link {
  border-radius: 8px;
  margin: 0 5px;
}
  
#mobileMenu {
    display: none; /* Скрыть по умолчанию */
    position: absolute; /* Абсолютное позиционирование */
    /* top: 60px;  Расстояние от верхнего края */
    left: 0;
    width: 100%;
    background-color: #f8f9fa; /* Цвет фона меню */
    z-index: 1000; /* Поверх других элементов */
    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);  Добавить тень */
    padding: 10px 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden; 
}

#mobileMenu.show {
    display: block;
}

.mobi-show {
 display: none;
}

/* Базовый стиль для всех экранов */
span.me-3 {
  font-size: 14px; /* Базовый размер шрифта для десктопов */
  color:#8C8E97;
}

strong.me-3 {
  font-size: 14px; /* Базовый размер шрифта для десктопов */
  color:#8C8E97;
}

         .list-unstyled a {
			 
			font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #333; 
			 
		 }

  
         .filter-sidebar {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 30px;
            gap: 20px;
            width: 260px;
            background: #F7F8FB;
            border-radius: 15px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px; /* Отступ между блоками */
			float:left;
        }
        .filter-sidebar h5 {
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #333;
        }
        .filter-sidebar ul {
            padding-left: 0;
            width: 100%;
        }
        .filter-sidebar li {
            list-style: none;
            padding: 10px 0;
            display: flex;
            align-items: center;
            width: 100%;
            border-bottom: 1px solid #ddd;
			font-size: 12px;
        }
        .filter-sidebar input[type="checkbox"] {
            margin-right: 10px;
        }
        .filter-sidebar input[type="range"] {
            width: 100%;
        }
        
		.filter-panel {
            position: fixed;
            top: 0;
            left: 0;
            width: 80%; /* Ширина панели */
            max-width: 300px; /* Максимальная ширина */
            height: 100%;
            background: #FFF;
            box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            overflow-y: auto;
            transform: translateX(-100%);
            transition: transform 0.3s ease-in-out;
            z-index: 1001;
        }
        .filter-panel.show {
            transform: translateX(0);
        }
        .close-filter-btn {
            position: absolute;
            top: -5px;
            right: 10px;
            background: none;
            border: none;
            font-size: 20px;
            cursor: pointer;
            color: #333;
        }
		
		.filter-overlay {
            display: none; /* Скрыто по умолчанию */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }
		
		
		.filter-toggle-btn {
		    display: none; /* Скрыто по умолчанию */
            background: white; /* Белый фон */
            border: none; /* Убираем рамку */
            padding: 5px;
            float: left;
            margin-right: 5px;
            align-items: center;
            justify-content: center;
            cursor: pointer; /* Курсор в виде указателя */
            border-radius: 8px; /* Закругленные углы */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Тень */
            transition: background 0.3s ease; /* Плавный переход */
        }

        /* Стили для кнопки при наведении */
        .filter-toggle-btn:hover {
            background: #f0f0f0; /* Серый фон при наведении */
        }

        /* Стили для SVG-иконки */
        .filter-toggle-btn svg {
            width: 24px; /* Ширина иконки */
            height: 24px; /* Высота иконки */
            fill: none; /* Не заливаем иконку */
            stroke: #6c757d; /* Серый цвет обводки */
            stroke-width: 2; /* Толщина обводки */
        }

        /* Стили для SVG-иконки при наведении */
        .filter-toggle-btn:hover svg {
            stroke: #333; /* Темный цвет обводки при наведении */
        }
		
		 /* Фильтер выпадающий список */
		
		.custom-dropdown {
   
            position: relative;
            width: 100%;
			margin-left: -13px;
        }
		
		.custom-dropdown button{
    	 font-family: 'Geologica', sans-serif;
         font-style: normal;
         font-weight: 500;
         font-size: 16px;
		 }
		
        .custom-dropdown-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #F7F8FB;
            border: none;
            border-radius: 20px;
            padding: 10px 15px;
            cursor: pointer;
            font-family: 'Geologica', sans-serif;
            font-size: 14px;
            color: #333;
            width: 100%;
        }
        .custom-dropdown-toggle::after {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 6px solid #C60B2F;
            margin-left: 10px;
            transition: transform 0.3s;
        }
        .custom-dropdown-toggle.active::after {
            transform: rotate(180deg);
        }
        .custom-dropdown-menu {
            position: relative;
            width: 100%;
            background: #F7F8FB;
            border-radius: 15px;
          /*  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
            padding: 10px 0;
            margin-top: 5px;
            display: none;
            z-index: 1;
        }
        .custom-dropdown-menu.show {
            display: block;
        }
        .custom-dropdown-item {
            padding: 10px 15px;
            font-family: 'Geologica', sans-serif;
            font-size: 14px;
            color: #333;
            cursor: pointer;
            transition: background 0.3s;
        }
        .custom-dropdown-item:hover {
            background: #e0e3e7;
        }
		
		/* Стили для кнопки рядом с чекбоксом */
        .filter-button {
            position: absolute;
            background: #002E5D;
            border-radius: 2px;
			width: 95px;
            height: 30px;
			margin-top: -12px;
			margin-left: 180px;
            color: white;
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 12px;
            cursor: pointer;
            display: none; /* По умолчанию скрыта */
            border: none; /* Убираем границу у кнопки */
			z-index:100;
        }
        .filter-button.show {
            display: block; /* Показываем кнопку */
        }
		
        .card-img-top {
            height: 250px;
            object-fit: cover;
        }
        .btn-cart {
            width: auto;
        }
		
      /* Стили для хлебных крошек */
        .breadcrumbs {
            display: flex;
            align-items: center;
            font-family: 'Geologica', sans-serif;
            font-size: 14px;
            color: #8C8E97;
            margin-top: 120px;
        }
        .breadcrumbs a {
            color: #8C8E97;
            text-decoration: none;
        }
        .breadcrumbs a:hover {
            color: #002E5D; /* Цвет при наведении */
        }
        .breadcrumbs .separator {
            margin: 0 8px;
            color: #D1D7DE;
        }
		
        .nav-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding: 10px 0;
        }
        .nav-buttons .btn {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 17px 20px;
            gap: 10px;
            border: 2px solid #EAEFF3;
            border-radius: 50px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #002E5D;
            background: none;
        }
        .nav-buttons .btn:hover {
            background: #cfd4d9;
        }
		
		/* Стили для новой кнопки */
        .custom-button-f {
            background-color: #002E5D; /* Синий фон, как в SVG */
            color: white; /* Белый текст */
            padding: 10px 20px;
            border-radius: 20px; /* Закругленные углы */
            font-size: 12px;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48%; /* Ширина кнопки */
            margin-top: 20px; /* Отступ сверху */
        }
        .custom-button-f:hover {
            background-color: #004080; /* Темнее при наведении */
        }
		
        /* Стили для второй кнопки */
        .custom-button-x {
            background-color: #F7F8FB; /* Красный фон */
            color: #8C8E97; /* Белый текст */
            padding: 10px 20px;
            border-radius: 20px; /* Закругленные углы */
            font-size: 12px;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48%; /* Ширина кнопки */
            margin-top: 20px; /* Отступ сверху */
        }
        .custom-button-x:hover {
            background-color: #002E5D; /* Темнее при наведении */
        }
		
        /* Контейнер для кнопок */
        .button-container {
            display: flex;
            justify-content: space-between;
            width: 100%;
            gap: 10px; /* Отступ между кнопками */
        }
		
    
	  .price-filter {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
       .price-filter {
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 100%;
            max-width: 400px;
            margin: 20px auto;
            font-family: 'Geologica', sans-serif;
        }

        /* Стили для ползунка диапазона */
        .price-range {
            position: relative;
            height: 4px;
            background-color: #EAEFF3;
            border-radius: 2px;
            width: 100%;
        }

        .price-range .range {
            position: absolute;
            height: 100%;
            background-color: #C60B2F;
            border-radius: 2px;
        }

        .price-handles {
            position: relative;
            height: 20px;
            width: 100%;
        }

        .price-handles .handle {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #C60B2F;
            border-radius: 50%;
            cursor: pointer;
            transform: translateX(-50%);
        }

        /* Стили для полей ввода */
        .price-inputs {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 7px;
            width: 100%;
        }

        .price-input {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 11px 10px;
            gap: 13px;
            width: 90px;
            height: 40px;
            background: #FFFFFF;
            border: 2px solid #EAEFF3;
            border-radius: 50px;
            box-sizing: border-box;
        }

        .price-input input {
            border: none;
            outline: none;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
			width:70px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #272A33;
			font-size:12px;
            background: transparent;
        }

        .price-input span {
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #8C8E97;
        }

        .price-separator {
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #8C8E97;
        }
		
	/* товар категории */	
	
	
        .product-cat {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 20px;
            gap: 20px;
            isolation: isolate;
            width: 23%;
			margin-right:20px;
			margin-bottom:20px;
            height: 455px;
            border: 2px solid #EAEFF3;
            border-radius: 20px;
            flex: none;
            order: 0;
            flex-grow: 0;
            background: white;
            position: relative;
			overflow: hidden;
        }

        .product-cat .badge.sale {
            background: #C60B2F; /* Красный для "Акция" */
        }

        .product-cat .badge.hit {
            background: #B9DD47; /* Зеленый для "Хит" */
        }
		
		 .product-cat .badge.new {
            background: #FED31D; /* Зеленый для "Новинки" */
        }

        .product-cat .badge {
          
            width: 56px;
            height: 24px;
			float:left;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 10px 10px 12px;
            gap: 10px;
            background: #C60B2F;
            border-radius: 20px;
            z-index: 2;
			margin-left:3px;
        }

        .product-cat .badge span {
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 12px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #FFFFFF;
        }

        .product-cat .image-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 15px;
            width: 100%;
            height: 228px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            z-index: 0;
        }

        .product-cat .image-container img {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px 22px;
            gap: 10px;
            width: 220px;
            height: 220px;
            border-radius: 15px;
            object-fit: cover;
        }

        .product-cat .description {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 15px;
            width: 220px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
            z-index: 1;
        }

        .product-cat .price {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 210px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .product-cat .price .current-price {
            width: 88px;
            height: 24px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 120%;
            letter-spacing: -0.03em;
            color: #C60B2F;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .product-cat .price .old-price {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 15px;
            isolation: isolate;
            width: 64px;
            height: 18px;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .product-cat .price .old-price span {
            width: 64px;
            height: 18px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #8C8E97;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            z-index: 0;
            position: relative;
        }

        .product-cat .price .old-price span::after {
            content: '';
            position: absolute;
            width: 64px;
            height: 0px;
            left: 0px;
            top: 11px;
            border: 1px solid #C60B2F;
            z-index: 1;
        }

        .product-cat .discount {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 2px 7px;
            gap: 10px;
            width: 38px;
            height: 20px;
            background: #C60B2F;
            border-radius: 50px;
            flex: none;
            order: 2;
            flex-grow: 0;
        }

        .product-cat .discount span {
            width: 24px;
            height: 16px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 12px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .product-cat .title {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;
            width: 220px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .product-cat .title h5 {
            width: 220px;
            height: 48px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 13px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #272A33;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            margin: 0;
			overflow: hidden;
        }

        .product-cat .reviews {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 20px;
            width: 109px;
            height: 18px;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .product-cat .reviews .rating {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 5px;
            width: 40px;
            height: 18px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }


        .product-cat .reviews .rating span {
            width: 21px;
            height: 18px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #8C8E97;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .product-cat .reviews .count {
        
            height: 18px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #8C8E97;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .product-cat .actions {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 20px;
            width: 185px;
            height: 36px;
            flex: none;
            order: 2;
            flex-grow: 0;
        }

        .product-cat .actions .btn-cart {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 17px 20px;
            gap: 10px;
            width: 107px;
            height: 36px;
            border-radius: 50px;
            flex: none;
            order: 0;
            flex-grow: 0;
            border: none;
            cursor: pointer;
        }

        .product-cat .actions .btn-cart span {
            width: 67px;
            height: 18px;
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 12px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
        }
		
    .color-picker {
      display: flex;
      gap: 10px; /* Расстояние между блоками */
	  margin-bottom: 15px;
    }
    .color-block {
      width: 40px;
      height: 40px;
      border-radius: 9px; /* Скругление углов */
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #EAEFF3; /* Граница по умолчанию */
      cursor: pointer;
      transition: border-color 0.3s ease;
    }
    .color-block.selected {
      border-color: #002E5D; /* Граница для выбранного цвета */
    }
    .color-block .inner {
      width: 30px;
      height: 30px;
      border-radius: 6px; /* Скругление внутреннего блока */
      border: 2px solid #EAEFF3; /* Граница внутреннего блока */
    }
    .color-block.white .inner {
      background-color: white; /* Белый цвет */
    }
    .color-block.gold .inner {
      background-color: #DCC97A; /* Золотой цвет */
    }
    .color-block.gray .inner {
      background-color: #8C8E97; /* Серый цвет */
    }
    .color-block.black .inner {
      background-color: #272A33; /* Черный цвет */
    }
	
	.tabs {
      margin-top: 20px;
    }
    .tabs-header {
      display: flex;
      border-bottom: 1px solid #EAEFF3;
	  overflow-x: auto; /* Горизонтальная прокрутка */
      white-space: nowrap; /* Запрет переноса текста */
      scrollbar-width: none; /* Скрываем скроллбар для Firefox */
      -ms-overflow-style: none; /* Скрываем скроллбар для IE и Edge */
    }
    .tabs-header button {
      padding: 10px 20px;
      border: none;
      background: none;
      cursor: pointer;
      font-size: 16px;
      color: #8C8E97;
      transition: all 0.3s;
      border-radius: 25px 25px 0 0; /* Скругление углов */
      position: relative;
    }
    .tabs-header button.active {
      background-color: #002E5D; /* Синий фон */
      color: white; /* Белый текст */
    }
    .tabs-header button.active::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #002E5D; /* Синяя линия под активной вкладкой */
    }
    .tabs-content {
      padding: 20px 0;
    }
    .tabs-content .tab {
      display: none;
    }
    .tabs-content .tab.active {
      display: block;
    }
		
    /* Стили для кастомного выпадающего списка */
        .custom-dropdown-top {
            position: relative;
            width: 260px;
        }
        .custom-dropdown-top-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #F7F8FB;
            border: none;
            border-radius: 20px;
            padding: 10px 15px;
            cursor: pointer;
            font-family: 'Geologica', sans-serif;
            font-size: 14px;
            color: #8C8E97;
            width: 100%;
        }
        .custom-dropdown-top-toggle svg {
            width: 10px;
            height: 6px;
            transition: transform 0.3s;
        }
        .custom-dropdown-top-toggle.active svg {
            transform: rotate(180deg);
        }
        .custom-dropdown-top-menu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: #F7F8FB;
            border-radius: 15px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 10px 0;
            margin-top: 5px;
            display: none;
            z-index: 1000;
        }
        .custom-dropdown-top-menu.show {
            display: block;
        }
        .custom-dropdown-top-item {
            padding: 10px 15px;
            font-family: 'Geologica', sans-serif;
            font-size: 14px;
            color: #333;
            cursor: pointer;
            transition: background 0.3s;
        }
        .custom-dropdown-top-item:hover {
            background: #e0e3e7;
        }
		
	   
		
		.left-md-3 {
		width:339px;
		}
		
		.order-foto {
    max-width: 580px;
  }
				 
		 /* Кнопки в переключения по страницам */		 
        .pagination {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .page-item .page-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 55px;
            height: 55px;
            background-color: #F7F8FB;
            border: none;
            border-radius: 10px;
            padding: 0;
            margin: 5px;
			color: #002E5D;
        }

        .page-item.active .page-link {
            background-color: #002E5D;
            color: white;
        }

        .page-item .page-link svg {
            width: 20px;
            height: 20px;
            fill: #002E5D;
        }
    
        .page-item.active .page-link svg {
            fill: white;
        }
		
		
		 /* Доп кнопки в категориях под футором */
        .customer-care {
            background-color: #fff;
            padding: 40px 0;
        }
		
		  .customer-care h2 {
            font-size: 35px;
            text-align: left;
			margin-left: 10px;
            color: #002E5D;
            margin-bottom: 20px;
        }
		
        .customer-care .btn-custom-dop {
            display: flex;
            flex-direction: column;
            justify-content: center;
			padding: 10px 20px; /* Отступы внутри кнопки */
            width: 270px;
            height: 75px;
            border-radius: 30px;
            background-color: #F7F8FB;
            color: #002E5D;
            text-decoration: none;
            font-weight: 500;
            font-size: 16px;
            border: 3px solid transparent;
            transition: all 0.3s ease-in-out;
        }
        .customer-care .btn-custom-dop:hover {
            background-color: #E0E5EC;
            border-color: #D1D7DE;
        }
		
		 .customer-care .btn-text {
            flex: 1; /* Позволяет тексту занимать всю оставшуюся ширину */
            display: flex;
            align-items: center; /* Центрируем текст по высоте */
			position: absolute;
			margin-left: 60px;
        }
		 
        .customer-care .icon {
            width: 40px;
             margin-right: 15px; /* Отступ справа от иконки */
			
        }
		
		
		 /* карточка товара */
		 
		 .custom-container {
      max-width: 1400px; /* Расширение контейнера до 1400px */
      margin: 0 auto;
    }
    .product-gallery {
      display: flex;
      align-items: flex-start; /* Выравнивание по верхнему краю */
    }
    .thumbnails {
      width: 100px; /* Ширина блока с маленькими фото */
      margin-right: 10px;
      overflow-y: auto;
      max-height: 580px; /* Высота блока с маленькими фото */
    }
    .thumbnails img {
      width: 100%;
      margin-bottom: 1px;
      cursor: pointer;
      border: 1px solid #ddd;
      border-radius: 5px;
    }
    .main-image {
      flex: 1;
      margin-left: 10px;
    }
    .main-image img {
      width: 500px; /* Ширина большого фото */
    /*  height: 500px;  Высота большого фото */
      object-fit: cover; /* Сохраняет пропорции изображения */
      border: 1px solid #ddd;
      border-radius: 5px;
    }
    .product-info {
      padding: 20px;
	  min-width: 400px;
    }
	
	 .product-info h1 {
     font-size: 29px;
    }
	
    .price-block {
      background-color: #f8f9fa;
      padding: 25px;
      border-radius: 5px;
      font-family: 'Geologica', sans-serif;
    }
    .price-container {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }
    .main-price {
      font-size: 30px;
      color: #C60B2F;
    }
    .additional-price {
      font-size: 14px;
      color: #8C8E97;
      text-decoration: line-through;
    }
    .discount {
      background-color: #C60B2F;
      border-radius: 11px;
      padding: 4px 12px;
      font-size: 12px;
      color: white;
    }
    .delivery {
      font-size: 14px;
      color: #000;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .delivery input[type="checkbox"] {
      width: 15px;
      height: 15px;
      cursor: pointer;
    }
	
    .buttons {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .add-to-cart {
      background-color: #002E5D;
      color: white;
      padding: 15px 25px;
      border: none;
      border-radius: 25px;
      font-size: 14px;
      cursor: pointer;
      transition: background-color 0.3s;
    }
    .add-to-cart:hover {
      background-color: #004080;
    }
    .icons {
      display: flex;
      gap: 10px;
    }
    .icons img {
      width: 20px;
      height: 20px;
      cursor: pointer;
      transition: opacity 0.3s;
    }
    .icons img:hover {
      opacity: 0.7;
    }
    .buy-now a {
      color: #C60B2F;
      text-decoration: none;
      font-size: 14px;
      transition: color 0.3s;
    }
    .buy-now a:hover {
      color: #A00927;
    }
    .small-blocks {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 20px;
    }
    .small-block {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
      width: 48%;
      height: 70px;
      background: #F7F8FB;
      border-radius: 15px;
      font-size: 14px;
      color: #272A33;
      text-align: center;
      border: 1px solid #EAEFF3;
      transition: background-color 0.3s;
    }
    .small-block:hover {
      background-color: #EAEFF3;
    }
    .small-block img {
      width: 36px;
      margin-right: 5px;
	  color: #002E5D;
    }
	
	.small-block span {
	  color: #002E5D;
    }
		
	/* Оформление заказа */

 
	
	.order-wrapper {
            display: flex;
            gap: 20px;
           /* flex-wrap: wrap;  Переход на вертикальное расположение на маленьких экранах */
			margin-left: -10px;
        }
        .order-form {
            flex: 0 0 70%; /* Ширина 70% */
            max-width: 70%; /* Максимальная ширина 70% */
        }
        .order-summary {
          /*  flex: 0 0 27%;  Ширина 30% */
            max-width: 100%; /* Максимальная ширина 30% */
        }
          .order-form, .order-summary {
            padding: 20px;
        }
        .order-summary {
            background-color: #F7F8FB;
			border-radius: 30px;
        }
        .form-grid {
            display: grid;
            gap: 10px;
            margin-bottom: 15px;
        }
        .form-grid.row-1 {
            grid-template-columns: 1fr 1fr 1fr; /* Индекс, Город, Улица */
        }
        .form-grid.row-2 {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* Дом, Квартира/офис, Подъезд, Этаж, Домофон */
        }
        .form-grid.row-3 {
            grid-template-columns: 1fr; /* Ваш комментарий */
        }
        .form-grid .form-group {
            margin-bottom: 0;
        }
        .form-grid .form-group input,
        .form-grid .form-group textarea {
            width: 100%;
            padding: 12px;
            border: 2px solid #EAEFF3;
            border-radius: 27px;
            font-size: 16px;
            outline: none;
            transition: border-color 0.3s ease;
        }
        .form-grid .form-group input:focus,
        .form-grid .form-group textarea:focus {
            border-color: #C60B2F;
        }
        .order-summary h3 {
            margin-bottom: 15px;
        }
        .order-summary .total {
            font-size: 18px;
            font-weight: bold;
        }
        .btn-primary {
          
        font-size: 14px;
        width: 100%;
        padding: 10px;
        font-size: 16px;
        background-color: #002E5D;
        border: none;
        border-radius: 27px;
        color: white;
        cursor: pointer;
        transition: background-color 0.3s ease;
        }
        .btn-primary:hover {
            background-color: #0b5ed7;
        }
		
    .btn-danger {
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
    }
		
	/* ЛК-кабинет */	
	
     .menu-lk {
            background-color: #F7F8FB;
            border-radius: 30px;
            padding: 20px;
            height: 264px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			margin-left:-10px;
        }
        .menu-lk ul {
            list-style-type: none;
            padding: 0;
        }
        .menu-lk ul li {
            margin: 10px 0;
        }
        .menu-lk ul li a {
            display: block;
            padding: 10px;
            border-radius: 10px;
            transition: background-color 0.3s;
			font-style: normal;
            font-weight: 300;
            font-size: 15px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #272A33;
        }
        .menu-lk ul li a:hover {
            background-color: #D1D7DE;
        }

        /* Стили для инпутов */
        .input-container-lk {
            position: relative;
            width: 100%;
            height: 56px;
            margin-bottom: 20px;
        }
        .input-container-lk input {
            width: 100%;
            height: 100%;
            padding: 0 20px;
            border: 2px solid #EAEFF3;
            border-radius: 27px;
            font-size: 16px;
            color: #272A33;
            background-color: transparent;
            outline: none;
            transition: border-color 0.3s;
        }
        .input-container-lk input:focus {
            border-color: #C60B2F;
        }
        .input-container-lk .icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background-color: #C60B2F;
            mask: url('path-to-your-icon.svg') no-repeat center;
            -webkit-mask: url('path-to-your-icon.svg') no-repeat center;
        }

        .input-block-lk {
            margin-bottom: 20px;
        }
		
		.col-md-8 {
        flex: 0 0 auto;
        width: 75%;
    }
	
	.order-price {
    width: 24%;
  }
	
 /* Кнопка корзины */ 
 .btn-cart {
    background-color: #002E5D;
    color: #333;
    padding: 10px 15px;
    border: none;
	border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn-cart.btn-success {
    background-color: #4CAF50;
    color: white;
}

 .btn-success {
    background-color: #4CAF50;
    color: white;
}

.cart-icon {
    position: relative;
    display: inline-block;
}

.cart-counter {
    position: absolute;
    top: -8px;
    right: 10px;
    background-color: #ff5722;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
}	

/* Анимация кнопки */
.btn-cart {
    transition: all 0.3s ease;
}

.btn-cart.added {
    animation: pulse 0.5s ease;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Стили для кнопок */
.btn-cart.btn-success {
    background-color: #4CAF50;
    color: white;
    border-color: #4CAF50;
}

.btn-cart.btn-success:hover {
    background-color: #45a049;
}
	
  .btn-cart span {
     
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;    
    }	
	
	.status-product {
		position: absolute;
		z-index:88;
		width:200px;
		float:left;
	}
	
	.status-product .badge.hit {
            background: #B9DD47; /* Зеленый для "Хит" */
        }
		
	.status-product .badge.sale {
            background: #C60B2F; /* Красный для "Акция" */
        }

		
	.status-product .badge.new {
            background: #FED31D; /* Зеленый для "Новинки" */
        }

   .status-product .badge span {
            font-family: 'Geologica', sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 12px;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: #FFFFFF;
        }
		
		.active-category {
            font-weight: bold;
            color: #003366 !important;
        }
		
/* Медиа-запросы */

/* На экранах меньше 1200px (десктопы меньшего размера) */
@media (max-width: 1290px) {
  span.me-3 {
    font-size: 12px; /* Уменьшаем шрифт */
  }
  
  strong.me-3 {
  font-size: 12px; /* Базовый размер шрифта для десктопов */
}
  
  	.col-md-9 {
		margin-left:5px;
		width:75%;
		}
		
	.col-md-8 {
        margin-left:5px;
        width: 75%;
    }
	
	.product-cat {
        margin-right: 15px;
        width: 30%;
    }
	
		.col-md-3-slider {
    flex: 0 0 auto;
    width: 23%;
  }
		
       /* .left-md-3 {
		width:289px;
		display: none; 
		}	*/
			
    
	.left-md-3 {
    width: 289px;
    }
	 
   

  .order-price {
    order: 1;
    width: 50%;
	margin-top: 20px;
  }

  .order-name {
    order: 2;
    width: 100%;
  }
    
  
   .wi-row > * {
  width: auto !important;
 }
  

}

@media (min-width: 993px) and (max-width: 1199px) {
  /* для экранов от 992px до 1200px */
   .col-md-3-slider {
        flex: 0 0 auto;
        width: 23%;
    }
	
	.order-price {
    order: 1;
    width: 40%;
	margin-top: 20px;
  }

  .order-name {
    order: 2;
    width: 100%;
  }
  
  .filter-toggle-btn { 
  display: block; 
  }
  
  .col-md-8 {
        margin-left:5px;
        width: 70%;
    }
	
	
	.product-cat {
        margin-right: 15px;
        width: 30%;
    }
	
	 .order-summary {
    width: 100%;
     }
}

/* На экранах меньше 992px (планшеты) */
@media (max-width: 992px) {
  span.me-3 {
    font-size: 11px; /* Ещё меньше */
  }
  
  strong.me-3 {
  font-size: 11px; /* Базовый размер шрифта для десктопов */
}
  
   .product-cat {
   width: 30%;
  }
  
  .col-md-3-slider {
        flex: 0 0 auto;
        width: 23%;
    }
	
	.order-foto {
    max-width: 450px;
  }
  
  .main-image img {
    width: 325px;
}
  
  .order-price {
    order: 1;
    width: 40%;
	margin-top: 20px;
  }

  .order-name {
    order: 2;
    width: 100%;
  }
  
   .wi-row > * {
  width: auto !important;
 }
  
  .filter-toggle-btn { 
  display: block; 
  }
  
  .left-md-3 {
		display: none; 
		}
		
		
	.col-md-8 {
        margin-left:5px;
        width: 100%;
    }
	
	
	.product-cat {
        margin-right: 15px;
        width: 30%;
    }
    
    .order-summary {
    width: 100%;
  }	
  
}
  

@media (max-width: 768px) {
    .custom-search-container {
        width: 100%;
        margin-bottom: 10px;
    }
	
	
	.main-image img {
    width: 295px;
}
	
	 .breadcrumbs {
          
            margin-top: 10px;
        }
	
       .col-md-9 {
        margin-left: 10px;
        width: 100%;
    }	
	
	.order-foto {
    max-width: 100%;
  }
  
  .order-price {
    width: 100%;
  }
  
   .order-name {
    width: 100%;
	
  }
  
  .order-summary {
    width: 100%;
  }
	
 html, body {
  overflow-x: hidden;
  width: 100%;
 }
 
  
   .swiper0 {
  max-width: 1490px;
  overflow: hidden;  
 	 
 }
 
  .col-md-768 {
       
        width: 100%;
      }
	  
	  .col-md-3-footer {
        flex: 0 0 auto;
        width: 50%;
		padding:30px;
	  }
	  
	  .col-md-3-slider {
        flex: 0 0 auto;
        width: 100%;
    }
	  
	  .col-md-3-logo {
	  padding-right: 10px; 
	  margin-bottom: -28px;
	 transform: scale(0.5); /* Уменьшить в 2 раза */
     transform-origin: top left; /* Точка трансформации */
      }
	  
  .mtop {
	margin-top:20px;
	}
 
  .filter-toggle-btn { 
  display: block; 
  }
  
  .left-md-3 {
		display: none; 
		}
  
  .product-cat {
   width: 100%;
  }
  
 .some-element {
  max-width: 100%; /* Ограничивает элемент в пределах ширины экрана */
  overflow-x: hidden; /* Прячем всё, что выходит за пределы */
 }
	
.product-block{
 height:100%;
 }	
 
 
 .mb-1{
 width: 600px;
 } 
 
.mobi-show {
 display: flex;
}	
 
.hide {
 display: none; 
}


 span.me-3 {
    font-size: 11px; /* Самый маленький размер для мобильных */
  }
	
 strong.me-3 {
  font-size: 11px; /* Базовый размер шрифта для десктопов */
}	
	
.menu-toggle-btn svg path {
    stroke: black; /* Тёмный цвет полосок */
    /* stroke-width: 2;  Увеличиваем толщину линий для контраста */
    fill: none; /* Убираем заливку */

}

/* Эффект при наведении */
.menu-toggle-btn:hover {
    background-color: #f1f1f1; /* Лёгкий серый при наведении */
}

.menu-toggle-btn {
    border: none !important;
}

       #mobileMenu {
        display: block; /* На больших экранах меню всегда видно */
        position: static; /* Убрать абсолютное позиционирование */
        box-shadow: none;
    }
	
	#mobileMenu.show {
    display: none; /* Показывать меню */
   }
   
   .bg-light {
	
   display: none;	
	   
   }

    .menu-button {
        display: block;
        margin: 5px 0;
        width: 100%;
        text-align: left;
    }

    .icon-buttons {
        justify-content: center;
    }

    .d-flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .col-md-3 {
        margin-bottom: 20px;
    }

    header .container, nav .container, main.container, footer .container {
        padding: 0 15px;
    }

    .custom-search-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
	
	.product-card {
max-width:100%;
}


 /*   .row {
        flex-direction: column;
    } */

    .col-md-6 {
        width: 100%;
    }
	
	 .order-wrapper {
                flex-direction: column; /* Вертикальное расположение на маленьких экранах */
            }
            .order-form, .order-summary {
                flex: 0 0 100%; /* Занимают всю ширину */
                max-width: 100%; /* Занимают всю ширину */
            }

            /* Изменение сетки для мобильных устройств */
            .form-grid.row-1,
            .form-grid.row-2 {
                grid-template-columns: 1fr; /* Одна колонка на мобильных устройствах */
            }
	
}