/* RCV HEADER PRO + MOBILE FIX */
*,
*::before,
*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden!important}

.topbar{
    width:100%!important;
    max-width:100vw!important;
    overflow:hidden!important;
}

.topbar-inner{
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
}

.topbar-logo,
.topbar-logo picture,
.topbar-logo img{
    flex:0 0 auto!important;
}

.topbar-logo img{
    max-width:260px!important;
    height:auto!important;
    object-fit:contain!important;
}

.topbar-search-pro{
    display:grid!important;
    grid-template-columns:minmax(190px,1fr) minmax(170px,220px) minmax(150px,210px) auto!important;
    gap:10px!important;
    align-items:center!important;
    min-width:0!important;
}

.topbar-search-pro input,
.topbar-search-pro select{
    height:40px!important;
    border:none!important;
    border-radius:14px!important;
    padding:0 14px!important;
    background:#fff!important;
    font-size:14px!important;
    outline:none!important;
    min-width:0!important;
}

.topbar-search-pro button{
    height:40px!important;
    padding:0 18px!important;
    border:none!important;
    border-radius:14px!important;
    background:#1677ff!important;
    color:#fff!important;
    font-weight:800!important;
    cursor:pointer!important;
}

.rcv-nav-msg{position:relative;display:inline-flex!important;align-items:center;gap:5px}
.rcv-msg-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:19px;
    height:19px;
    padding:0 6px;
    border-radius:999px;
    background:#e60023;
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:900;
}
.rcv-header-avatar-link{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.rcv-header-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    border:2px solid rgba(255,255,255,.85)!important;
    background:#fff!important;
}

.hero-dinamico{
    width:100%!important;
    max-width:100vw!important;
    overflow:hidden!important;
    background-size:cover!important;
    background-position:center center!important;
}

img{max-width:100%}

@media(max-width:768px){
    .topbar-inner{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        padding:10px 10px 12px!important;
        max-width:100%!important;
    }

    .topbar-logo{
        width:100%!important;
        max-width:100%!important;
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
    }

    .topbar-logo img{
        max-width:250px!important;
        max-height:76px!important;
    }

    .topbar-nav{
        width:100%!important;
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        gap:16px!important;
        flex-wrap:wrap!important;
        padding:0!important;
        margin:0!important;
    }

    .topbar-nav a{
        font-size:14px!important;
        white-space:nowrap!important;
    }

    .topbar-search-pro{
        width:100%!important;
        max-width:100%!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
    }

    .topbar-search-pro input{
        grid-column:1 / -1!important;
        width:100%!important;
        height:38px!important;
        font-size:14px!important;
        border-radius:14px!important;
    }

    .topbar-search-pro select{
        width:100%!important;
        height:38px!important;
        font-size:14px!important;
        border-radius:14px!important;
    }

    .topbar-search-pro button{
        grid-column:1 / -1!important;
        width:100%!important;
        height:42px!important;
        border-radius:14px!important;
        font-size:15px!important;
    }

    .hero-dinamico{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
        background-position:center center!important;
        border-radius:0!important;
        margin:0!important;
    }

    .home-wrapper{
        padding-left:10px!important;
        padding-right:10px!important;
        max-width:100%!important;
        overflow:hidden!important;
    }

    .section-title{
        font-size:2rem!important;
        line-height:1.08!important;
        margin:20px 0 16px!important;
    }

    .cards-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
        max-width:100%!important;
        padding:0!important;
        margin:0!important;
    }

    .card,.promo-card{
        width:100%!important;
        min-width:0!important;
        border-radius:14px!important;
        overflow:hidden!important;
    }

    .card-image{
        height:132px!important;
        max-height:132px!important;
        width:100%!important;
        object-fit:cover!important;
    }

    .card-body{
        padding:10px!important;
        min-height:150px!important;
    }

    .card-price{font-size:1.15rem!important;line-height:1.05!important}
    .card-title{font-size:.82rem!important;line-height:1.15!important;min-height:34px!important;max-height:34px!important;overflow:hidden!important}
    .card-meta{font-size:.74rem!important;margin-top:12px!important}
    .card-badge{font-size:.68rem!important;padding:5px 8px!important}
}

@media(max-width:390px){
    .topbar-logo img{max-width:220px!important;max-height:70px!important}
    .topbar-nav{gap:12px!important}
    .topbar-nav a{font-size:13px!important}
    .hero-dinamico{height:130px!important;min-height:130px!important;max-height:130px!important}
    .card-image{height:120px!important}
    .card-body{min-height:140px!important}
    .section-title{font-size:1.75rem!important}
}