/* LIOVELA B2C V67 - MOBILE WISHLIST EDGE / TAP TARGET FINAL
   Modyfikator stworzony przez gumis
   Cel: po V66 został tylko edge-case na 768px: .st-wishlist-button x=760/w=33.
   Zakres: mobile/tablet do 991px; bez ruszania desktopu, logo, koszyka, lupy i quicknav. */

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

  body .product-miniature,
  body article.product-miniature,
  body .js-product-miniature,
  body .thumbnail-container,
  body .products .product,
  body .products article,
  body .liovela-v67-wishlist-card {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .product-miniature,
  body article.product-miniature,
  body .js-product-miniature,
  body .thumbnail-container,
  body .liovela-v67-wishlist-card {
    position: relative !important;
  }

  body .product-miniature .product-description,
  body article.product-miniature .product-description,
  body .js-product-miniature .product-description,
  body .thumbnail-container .product-description,
  body .liovela-v67-wishlist-card .product-description {
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  body .st-wishlist-button.btn-product.btn,
  body a.st-wishlist-button.btn-product.btn,
  body .liovela-v67-wishlist-btn {
    width: 33px !important;
    min-width: 33px !important;
    max-width: 33px !important;
    height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    transform: none !important;
    left: auto !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 8 !important;
  }

  body .st-wishlist-button.btn-product.btn .st-wishlist-title,
  body .st-wishlist-button.btn-product.btn .st-wishlist-bt-content,
  body .liovela-v67-wishlist-btn .st-wishlist-title,
  body .liovela-v67-wishlist-btn .st-wishlist-bt-content {
    max-width: 33px !important;
    width: 33px !important;
    min-width: 33px !important;
    height: 33px !important;
    line-height: 33px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-indent: -9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .st-wishlist-button.btn-product.btn i,
  body .st-wishlist-button.btn-product.btn svg,
  body .st-wishlist-button.btn-product.btn .material-icons,
  body .liovela-v67-wishlist-btn i,
  body .liovela-v67-wishlist-btn svg,
  body .liovela-v67-wishlist-btn .material-icons {
    text-indent: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
  }

  /* Ostatni realny BAD z V66: tablet 768px, przycisk wishlist zaczynał się na x=760 i wystawał poza viewport. */
  @media (min-width: 700px) and (max-width: 991px) {
    body .liovela-v67-wishlist-card .st-wishlist-button.btn-product.btn,
    body .liovela-v67-wishlist-card a.st-wishlist-button.btn-product.btn,
    body .product-miniature .st-wishlist-button.btn-product.btn,
    body article.product-miniature .st-wishlist-button.btn-product.btn,
    body .js-product-miniature .st-wishlist-button.btn-product.btn,
    body .thumbnail-container .st-wishlist-button.btn-product.btn {
      position: absolute !important;
      top: 50% !important;
      right: 14px !important;
      left: auto !important;
      margin-top: -16px !important;
      transform: none !important;
    }

    body .liovela-v67-wishlist-card .product-description,
    body .product-miniature .product-description,
    body article.product-miniature .product-description,
    body .js-product-miniature .product-description,
    body .thumbnail-container .product-description {
      padding-right: 58px !important;
    }
  }

  @media (max-width: 699px) {
    body .liovela-v67-wishlist-card .st-wishlist-button.btn-product.btn,
    body .liovela-v67-wishlist-card a.st-wishlist-button.btn-product.btn {
      right: 8px !important;
    }
  }

  /* Kosmetyka po V66: linki produktowe miały wysokość ok. 20px i łapały WARN jako mały tap-target. */
  body .product-miniature .product-title a,
  body article.product-miniature .product-title a,
  body .js-product-miniature .product-title a,
  body .product-miniature h3 a,
  body article.product-miniature h3 a,
  body .product-miniature .h3 a,
  body .products .product-miniature .product-description a,
  body .products article.product-miniature .product-description a,
  body .liovela-v67-wishlist-card .product-description a {
    min-height: 28px !important;
    line-height: 1.35 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
}