/*
Theme Name: Komo Child
Author: VamTam
Author URI: https://vamtam.com
Template: komo
*/

/* put your child theme styles here you do not need any @import rules */


/* Fit whole cycles into consistent product-gallery stages and catalogue cards. */
body.single-product .woocommerce-product-gallery__image img.wp-post-image {
  width: 100%;
  height: clamp(260px, 38vw, 480px) !important;
  object-fit: contain;
  object-position: center center;
  background: #fff;
  contain-intrinsic-size: none;
}
body.single-product .cbp-pagination-item {
  vertical-align: top;
}
body.single-product .cbp-pagination-item img {
  width: 100%;
  height: 80px !important;
  object-fit: contain;
  object-position: center center;
  background: #fff;
  contain-intrinsic-size: none;
}
.woocommerce ul.products li.product a img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center center;
  background: #fff;
}
.woocommerce ul.products li.product.post-988318 a img {
  padding: 18px;
  box-sizing: border-box;
}

/* Keep related-product cards proportional and their names inside the carousel. */
body.single-product .woocommerce-scrollable .product-thumbnail,
body.single-product .woocommerce-scrollable .product-thumbnail > a {
  height: 240px !important;
}
body.single-product .woocommerce-scrollable .product-thumbnail > a {
  display: block;
}
body.single-product .woocommerce-scrollable .product-thumbnail img {
  display: block;
  width: 100% !important;
  height: 240px !important;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  contain-intrinsic-size: none;
  background: #fff;
}
body.single-product .woocommerce-scrollable .woocommerce-loop-product__title {
  display: block;
  min-height: 2.8em;
  height: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.4;
  opacity: 1;
  visibility: visible;
}