/* По-големи и по-ясни продуктови снимки в категория */
.product.product-grid-view .product-list-images {
  aspect-ratio: 4 / 5 !important;
  background: #f7f8fa !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  min-height: 300px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product.product-grid-view .product-list-images a {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.product.product-grid-view .product-list-images img.product-image,
.product.product-grid-view .product-image-default img,
.product.product-grid-view .product-image-hover img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  padding: 18px !important;
  transition: transform 0.25s ease !important;
}

.product.product-grid-view:hover .product-image {
  transform: scale(1.05) !important;
}

/* По-ясна карта */
.product.product-grid-view .product-container {
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.07) !important;
  transition: box-shadow 0.2s ease !important;
  background: #fff !important;
}

.product.product-grid-view:hover .product-container {
  box-shadow: 0 10px 28px rgba(0,0,0,.11) !important;
}

/* Леко сив фон на категорията + бели изпъкващи карти */
.browse-view,
.category-view,
.product-items-container {
  background: #f4f6f8 !important;
}

.product.product-grid-view .product-container {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  border: 1px solid #eef0f3 !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
  overflow: hidden !important;
}

.product.product-grid-view:hover .product-container {
  box-shadow: 0 10px 28px rgba(0,0,0,.1) !important;
  transform: translateY(-2px);
}

/* Снимките остават с по-голям визуален дял */
.product.product-grid-view .product-list-images {
  aspect-ratio: 4 / 5 !important;
  background: #f7f8fa !important;
  margin-bottom: 0 !important;
  min-height: 280px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product.product-grid-view .product-list-images img.product-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 16px !important;
}
/* Леко сив фон на целия сайт */
body {
  background-color: #f4f6f8 !important;
}

/* Основните контейнери остават бели, за да изпъкват */
.container,
.container-fluid,
.mod-block,
.product-container,
.productdetails-view,
.cart-view,
.checkout-view,
.manufacturer-details-view,
.blog .item,
.item-container,
.right-block,
.category-desc-below,
.hp-promo,
.homepage-seo {
  background-color: #ffffff;
}

/* Картите в категорията остават с ясна сянка */
.product.product-grid-view .product-container {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  border: 1px solid #eef0f3 !important;
}

/* Хедърът и футерът могат да останат със своите цветове */
header,
.header-section,
.footer-area,
.top-bar,
.utility-horizontal-section {
  background-color: inherit;
}

.breadcrumbs-section,
.breadcrumb-container,
.mod-breadcrumbs {
  background-color: #e8edf2 !important;
  border-bottom: 1px solid #e0e5ea;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* Мобилни корекции */
@media (max-width: 767.98px) {
  /* По-малки снимки на мобилно, за да не стават твърде високи */
  .product.product-grid-view .product-list-images {
    min-height: 180px !important;
    aspect-ratio: 1 / 1 !important;
  }

  .product.product-grid-view .product-list-images img.product-image {
    padding: 10px !important;
  }

  /* По-компактни карти */
  .product.product-grid-view .product-container {
    margin-bottom: 12px !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.05) !important;
  }

  /* Breadcrumb по-компактен */
  .breadcrumbs-section,
  .breadcrumb-container,
  .mod-breadcrumbs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 0.85rem;
  }

  /* Описанието на категорията под продуктите да има бял фон и по-добър padding */
  .category-desc-below,
  .category-description,
  .vm-cat-description {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-top: 16px !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.04);
  }

  /* Пагинацията да не се слива */
  .pagination,
  .vm-pagination {
    background: transparent !important;
    margin: 16px 0 !important;
  }
}
/* Фикс на пагинацията на мобилно – да не излиза извън екрана */
@media (max-width: 767.98px) {
  .pagination,
  .vm-pagination,
  ul.pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 8px !important;
    margin: 16px 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100% !important;
  }

  .pagination .page-item,
  .vm-pagination .page-item,
  ul.pagination li {
    margin: 0 2px !important;
    flex-shrink: 0;
  }

  .pagination .page-link,
  .vm-pagination .page-link,
  ul.pagination .page-link {
    min-width: 36px !important;
    height: 36px !important;
    padding: 6px 8px !important;
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Скриваме някои страници на много тесни екрани, ако е необходимо */
  @media (max-width: 400px) {
    .pagination .page-item:not(.active):not(:first-child):not(:last-child):nth-child(n+6) {
      display: none;
    }
  }
}


.product.product-grid-view .product-container {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px #ababab !important;
    border: 1px solid #eef0f3 !important;
}

/* Бял панел за целия ляв филтър */
.left-aside .aside-inner,
#left-aside .aside-inner,
.mod-position-left.mod-block {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.05) !important;
  border: 1px solid #eef0f3 !important;
  overflow: hidden !important;
  padding: 8px 0 !important;
}

/* Леко по-чист вид на елементите вътре (без да променя структурата) */
.left-aside .mod-vmcategory-menu--item-anchor,
.mod-position-left a {
  padding: 10px 16px !important;
}

.left-aside .mod-vmcategory-menu--item.active > .mod-vmcategory-menu--item-anchor,
.left-aside .current > a {
  background: #eff6ff !important;
}

/* По-модерен вид на отворената категория */
.left-aside .mod-vmcategory-menu--item.mod-vmcategory-menu--open > .mod-vmcategory-menu--item-anchor,
.left-aside .mod-vmcategory-menu--parent.mod-vmcategory-menu--open > a {
  background: #1e40af !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 8px 8px 0 0 !important;
  margin: 6px 10px 0 !important;
  padding: 12px 16px !important;
}

.left-aside .mod-vmcategory-menu--item.mod-vmcategory-menu--open > .mod-vmcategory-menu--item-anchor .fa,
.left-aside .mod-vmcategory-menu--open .caret,
.left-aside .mod-vmcategory-menu--open i {
  color: #ffffff !important;
}

/* Подкатегориите под отворената – по-чист блок */
.left-aside .mod-vmcategory-menu--open > ul,
.left-aside .mod-vmcategory-menu--deeper {
  background: #f8fafc !important;
  border-radius: 0 0 8px 8px !important;
  margin: 0 10px 8px !important;
  padding: 6px 0 !important;
  border: 1px solid #e8edf2 !important;
  border-top: none !important;
}

.left-aside .mod-vmcategory-menu--open > ul > li > a,
.left-aside .mod-vmcategory-menu--deeper > li > a {
  padding: 9px 16px 9px 20px !important;
  font-size: 0.85rem !important;
  color: #475569 !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.left-aside .mod-vmcategory-menu--open > ul > li > a:hover {
  background: #eff6ff !important;
  color: #1e40af !important;
}

/* Активна подкатегория */
.left-aside .mod-vmcategory-menu--open > ul > li.active > a,
.left-aside .mod-vmcategory-menu--current > a {
  background: #dbeafe !important;
  color: #1e40af !important;
  font-weight: 600 !important;
}

/* Категории – еднаква височина и по-компактни кутийки */
.left-aside .mod-vmcategory-menu--item,
.mod-position-left .mod-vmcategory-menu--item {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
}

.left-aside .mod-vmcategory-menu--item-anchor,
.mod-position-left .mod-vmcategory-menu--item-anchor {
  min-height: 48px !important;
  padding: 8px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 0.875rem !important;
  line-height: 1.3 !important;
}

/* Стрелката вдясно – фиксиран размер */
.left-aside .mod-vmcategory-menu--item-anchor .fa,
.left-aside .mod-vmcategory-menu--item-anchor i,
.mod-position-left .caret,
.mod-position-left .fa-chevron-right {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f1f5f9 !important;
  border-radius: 6px !important;
  font-size: 0.7rem !important;
  color: #64748b !important;
  margin-left: 8px !important;
}

/* Филтър секция – по-компактна и изчистена */
.cf_wrapp_all,
.customfieldsforall,
.cf_filtering {
  padding: 4px 12px 8px !important;
}

.cf_filtering_label,
.cf_wrapp_all > div > strong,
.customfieldsforall .title {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  padding: 10px 4px 4px !important;
  margin: 0 !important;
  color: #0f172a !important;
}

.left-aside select,
.cf_filtering select,
.cf_filtering input[type="text"] {
  height: 36px !important;
  font-size: 0.85rem !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
}

/* Бутонът ФИЛТЪР – по-компактен */
.left-aside .btn-primary,
.mod-position-left .btn {
  height: 40px !important;
  font-size: 0.85rem !important;
  margin: 10px 12px !important;
  width: calc(100% - 24px) !important;
  border-radius: 8px !important;
}

/* Ценови слайдер – по-стегнат */
.cf_filtering_slider_gutter {
  padding: 6px 8px 10px !important;
}