/* LIOVELA B2C V74 - mobile product image guard
 * Modyfikator stworzony przez gumis
 * Zakres: tylko karta produktu na mobile/tablet. Naprawia ucinanie głównego zdjęcia produktu po V73.
 * Nie rusza: header, koszyk, checkout, search, języki, desktop.
 */
@media (max-width: 767px) {
  body#product,
  body#product .product-page,
  body#product #content,
  body#product .product-leftside,
  body#product #content .product-leftside,
  body#product .images-container,
  body#product .product-cover,
  body#product .product-cover .layer,
  body#product .product-cover picture,
  body#product .product-images,
  body#product .js-qv-mask,
  body#product .mask {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body#product .product-leftside,
  body#product #content .product-leftside,
  body#product .images-container,
  body#product .product-cover,
  body#product .product-cover .layer,
  body#product .js-qv-mask,
  body#product .mask {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body#product .product-cover,
  body#product .images-container {
    display: block !important;
    clear: both !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body#product .product-cover img,
  body#product .product-cover .js-qv-product-cover,
  body#product img.js-qv-product-cover,
  body#product .images-container img,
  body#product .product-leftside img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }

  body#product .product-cover picture,
  body#product .images-container picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body#product .product-images,
  body#product .product-images .thumb-container,
  body#product .thumb-container {
    overflow: visible !important;
    max-height: none !important;
  }

  body#product .product-images img,
  body#product .thumb-container img {
    width: auto !important;
    max-width: 72px !important;
    height: auto !important;
    max-height: 72px !important;
    object-fit: contain !important;
  }

  body#product .zoomContainer,
  body#product .zoomWindowContainer,
  body#product .zoomLens {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body#product .product-leftside,
  body#product #content .product-leftside,
  body#product .images-container,
  body#product .product-cover {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body#product .product-cover img,
  body#product img.js-qv-product-cover,
  body#product .images-container img {
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }
}