/* VBO style 1: viviliv-pelne-menu-tools-width-safe */

/* ==================================================
   VIVILIV — PEŁNE MENU — SZEROKOŚĆ PASKA SAFE
   Тільки ширина пошуку, категорій і лічильника.
   Кошик та сітку товарів не змінює.
   ================================================== */

@media (min-width: 1600px) {

  /*
   * Ліва товарна зона =
   * загальна ширина мінус koszyk 340 px і gap 44 px.
   */
  body.page-id-2237 {
    --viviliv-menu-tools-width:
      calc(100% - 384px) !important;
  }

  body.page-id-2237
  .viviliv-menu-sticky-group {
    width:
      var(--viviliv-menu-tools-width) !important;

    max-width:
      var(--viviliv-menu-tools-width) !important;

    min-width: 0 !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.page-id-2237
  .viviliv-menu-sticky-group
  .viviliv-menu-search,

  body.page-id-2237
  .viviliv-menu-sticky-group
  .viviliv-menu-tabs,

  body.page-id-2237
  .viviliv-menu-sticky-group
  .viviliv-menu-category-count {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.page-id-2237
  .viviliv-menu-sticky-group
  .viviliv-menu-search__field {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
  }

  body.page-id-2237
  .viviliv-menu-sticky-group
  .viviliv-menu-category-count {

    padding-right: 0 !important;

    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
}
	/* ==================================================
   VIVILIV — HOME QHD COMPOSITION SAFE
   Єдина вісь і ширина секцій на широких моніторах
   Hero, tablet і mobile не змінює
   ================================================== */

@media (min-width: 2000px) {

  body.home {
    --viviliv-home-qhd-width: 1320px;
    --viviliv-home-qhd-side-gap: 160px;
  }

  /* --------------------------------------------------
     1. Єдиний центральний контейнер
     -------------------------------------------------- */

  body.home
  .viviliv-menu-builder
  > .uagb-container-inner-blocks-wrap,

  body.home
  .viviliv-categories-section
  > .uagb-container-inner-blocks-wrap,

  body.home
  .viviliv-why-section
  > .uagb-container-inner-blocks-wrap,

  body.home
  .viviliv-order-section
  > .uagb-container-inner-blocks-wrap {

    width: min(
      var(--viviliv-home-qhd-width),
      calc(100vw - var(--viviliv-home-qhd-side-gap))
    ) !important;

    max-width: var(--viviliv-home-qhd-width) !important;

    margin-right: auto !important;
    margin-left: auto !important;

    box-sizing: border-box !important;
  }

  /* --------------------------------------------------
     2. Skomponuj — точно по центру сторінки
     -------------------------------------------------- */

  body.home
  .viviliv-menu-builder
  .menu-builder-card {

    width: 100% !important;
    max-width: var(--viviliv-home-qhd-width) !important;

    margin-right: auto !important;
    margin-left: auto !important;

    box-sizing: border-box !important;
  }

  /* --------------------------------------------------
     3. Co przygotowujemy — одна ширина зі Skomponuj
     -------------------------------------------------- */

  body.home
  .viviliv-categories-section
  .viviliv-category-grid {

    width: 100% !important;
    max-width: var(--viviliv-home-qhd-width) !important;

    margin-right: auto !important;
    margin-left: auto !important;

    box-sizing: border-box !important;
  }

  /* --------------------------------------------------
     4. Dlaczego + Jak zamówić
     -------------------------------------------------- */

  body.home
  .viviliv-why-section
  > .uagb-container-inner-blocks-wrap,

  body.home
  .viviliv-order-section
  > .uagb-container-inner-blocks-wrap {

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap: 26px !important;
  }

  /* --------------------------------------------------
     5. CTA — трохи ширший, але залишається акцентним
     -------------------------------------------------- */

  body.home
  .viviliv-cta-section
  > .uagb-container-inner-blocks-wrap {

    width: min(
      1040px,
      calc(100vw - var(--viviliv-home-qhd-side-gap))
    ) !important;

    max-width: 1040px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    box-sizing: border-box !important;
  }
}
	/* ==================================================
   VIVILIV — HOME QHD — OSTATNI RZĄD KATEGORII
   Центрує Przekąski + Na słodko
   ================================================== */

@media (min-width: 2000px) {

  /*
   * 6 допоміжних колонок:
   * кожна картка займає 2,
   * тому її фактична ширина не змінюється.
   */
  body.home
  .viviliv-categories-section
  .viviliv-category-grid
  > .uagb-container-inner-blocks-wrap {

    grid-template-columns:
      repeat(6, minmax(0, 1fr)) !important;
  }

  body.home
  .viviliv-categories-section
  .viviliv-category-grid
  > .uagb-container-inner-blocks-wrap
  > .category-card,

  body.home
  .viviliv-categories-section
  .viviliv-category-grid
  > .uagb-container-inner-blocks-wrap
  > .feature-card {

    grid-column: span 2 !important;
  }

  /* Przekąski */
  body.home
  .viviliv-categories-section
  .viviliv-category-grid
  > .uagb-container-inner-blocks-wrap
  > :nth-last-child(
      2 of .category-card, .feature-card
    ) {

    grid-column: 2 / span 2 !important;
  }

  /* Na słodko */
  body.home
  .viviliv-categories-section
  .viviliv-category-grid
  > .uagb-container-inner-blocks-wrap
  > :nth-last-child(
      1 of .category-card, .feature-card
    ) {

    grid-column: 4 / span 2 !important;
  }
}


/* VBO style 2: viviliv-product-titles-two-lines-safe */

/* ==================================================
   VIVILIV — TYTUŁY KART: 2 CZYSTE WIERSZE
   Pełne menu + Menu dnia
   ================================================== */

body.page-id-2237
.viviliv-products-area
ul.products
li.product
.woocommerce-loop-product__title,

body.page-id-2689
.viviliv-menu-dnia-page
ul.products
li.product
.woocommerce-loop-product__title,

body.page-id-2689
.viviliv-menu-dnia-products
ul.products
li.product
.woocommerce-loop-product__title,

body.viviliv-menu-dnia-template
ul.products
li.product
.woocommerce-loop-product__title {

  display: block !important;

  width: 100% !important;

  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 19px !important;
  letter-spacing: -0.01em !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;

  overflow: hidden !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}