/* Collections page - remove black gap below banner hero */
.dee-pearls-page-content.elementor-906 .elementor-element-5f6a4bb {
  margin-bottom: 0 !important;
}

.dee-pearls-page-content.elementor-906 .elementor-element-44c3e68 > .elementor-element-populated,
.dee-pearls-page-content.elementor-906 .elementor-element-7ee5833 > .elementor-element-populated {
  margin-top: 0 !important;
}

/* Collections page - uniform product carousel image size */
.dee-pearls-page-content.elementor-906 .elementor-image-carousel .swiper-slide {
  width: 100%;
}

.dee-pearls-page-content.elementor-906 .elementor-image-carousel .swiper-slide-inner {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 3;
  overflow: hidden;
}

.dee-pearls-page-content.elementor-906 .elementor-image-carousel .swiper-slide-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

/* Collections page - consistent spacing inside each color card */
.dee-pearls-page-content.elementor-906 .elementor-element-7d8b812 .elementor-widget-text-editor > .elementor-widget-container,
.dee-pearls-page-content.elementor-906 .elementor-element-39300c7 .elementor-widget-text-editor > .elementor-widget-container {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dee-pearls-page-content.elementor-906 .elementor-element-7d8b812 .elementor-widget-button > .elementor-widget-container,
.dee-pearls-page-content.elementor-906 .elementor-element-39300c7 .elementor-widget-button > .elementor-widget-container {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dee-pearls-page-content.elementor-906 .elementor-element-7d8b812 .elementor-widget-button .elementor-button,
.dee-pearls-page-content.elementor-906 .elementor-element-39300c7 .elementor-widget-button .elementor-button {
  min-width: 180px;
}

/* Collections page - intro block below banner */
.dee-pearls-page-content.elementor-906 .elementor-element-db310d6 > .elementor-container > .elementor-column > .elementor-element-populated {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

@media (max-width: 767px) {
  .dee-pearls-page-content.elementor-906 .elementor-element-db310d6 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .dee-pearls-page-content.elementor-906 .elementor-element-44c3e68 > .elementor-element-populated {
    margin-top: 0 !important;
  }

  /* Intro heading - tighter gap below banner */
  .dee-pearls-page-content.elementor-906 .elementor-element-f6b059b > .elementor-widget-container {
    margin-top: 20px !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
  }

  .dee-pearls-page-content.elementor-906 .elementor-element-db310d6 {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }

  .dee-pearls-page-content.elementor-906 .elementor-element-db310d6 > .elementor-container > .elementor-column > .elementor-element-populated {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  /* Even gap between stacked White / Grey / Beige / Others cards */
  .dee-pearls-page-content.elementor-906 .elementor-element-7d8b812 .elementor-column + .elementor-column > .elementor-element-populated,
  .dee-pearls-page-content.elementor-906 .elementor-element-39300c7 .elementor-column + .elementor-column > .elementor-element-populated {
    margin-top: 16px !important;
  }

  /* Row spacing between the two collection groups */
  .dee-pearls-page-content.elementor-906 .elementor-element-0df7500 {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
  }
}

/* Product listing pages (White, Grey, Beige, Others) - uniform grid thumbnails */
.dee-pearls-page-content.elementor-2880 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container,
.dee-pearls-page-content.elementor-2908 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container,
.dee-pearls-page-content.elementor-2933 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container,
.dee-pearls-page-content.elementor-2935 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container {
  width: 100%;
}

.dee-pearls-page-content.elementor-2880 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > a,
.dee-pearls-page-content.elementor-2908 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > a,
.dee-pearls-page-content.elementor-2933 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > a,
.dee-pearls-page-content.elementor-2935 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > a,
.dee-pearls-page-content.elementor-2880 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > img,
.dee-pearls-page-content.elementor-2908 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > img,
.dee-pearls-page-content.elementor-2933 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > img,
.dee-pearls-page-content.elementor-2935 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container > img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.dee-pearls-page-content.elementor-2880 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container img,
.dee-pearls-page-content.elementor-2908 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container img,
.dee-pearls-page-content.elementor-2933 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container img,
.dee-pearls-page-content.elementor-2935 > section.elementor-top-section:nth-child(n + 3):not(:last-child) .elementor-widget-image .elementor-widget-container img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}