/* Scoped replacement styles for DB-rendered FooGallery blocks inside /hcp/marketing/. */
.redux-protected-embed--marketing .mkt-gallery-section {
  display: grid !important;
  gap: 18px !important;
  min-height: 0 !important;
}

.redux-protected-embed--marketing .foogallery,
.redux-protected-embed--marketing .fg-carousel {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  position: static !important;
}

.redux-protected-embed--marketing .fg-carousel-inner {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  position: static !important;
}

.redux-protected-embed--marketing .fg-carousel-center,
.redux-protected-embed--marketing .fg-loader,
.redux-protected-embed--marketing .fg-carousel-prev,
.redux-protected-embed--marketing .fg-carousel-next,
.redux-protected-embed--marketing .fg-carousel-dot,
.redux-protected-embed--marketing .fg-carousel-dots,
.redux-protected-embed--marketing .fg-carousel-pagination,
.redux-protected-embed--marketing .fg-carousel-progress,
.redux-protected-embed--marketing .fg-carousel-bullets,
.redux-protected-embed--marketing [class*="fg-"][class*="bullet"],
.redux-protected-embed--marketing .fg-image-overlay {
  display: none !important;
}

.redux-protected-embed--marketing .fg-item,
.redux-protected-embed--marketing .fg-item-inner,
.redux-protected-embed--marketing .fg-thumb,
.redux-protected-embed--marketing .fg-image-wrap {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  overflow: hidden !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
}

.redux-protected-embed--marketing .fg-thumb,
.redux-protected-embed--marketing .fg-image-wrap {
  border-radius: 10px !important;
  background: var(--rdx-sky-50) !important;
}

.redux-protected-embed--marketing .fg-image {
  display: block !important;
  width: 100% !important;
  height: 142px !important;
  max-width: none !important;
  object-fit: cover !important;
}

.redux-protected-embed--marketing .foogallery + .foogallery {
  margin-top: 16px !important;
}

@media (max-width: 700px) {
  .redux-protected-embed--marketing .foogallery,
  .redux-protected-embed--marketing .fg-carousel-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .redux-protected-embed--marketing .fg-image {
    height: 126px !important;
  }
}