/* Barra inferior fija en móvil/tablet (<=992px).
   - Se quitan los iconos de correo y teléfono (el contacto sigue en el menú).
   - En páginas SIN contenido de compra (#bottom-arrow) ya no hay barra: queda solo
     un botón flotante "subir", visible al desplazarse.
   - En el proceso de compra (#bottom-bar: carrito, adicionales, formulario, ficha
     de producto...) la barra se mantiene con sus botones.
   Archivo nuevo, no toca ro.css. */
@media (max-width: 992px) {
    /* Sin barra: ni hueco reservado debajo (ro.css reservaba 65px + 50px de pie). */
    body:has(#bottom-arrow) {
        margin-bottom: 0;
    }
    body:has(#bottom-arrow) main footer {
        margin-bottom: 0;
    }
    #bottom-arrow {
        left: auto;
        right: 14px;
        bottom: 14px;
        width: auto;
        height: auto;
        padding: 0 !important;
        background: none;
        border: 0;
        box-shadow: none;
    }
    /* Visible solo tras desplazarse (ro-scripts.js añade .show al desplazarse); ro.css lo
       forzaba siempre visible en móvil. */
    #bottom-arrow:not(.show) {
        visibility: hidden !important;
    }
    #bottom-arrow .container-fluid {
        padding: 0;
    }
    #bottom-arrow .nav-bottom-bar,
    #bottom-arrow .wrapper-btn {
        display: none;
    }
    #bottom-arrow .go-top {
        position: static !important;
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        padding: 0 !important;
        border: 1px solid #d3d3d3;
        border-radius: 50%;
        background: #fff;
        color: #222326;
        font-size: 22px;
        line-height: 1;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    }
}