/* LIOVELA B2C V71 - MOBILE COMPARE EDGE / VIEWPORT FINAL
   Modyfikator stworzony przez gumis
   Cel: po V70 zostało tylko a.st-compare-button.btn-product.btn na 768px: x=749, w=33. */

@media (max-width: 991px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body *,
  body *::before,
  body *::after {
    box-sizing: border-box !important;
  }

  /* Bezpieczny kontener dla kart produktów i porównywarki. */
  body article.product-miniature,
  body .product-miniature,
  body .js-product-miniature,
  body .product-miniature .thumbnail-container,
  body .product-miniature .product-description,
  body .product-miniature .product-actions,
  body .product-miniature .highlighted-informations,
  body .products,
  body .js-product-list .products,
  body .featured-products,
  body .product-accessories,
  body .product_list,
  body .product-grid {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Ostatni realny BAD: compare na 768px wystaje kilka-kilkanaście px poza prawą krawędź. */
  body a.st-compare-button.btn-product.btn,
  body a.st-compare-button,
  body .st-compare-button.btn-product.btn,
  body .st-compare-button {
    max-width: 38px !important;
    width: 33px !important;
    min-width: 33px !important;
    min-height: 33px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    z-index: 8 !important;
  }
}

@media (min-width: 700px) and (max-width: 991px) {
  body a.st-compare-button.btn-product.btn,
  body a.st-compare-button,
  body .st-compare-button.btn-product.btn,
  body .st-compare-button {
    transform: translateX(-36px) !important;
  }
}

@media (max-width: 699px) {
  body a.st-compare-button.btn-product.btn,
  body a.st-compare-button,
  body .st-compare-button.btn-product.btn,
  body .st-compare-button {
    transform: none !important;
  }
}