/* LIOVELA B2C V77C - mobile buybox order lite
 * Autor: Modyfikator stworzony przez gumis
 * Cel: na karcie produktu mobile buybox ma być pod zdjęciem/miniaturami, przed opisem.
 * Zakres: tylko body#product <= 767px. Bez checkoutu, koszyka, headera, języków i DB.
 */
@media (max-width: 767px) {
  body#product .images-container .js-qv-mask,
  body#product .images-container .mask,
  body#product .images-container #additional-carousel,
  body#product .images-container .additional-image-slider,
  body#product .images-container .thumb-container,
  body#product .images-container .js-thumb {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body#product .images-container .js-qv-mask,
  body#product .images-container .mask {
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 10px 0 12px !important;
  }

  body#product .images-container #additional-carousel,
  body#product .images-container .additional-image-slider {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  body#product .images-container .thumb-container {
    width: auto !important;
    max-width: 84px !important;
    height: auto !important;
    float: none !important;
    clear: none !important;
    margin: 0 4px 8px !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: top !important;
  }

  body#product .images-container .js-thumb,
  body#product .images-container img.thumb {
    width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    background: #fff !important;
    padding: 2px !important;
    box-sizing: border-box !important;
  }

  body#product .liovela-v77c-mobile-buybox {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
    margin: 14px 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    position: static !important;
    transform: none !important;
    z-index: auto !important;
  }

  body#product .liovela-v77c-mobile-buybox form,
  body#product .liovela-v77c-mobile-buybox .product-add-to-cart,
  body#product .liovela-v77c-mobile-buybox .product-quantity,
  body#product .liovela-v77c-mobile-buybox .add-to-cart,
  body#product .liovela-v77c-mobile-buybox button[data-button-action="add-to-cart"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body#product .liovela-v77c-original-slot {
    display: none !important;
  }
}