html, body {overflow-x: hidden;}
.site-wrap {
  overflow-x: hidden;
  max-width: 100vw;
}
.site-navbar {
  z-index: 1020 !important;
  position: relative; /* Обязательно для z-index */
}
body.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}

.modal {
  overflow-y: auto;
}
/* category.php */
.badge-discount-1 {
  top: 10px; left: 10px; z-index: 2; border-top-left-radius: 0; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem;
}
.badge-discount-2 {
	top: 40px; left: 10px; z-index: 2;
	border-top-left-radius: 0;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.badge-new {
    left: 10px;
    z-index: 2;
    border-top-left-radius: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.badge-new-with-discount {
    top: 80px;
}
.badge-new-no-discount {
    top: 10px;
}
.ahref-modal{
	top: 10px; right: 10px; width: 36px; height: 36px; z-index: 3; text-decoration: none; opacity: 0.9; color: #03338a;
}
.ahref-modal:hover {
  color: #005bff;
}
.ahref-my{
	color: #03338a;
}
.ahref-my:hover {
  color: #005bff;
}
.ahref-footer{
	color: #6C6C6C !important;
}
.ahref-footer:hover {
  color: #005bff !important;
}
.ahref-footer-promo{
	color: #0050e0 !important;
}
.ahref-footer-promo:hover {
  color: #052765 !important;
}
.error-container {

	display: flex;
	justify-content: center;
	align-items: center;
}
.card {
	border: none;
	border-radius: 1rem;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
.item-entry .product-item {
  margin-bottom: 30px; }

.item-entry .item-title {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0; }
  .item-entry .item-title a {
    color: gray; }
    .item-entry .item-title a:hover {
      color: #000; }

.item-entry .item-price {
  color: #000;
  font-weight: bold; }
  .item-entry .item-price del {
    color: #b3b3b3; }

.custom-border-bottom {
  border-bottom: 1px solid #f9f9f9; }

.custom-border-top {
  border-top: 1px solid #f9f9f9; }

.height-auto {
  height: auto !important; }

.thumb-image.border-primary {
    border: 2px solid #007bff !important;
}
/* Для десктопа уменьшение блока */
@media (min-width: 769px) {
  .item-entry {
    width: 80%;           
    margin: 0 auto;       
  }
  .item-entry .carousel-inner img {
    max-height: 100%;    
    width: 100%;
    object-fit: contain;
  }
  .item-entry .img-thumbnail {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
  }
}


@media (max-width: 768px) {
  .item-entry {
    width: 100% !important;
    margin: 0 auto;
  }
  .item-entry .carousel-inner img {
    max-height: none;
    width: 100%;
  }
  .item-entry .img-thumbnail {
    width: 50px !important;
    height: 50px !important;
  }
}

.icons {
  gap: 5px;
  padding-bottom: 0; 
}

@media (min-width: 992px) {
  .icons {
    padding-bottom: 15px; 
  }
}

/* Стили для иконок + подписи */
.icons-btn small {
  margin-top: 0px;
  font-size: 11px;
  line-height: 0;
  color: #444;
  display: block;
}

.icons-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  width: 40px;          /* базовая ширина иконки */
  flex-shrink: 0;       /* не сжимать */
  margin: 0 8px;        /* отступы между иконками */
  transition: width 0.3s, margin 0.3s; /* плавный переход */
}

/* На маленьких экранах (например, до 576px) */
@media (max-width: 575.98px) {
  .icons-btn {
    width: 25px;       /* уменьшаем размер */
    margin: 0 2px;     /* уменьшаем отступы */
  }
}

/* Можно добавить средний breakpoint */
@media (min-width: 576px) and (max-width: 991.98px) {
  .icons-btn {
    width: 35px;
    margin: 0 6px;
  }
}
/* Класс для прижатия последних колонок в ряду */
.row-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* прижать к левому краю */
}

/* Обнуляем стандартные отступы col */
.row-left > [class^="col-"] {
  float: none;       /* убираем float, Bootstrap 4 использует float для колонок */
  margin-left: 0;    /* убираем левый отступ */
  margin-right: 0;   /* убираем правый отступ */
}
.icon-list-description:before{
  content: "\e87d"; /* код символа из иконочного шрифта */
  font-size: 10px;
  color: #5984d6;
}
.site-menu li a {
  color: #000 !important;
}