/* Add custom CSS code below */

/* ===== Circle links (.amz-tas): large square-ish images, small gap, light radius ===== */
.s-block--circle-links.amz-tas .swiper-slide {
  margin: 0 !important;
  padding: 0 5px !important;            /* phone: 10px gap between images */
  width: 33.3333% !important;           /* phone: 3 per row */
}
@media (min-width: 768px) {
  .s-block--circle-links.amz-tas .swiper-slide {
    padding: 0 8px !important;          /* desktop: 16px gap between images */
    width: 20% !important;              /* tablet/desktop: 5 per row */
  }
}

.s-block--circle-links.amz-tas .swiper-slide > a {
  display: block;
}

.s-block--circle-links.amz-tas .circle-links__image-wrap {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

.s-block--circle-links.amz-tas .circle-links__image-wrap img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  border-radius: 12px !important;
}

@media (max-width: 767px) {
  .s-block--circle-links.amz-tas .circle-links__image-wrap,
  .s-block--circle-links.amz-tas .circle-links__image-wrap img {
    border-radius: 10px !important;
  }
}

/* Titles are empty: remove the space they take under the images */
.s-block--circle-links.amz-tas .circle-links__item-title:empty,
.s-block--circle-links.amz-tas .circle-links__item-subtitle:empty {
  display: none !important;
}