

/* MYASO_CATALOG_IMAGE_COVER_2026_05_15
   Rollback: remove this block to restore contain thumbnails. */
.catalog.catalog-page .catalog__item__img {
  height: 100%;
  object-fit: cover;
}



/* MYASO_PRODUCT_CARD_SAFE_LAYOUT_2026_05_29
   Keeps product-page breadcrumbs, price pills and content inside the card. */
.product .product__wrapper,
.product .product__content,
.product .product__slider__wrap {
  box-sizing: border-box;
  min-width: 0;
}

.product .product__content > *,
.product .product__text p {
  max-width: 100%;
}

.product .breadcrumbs {
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.product .breadcrumbs::-webkit-scrollbar {
  display: none;
}

.product .breadcrumbs > span {
  min-width: max-content;
  flex-wrap: nowrap;
  align-items: center;
}

.product .breadcrumbs a,
.product .breadcrumbs .breadcrumb_last {
  white-space: nowrap;
}

.product .product__price {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 56px;
  height: auto;
  line-height: 1.08;
  white-space: nowrap;
}

.product .product__price--notice {
  white-space: normal;
  font-size: 28px;
}

.product .product__title,
.product .product__text,
.product .product__del,
.product .product__del__list li {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.product .product__del__list li img {
  flex: 0 0 24px;
}

.product .product__slider-for,
.product .product__slider-for .slick-list,
.product .product__slider-nav,
.product .product__slider-nav .slick-list {
  max-width: 100%;
}

.product .product__slider-for img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1023px) {
  .product .product__price {
    min-height: 44px;
  }

  .product .product__price--notice {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .product .product__wrapper {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    border-radius: 24px;
  }

  .product .breadcrumbs,
  .product .product__content,
  .product .product__content > *,
  .product .product__slider__wrap,
  .product .product__slider-for,
  .product .product__slider-for img,
  .product .product__text,
  .product .product__text p,
  .product .product__del {
    max-width: calc(100vw - 64px);
  }

  .product .breadcrumbs {
    width: 100%;
  }

  .product .product__slider__wrap,
  .product .product__content {
    width: 100%;
  }

  .product .product__title {
    font-size: 30px;
    line-height: 1.12;
  }

  .product .product__price {
    white-space: normal;
  }

  .product .product__price--notice {
    font-size: 22px;
  }
}

/* MYASO_RELATED_PRODUCTS_FIX_2026_05_29
   Match related product cards to catalog cards without changing the main catalog. */
.catalog.catalog-related .catalog__item > a:first-child {
  display: block;
  overflow: hidden;
  border-radius: 24px;
  aspect-ratio: 1 / 1;
  background: #fff;
}

.catalog.catalog-related .catalog__item__img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #fff;
}

.catalog.catalog-related .catalog__item__price {
  min-height: 0;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
  white-space: normal;
}

.catalog.catalog-related .catalog__item__price span {
  white-space: normal;
}
