@media only screen and (max-width : 1024px)
{

.top-menu-wrapper img.logo{
border:0px solid white;
max-width:120px;
}

.search-menu
{
padding-top:10px;
}

.mobile-banner{
    width: 100%;

}

.mobile-banner-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    /* max-width: 776px; */
    /* height: 100%; */
}
    

.mobile-banner-wrap img{
    width: 100%;
    background-attachment: fixed;
}

/* .search-wraps h1,
.search-wraps p,
.search-wraps p a
{
    background: rgba(0, 0, 0, 0.3);
} */

.top-menu-wrapper
{
display: block;
background: linear-gradient(135deg, var(--layout3-primary-color, #8c1317) 0%, #e53e3e 50%, #ff4757 100%);
border-bottom:2px solid #14171b;
}

.cart-mobile-handle{
    position: fixed;
    bottom:20px;
    right:20px;
    cursor: pointer;
    width: 53px;
    height: 48px;
    border-radius: 30px;
    background-color:#8c1317;
    border: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    font-size: 24px;
    color: white;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    padding: 15px;
}

/*.top-menu-wrapper .col-b,*/
.search-left-content,
.search-view-map,
.menu-right-content,
#change-package-wrap,
#section-social-login
{
display:none;
}

/* Logo clicável - sem interferir com outros elementos */
.logo-desktop,
.logo-mobile {
    pointer-events: none; /* Deixar o container controlar os cliques */
}

.logo-container {
    display: inline-block;
    max-width: fit-content;
    width: auto;
    cursor: pointer;
    pointer-events: auto !important;
    position: relative;
    z-index: 9999;
    /* Debug removido - container funcionando */
}

/* Responsividade dos logos - fora da media query para evitar conflitos */
@media only screen and (max-width: 1024px) {
    .logo-desktop {
        display: none !important;
    }
    .logo-mobile {
        display: block !important;
        max-width: 120px !important;
    }
}

@media only screen and (min-width: 1025px) {
    .logo-desktop {
        display: block !important;
        max-width: 200px !important;
    }
    .logo-mobile {
        display: none !important;
    }
}

#parallax-wrap{
/*background-image:none !important;*/
}

.menu-right-content.modal
{
padding-top:20px;
}

.search-wraps,
.parallax-search .search-wraps
{
    padding-top: 40px;
}

#parallax-wrap
{
min-height:inherit;
border:0px solid red;
padding-bottom:20px;
padding-top:20px;
/* margin-top: 100px; */
}

.search-input-wraps{
}

.mobile-home-banner{
    width: 100%;
    /* height: 100vh; */
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 2;
    margin-top: 79px;

}



/* Elementos mobile - mostrar em mobile e tablet */
@media only screen and (max-width: 1025px) {
    .mobile-banner,
    .logo-mobile,
    .menu-nav-mobile,
    #mobile-filter-handle,
    #mobile-viewmap-handle,
    .cart-mobile-handle,
    #mobile-social-login,
    .parallax-search
    {
        display:block !important;
    }
}

/* Esconder elementos mobile apenas no desktop */
@media only screen and (min-width: 1026px) {
    .mobile-banner,
    .logo-mobile,
    .menu-nav-mobile,
    #mobile-filter-handle,
    #mobile-viewmap-handle,
    .cart-mobile-handle,
    #mobile-social-login
    {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Regra específica adicional para cart-mobile-handle */
@media only screen and (min-width: 1026px) {
    .cart-mobile-handle,
    .cart-mobile-handle a,
    .cart-mobile-handle .badge {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Regra específica para mobile-banner */
@media only screen and (max-width: 768px) {
    body .mobile-banner {
        display: none;
    }
}

.search-wraps h1{
font-size:45px;
}
.search-input-wraps{
padding:10px 20px;
}

.sections h2, .sections h4
{
font-size:25px;
}

.section-footer h3{
font-size:14px;
}

.search-wraps{
width:auto;
border:0px solid red;
}

.advance-search.search-wraps h1{
padding-top:10px;
}

.search-wraps p, .search-wraps p a,
.search-wraps h1
{
margin:0;
}

.menu-top-menu .green-button,
.menu-top-menu .orange-button
{
background:none;
border:none;
padding:0;
}

#cuisine_chosen{
width:100% !important;
}

.section-checkout a.forgot-pass-link2{
padding-bottom:10px;
}

.with-padleft{
padding-left:15px !important;
}

.section-menu .row .menu-left-content{
width:100%;
}

.menu-3 img{
    display:block;
    margin:auto auto 10px;
    max-width:100%;
}

}

@media only screen and (max-width : 970px)
{

.cart-mobile-handle , .top-menu-wrapper{
    padding: 13px;
}

.location-fee-wrap{
min-width: auto;
}

.top-menu-wrapper img.logo{
border:0px solid brown;
max-width:120px;
min-width:inherit;
}

/* contact */
#contact-map,
.section-contact .container-map
{
position:relative;
}

.section-contact .container-map .inner{
max-width:100%;
min-width:100%;
}

.container-map .dim,
.container-map .black
{
min-height:inherit;
max-height:inherit;
padding:30px;
border:none;
}
.section-contact .container-map .row{
margin-left:0;
margin-right:0;
}
.sections.section-contact{
 min-height: auto;
}
.container-map .dim{
background: rgb(6, 6, 6);
background:rgba(6, 6, 6, 0.9);
border-bottom:none;
}
.container-map .black{
background:none;
padding-top:0;
}
/* contact */

.subscribe-footer .col-md-3,
.subscribe-footer .col-md-2,
.section-browse .result-merchant h2,
.section-browse #restuarant-list p
{
text-align:center;
}
.section-browse #restuarant-list .mytable,
.section-browse #restuarant-list .mytable .mycol
{
border:0px solid red;
width:auto;
margin:auto;
}

.section-browse #restuarant-list a{
margin:20px auto;
display:table;
}

.subscribe-footer .col-md-3{
padding-bottom:10px;
}

.section-subcribe .green-button, .section-subcribe .email
{
padding:10px 18px
}

.section-subcribe .email{
font-size:15px;
width:50%;
}


.search-wraps h1
{
margin:0;
}

.sections,
.parallax-container
{
padding-bottom: 15px;
padding-top: 20px;
}

.sections h2, .sections h4,
.forgot-pass-link2,
#frm-modal-forgotpass .back-link
{
margin:0;
margin-bottom:10px;
}

img.img-cuisine{
margin:0 auto auto;
}

#search-listgrid .col-md-7,
#search-listgrid h2,
#search-listgrid .col-md-3
{
text-align:center;
}

#search-listgrid .mytable{
border:0px solid red;
margin:auto;
}
.result-merchant .inner.list-view a.orange-button
{
margin:20px auto auto;
}

#search-listgrid .row{
margin-left:0px;
margin-right:0px;
}

#search-listgrid{
padding-left:15px;
padding-right:15px;
}

.section-menu ul#tabs li span
{
display:none;
}

.section-menu ul#tabs li i
{
display:block;
}

.container-medium{
width:auto;
}

.location-fee-wrap .inner {
overflow-x: scroll;
overflow-y: hidden;
/* SCROLL INSTANTÂNEO - máxima responsividade */
-webkit-overflow-scrolling: touch;
touch-action: manipulation; /* Máxima responsividade */
scroll-behavior: auto; /* Instantâneo, não suave */
overscroll-behavior: none;
/* Hardware acceleration máxima */
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
will-change: scroll-position, transform;
/* Performance crítica */
contain: layout style paint;
isolation: isolate;
/* Eliminar delays */
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.menu-3 img{
    display:block;
    margin:auto auto 10px;
    max-width:100%;
}

#menu{
    position: absolute;
    top: 1rem !important;
    right: 0 !important;
}

}

@media only screen and (max-width : 750px) 
{
/* Configurações globais para SCROLL INSTANTÂNEO no mobile */
*[style*="overflow-x: auto"],
*[style*="overflow-x: scroll"],
.category-nav-scroll,
.promotions-carousel-container,
.location-fee-wrap .inner,
.category {
    -webkit-overflow-scrolling: touch !important;
    touch-action: manipulation !important; /* Máxima responsividade */
    scroll-behavior: auto !important; /* INSTANTÂNEO, não suave */
    overscroll-behavior: none !important;
    /* Hardware acceleration máxima */
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    will-change: scroll-position, transform !important;
    /* Performance crítica */
    contain: layout style paint !important;
    isolation: isolate !important;
    /* Eliminar completamente delays */
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-touch-callout: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

/* GARANTIR que os links das categorias SEMPRE sejam clicáveis no mobile */
.category-nav-link,
.category-nav-item,
.category-child,
a.lazy_load_item,
.category a {
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(140, 19, 23, 0.2) !important;
    -webkit-touch-callout: none !important;
    position: relative !important;
    z-index: 10 !important;
}

.cart-mobile-handle , .top-menu-wrapper{
    padding: 13px;
}

.result-merchant .logo-medium {
max-width: 100px;
min-height: 100px;
}

.top-menu-wrapper img.logo{
border:0px solid yellow;
max-width:120px;
}

.location-search-1 .left-border{
border-right:1px solid #f75d34;
margin-bottom:10px;
}

.indent-5percent{
text-indent:inherit;
}

#mobile-social-login .a{
margin-left: 15%;
width: 30%;
}

#mobile-header{
border:0px solid yellow;
width: 100%;
}

.merchant-opening-hours .col-md-3,
.merchant-opening-hours .col-md-6,
#mobile-app-sections .into-row
{
float: none;
width: 100%;
}

.menu-3 img{
display:block;
margin:auto auto 10px;
max-width:100%;
}

.menu-3,
#mobile-app-sections
{
text-align:center;
}

#merchant-map{
min-height:200px;
max-height:200px;
}

.logo-medium
{
max-width: 100px;
min-width: 100px;
}

.order-progress-bar{
background:none;
padding-bottom:8px;
padding-top:8px;
border-top:0;
}

#parallax-wrap
{
padding-bottom:10px;
padding-top:10px;
}

.mobile-search-menu.mytable,
.progress-dot.mytable
{
display:table;
}

.search-menu,
.order-progress-bar .container,
/*#menu-tab-wrapper*/ .category-list,
.menu-cat .items-row a.dsktop,
.menu-2 a.dsktop,
.menu-3 a.dsktop,
.section-profile #tabs li span,
.section-browse #tabs li span,
.app-image-wrap,
#getapp-wrap
{
display:none;
}


.category-list{
    position: sticky !important;
    display: block;
    top: 0;
    font-size: 20px;
    padding-top: 7px;
    width: 100%;
    margin-bottom: 20px;
    z-index: 1;

}

.category{
    display: inline-flex;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    /* SCROLL INSTANTÂNEO - máxima responsividade */
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto; /* Instantâneo, não suave */
    touch-action: manipulation; /* Máxima responsividade ao toque */
    overscroll-behavior: none;
    /* Performance crítica */
    scroll-snap-type: none;
    -webkit-scroll-snap-type: none;
    /* Aceleração máxima de hardware */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: scroll-position, transform;
    contain: layout style paint;
    /* Eliminar delays */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

.category a{
    /* definimos a cor de fundo do box */
    background-color:#8c1317;
    /* definimos o quão arredondado irá ficar nosso box */
    border-radius: 10px 20px 30px;
    border: solid 2px #ec391c;
    color: white;
    font-weight: 600;
    margin-right: 5px;
    padding: 10px 20px 10px 10px;
}

.category a:focus, .category a:hover {
    color:#8c1317;
    border: solid 3px #ec391c;
    background-color: white;
    font-weight: bolder;
}

#menu-tab-wrapper{
    display: block;
}

.section-browse #tabs li i,
.section-profile ul#tabs li i
{
font-size:30px;
}

.menu-cat .items-row a.mbile,
.menu-2 a.mbile,
.menu-3 a.mbile,
#getapp-wrap2,
.view-receipt-mobile
{
display:block;
}


.section-how-it-works .steps
{
border:0px solid red;
max-width: inherit;
min-height: auto;
}


.top-menu-wrapper.top-home .col-a{
padding-left:0;
padding-right:0;
}

.section-feature-resto .col-md-9.col-sm-9
{
text-align:center;
}

.section-feature-resto .services-type{
border:0px solid red;
margin:auto;
}

.search-wraps h1
{
font-size:35px;
}

.sections h2, .sections h4{
font-size:23px;
margin:0 0 8px;
}

.sections,
.parallax-container
{
padding-bottom: 10px;
padding-top: 15px;
}

.section-cuisine a{
text-align:center;
display:block;
}

/* p, .search-input-wraps #s, .search-input-wraps .search-field{
    background: transparent !important;
    background-color: transparent !important;
    color: #2a2a2a !important;
    font-size: 18px !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
} */

.section-feature-resto h2, .section-cuisine .sub-text
{
margin-bottom:20px
}


.section-cuisine a{
padding-top:5px;
padding-bottom:5px;
}

.section-cuisine a.even
{
background:#f4f4f4;
border:1px solid #c9c7c7;
border-left:0;
border-right:0;
}

.section-cuisine .nopad
{
margin: 0;
overflow: hidden;
padding: 0;
}

#menu-list-wrapper
{
width:100%;
}

.merchant-review-wrap a.inline{
display:block;
margin-bottom:5px;
}

#mobile-app-sections h2{
margin-top:auto;
font-size:25px;
}

#mobile-app-sections{
padding-bottom:30px;
}
#mobile-app-sections h3{
font-size:20px;
}

.easy-autocomplete{
width:100% !important;
}

.col-a{
    width: 100%;
}
.col-b{
    width: 100%;
    margin: 1%;
}

#menu{
    position: absolute;
    top: 1.2rem !important;
    right: 0 !important;
    display: flex;
    flex-direction: column;
}

}

@media only screen and (max-width : 480px)
{
.cart-mobile-handle  , .top-menu-wrapper{
    padding: 13px;
}

.top-menu-wrapper img.logo{
border:0px solid green;
max-width:110px;
}

.section-order-history table tr td,
.section-credit-card table tr td
{
display: block;
text-align: center;
}
.section-order-history table tr.tr_mobile,
.section-credit-card table tr
{
margin-bottom:15px;
display:block;
}

.section-credit-card table thead{
display:none;
}

.section-order-history table tr td p{
font-size:13px;
}

#getapp-wrap2 img{
max-width:100px;
}

#getapp-wrap2{
margin:auto;
width:260px;
}

#mobile-header{
border:0px solid green;
}

.menu-nav-mobile{
width:15%;
}

.merchant-review-wrap .into-row,
.view-food-item-wrap .into-row
{
float:none;
width:auto;
}

.view-food-item-wrap .into-row-2{
width:32%;
float:none;
display:inline-table;
margin-bottom:8px;
text-align:center;
padding:0;
}
.view-food-item-wrap .into-row-2.text-to-right{
text-align:right;
}
.view-food-item-wrap .into-row-2.text-to-left{
text-align:left;
}

.view-food-item-wrap .to-hide{
display:none;
}
.view-food-item-wrap .to-show{
display:inline;
}

.view-food-item-wrap .into-row
{
text-align:center;
margin-bottom:5px;
}

.merchant-review-wrap a.inline
{
display:inline-block;
margin:auto;
}

.section-menu ul#tabs li
{
padding:5px 10px;
}

.section-menu ul#tabs li i
{
font-size:25px;
}

.logo-medium
{
max-width: 80px;
min-width: 80px;
}

.search-input-wraps
{
padding:8px 18px
}

.search-wraps h1{
font-size:30px;
}
.sections h2, .sections h4{
font-size:20px;
}

p, .search-input-wraps #s, .search-input-wraps .search-field,
.section-subcribe .email,
.section-subcribe .green-button, .section-subcribe .email
{
font-size:18px;
}

.search-input-wraps button[type="submit"],
#mobile-app-sections h2
{
font-size:23px;
}

.search-wraps h1{
font-size:28px;
/*margin-bottom:8px;*/
}


.section-how-it-works .steps img{
max-width:80px;
}

.section-how-it-works h3,
.mobile-search-menu a i
{
font-size:18px;
}

.section-subcribe .email
{
width:100%;
}

.mobile-search-menu.mytable
{
width:70%;
}

.sort-wrap .row .col-md-6
{
float:none;
width:100%;
text-align:center;
margin-bottom:8px;
}

#mobile-filter-handle, #mobile-viewmap-handle,
.sort-wrap .orange-button
{
display:inline-block;
float:none;
}

.menu-header .mytable
{
width:auto;
}

#search-listgrid .mytable,
#search-listgrid .mytable .mycol,
.menu-header .mytable,
.menu-header .mytable .mycol
{
display:block;
}

.menu-header .mytable .mycol
{
padding-top:3px;
padding-bottom:3px;
}

.result-merchant .inner.list-view a.orange-button
{
font-size:14px ;
}

#mobile-app-sections h2{
font-size:20px;
}
#mobile-app-sections h3{
font-size:16px;
}

#mobile-app-sections{
padding-top:10px;
padding-bottom:10px;
}

#mobile-app-sections h3{
margin-bottom:10px;
}

.section-subcribe h2{
line-height:1;
}

.section-footer a{
font-size:12px;
}

.top-menu-wrapper{
/*border-bottom:1px solid #14171b;*/
}

.fb-button.orange-button,
.google-button.orange-button
{
width:100%;
}

.language-selection-wrap {
padding:0;
}
.language-selection-wrap .orange-button{
font-size:11px;
}
.language-selection-close{
top:2%;
}

#menu-tab-wrapper .normal-price{
display:inline-block !important;
color:  #858585 !important;
text-decoration: line-through !important;
font-weight: normal !important;
}


}

@media only screen and (max-width : 320px)
{

.cart-mobile-handle , .top-menu-wrapper{
    padding: 13px;
}

.top-menu-wrapper img.logo{
border:0px solid orange;
max-width: 120px;
}


}

/* =============================================================================
   FORMATAÇÃO ESPECÍFICA DO CARRINHO MOBILE - SOLICITAÇÃO DO USUÁRIO
   ============================================================================= */

@media only screen and (max-width : 768px) {
    /* Resumo de preços mobile - exatamente como na imagem */
    body.layout3-active .menu-right-content .box-grey .summary-wrap,
    body.using-menu-3 .menu-right-content .box-grey .summary-wrap,
    .menu-right-content .box-grey .summary-wrap {
        background: #ffffff !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
        padding: 16px !important;
        margin: 16px 0 !important;
        backdrop-filter: none !important;
    }

    .menu-right-content .box-grey .summary-wrap .row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px 0 !important;
        border-bottom: none !important;
        margin: 0 !important;
    }

    .menu-right-content .box-grey .summary-wrap .row .col-md-6,
    .menu-right-content .box-grey .summary-wrap .row .col-xs-6 {
        flex: 1 !important;
        padding: 0 !important;
    }

    .menu-right-content .box-grey .summary-wrap .row .col-md-6:first-child,
    .menu-right-content .box-grey .summary-wrap .row .col-xs-6:first-child {
        text-align: left !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #666666 !important;
    }

    .menu-right-content .box-grey .summary-wrap .row .col-md-6:last-child,
    .menu-right-content .box-grey .summary-wrap .row .col-xs-6:last-child {
        text-align: right !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #333333 !important;
    }

    /* Total final mobile - exatamente como na imagem */
    .menu-right-content .box-grey .summary-wrap .row.cart_total_wrap,
    .menu-right-content .box-grey .summary-wrap .row:has(.cart_total) {
        background: rgba(255, 240, 240, 0.8) !important;
        border-radius: 8px !important;
        padding: 16px 12px !important;
        border: 1px solid rgba(255, 200, 200, 0.4) !important;
        margin-top: 8px !important;
        border-bottom: none !important;
    }

    .menu-right-content .box-grey .summary-wrap .row.cart_total_wrap .col-md-6,
    .menu-right-content .box-grey .summary-wrap .row.cart_total_wrap .col-xs-6 {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #333333 !important;
    }

    .menu-right-content .box-grey .summary-wrap .row.cart_total_wrap .col-md-6:first-child,
    .menu-right-content .box-grey .summary-wrap .row.cart_total_wrap .col-xs-6:first-child {
        color: #333333 !important;
        font-weight: 700 !important;
    }

    /* Botão Limpar mobile - abaixo do summary-wrap */
    .menu-right-content .box-grey .inner a.clear-cart {
        display: block !important;
        background: #f4f4f4 !important;
        color: #727272 !important;
        text-decoration: none !important;
        margin: 16px auto 0 auto !important;
        transition: all 0.3s ease !important;
        letter-spacing: 0.5px !important;
        text-align: center !important;
        width: auto !important;
        max-width: 150px !important;
        position: relative !important;
        clear: both !important;
        border: 1px solid #d3d3d3 !important;
        padding: 8px 16px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    .menu-right-content .box-grey .inner a.clear-cart:hover {
        transform: translateY(-1px) !important;
        background: #e9ecef !important;
        color: #495057 !important;
        text-decoration: none !important;
        outline: none !important;
    }

    /* Ajuste do container para acomodar o botão limpar */
    .menu-right-content .box-grey .inner:has(a.clear-cart) {
        padding-bottom: 60px !important;
    }

    /* Estilo específico para o bloco que contém o summary-wrap e botão limpar */
    .menu-right-content .box-grey .inner.center:has(.summary-wrap),
    .menu-right-content .box-grey .inner.delivery-option:has(.summary-wrap) {
        padding-bottom: 20px !important;
    }

    /* Posicionamento do botão limpar após o summary-wrap */
    .menu-right-content .box-grey .summary-wrap + a.clear-cart,
    .menu-right-content .box-grey .summary-wrap ~ a.clear-cart {
        display: block !important;
        margin-top: 16px !important;
    }

    /* Alternativa para garantir que o botão apareça abaixo do summary-wrap */
    .menu-right-content .box-grey .inner .summary-wrap {
        margin-bottom: 16px !important;
    }

    .menu-right-content .box-grey .inner .summary-wrap ~ a.clear-cart {
        margin-top: 0 !important;
    }

    /* Carrinho mobile moderno - complementar */
    .menu-right-content .box-grey {
        background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
        border-radius: 20px !important;
        box-shadow: 
            0 2px 8px rgba(0, 0, 0, 0.06),
            0 8px 24px rgba(0, 0, 0, 0.08),
            0 16px 32px rgba(0, 0, 0, 0.10) !important;
        border: 1px solid rgba(229, 62, 62, 0.12) !important;
        border-top: 3px solid #8c1317 !important;
        margin-bottom: 20px !important;
        backdrop-filter: blur(10px) !important;
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
    }

    .menu-right-content .box-grey .inner {
        padding: 20px !important;
    }

    /* Títulos do carrinho mobile */
    .menu-right-content .box-grey .inner p.bold {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .menu-right-content .box-grey .inner p.bold.center {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    /* Bloco de informações de entrega mobile */
    .menu-right-content .box-grey .inner.center {
        background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
        border-radius: 16px !important;
        box-shadow: 
            0 2px 8px rgba(0, 0, 0, 0.06),
            0 8px 24px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(229, 62, 62, 0.12) !important;
        border-top: 3px solid #8c1317 !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
    }

    /* Opções de entrega mobile */
    .menu-right-content .box-grey .inner.delivery-option {
        background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
        border-radius: 16px !important;
        box-shadow: 
            0 2px 8px rgba(0, 0, 0, 0.06),
            0 8px 24px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(229, 62, 62, 0.12) !important;
        border-top: 3px solid #8c1317 !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
    }

    /* Botão de pagamento mobile - exatamente como na imagem */
    .menu-right-content .box-grey .inner.delivery-option a.checkout,
    .menu-right-content .order-list-wrap .uk-button,
    a.checkout {
        display: block !important;
        width: 100% !important;
        background: #4CAF50 !important;
        color: #ffffff !important;
        padding: 18px 20px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        margin-top: 15px !important;
        border: none !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    }

    .menu-right-content .box-grey .inner.delivery-option a.checkout:hover,
    .menu-right-content .order-list-wrap .uk-button:hover,
    a.checkout:hover {
        background: #45a049 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
    }

    /* Itens do pedido mobile */
    .menu-right-content .order-list-wrap {
        background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
        border-radius: 20px !important;
        box-shadow: 
            0 2px 8px rgba(0, 0, 0, 0.06),
            0 8px 24px rgba(0, 0, 0, 0.08),
            0 16px 32px rgba(0, 0, 0, 0.10) !important;
        border: 1px solid rgba(229, 62, 62, 0.12) !important;
        border-top: 3px solid #8c1317 !important;
        margin-bottom: 20px !important;
        backdrop-filter: blur(10px) !important;
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
        padding: 0 !important;
    }

    .menu-right-content .order-list-wrap h5 {
        text-align: center !important;
        padding: 20px 20px 15px 20px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        font-size: 18px !important;
        margin-bottom: 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .menu-right-content .item-order-list {
        background: rgba(255, 255, 255, 0.7) !important;
        border-radius: 12px !important;
        margin: 10px 15px !important;
        padding: 15px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid rgba(229, 62, 62, 0.08) !important;
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
    }

    .menu-right-content .item-order-list:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
        border-color: rgba(229, 62, 62, 0.15) !important;
    }

    /* Botão do carrinho mobile - agora verde como na imagem */
    .menu-right-content .order-list-wrap .uk-button {
        display: block !important;
        margin: 20px 15px 15px 15px !important;
        width: calc(100% - 30px) !important;
        background: #4CAF50 !important;
        border: none !important;
        color: #ffffff !important;
        padding: 18px 20px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    }

    .menu-right-content .order-list-wrap .uk-button:hover {
        transform: translateY(-2px) !important;
        background: #45a049 !important;
        box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
    }

    /* .container {
        min-width: 750px;
    } */

}

.inner.modern-cart {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid rgba(229, 62, 62, 0.12) !important;
    border-top: 3px solid #e53e3e !important;
    padding: 24px 20px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    position: relative !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
  }

  .inner.modern-cart .bold.center{
    font-size: 16px !important;
    font-weight: 100 !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase;
  }

/* =============================================================================
   MODERNIZAÇÃO APLICADA - PERFIL, ERRO E OUTRAS PÁGINAS
   ============================================================================= */

/* Modernização das abas do perfil */
.tabs-wrapper {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid rgba(76, 175, 80, 0.12) !important;
    border-top: 3px solid #e53e3e !important;
    /* padding: 24px 20px !important; */
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    position: relative !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.tabs-wrapper #tabs li {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 12px !important;
    margin: 5px 10px 5px 0 !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(108, 117, 125, 0.2) !important;
}

.tabs-wrapper #tabs li:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%) !important;
}

.tabs-wrapper #tabs li.active {
    background: linear-gradient(135deg, #e53e3e 0%, #dc3545 100%) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
}

.tabs-wrapper #tabs li.active span {
    color: white !important;
    font-weight: 600 !important;
}

.tabs-wrapper #tabs li i {
    margin-right: 8px !important;
    font-size: 16px !important;
}

/* Modernização das páginas de erro */
.modern-error-container {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid rgba(220, 53, 69, 0.12) !important;
    border-top: 3px solid #dc3545 !important;
    padding: 40px 30px !important;
    margin: 40px auto !important;
    max-width: 800px !important;
    text-align: center !important;
    position: relative !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.modern-error-container h1 {
    color: #dc3545 !important;
    font-size: 48px !important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
    font-family: "Montserrat", sans-serif !important;
}

.modern-error-container h3 {
    color: #495057 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

.modern-error-container p {
    color: #6c757d !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

.modern-error-container .error-actions {
    margin-top: 30px !important;
}

.modern-error-container .error-actions a {
    display: inline-block !important;
    background: linear-gradient(135deg, #e53e3e 0%, #dc3545 100%) !important;
    color: white !important;
    padding: 12px 24px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    margin: 0 10px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    font-weight: 500 !important;
}

.modern-error-container .error-actions a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4) !important;
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
}

/* Modernização da página 404 */
.section-notfound {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid rgba(255, 193, 7, 0.12) !important;
    border-top: 3px solid #ffc107 !important;
    padding: 60px 40px !important;
    margin: 40px auto !important;
    position: relative !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.section-notfound h1 {
    color: #ffc107 !important;
    font-size: 72px !important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
    font-family: "Montserrat", sans-serif !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.section-notfound h3 {
    color: #495057 !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    margin-bottom: 30px !important;
    line-height: 1.4 !important;
}

.section-notfound p {
    color: #6c757d !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

.section-notfound a.orange-text {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    font-weight: 500 !important;
}

.section-notfound a.orange-text:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4) !important;
    background: linear-gradient(135deg, #f7931e 0%, #e8890b 100%) !important;
    color: white !important;
}

/* Modernização do formulário de perfil */
.profile-forms.forms {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%) !important;
    border-radius: 15px !important;
    padding: 30px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.profile-forms .grey-fields {
    border-radius: 8px !important;
    border: 1px solid #dee2e6 !important;
    padding: 12px 16px !important;
    transition: all 0.3s ease !important;
    background: #f8f9fa !important;
}

.profile-forms .grey-fields:focus {
    border-color: #4CAF50 !important;
    box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25) !important;
    background: white !important;
}

.profile-forms .green-button {
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 12px 30px !important;
    color: white !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
}

.profile-forms .green-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
    background: linear-gradient(135deg, #45a049 0%, #3e8e41 100%) !important;
}

/* Modernização da página de signup */
.section-checkout {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    padding: 40px 0 !important;
}

.section-checkout .box-grey.rounded {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid rgba(229, 62, 62, 0.12) !important;
    border-top: 3px solid #e53e3e !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.section-checkout .box-grey.rounded.top-line-green {
    border-top: 3px solid #8c1317 !important;
    border: 1px solid rgba(229, 62, 62, 0.12) !important;
}

/* Títulos das caixas com padrão do menu-right-content */
.section-checkout .section-label-a span.bold {
    font-size: 16px !important;
    font-weight: 100 !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase;
    background: #fff !important;
    padding: 0 15px !important;
    border-radius: 15px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.section-checkout .grey-fields {
    border-radius: 12px !important;
    border: 1px solid #dee2e6 !important;
    padding: 14px 18px !important;
    transition: all 0.3s ease !important;
    background: #f8f9fa !important;
    font-size: 14px !important;
    color: #495057 !important;
}

.section-checkout .grey-fields:focus {
    border-color: #4CAF50 !important;
    box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25) !important;
    background: white !important;
    transform: translateY(-1px) !important;
}

.section-checkout .green-button,
.section-checkout .orange-button {
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 14px 28px !important;
    color: white !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Botão "Criar conta" com o mesmo verde do "Entrar" */
.section-checkout .orange-button {
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
}

.section-checkout .green-button:hover,
.section-checkout .orange-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
}

.section-checkout .orange-button:hover {
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
    background: linear-gradient(135deg, #45a049 0%, #3e8e41 100%) !important;
}

.section-checkout .fb-button,
.section-checkout .google-button {
    border-radius: 25px !important;
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    font-weight: 500 !important;
}

.section-checkout .fb-button:hover,
.section-checkout .google-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

.section-checkout .forgot-pass-link2 {
    color: #ff6b35 !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
}

.section-checkout .forgot-pass-link2:hover {
    color: #f7931e !important;
    transform: translateY(-1px) !important;
}

.section-checkout .login-or {
    position: relative !important;
    text-align: center !important;
    margin: 25px 0 !important;
}

.section-checkout .login-or:before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #dee2e6, transparent) !important;
}

.section-checkout .login-or span {
    background: #fff !important;
    padding: 0 20px !important;
    color: #6c757d !important;
    font-weight: 500 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Melhorar o visual dos ícones */
.section-checkout .section-label-a i {
    color: #4CAF50 !important;
    margin-right: 10px !important;
    font-size: 20px !important;
}

.section-checkout .box-grey.rounded.top-line-green .section-label-a i {
    color: #8c1317 !important;
}

/* Centralizar search-wraps como na home */
.section-checkout .search-wraps,
.section-checkout .parallax-search .search-wraps {
    width: 90% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    text-align: center !important;
}

.section-checkout .search-wraps h1 {
    color: #fff !important;
    font-size: 42px !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-family: var(--layout3-font-black, 'Poppins', 'DIN Pro Black', 'Arial Black', Arial, sans-serif) !important;
    margin-bottom: 20px !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(140, 19, 23, 0.6) !important;
    letter-spacing: -0.8px !important;
    line-height: 1.2 !important;
}

.section-checkout .search-wraps p,
.section-checkout .search-wraps p a {
    text-align: center !important;
    color: rgba(255, 255, 255, 0.98) !important;
    margin-bottom: 25px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    font-family: var(--layout3-font-family, 'Poppins', 'DIN Pro', 'Montserrat', sans-serif) !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(140, 19, 23, 0.4) !important;
    line-height: 1.5 !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Responsividade para mobile */
@media (max-width: 768px) {
    .section-checkout .search-wraps h1 {
        font-size: 28px !important;
        letter-spacing: -0.3px !important;
    }
    
    .section-checkout .search-wraps p,
    .section-checkout .search-wraps p a {
        font-size: 14px !important;
        margin-bottom: 12px !important;
    }
}

@media (max-width: 480px) {
    .section-checkout .search-wraps h1 {
        font-size: 24px !important;
    }
    
    .section-checkout .search-wraps p,
    .section-checkout .search-wraps p a {
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }
}

/* Remover linha que corta os títulos */
.section-checkout .section-label {
    position: relative !important;
    border: none !important;
}

.section-checkout .section-label::before,
.section-checkout .section-label::after,
.section-checkout .section-label-a::before,
.section-checkout .section-label-a::after,
.section-checkout .section-label b {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

/* Fix específico para span.bold - sobrescrever qualquer conflito */
.section-checkout span.bold,
.section-checkout .section-label-a span.bold,
.section-label-a span.bold,
span.bold[style*="background:#fff"] {
    text-decoration: none !important;
    color: #495057 !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    font-family: "Montserrat", sans-serif !important;
    background: #fff !important;
    padding: 0 15px !important;
    border-radius: 15px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    opacity: 1 !important;
    margin-right: 0 !important;
    display: inline !important;
    vertical-align: baseline !important;
}

/* Garantir que nenhuma regra de preço interfira com span.bold */
span.bold:not([class*="price"]):not([class*="old"]):not([class*="regular"]):not([class*="was"]) {
    text-decoration: none !important;
    opacity: 1 !important;
    font-size: inherit !important;
    color: inherit !important;
    background: inherit !important;
}

/* =============================================================================
   CORREÇÃO DEFINITIVA - CART MOBILE HANDLE
   ============================================================================= */

/* REGRA DEFINITIVA: Esconder cart-mobile-handle no desktop */
@media screen and (min-width: 1026px) {
    .cart-mobile-handle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }
}

/* REGRA DEFINITIVA: Mostrar cart-mobile-handle em mobile e tablet */
@media screen and (max-width: 1025px) {
    .cart-mobile-handle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 20px !important;
        right: 20px !important;
        pointer-events: auto !important;
        z-index: 9999 !important;
    }
}

/* =============================================================================
   RODAPÉ FIXO NO FINAL DA PÁGINA - LAYOUT NORMAL E RESPONSIVO
   ============================================================================= */

/* Estrutura flexível para manter o rodapé no final da página */
html, body {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

/* Container principal que expande para ocupar o espaço disponível */
.main-content-wrapper {
    flex: 1 0 auto !important;
}

/* Garantir que o conteúdo principal se expanda */
.sections,
.parallax-container,
.browse-wrapper,
.search-result-wrapper,
.page-right-sidebar,
.main {
    flex-grow: 1 !important;
}

/* Rodapé fixo no final */
.section-footer,
.footer-wrap,
.footer-sub,
.footer-copyright-section {
    flex-shrink: 0 !important;
    margin-top: auto !important;
}

/* Específico para o rodapé principal */
.section-footer {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
}

/* Garantir que o rodapé de copyright também fique no final */
.footer-copyright-section {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
}

/* Layout responsivo - rodapé fixo */
@media only screen and (max-width: 768px) {
    body {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100vh !important;
    }
    
    .main-content-wrapper {
        flex: 1 0 auto !important;
    }
    
    .section-footer,
    .footer-wrap,
    .footer-sub,
    .footer-copyright-section {
        flex-shrink: 0 !important;
        margin-top: auto !important;
        position: relative !important;
        bottom: 0 !important;
        width: 100% !important;
    }
    
    /* Ajustar espaçamento para mobile */
    .section-footer {
        padding: 30px 0 !important;
    }
    
    .footer-copyright-section {
        padding: 15px 0 !important;
    }
}

/* Layout desktop - rodapé fixo */
@media only screen and (min-width: 769px) {
    body {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100vh !important;
    }
    
    .main-content-wrapper {
        flex: 1 0 auto !important;
    }
    
    .section-footer,
    .footer-wrap,
    .footer-sub,
    .footer-copyright-section {
        flex-shrink: 0 !important;
        margin-top: auto !important;
    }
}

/* =============================================================================
   CONTROLE DE BANNER - MOBILE-BANNER-WRAP vs PARALLAX-WRAP
   ============================================================================= */

/* REGRA 1: Mobile e Tablet (≤1025px) - MOBILE-BANNER-WRAP ATIVO */
@media screen and (max-width: 1025px) {
    .mobile-banner-wrap {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    .mobile-search-wraps {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 10 !important;
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
    }
    
    .mobile-banner-wrap .layer {
        display: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 350px !important;
        width: 100% !important;
        position: relative !important;
    }
    
    /* PARALLAX-WRAP DESATIVADO em mobile/tablet */
    .parallax-search,
    .parallax-container-home,
    #parallax-wrap {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }

    .parallax-search {
        display: flex !important;
        left: 0 !important;
    }
}

/* REGRA 2: Desktop (≥1026px) - PARALLAX-WRAP ATIVO */
@media screen and (min-width: 1026px) {
    .parallax-search,
    .parallax-container-home,
    #parallax-wrap {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-grow: 1 !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative !important;
    }
    
    /* MOBILE-BANNER-WRAP DESATIVADO no desktop */
    .mobile-banner-wrap {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    .mobile-search-wraps {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    .mobile-banner-wrap .layer {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}


/* Ajustar altura mínima para conteúdo */
.sections {
    min-height: auto !important;
    flex-grow: 1 !important;
}

    /* Forçar rodapé sempre no final - fallback */
    .section-footer:last-of-type,
    .footer-copyright-section:last-of-type {
        position: sticky !important;
        bottom: 0 !important;
        margin-top: auto !important;
    }

/* =============================================================================
   DELIVERY-MIN PARA LAYOUT MOBILE - VALOR MÍNIMO DO PEDIDO
   ============================================================================= */

@media only screen and (max-width: 768px) {
    /* Legacy minimum order mobile styles removed - now using unified styling from store.css */
}


@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =============================================================================
   MODERNIZAÇÃO DA PÁGINA DE PAGAMENTO - PAYMENT OPTION
   ============================================================================= */

/* Modernização geral da página de pagamento */
.section-payment-option {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    padding: 40px 0 !important;
}

/* APLICAR APENAS NO LEFT CONTENT - NÃO NO RIGHT CONTENT */
.section-payment-option .col-md-7 .box-grey.rounded {
    background: linear-gradient(145deg, #ffffff 0%, #fefeff 30%, #f8fafc 70%, #f1f5f9 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    border: 1.5px solid rgba(229, 62, 62, 0.12) !important;
    border-top: 4px solid #e53e3e !important;
    padding: 24px 28px 26px 28px !important;
    margin-bottom: 20px !important;
    min-height: auto !important;
    position: relative !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

/* MANTER O RIGHT CONTENT INTACTO - SEM ESTILIZAÇÃO ADICIONAL */
.section-payment-option .col-md-5 .box-grey.rounded {
    /* Manter estilos originais do carrinho - não aplicar modernização */
}

/* Remover traços que cortam os títulos na página de pagamento */
.section-payment-option .section-label {
    position: relative !important;
    border: none !important;
    margin-bottom: 5px !important;
}

.section-payment-option .section-label::before,
.section-payment-option .section-label::after,
.section-payment-option .section-label-a::before,
.section-payment-option .section-label-a::after,
.section-payment-option .section-label b {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

/* Títulos modernos sem traços */
.section-payment-option .section-label-a span.bold,
.section-payment-option .section-label-a span {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #495057 !important;
    text-align: left !important;
    margin-bottom: 5px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase !important;
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: 0.5px !important;
}

/* Inputs modernos com borda vermelha no topo */
.section-payment-option .grey-fields,
.section-payment-option input.grey-fields,
.section-payment-option select.grey-fields,
.section-payment-option textarea.grey-fields {
    width: 100% !important;
    padding: 14px 16px !important;
    margin-bottom: 5px !important;
    border: 1.5px solid rgba(229, 62, 62, 0.12) !important;
    border-top: .5px solid #e53e3e !important;
    border-radius: 20px !important;
    font-size: 15px !important;
    background: linear-gradient(145deg, #ffffff 0%, #fefeff 30%, #f8fafc 70%, #f1f5f9 100%) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #495057 !important;
    box-sizing: border-box !important;
    font-family: "Montserrat", sans-serif !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    overflow: hidden !important;
}

.section-payment-option .grey-fields:focus,
.section-payment-option input.grey-fields:focus,
.section-payment-option select.grey-fields:focus,
.section-payment-option textarea.grey-fields:focus {
    outline: none !important;
    border: 1.5px solid rgba(229, 62, 62, 0.3) !important;
    border-top: 4px solid #e53e3e !important;
    box-shadow: 
        0 0 0 3px rgba(229, 62, 62, 0.1),
        0 4px 12px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.06) !important;
    background: rgba(255, 255, 255, 1) !important;
    transform: translateY(-1px) !important;
}

.section-payment-option .grey-fields::placeholder,
.section-payment-option input.grey-fields::placeholder,
.section-payment-option select.grey-fields::placeholder,
.section-payment-option textarea.grey-fields::placeholder {
    color: #6c757d !important;
    opacity: 0.7 !important;
}

/* Inputs específicos para mobile */
.section-payment-option .mobile_inputs {
    width: 100% !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
    border: 1.5px solid rgba(229, 62, 62, 0.12) !important;
    border-top: 4px solid #e53e3e !important;
    border-radius: 20px !important;
    font-size: 15px !important;
    background: linear-gradient(145deg, #ffffff 0%, #fefeff 30%, #f8fafc 70%, #f1f5f9 100%) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #495057 !important;
    box-sizing: border-box !important;
    font-family: "Montserrat", sans-serif !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
}

.section-payment-option .mobile_inputs:focus {
    outline: none !important;
    border: 1.5px solid rgba(229, 62, 62, 0.3) !important;
    border-top: 4px solid #e53e3e !important;
    box-shadow: 
        0 0 0 3px rgba(229, 62, 62, 0.1),
        0 4px 12px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.06) !important;
    background: rgba(255, 255, 255, 1) !important;
    transform: translateY(-1px) !important;
}

/* Botões modernos */
.section-payment-option .green-button,
.section-payment-option .orange-button {
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 14px 28px !important;
    color: white !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    font-family: "Montserrat", sans-serif !important;
}

.section-payment-option .green-button:hover,
.section-payment-option .orange-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
    background: linear-gradient(135deg, #45a049 0%, #3e8e41 100%) !important;
}

/* Texto de informações */
.section-payment-option h3 {
    color: #495057 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.section-payment-option p {
    color: #6c757d !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    font-family: "Montserrat", sans-serif !important;
}

.section-payment-option p.uk-text-bold {
    color: #495057 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* Responsividade para mobile - APENAS LEFT CONTENT */
@media (max-width: 768px) {
    .section-payment-option .col-md-7 .box-grey.rounded {
        padding: 20px !important;
        margin-bottom: 20px !important;
    }
    
    .section-payment-option .section-label-a span.bold,
    .section-payment-option .section-label-a span {
        font-size: 16px !important;
        text-align: center !important;
    }
    
    .section-payment-option .grey-fields,
    .section-payment-option input.grey-fields,
    .section-payment-option select.grey-fields,
    .section-payment-option textarea.grey-fields,
    .section-payment-option .mobile_inputs {
        padding: 12px 14px !important;
        font-size: 14px !important;
    }
    
    .section-payment-option h3 {
        font-size: 18px !important;
        text-align: center !important;
    }
}