/* === Carousel 基本容器樣式 === */
.aaf_carousel {
  overflow: hidden;
  position: relative;
}

.aaf_carousel .et_pb_gallery_items {
  display: flex !important;
  flex-wrap: nowrap !important;
  will-change: transform;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(0); /* 初始位置 */
}

.aaf_carousel .et_pb_gallery_item {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  clear: none !important;
}

/* === 解除 Divi 預設 et_pb_grid_item 干擾 === */
.aaf_carousel .et_pb_grid_item {
  width: auto !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

/* === 圖片比例裁切樣式 === */
.aaf_carousel .et_pb_gallery_image img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4 / 3;     /* 可調整為 1/1 或其他比例 */
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* === 桌機預設欄數（依類別指定） === */
.aaf_carousel.aaf-cols-6 .et_pb_gallery_item { width: 16.6666vw !important; }
.aaf_carousel.aaf-cols-5 .et_pb_gallery_item { width: 20vw !important; }
.aaf_carousel.aaf-cols-4 .et_pb_gallery_item { width: 25vw !important; }
.aaf_carousel.aaf-cols-3 .et_pb_gallery_item { width: 33.3333vw !important; }
.aaf_carousel.aaf-cols-2 .et_pb_gallery_item { width: 50vw !important; }
.aaf_carousel.aaf-cols-1 .et_pb_gallery_item { width: 100vw !important; }

/* === 平板寬度調整（1024px 以下） === */
@media (max-width: 1024px) {
  .aaf_carousel.aaf-cols-6 .et_pb_gallery_item,
  .aaf_carousel.aaf-cols-5 .et_pb_gallery_item,
  .aaf_carousel.aaf-cols-4 .et_pb_gallery_item {
    width: 33.3333vw !important;
  }

  .aaf_carousel.aaf-cols-3 .et_pb_gallery_item {
    width: 50vw !important;
  }

  .aaf_carousel.aaf-cols-2 .et_pb_gallery_item,
  .aaf_carousel.aaf-cols-1 .et_pb_gallery_item {
    width: 100vw !important;
  }
}

/* === 手機寬度調整（768px 以下） === */
@media (max-width: 768px) {
  .aaf_carousel .et_pb_gallery_item {
    width: 100vw !important;
  }
}