.op-swiper-wrapper {
  max-height: 280px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .op-swiper-wrapper {
    max-height: 600px;
    overflow: hidden;
  }
}

.op-swiper-wrapper .swiper-slide {
  height: 280px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .op-swiper-wrapper .swiper-slide {
    height: 600px;
    overflow: hidden;
  }
}
/* fix swiper width calc */
/*.swiper {
    width: 100%;
    min-width: 0;
}

.swiper-wrapper {
    width: 100%;
}
*/



/* Home 首頁輪播專案高度限制_start */
/* 指定首頁方案卡片輪播 (op-package-carousel) */
.op-swiper-wrapper.op-package-carousel {
  overflow: visible; 
  max-height: none; 
  height: auto;
  position: relative;
}

/* RWD 高度解除 */
@media (min-width: 768px) {
  .op-swiper-wrapper.op-package-carousel {
    max-height: none;
  }
}

.op-swiper-wrapper.op-package-carousel .swiper-slide {
  height: auto;
  /*display: flex;*/ 
  justify-content: center;
}

.op-package-carousel .swiper-button-prev {
  left: -28px;
  z-index: 10;
}

.op-package-carousel .swiper-button-next {
  right: -28px;
  z-index: 10;
}

/* 輪播下方點點點 */
.op-package-section .swiper-wrapper {
  padding-bottom: 28px;
}
/* Home 首頁輪播專案高度限制_end */


/* modal 輪播圖片高度限制_start */
.modal-body .op-swiper-wrapper {
  max-height: 120px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .modal-body .op-swiper-wrapper {
    max-height: 280px;
    overflow: hidden;
  }
}

.modal-body .op-swiper-wrapper .swiper-slide {
  height: 120px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .modal-body .op-swiper-wrapper .swiper-slide {
    height: 280px;
    overflow: hidden;
  }
}

.op-swiper-wrapper .swiper-slide .photo {
  /*width: 100%;*/
  height: 100%;
  object-fit: cover;
  display: block;
}

.op-swiper-wrapper .swiper-navigation-icon {
  width: 12px;
  height: 18px;
  padding: 10px 12px;
  border-radius: 100%;
  color: var(--color-gray-200);
  background-color: rgba(169, 198, 246, 0.35);
}

.op-swiper-wrapper .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}

.op-swiper-wrapper .swiper-pagination-bullet-active {
  background: var(--color-primary-dark);
}

.swiper-slide {
    width: auto !important;
    flex-shrink: 0;
}