/* MQV PWA: only installed mobile apps. Theme templates stay unchanged. */
@media (display-mode: standalone) and (max-width: 767px) {
  body:not(#checkout) #sticky-header .container.cabecera {
    padding: 8px 10px !important;
  }
  body:not(#checkout) #sticky-header .cabecera > .row {
    min-height: 48px;
  }
  body:not(#checkout) #sticky-header .logo-movil {
    max-height: 42px;
    object-fit: contain;
  }
  body:not(#checkout) #sticky-header .navbar-toggler,
  body:not(#checkout) #toggle-buscador {
    min-width: 44px;
    min-height: 44px;
  }
  body:not(#checkout) #toggle-buscador {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* Keep the full photo visible, preserving the existing carousel and zoom. */
  #product #product-cover-images-carousel .product-cover > img.js-qv-product-cover {
    height: 260px !important;
    height: min(260px, 35vh) !important;
    width: 100% !important;
    object-fit: contain;
  }
  #product .footer-btnBag {
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
  }
  #product .footer-btnBag > .row {
    margin-left: 0;
    margin-right: 0;
  }
  #product .footer-btnBag .col-10,
  #product .footer-btnBag .col-2 {
    padding-left: 4px;
    padding-right: 4px;
  }
  #product .footer-btnBag .product-btnFooter {
    width: 100% !important;
    margin-left: 0 !important;
    min-height: 50px;
  }
  #product .footer-btnBag .btn-add-fav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }
  #product #main {
    padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px));
  }
  /* Compatibility with the old theme chat if it is still enabled. */
  body:not(#checkout) #open_ochat_conversion {
    left: auto !important;
    right: 12px !important;
    width: auto !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #product #open_ochat_conversion {
    bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #product .descripcion-corta {
    text-align: left !important;
    line-height: 1.5;
  }
}
