/* LYA v51: preserve the full Period Underwear carousel artwork in cards and expanded view. */

/* Collapsed Period Underwear listing carousel: stable frame, centered full artwork, no crop/stretch. */
.site-shell #collective-lingerie .category-product-media.lya-carousel-media,
.site-shell #collective-lingerie .category-product-media.lya-carousel-media .expandable-media,
.site-shell #collective-lingerie .category-product-media.lya-carousel-media .visual {
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-color: #fffaf6 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.site-shell #collective-lingerie .category-product-media.lya-carousel-media .visual {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  transform: none !important;
  object-fit: contain !important;
}

/* Keep the carousel frame itself intact at both responsive sizes. */
@media (min-width: 851px) {
  .site-shell #collective-lingerie .category-product-media.lya-carousel-media {
    width: 180px !important;
    height: 210px !important;
    min-height: 210px !important;
  }
}

@media (max-width: 850px) {
  .site-shell #collective-lingerie .category-product-media.lya-carousel-media {
    width: 100% !important;
    height: 140px !important;
    min-height: 140px !important;
  }
}

@media (max-width: 380px) {
  .site-shell #collective-lingerie .category-product-media.lya-carousel-media {
    height: 120px !important;
    min-height: 120px !important;
  }
}

/* Expanded Period Underwear carousel: the whole photo stays inside the frame. */
.lya-carousel-lightbox {
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 12px !important;
}

.lya-carousel-lightbox .lya-carousel-lightbox-panel {
  box-sizing: border-box !important;
  width: min(92vw, 720px) !important;
  height: min(88vh, 860px) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 24px) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

.lya-carousel-lightbox .lya-carousel-lightbox-image {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  overflow: hidden !important;
}

@media (max-width: 850px) {
  .lya-carousel-lightbox {
    padding: 8px !important;
  }

  .lya-carousel-lightbox .lya-carousel-lightbox-panel {
    width: calc(100vw - 16px) !important;
    height: calc(100vh - 32px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 32px) !important;
    padding: 42px 34px 38px !important;
    border-radius: 14px !important;
  }

  .lya-carousel-lightbox .lya-carousel-lightbox-image {
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px !important;
  }
}