/* Veridian Health 2.6.78
   CLEAN HOMEPAGE BANNER SYSTEM

   The large white/translucent rounded panels behind New Products,
   Featured Collection and Shop by Brand are completely removed.

   Ivy remains the page background.
   Actual product cards and brand logo cards stay white.
*/

:root {
  --vh-clean-banner-max: 1571px;
  --vh-clean-content-max: 1518px;
  --vh-clean-brand-height: 150px;
}

/* ==========================================================================
   PAGE / HOOK SURFACES — ALWAYS SHOW THE IVY THROUGH
   ========================================================================== */

body#index #wrapper,
body#index #wrapper > .container,
body#index #wrapper > .container > .row,
body#index #main,
body#index #content-wrapper,
body#index #content.page-home {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* ==========================================================================
   BANNER / MODULE SHELLS — ZERO WHITE PANEL
   ========================================================================== */

body#index .image-slider-block,
body#index section.featured-products,
body#index .brand-section,
body#index .home-images-block-one,
body#index .home-images-block-two,
body#index .home-servives-block,
body#index .blog-section {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  overflow: visible !important;
}

/* Keep the existing wide/centered banner layout, but with NO painted panel. */
@media (min-width: 768px) {
  body#index .image-slider-block,
  body#index section.featured-products,
  body#index .brand-section {
    box-sizing: border-box !important;
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: calc(100vw - 24px) !important;
    max-width: var(--vh-clean-banner-max) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Remove every pseudo-panel/frame from every prior banner version. */
body#index .image-slider-block::before,
body#index .image-slider-block::after,
body#index section.featured-products::before,
body#index section.featured-products::after,
body#index .brand-section::before,
body#index .brand-section::after,
body#index .home-images-block-one::before,
body#index .home-images-block-one::after,
body#index .home-images-block-two::before,
body#index .home-images-block-two::after,
body#index .home-servives-block::before,
body#index .home-servives-block::after,
body#index .blog-section::before,
body#index .blog-section::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* All module helper wrappers are transparent too. */
body#index .image-slider-block > .carousel,
body#index .image-slider-block .carousel-inner,
body#index .image-slider-block .carousel-item,
body#index .image-slider-block figure,

body#index section.featured-products > .container,
body#index section.featured-products > .products-grid,
body#index section.featured-products > .products-grid > .row,
body#index section.featured-products > .products,
body#index section.featured-products > .product-slider,
body#index section.featured-products .owl-wrapper,
body#index section.featured-products .owl-wrapper-outer,
body#index section.featured-products .owl-stage,
body#index section.featured-products .owl-stage-outer,

body#index .brand-section > .container,
body#index .brand-section .brand-content,
body#index .brand-section .brand-row,
body#index .brand-section #brands-slider,
body#index .brand-section .brands-slider,
body#index .brand-section .brands-list,
body#index .brand-section .owl-wrapper,
body#index .brand-section .owl-wrapper-outer,
body#index .brand-section .owl-stage,
body#index .brand-section .owl-stage-outer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Keep content alignment without painting a panel behind it. */
body#index .image-slider-block > .carousel,
body#index section.featured-products > .container,
body#index section.featured-products > .section-title,
body#index section.featured-products > .products,
body#index section.featured-products > .products-grid,
body#index section.featured-products > .product-slider,
body#index .brand-section > .container,
body#index .brand-section .section-title,
body#index .brand-section .brand-content,
body#index .brand-section .brand-row {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--vh-clean-content-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Section headings have no white strip and no divider border. */
body#index section.featured-products .section-title,
body#index section.featured-products .products-section-title,
body#index .brand-section .section-title,
body#index .brand-section .brand-section-title {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   PRODUCT CARDS — KEEP WHITE / READABLE
   ========================================================================== */

body#index section.featured-products .product-miniature,
body#index section.featured-products .thumbnail-container,
body#index section.featured-products article.product-miniature .thumbnail-container {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(90,111,55,.22) !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(25,43,16,.10) !important;
}

/* ==========================================================================
   SHOP BY BRAND — KEEP EQUAL WHITE BRAND CARDS, NO OUTER WHITE PANEL
   ========================================================================== */

body#index .brand-section .brand-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body#index .brand-section #brands-slider,
body#index .brand-section .brands-slider,
body#index .brand-section .brands-list {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body#index .brand-section #brands-slider li.item,
body#index .brand-section .brands-slider li.item,
body#index .brand-section .brands-list li.item,
body#index .brand-section .owl-item > li.item {
  box-sizing: border-box !important;
  height: var(--vh-clean-brand-height) !important;
  min-height: var(--vh-clean-brand-height) !important;
  max-height: var(--vh-clean-brand-height) !important;
  padding: 6px !important;
  margin: 0 !important;
  float: none !important;
}

body#index .brand-section #brands-slider li.item > a,
body#index .brand-section .brands-slider li.item > a,
body#index .brand-section .brands-list li.item > a,
body#index .brand-section .owl-item > li.item > a {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 14px !important;
  background: #fff !important;
  border: 1px solid rgba(90,111,55,.22) !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(25,43,16,.10) !important;
  overflow: hidden !important;
}

body#index .brand-section #brands-slider li.item img,
body#index .brand-section .brands-slider li.item img,
body#index .brand-section .brands-list li.item img,
body#index .brand-section .owl-item > li.item img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 105px !important;
  margin: auto !important;
  object-fit: contain !important;
}

@media (max-width: 767.98px) {
  :root {
    --vh-clean-brand-height: 112px;
  }

  body#index .image-slider-block,
  body#index section.featured-products,
  body#index .brand-section {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: calc(100vw - 20px) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#index .brand-section #brands-slider li.item > a,
  body#index .brand-section .brands-slider li.item > a,
  body#index .brand-section .brands-list li.item > a,
  body#index .brand-section .owl-item > li.item > a {
    padding: 10px !important;
  }

  body#index .brand-section #brands-slider li.item img,
  body#index .brand-section .brands-slider li.item img,
  body#index .brand-section .brands-list li.item img,
  body#index .brand-section .owl-item > li.item img {
    max-height: 78px !important;
  }
}