/* Compacta somente os atalhos/promocoes flutuantes da lateral no celular. */
@media (max-width: 767px) {
  .fp-r-INllF {
    position: fixed !important;
    top: min(calc(31vh + 45px), calc(100vh - 360px)) !important;
    right: 8px !important;
    width: 56px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 5px !important;
    z-index: 100 !important;
  }

  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    flex: 0 0 56px !important;
  }

  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT .drag-close-qU6sj,
  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT .drag-close-qU6sj > img {
    width: 16px !important;
    height: 16px !important;
  }
}

/* Desktop: menor, alinhado e com pouco espaco entre os atalhos. */
.mh-desktop-float-fallback {
  display: none;
}

@media (min-width: 768px) {
  .mh-desktop-float-fallback {
    position: fixed;
    top: auto;
    bottom: 80px;
    right: 6px;
    width: 52px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    z-index: 99;
  }

  .mh-desktop-float-fallback > img {
    display: block;
    width: 52px;
    height: 52px;
    object-fit: contain;
  }

  .fp-r-INllF {
    position: fixed !important;
    top: auto !important;
    bottom: 80px !important;
    right: 6px !important;
    width: 52px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 3px !important;
    z-index: 100 !important;
  }

  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT {
    position: relative !important;
    inset: auto !important;
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    flex: 0 0 52px !important;
  }

  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT > span:first-child,
  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT > span:first-child > div,
  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT > span:first-child > div > img {
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
  }

  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT > span:first-child > div > img {
    object-fit: contain !important;
  }

  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT .drag-close-qU6sj,
  .fp-r-INllF > .drag-wNihq.fp-drag-wfOLT .drag-close-qU6sj > img {
    width: 13px !important;
    height: 13px !important;
  }
}