/* Swipe between cards on phones; desktop and tablet layouts stay in the theme. */
@media (max-width:767.98px){
    :is(#cafe-cards > .row, section[data-builder-label="Galeria do ambiente"] #masonry, section[data-builder-label="Promoções"] > .container > .row:not(.justify-content-center), .fb-blog-grid, .fb-event-grid){
        display:flex;
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:20px;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:0;
        -webkit-overflow-scrolling:touch;
        margin:0;
        padding:0 0 14px;
        width:100%;
        max-width:100%;
        scrollbar-width:thin;
    }
    :is(#cafe-cards > .row, section[data-builder-label="Galeria do ambiente"] #masonry, section[data-builder-label="Promoções"] > .container > .row:not(.justify-content-center), .fb-blog-grid, .fb-event-grid) > *{
        flex:0 0 88%;
        width:88%;
        max-width:none;
        min-width:0;
        margin-top:0;
        padding-inline:0;
        scroll-snap-align:start;
        overflow-wrap:anywhere;
    }
    :is(#cafe-cards > .row, section[data-builder-label="Galeria do ambiente"] #masonry, section[data-builder-label="Promoções"] > .container > .row:not(.justify-content-center)) > *{
        visibility:visible!important;
        opacity:1!important;
        transform:none!important;
    }
    .fb-blog-grid > .fb-blog-editorial-card{flex-direction:column;align-items:stretch;gap:18px}
    .fb-blog-grid > .fb-blog-editorial-card .fb-blog-photo{flex:0 0 auto;width:100%}
    .fb-blog-grid > .fb-blog-editorial-card .fb-blog-photo img{aspect-ratio:16/10}
}

@media (max-width:767.98px){
    section[data-builder-label="Galeria do ambiente"] #masonry{height:auto!important}
    section[data-builder-label="Galeria do ambiente"] #masonry > .grid-sizer{display:none!important}
    section[data-builder-label="Galeria do ambiente"] #masonry > .item{
        position:relative!important;
        inset:auto!important;
        transform:none!important;
        height:auto!important;
        padding:0;
        float:none;
    }
    section[data-builder-label="Galeria do ambiente"] #masonry > .item img{
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }
}

@media (max-width:767.98px){
    section[data-builder-label="Horários, endereço e contato"]{padding-block:28px}
    section[data-builder-label="Horários, endereço e contato"] > .container > .row{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
        width:100%;
        margin:0;
        overflow:visible;
    }
    section[data-builder-label="Horários, endereço e contato"] > .container > .row > *{
        width:auto;
        min-width:0;
        margin:0;
        padding:0;
        visibility:visible!important;
        opacity:1!important;
        transform:none!important;
        overflow-wrap:anywhere;
    }
    section[data-builder-label="Horários, endereço e contato"] img{display:none}
    section[data-builder-label="Horários, endereço e contato"] h4{
        font-size:14px;
        line-height:1.2;
        min-height:34px;
        margin:0 0 8px;
    }
    section[data-builder-label="Horários, endereço e contato"] p{
        font-size:11px;
        line-height:1.45;
        margin:0 0 6px;
    }
    section[data-builder-label="Horários, endereço e contato"] a{font-size:inherit;white-space:normal}
}