/* Veridian Health 2.6.81
   Add the missing visible border around the desktop banner backgrounds.

   The light background from 2.6.80 is retained.
   The border follows the same section width and therefore sits just past
   the carousel arrows without changing banner/card widths.
*/

:root {
  --vh-desktop-banner-border: rgba(90, 111, 55, .38);
}

/* Desktop only: visible single border around each banner background. */
@media (min-width: 768px) {
  body#index .image-slider-block,
  body#index section.featured-products,
  body#index .brand-section {
    background: rgba(248, 247, 239, 0.96) !important;
    background-color: rgba(248, 247, 239, 0.96) !important;

    border: 1px solid var(--vh-desktop-banner-border) !important;
    border-top: 1px solid var(--vh-desktop-banner-border) !important;
    border-right: 1px solid var(--vh-desktop-banner-border) !important;
    border-bottom: 1px solid var(--vh-desktop-banner-border) !important;
    border-left: 1px solid var(--vh-desktop-banner-border) !important;

    border-radius: 18px !important;
    outline: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
  }

  /* Keep all inner wrappers borderless so only ONE border is visible. */
  body#index .image-slider-block > .carousel,
  body#index .image-slider-block .carousel-inner,
  body#index section.featured-products > .container,
  body#index section.featured-products > .products-grid,
  body#index section.featured-products > .products,
  body#index section.featured-products > .product-slider,
  body#index section.featured-products .owl-wrapper-outer,
  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 {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* No extra pseudo border/frame. */
  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 {
    content: none !important;
    display: none !important;
  }
}

/* Mobile remains transparent/borderless as requested in 2.6.80. */
@media (max-width: 767.98px) {
  body#index .image-slider-block,
  body#index section.featured-products,
  body#index .brand-section {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}