/**
 * custom-extra.css — Стили ИСКЛЮЧИТЕЛЬНО для модуля «Вкладка продуктів» на главной странице
 * СТРОГО ИЗОЛИРОВАНО: не затрагивает страницы категорий и каталог!
 */

/* 1. Owl Carousel карусель на главной */
#index .owl-carousel .owl-stage,
.tvcmstab-title-product .owl-carousel .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}

#index .owl-carousel .owl-item,
#index .owl-carousel .owl-item > .tvtabproduct-main-block,
#index .owl-carousel .owl-item > .item,
.tvcmstab-title-product .owl-carousel .owl-item,
.tvcmstab-title-product .owl-carousel .owl-item > .tvtabproduct-main-block,
.tvcmstab-title-product .owl-carousel .owl-item > .item {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: auto !important;
}

#index .owl-carousel .product-miniature,
.tvcmstab-title-product .owl-carousel .product-miniature {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: auto !important;
  margin-bottom: 20px !important;
}

#index .owl-carousel .product-miniature .thumbnail-container,
.tvcmstab-title-product .owl-carousel .product-miniature .thumbnail-container {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: auto !important;
}

#index .owl-carousel .product-miniature .thumbnail-container > .tvproduct-wrapper.grid,
.tvcmstab-title-product .owl-carousel .product-miniature .thumbnail-container > .tvproduct-wrapper.grid {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: auto !important;
  padding: 3px 3px 0 3px !important;
}

#index .owl-carousel .product-miniature .tvproduct-image,
.tvcmstab-title-product .owl-carousel .product-miniature .tvproduct-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 200px !important;
  height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

#index .owl-carousel .product-miniature .tvproduct-image img,
#index .owl-carousel .product-miniature .tvproduct-image picture img,
.tvcmstab-title-product .owl-carousel .product-miniature .tvproduct-image img,
.tvcmstab-title-product .owl-carousel .product-miniature .tvproduct-image picture img {
  max-height: 100% !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

#index .owl-carousel .product-miniature .tvproduct-info-box-wrapper,
.tvcmstab-title-product .owl-carousel .product-miniature .tvproduct-info-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

#index .owl-carousel .product-miniature .tv-product-price,
.tvcmstab-title-product .owl-carousel .product-miniature .tv-product-price {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

/* 2. Названия товаров и рейтинг на главной */
#index .owl-carousel .tvproduct-name,
#index .owl-carousel .tvproduct-name a,
#index .owl-carousel .tvproduct-name p,
#index .owl-carousel .tvproduct-name h6,
.tvcmstab-title-product .tvproduct-name,
.tvcmstab-title-product .tvproduct-name a,
.tvcmstab-title-product .tvproduct-name p,
.tvcmstab-title-product .tvproduct-name h6 {
  color: #000000 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
  margin: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

#index .owl-carousel .tvall-product-star-icon,
.tvcmstab-title-product .tvall-product-star-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 4px auto !important;
  text-align: center !important;
  width: 100% !important;
}

@media (max-width: 575px) {
  #index .owl-carousel .tvproduct-name,
  #index .owl-carousel .tvproduct-name a,
  #index .owl-carousel .tvproduct-name p,
  #index .owl-carousel .tvproduct-name h6,
  .tvcmstab-title-product .tvproduct-name,
  .tvcmstab-title-product .tvproduct-name a,
  .tvcmstab-title-product .tvproduct-name p,
  .tvcmstab-title-product .tvproduct-name h6 {
    font-size: 13px !important;
  }
}

/* 3. Блок цен на главной странице («Вкладка продуктів») */
#index .tvcmstab-title-product .product-price-and-shipping,
#index .owl-carousel .product-price-and-shipping,
.tvcmstab-title-product .product-price-and-shipping,
.tvcmstab-product .product-price-and-shipping {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: center !important;
  width: 100% !important;
  column-gap: 6px !important;
  row-gap: 3px !important;
  text-align: center !important;
  text-transform: none !important;
  margin: 0 auto !important;
}

#index .tvcmstab-title-product .product-price-and-shipping .sr-only,
#index .tvcmstab-title-product .product-price-and-shipping meta,
.tvcmstab-title-product .product-price-and-shipping .sr-only,
.tvcmstab-title-product .product-price-and-shipping meta {
  display: none !important;
}

#index .tvcmstab-title-product .product-price-and-shipping > span,
#index .owl-carousel .product-price-and-shipping > span,
.tvcmstab-title-product .product-price-and-shipping > span {
  display: inline-block !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Основная цена */
#index .tvcmstab-title-product .product-price-and-shipping .price,
#index .owl-carousel .product-price-and-shipping .price,
.tvcmstab-title-product .product-price-and-shipping .price {
  display: inline-block !important;
  white-space: nowrap !important;
  color: #5da4ac !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  order: 1 !important;
  text-align: center !important;
}

/* Старая цена (скидка) */
#index .tvcmstab-title-product .product-price-and-shipping .regular-price,
#index .owl-carousel .product-price-and-shipping .regular-price,
.tvcmstab-title-product .product-price-and-shipping .regular-price {
  display: inline-block !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  color: #999999 !important;
  text-decoration: line-through !important;
  margin-left: 4px !important;
  order: 2 !important;
  text-align: center !important;
}

/* Единица измерения */
#index .tvcmstab-title-product .product-price-and-shipping .price-unit,
#index .owl-carousel .product-price-and-shipping .price-unit,
.tvcmstab-title-product .product-price-and-shipping .price-unit {
  display: inline !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  color: #5da4ac !important;
}

/* Вторая / третья цена (за м.п.) */
#index .tvcmstab-title-product .product-price-and-shipping > span:not(.price):not(.price-unit):not(.regular-price):not(.sr-only),
#index .owl-carousel .product-price-and-shipping > span:not(.price):not(.price-unit):not(.regular-price):not(.sr-only),
.tvcmstab-title-product .product-price-and-shipping > span:not(.price):not(.price-unit):not(.regular-price):not(.sr-only) {
  order: 3 !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  flex: 0 0 100% !important;
}

@media (min-width: 768px) {
  #index .tvcmstab-title-product .product-price-and-shipping .price,
  #index .owl-carousel .product-price-and-shipping .price,
  .tvcmstab-title-product .product-price-and-shipping .price {
    font-size: 20px !important;
  }
}

@media (max-width: 575px) {
  #index .tvcmstab-title-product .product-price-and-shipping .price,
  #index .owl-carousel .product-price-and-shipping .price,
  .tvcmstab-title-product .product-price-and-shipping .price {
    font-size: 16px !important;
  }
}