/* =========================================================
   PALADINI — CAMADA FINAL DE INTERFACE E RESPONSIVIDADE V3
   Carregada depois dos CSS gerais e específicos.
   Mantém a paleta atual e corrige apenas comportamento/layout.
========================================================= */

.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

button,
a,
input,
select,
textarea{
    -webkit-tap-highlight-color:transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:3px solid rgba(34,197,94,.28)!important;
    outline-offset:2px!important;
}

/* ---------------------------------------------------------
   DROPDOWN DE PRODUTOS — SOMENTE POR CLIQUE
--------------------------------------------------------- */
.menu-produtos-toggle{
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:40px;
    padding:10px 13px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#0f172a;
    font:inherit;
    font-size:14px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    white-space:nowrap;
}

.menu-produtos-seta{
    display:inline-block;
    transition:transform .18s ease;
}

.menu-dropdown-premium:hover .dropdown-categorias-premium,
body.home-marketplace .menu-dropdown-premium:hover .dropdown-categorias-premium,
body.home-premium .menu-dropdown-premium:hover .dropdown-categorias-premium{
    display:none!important;
}

.menu-dropdown-premium.aberto .dropdown-categorias-premium,
body.home-marketplace .menu-dropdown-premium.aberto .dropdown-categorias-premium,
body.home-premium .menu-dropdown-premium.aberto .dropdown-categorias-premium{
    display:grid!important;
}

.menu-dropdown-premium.aberto .menu-produtos-seta{
    transform:rotate(180deg);
}

.menu-dropdown-premium.aberto .menu-produtos-toggle,
.menu-produtos-toggle:hover{
    background:#ecfdf5;
    color:#166534;
}

.dropdown-categorias-premium{
    grid-template-columns:1fr;
    max-height:min(66vh,520px);
    overflow-y:auto;
    overscroll-behavior:contain;
}

/* O wrapper não altera o posicionamento personalizado no desktop. */
.hero-botoes-dinamicos{
    display:contents;
}

.usuario-dropdown-menu .link-eventos-cliente{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#166534;
    background:#f0fdf4;
    border:1px solid #bbf7d0;
    font-weight:900;
}

.usuario-dropdown-menu .link-eventos-cliente::after{
    content:"Participar";
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 8px;
    border-radius:999px;
    background:#166534;
    color:#fff;
    font-size:9px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

/* ---------------------------------------------------------
   DESKTOP AMPLO
--------------------------------------------------------- */
@media (min-width:1181px){
    .btn-mobile-sidebar,
    .mobile-sidebar-overlay,
    .mobile-sidebar-paladini{
        display:none!important;
    }
}

/* ---------------------------------------------------------
   TABLET — evita menu desaparecer sem oferecer alternativa
--------------------------------------------------------- */
@media (min-width:769px) and (max-width:1180px){
    html,body{
        max-width:100%;
        overflow-x:hidden;
    }

    .topo-premium,
    header.topo-premium{
        position:sticky!important;
        top:0!important;
        z-index:99980!important;
        padding:8px 14px!important;
        overflow:visible!important;
    }

    .topo-premium-inner{
        width:100%!important;
        max-width:1100px!important;
        height:auto!important;
        min-height:62px!important;
        display:grid!important;
        grid-template-columns:44px auto minmax(220px,1fr) auto!important;
        grid-template-areas:"menu logo busca acoes"!important;
        gap:10px!important;
        align-items:center!important;
    }

    .btn-mobile-sidebar{
        grid-area:menu!important;
        display:flex!important;
        width:42px!important;
        height:42px!important;
        border:0!important;
        border-radius:14px!important;
        background:linear-gradient(135deg,#22c55e,#15803d)!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        padding:0!important;
        box-shadow:0 8px 18px rgba(34,197,94,.22)!important;
    }

    .btn-mobile-sidebar span{
        display:block!important;
        width:18px!important;
        height:2px!important;
        border-radius:999px!important;
        background:#fff!important;
    }

    .logo-premium{grid-area:logo!important}
    .menu-premium{display:none!important}
    .busca-premium{grid-area:busca!important;min-width:0!important}
    .acoes-premium{grid-area:acoes!important;min-width:0!important}

    .mobile-sidebar-overlay,
    .mobile-sidebar-paladini{
        display:block!important;
    }
}

/* ---------------------------------------------------------
   SIDEBAR COMPARTILHADA — TABLET E MOBILE
--------------------------------------------------------- */
@media (max-width:1180px){
    body.mobile-sidebar-aberta{
        overflow:hidden!important;
        touch-action:none;
    }

    .mobile-sidebar-overlay{
        position:fixed!important;
        inset:0!important;
        z-index:100090!important;
        display:block!important;
        background:rgba(15,23,42,.52)!important;
        backdrop-filter:blur(3px)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transition:opacity .22s ease,visibility .22s ease!important;
    }

    .mobile-sidebar-overlay.ativo{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    .mobile-sidebar-paladini{
        position:fixed!important;
        top:0!important;
        bottom:0!important;
        left:0!important;
        z-index:100100!important;
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto!important;
        width:min(89vw,370px)!important;
        height:100dvh!important;
        max-height:100dvh!important;
        padding:0!important;
        background:#fff!important;
        color:#0f172a!important;
        border:0!important;
        border-radius:0 24px 24px 0!important;
        box-shadow:24px 0 70px rgba(15,23,42,.28)!important;
        overflow:hidden!important;
        transform:translate3d(-104%,0,0)!important;
        visibility:hidden!important;
        transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility .26s ease!important;
    }

    .mobile-sidebar-paladini.aberta{
        transform:translate3d(0,0,0)!important;
        visibility:visible!important;
    }

    .mobile-sidebar-topo{
        min-height:70px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        padding:12px 14px!important;
        border-bottom:1px solid #e5ebe7!important;
        background:#fff!important;
    }

    .mobile-sidebar-logo{
        display:flex!important;
        align-items:center!important;
        min-width:0!important;
        height:44px!important;
        padding:0!important;
        background:transparent!important;
    }

    .mobile-sidebar-logo img{
        width:auto!important;
        max-width:132px!important;
        height:42px!important;
        object-fit:contain!important;
    }

    .fechar-mobile-sidebar{
        flex:0 0 42px!important;
        width:42px!important;
        height:42px!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
        border:1px solid #dbe4df!important;
        border-radius:14px!important;
        background:#f8faf9!important;
        color:#334155!important;
        font-size:25px!important;
        line-height:1!important;
        cursor:pointer!important;
    }

    .mobile-sidebar-conteudo{
        min-height:0!important;
        display:block!important;
        padding:14px!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        scrollbar-width:thin!important;
        background:#f7faf8!important;
    }

    .mobile-sidebar-usuario-card{
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr) auto!important;
        gap:11px!important;
        align-items:center!important;
        margin:0 0 12px!important;
        padding:13px!important;
        border:1px solid #dce7e0!important;
        border-radius:18px!important;
        background:#fff!important;
        box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
    }

    .mobile-sidebar-avatar{
        width:42px!important;
        height:42px!important;
        display:grid!important;
        place-items:center!important;
        border-radius:14px!important;
        background:#ecfdf5!important;
        color:#166534!important;
        font-size:18px!important;
        font-weight:950!important;
        border:1px solid #bbf7d0!important;
    }

    .mobile-sidebar-usuario-card div{
        min-width:0!important;
    }

    .mobile-sidebar-usuario-card small,
    .mobile-sidebar-usuario-card strong,
    .mobile-sidebar-usuario-card span{
        display:block!important;
    }

    .mobile-sidebar-usuario-card small{
        color:#16803b!important;
        font-size:9px!important;
        font-weight:950!important;
        text-transform:uppercase!important;
        letter-spacing:.08em!important;
    }

    .mobile-sidebar-usuario-card strong{
        margin-top:2px!important;
        color:#0f172a!important;
        font-size:15px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .mobile-sidebar-usuario-card div>span{
        margin-top:3px!important;
        color:#64748b!important;
        font-size:10px!important;
        line-height:1.3!important;
    }

    .mobile-sidebar-usuario-card>a{
        padding:8px 10px!important;
        border:1px solid #bbf7d0!important;
        border-radius:11px!important;
        color:#166534!important;
        background:#f0fdf4!important;
        font-size:11px!important;
        font-weight:900!important;
        text-decoration:none!important;
    }

    .mobile-sidebar-visitante{
        grid-column:1/-1!important;
    }

    .mobile-sidebar-login-acoes{
        grid-column:1/-1!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
    }

    .mobile-sidebar-login-acoes a{
        min-height:40px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border:1px solid #d8e2dc!important;
        border-radius:12px!important;
        background:#fff!important;
        color:#334155!important;
        font-size:12px!important;
        font-weight:900!important;
        text-decoration:none!important;
    }

    .mobile-sidebar-login-acoes a.principal{
        background:#16803b!important;
        border-color:#16803b!important;
        color:#fff!important;
    }

    .mobile-sidebar-atalhos{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        margin-bottom:12px!important;
    }

    .mobile-sidebar-atalhos .mobile-sidebar-link{
        min-width:0!important;
        min-height:68px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        align-items:flex-start!important;
        gap:3px!important;
        padding:11px 12px!important;
        border:1px solid #dfe7e2!important;
        border-radius:15px!important;
        background:#fff!important;
        color:#334155!important;
        text-decoration:none!important;
        box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
    }

    .mobile-sidebar-atalhos .mobile-sidebar-link.ativo{
        border-color:#86efac!important;
        background:#f0fdf4!important;
        color:#166534!important;
    }

    .mobile-sidebar-atalhos strong{
        font-size:12px!important;
        color:inherit!important;
    }

    .mobile-sidebar-atalhos span{
        color:#64748b!important;
        font-size:9.5px!important;
        line-height:1.2!important;
    }

    .mobile-sidebar-bloco{
        margin:0 0 9px!important;
        border:1px solid #dfe7e2!important;
        border-radius:16px!important;
        overflow:hidden!important;
        background:#fff!important;
    }

    .mobile-accordion-btn{
        width:100%!important;
        min-height:48px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        padding:0 14px!important;
        border:0!important;
        background:#fff!important;
        color:#1e293b!important;
        font:inherit!important;
        font-size:12px!important;
        font-weight:950!important;
        text-align:left!important;
        cursor:pointer!important;
    }

    .mobile-accordion-seta{
        color:#64748b!important;
        transition:transform .18s ease!important;
    }

    .mobile-accordion-btn[aria-expanded="true"]{
        color:#166534!important;
        background:#f7fcf9!important;
    }

    .mobile-accordion-btn[aria-expanded="true"] .mobile-accordion-seta{
        transform:rotate(180deg)!important;
    }

    .mobile-accordion-conteudo{
        display:none!important;
        max-height:42vh!important;
        padding:7px!important;
        overflow-y:auto!important;
        border-top:1px solid #edf2ef!important;
        background:#fbfdfc!important;
    }

    .mobile-accordion-conteudo.aberto{
        display:grid!important;
        gap:4px!important;
    }

    .mobile-accordion-conteudo .mobile-sidebar-link{
        min-height:40px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        padding:0 11px!important;
        border:0!important;
        border-radius:10px!important;
        background:transparent!important;
        color:#475569!important;
        font-size:11.5px!important;
        font-weight:800!important;
        text-decoration:none!important;
    }

    .mobile-accordion-conteudo .mobile-sidebar-link:hover,
    .mobile-accordion-conteudo .mobile-sidebar-link.ativo,
    .mobile-accordion-conteudo .mobile-sidebar-link.destaque{
        background:#ecfdf5!important;
        color:#166534!important;
    }

    .mobile-accordion-conteudo .mobile-sidebar-link.perigo{
        color:#b91c1c!important;
    }

    .mobile-sidebar-empty{
        margin:0!important;
        padding:10px!important;
        color:#64748b!important;
        font-size:11px!important;
    }

    .mobile-sidebar-whatsapp,
    .mobile-sidebar-tema{
        width:100%!important;
        display:block!important;
        margin:9px 0 0!important;
        padding:13px 14px!important;
        border-radius:16px!important;
        text-align:left!important;
        text-decoration:none!important;
    }

    .mobile-sidebar-whatsapp{
        border:1px solid #bbf7d0!important;
        background:#ecfdf5!important;
        color:#166534!important;
    }

    .mobile-sidebar-tema{
        border:1px solid #dfe7e2!important;
        background:#fff!important;
        color:#334155!important;
        font:inherit!important;
        cursor:pointer!important;
    }

    .mobile-sidebar-whatsapp span,
    .mobile-sidebar-whatsapp strong,
    .mobile-sidebar-whatsapp small,
    .mobile-sidebar-tema span,
    .mobile-sidebar-tema strong{
        display:block!important;
    }

    .mobile-sidebar-whatsapp span,
    .mobile-sidebar-tema span{
        font-size:9px!important;
        font-weight:950!important;
        text-transform:uppercase!important;
        letter-spacing:.07em!important;
    }

    .mobile-sidebar-whatsapp strong,
    .mobile-sidebar-tema strong{
        margin-top:3px!important;
        font-size:12px!important;
    }

    .mobile-sidebar-whatsapp small{
        margin-top:3px!important;
        color:#4b7d60!important;
        font-size:9.5px!important;
    }

    .mobile-sidebar-footer{
        min-height:60px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        padding:12px 15px calc(12px + env(safe-area-inset-bottom))!important;
        border-top:1px solid #dfe7e2!important;
        background:#fff!important;
        color:#64748b!important;
        font-size:10px!important;
    }

    .mobile-sidebar-footer strong{
        color:#14532d!important;
        font-size:11px!important;
    }
}

/* ---------------------------------------------------------
   MOBILE — HEADER ÚNICO E ESTÁVEL
--------------------------------------------------------- */
@media (max-width:768px){
    :root{
        --paladini-mobile-gutter:10px;
    }

    html,
    body{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
        padding-top:0!important;
        scroll-padding-top:116px;
    }

    body{
        min-width:0!important;
    }

    .topo,
    .topo-premium,
    header.topo,
    header.topo-premium,
    body.home-marketplace .topo-premium,
    body.home-premium.home-marketplace .topo-premium{
        position:sticky!important;
        top:0!important;
        left:auto!important;
        right:auto!important;
        width:100%!important;
        max-width:100%!important;
        min-height:0!important;
        z-index:99980!important;
        margin:0!important;
        padding:8px var(--paladini-mobile-gutter) 9px!important;
        border:0!important;
        border-bottom:1px solid rgba(226,232,240,.94)!important;
        border-radius:0 0 18px 18px!important;
        background:rgba(255,255,255,.98)!important;
        box-shadow:0 9px 24px rgba(15,23,42,.09)!important;
        backdrop-filter:blur(14px)!important;
        -webkit-backdrop-filter:blur(14px)!important;
        transform:none!important;
        overflow:visible!important;
    }

    .topo-premium.scroll{
        box-shadow:0 11px 28px rgba(15,23,42,.13)!important;
    }

    .topo-premium-inner{
        position:relative!important;
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        display:grid!important;
        grid-template-columns:42px minmax(0,1fr) auto!important;
        grid-template-areas:
            "menu logo acoes"
            "busca busca busca"!important;
        align-items:center!important;
        column-gap:7px!important;
        row-gap:7px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    .menu-premium{
        display:none!important;
    }

    .btn-mobile-sidebar{
        grid-area:menu!important;
        position:static!important;
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:13px!important;
        background:linear-gradient(135deg,#22c55e,#15803d)!important;
        box-shadow:0 7px 17px rgba(34,197,94,.23)!important;
        cursor:pointer!important;
    }

    .btn-mobile-sidebar span{
        display:block!important;
        width:18px!important;
        height:2px!important;
        margin:0!important;
        border-radius:999px!important;
        background:#fff!important;
    }

    .logo-premium{
        grid-area:logo!important;
        position:static!important;
        justify-self:center!important;
        width:92px!important;
        min-width:0!important;
        max-width:92px!important;
        height:40px!important;
        min-height:40px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        transform:none!important;
        overflow:hidden!important;
    }

    .logo-premium img,
    .logo-img,
    #logoSite{
        width:auto!important;
        max-width:90px!important;
        height:36px!important;
        max-height:36px!important;
        margin:0!important;
        padding:0!important;
        object-fit:contain!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
    }

    .acoes-premium{
        grid-area:acoes!important;
        justify-self:end!important;
        min-width:0!important;
        max-width:148px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:5px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    .btn-whatsapp-premium,
    .btn-cadastro-premium-topo,
    .theme-switch{
        display:none!important;
    }

    .carrinho-premium{
        flex:0 0 36px!important;
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        max-width:36px!important;
        margin:0!important;
        box-shadow:0 7px 16px rgba(34,197,94,.20)!important;
    }

    .carrinho-premium img{
        width:18px!important;
        height:18px!important;
    }

    .carrinho-premium span{
        top:-5px!important;
        right:-4px!important;
        min-width:17px!important;
        height:17px!important;
        padding:0 4px!important;
        font-size:9px!important;
    }

    .usuario-dropdown-premium,
    .usuario-premium,
    .login-premium{
        min-width:0!important;
        max-width:104px!important;
        display:flex!important;
        align-items:center!important;
        margin:0!important;
    }

    .usuario-dropdown-btn,
    .btn-login-premium{
        min-width:64px!important;
        max-width:104px!important;
        height:36px!important;
        min-height:36px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0 20px 0 10px!important;
        border:1px solid #bbf7d0!important;
        border-radius:999px!important;
        background:#f0fdf4!important;
        color:#166534!important;
        box-shadow:none!important;
        text-decoration:none!important;
        overflow:hidden!important;
    }

    .btn-login-premium{
        padding:0 11px!important;
        font-size:11px!important;
        font-weight:950!important;
        white-space:nowrap!important;
    }

    .usuario-dropdown-btn .minha-conta-label{
        display:none!important;
    }

    .usuario-dropdown-btn strong{
        display:block!important;
        min-width:0!important;
        max-width:70px!important;
        color:#166534!important;
        font-size:10.5px!important;
        font-weight:950!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .usuario-dropdown-btn .seta-usuario{
        position:absolute!important;
        right:8px!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        color:#166534!important;
        font-size:9px!important;
    }

    .usuario-dropdown-menu{
        position:fixed!important;
        top:58px!important;
        left:10px!important;
        right:10px!important;
        width:auto!important;
        max-width:420px!important;
        max-height:calc(100dvh - 72px)!important;
        margin-left:auto!important;
        padding:9px!important;
        border-radius:18px!important;
        overflow-y:auto!important;
        z-index:100060!important;
    }

    .busca-premium,
    .topo-premium .busca{
        grid-area:busca!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        height:40px!important;
        min-height:40px!important;
        display:flex!important;
        align-items:center!important;
        gap:4px!important;
        margin:0!important;
        padding:3px!important;
        border:1px solid #dbe5ef!important;
        border-radius:999px!important;
        background:#f8fafc!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
        overflow:hidden!important;
    }

    .busca-premium input,
    .topo-premium .busca input{
        min-width:0!important;
        width:100%!important;
        height:32px!important;
        margin:0!important;
        padding:0 11px!important;
        border:0!important;
        background:transparent!important;
        color:#334155!important;
        font-size:12.5px!important;
        box-shadow:none!important;
        outline:none!important;
    }

    .busca-premium button,
    .topo-premium .busca button{
        flex:0 0 34px!important;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        display:grid!important;
        place-items:center!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:50%!important;
        background:#22c55e!important;
        color:#fff!important;
        box-shadow:0 6px 14px rgba(34,197,94,.20)!important;
        font-size:0!important;
    }

    .busca-premium button::before,
    .topo-premium .busca button::before{
        content:"⌕"!important;
        display:block!important;
        font-size:21px!important;
        line-height:1!important;
        transform:rotate(-18deg)!important;
    }

    .conteudo,
    .conteudo-pro{
        min-width:0!important;
        max-width:100%!important;
    }

    img,
    video,
    iframe{
        max-width:100%;
    }

    input,
    select,
    textarea,
    button{
        max-width:100%;
    }
}

/* ---------------------------------------------------------
   HOME / INDEX MOBILE — REFORMA VISUAL DEFINITIVA
--------------------------------------------------------- */
@media (max-width:768px){
    body.home-premium.home-marketplace,
    body.home-marketplace{
        padding-top:0!important;
        padding-bottom:0!important;
        background:#f3f6f5!important;
    }

    body.home-premium.home-marketplace main.conteudo,
    body.home-premium.home-marketplace main.conteudo-pro,
    body.home-marketplace main.conteudo,
    body.home-marketplace main.conteudo-pro{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    body.home-marketplace .hero-slider,
    body.home-marketplace .hero-marketplace,
    body.home-premium.home-marketplace .hero-slider,
    body.home-premium.home-marketplace .hero-marketplace,
    .home-pro-hero.hero-marketplace{
        position:relative!important;
        width:calc(100% - 20px)!important;
        height:clamp(286px,82vw,350px)!important;
        min-height:286px!important;
        max-height:350px!important;
        margin:10px auto 12px!important;
        border:1px solid rgba(226,232,240,.95)!important;
        border-radius:20px!important;
        background:#0f172a!important;
        box-shadow:0 12px 30px rgba(15,23,42,.13)!important;
        overflow:hidden!important;
        isolation:isolate!important;
    }

    .hero-marketplace .hero-slide,
    .home-pro-hero.hero-marketplace .hero-slide{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        min-height:100%!important;
        overflow:hidden!important;
    }

    .hero-marketplace .hero-bg-imagem,
    .home-pro-hero.hero-marketplace .hero-bg-imagem{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        background-image:var(--hero-image-mobile)!important;
        background-size:cover!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
        transform:none!important;
        filter:saturate(1.02) contrast(1.02)!important;
    }

    .hero-marketplace .hero-video,
    .home-pro-hero.hero-marketplace .hero-video{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center!important;
        transform:none!important;
    }

    .hero-marketplace .hero-overlay,
    .home-pro-hero.hero-marketplace .hero-overlay{
        position:absolute!important;
        inset:0!important;
        background:linear-gradient(180deg,rgba(2,6,23,.06) 5%,rgba(2,6,23,.28) 48%,rgba(2,6,23,.83) 100%)!important;
        z-index:2!important;
    }

    .hero-marketplace .hero-slide-conteudo,
    .hero-marketplace .hero-slide-conteudo-livre,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo-livre{
        position:absolute!important;
        left:17px!important;
        right:17px!important;
        top:auto!important;
        bottom:72px!important;
        width:auto!important;
        max-width:none!important;
        height:auto!important;
        max-height:172px!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        overflow:hidden!important;
        z-index:4!important;
        text-align:left!important;
    }

    .hero-marketplace .hero-slide-conteudo-padrao{
        bottom:20px!important;
        max-height:235px!important;
    }

    .hero-marketplace .mini-destaque,
    .home-pro-hero.hero-marketplace .mini-destaque{
        display:inline-flex!important;
        min-height:25px!important;
        align-items:center!important;
        margin:0 0 7px!important;
        padding:0 9px!important;
        border:1px solid rgba(255,255,255,.35)!important;
        border-radius:999px!important;
        background:rgba(15,23,42,.28)!important;
        color:#fff!important;
        font-size:9px!important;
        font-weight:900!important;
        line-height:1!important;
        backdrop-filter:blur(7px)!important;
    }

    .hero-marketplace .hero-slide-conteudo h1,
    .hero-marketplace .hero-slide-conteudo-livre h1,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo h1,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo-livre h1{
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        margin:0 0 6px!important;
        max-width:100%!important;
        overflow:hidden!important;
        color:inherit!important;
        font-size:clamp(25px,7.7vw,36px)!important;
        line-height:1.02!important;
        letter-spacing:-.9px!important;
        text-shadow:0 7px 22px rgba(0,0,0,.34)!important;
    }

    .hero-marketplace .hero-slide-conteudo p:not(.mini-destaque),
    .hero-marketplace .hero-slide-conteudo-livre p:not(.mini-destaque),
    .home-pro-hero.hero-marketplace .hero-slide-conteudo p:not(.mini-destaque){
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        max-width:100%!important;
        margin:0!important;
        overflow:hidden!important;
        color:rgba(255,255,255,.92)!important;
        font-size:12.5px!important;
        line-height:1.36!important;
        text-shadow:0 5px 16px rgba(0,0,0,.28)!important;
    }

    .hero-botoes-dinamicos{
        position:absolute!important;
        left:17px!important;
        right:17px!important;
        bottom:21px!important;
        z-index:6!important;
        display:flex!important;
        align-items:center!important;
        gap:8px!important;
        overflow-x:auto!important;
        scrollbar-width:none!important;
    }

    .hero-botoes-dinamicos::-webkit-scrollbar{display:none!important}

    .hero-botoes-dinamicos .hero-banner-botao{
        position:static!important;
        left:auto!important;
        top:auto!important;
        flex:0 0 auto!important;
        min-height:36px!important;
        max-width:calc(100vw - 54px)!important;
        margin:0!important;
        padding:0 13px!important;
        border-radius:999px!important;
        font-size:11px!important;
        white-space:nowrap!important;
        transform:none!important;
        box-shadow:0 9px 22px rgba(0,0,0,.22)!important;
    }

    .hero-marketplace .hero-botoes{
        display:flex!important;
        gap:7px!important;
        margin-top:12px!important;
    }

    .hero-marketplace .hero-botoes .btn,
    .hero-marketplace .hero-botoes .btn-secundario{
        min-height:36px!important;
        padding:0 12px!important;
        border-radius:999px!important;
        font-size:11px!important;
    }

    .hero-seta,
    .hero-seta-esquerda,
    .hero-seta-direita{
        display:none!important;
    }

    .hero-indicadores,
    .hero-marketplace .hero-indicadores{
        position:absolute!important;
        left:50%!important;
        bottom:8px!important;
        z-index:8!important;
        display:flex!important;
        gap:5px!important;
        transform:translateX(-50%)!important;
    }

    .hero-indicadores button{
        width:7px!important;
        height:7px!important;
        min-width:7px!important;
        min-height:7px!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:rgba(255,255,255,.55)!important;
    }

    .hero-indicadores button.ativo{
        width:22px!important;
        background:#22c55e!important;
    }

    .conteudo-home-marketplace{
        width:100%!important;
        max-width:100%!important;
        margin:0 auto!important;
        padding:0 10px 28px!important;
    }

    .home-beneficios-marketplace{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        margin:0!important;
        padding:0!important;
    }

    .home-beneficios-marketplace>div{
        min-width:0!important;
        min-height:72px!important;
        display:grid!important;
        grid-template-columns:34px minmax(0,1fr)!important;
        grid-template-rows:auto auto!important;
        column-gap:9px!important;
        align-items:center!important;
        margin:0!important;
        padding:10px!important;
        border:1px solid #e2e8f0!important;
        border-radius:15px!important;
        background:#fff!important;
        box-shadow:0 5px 15px rgba(15,23,42,.055)!important;
    }

    .home-beneficios-marketplace .icone-beneficio-home{
        grid-row:1/3!important;
        width:34px!important;
        height:34px!important;
        display:grid!important;
        place-items:center!important;
        margin:0!important;
        border-radius:11px!important;
        background:#ecfdf5!important;
    }

    .home-beneficios-marketplace .icone-beneficio-home img{
        width:20px!important;
        height:20px!important;
        object-fit:contain!important;
    }

    .home-beneficios-marketplace strong{
        min-width:0!important;
        margin:0!important;
        color:#14532d!important;
        font-size:11px!important;
        line-height:1.2!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .home-beneficios-marketplace p{
        min-width:0!important;
        margin:2px 0 0!important;
        color:#64748b!important;
        font-size:9.5px!important;
        line-height:1.25!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
    }

    .home-section-marketplace{
        margin:18px 0 0!important;
        padding:0!important;
    }

    .home-produtos-cabecalho{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:end!important;
        gap:8px!important;
        margin:0 0 10px!important;
        padding:0 2px!important;
    }

    .home-produtos-cabecalho>div{
        min-width:0!important;
    }

    .home-produtos-cabecalho .mini-destaque{
        display:inline-flex!important;
        min-height:23px!important;
        align-items:center!important;
        margin:0 0 5px!important;
        padding:0 8px!important;
        border-radius:999px!important;
        font-size:8.5px!important;
    }

    .home-produtos-cabecalho h2{
        margin:0!important;
        color:#0f172a!important;
        font-size:20px!important;
        line-height:1.08!important;
        letter-spacing:-.45px!important;
    }

    .home-produtos-cabecalho>div>span{
        display:none!important;
    }

    .home-produtos-cabecalho .btn-secundario{
        min-height:34px!important;
        display:inline-flex!important;
        align-items:center!important;
        padding:0 10px!important;
        border-radius:999px!important;
        font-size:10px!important;
        white-space:nowrap!important;
    }

    .home-section-marketplace .grid-produtos,
    .home-section-marketplace .grid-produtos-home-pro,
    .destaques.home-section-marketplace .grid-produtos{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        margin:0!important;
        padding:0!important;
    }

    .card-marketplace,
    .destaques .card-marketplace{
        min-width:0!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        border:1px solid #e2e8f0!important;
        border-radius:15px!important;
        background:#fff!important;
        box-shadow:0 5px 15px rgba(15,23,42,.055)!important;
        transform:none!important;
    }

    .card-marketplace:hover{
        transform:none!important;
    }

    .card-marketplace .card-imagem,
    .destaques .card-marketplace .card-imagem{
        flex:0 0 118px!important;
        width:100%!important;
        height:118px!important;
        min-height:118px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:8px!important;
        border-radius:0!important;
        background:#f8fafc!important;
        overflow:hidden!important;
    }

    .card-marketplace .card-imagem img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        object-fit:contain!important;
        margin:0!important;
        padding:0!important;
        border-radius:10px!important;
    }

    .card-marketplace .card-conteudo{
        flex:1!important;
        min-width:0!important;
        display:flex!important;
        flex-direction:column!important;
        padding:9px!important;
    }

    .card-marketplace .categoria{
        min-width:0!important;
        margin:0 0 4px!important;
        color:#64748b!important;
        font-size:8.5px!important;
        font-weight:850!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .card-marketplace h3,
    .destaques .card-marketplace h3{
        min-height:32px!important;
        margin:0 0 6px!important;
        color:#0f172a!important;
        font-size:11.5px!important;
        line-height:1.35!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
    }

    .card-marketplace h3 a{
        color:inherit!important;
        text-decoration:none!important;
    }

    .card-marketplace .preco-area{
        min-height:45px!important;
        margin-top:auto!important;
    }

    .card-marketplace .preco,
    .destaques .card-marketplace .preco{
        margin:auto 0 5px!important;
        color:#15803d!important;
        font-size:16px!important;
        line-height:1.1!important;
        white-space:nowrap!important;
    }

    .card-marketplace .preco-original-cortado{
        margin:0 0 2px!important;
        font-size:9px!important;
    }

    .card-marketplace .contador-promocao{
        min-height:13px!important;
        margin:0 0 5px!important;
        font-size:8px!important;
        line-height:1.2!important;
    }

    .card-marketplace .favorito-home{
        top:7px!important;
        right:7px!important;
        width:29px!important;
        height:29px!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
        border-radius:50%!important;
        font-size:15px!important;
    }

    .card-marketplace .selo-produto,
    .card-marketplace .selo-promocao-pro{
        top:7px!important;
        left:7px!important;
        max-width:calc(100% - 48px)!important;
        padding:4px 7px!important;
        border-radius:999px!important;
        font-size:8px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .card-marketplace .btn-card-comprar,
    .btn-card-comprar{
        width:100%!important;
        min-width:0!important;
        min-height:35px!important;
        height:35px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin-top:auto!important;
        padding:0 7px!important;
        border-radius:11px!important;
        font-size:10.5px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    .bloco-confiança-marketplace,
    .chamada-marketplace{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:13px!important;
        margin:20px 0 0!important;
        padding:17px!important;
        border-radius:19px!important;
    }

    .bloco-confiança-marketplace h2,
    .chamada-marketplace h2{
        margin:4px 0 7px!important;
        font-size:21px!important;
        line-height:1.13!important;
    }

    .bloco-confiança-marketplace p,
    .chamada-marketplace p{
        font-size:11px!important;
        line-height:1.45!important;
    }

    .confiança-lista{
        display:grid!important;
        gap:7px!important;
    }

    .confiança-lista>span{
        min-height:38px!important;
        display:flex!important;
        align-items:center!important;
        padding:8px 10px!important;
        border-radius:12px!important;
        font-size:10px!important;
    }

    .chamada-marketplace .btn-whatsapp-home{
        width:100%!important;
        min-height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border-radius:13px!important;
        font-size:11px!important;
    }

    .vitrine-home-loop{
        transition:opacity .24s ease!important;
    }

    .vitrine-home-trocando{
        opacity:.42!important;
    }
}

/* ---------------------------------------------------------
   FOOTER MOBILE COMPACTO
--------------------------------------------------------- */
@media (max-width:768px){
    .rodape{
        margin-top:22px!important;
        padding:24px 12px calc(18px + env(safe-area-inset-bottom))!important;
    }

    .rodape-conteudo{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:17px 12px!important;
        padding:0!important;
    }

    .rodape-coluna{
        min-width:0!important;
        padding:0!important;
        border:0!important;
    }

    .rodape-coluna::after{
        display:none!important;
    }

    .rodape-coluna h3{
        margin:0 0 7px!important;
        font-size:17px!important;
    }

    .rodape-coluna h4,
    .bloco-rodape h4{
        margin:0 0 7px!important;
        font-size:12px!important;
    }

    .rodape-coluna p,
    .rodape-coluna a,
    .texto-localizacao-footer{
        margin:0 0 6px!important;
        font-size:10px!important;
        line-height:1.45!important;
    }

    .rodape-extra{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:12px!important;
        margin-top:20px!important;
        padding-top:16px!important;
    }

    .rodape-localizacao-resumo{
        grid-column:1/-1!important;
    }

    .icones-pagamento,
    .icones-seguranca{
        display:flex!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        gap:6px!important;
    }

    .icones-pagamento img,
    .icones-seguranca img{
        width:auto!important;
        max-width:52px!important;
        height:25px!important;
        object-fit:contain!important;
    }

    .btn-localizacao-footer{
        min-height:36px!important;
        display:inline-flex!important;
        align-items:center!important;
        gap:6px!important;
        padding:0 10px!important;
        border-radius:10px!important;
        font-size:9.5px!important;
    }

    .rodape-final{
        margin-top:18px!important;
        padding-top:13px!important;
    }

    .rodape-final p{
        font-size:9px!important;
        line-height:1.4!important;
    }

    .whatsapp-flutuante{
        right:12px!important;
        bottom:12px!important;
        width:49px!important;
        height:49px!important;
        z-index:9000!important;
    }
}

/* ---------------------------------------------------------
   APARELHOS ESTREITOS
--------------------------------------------------------- */
@media (max-width:430px){
    .topo-premium-inner{
        grid-template-columns:39px minmax(0,1fr) auto!important;
        column-gap:5px!important;
    }

    .btn-mobile-sidebar{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
    }

    .logo-premium{
        width:78px!important;
        max-width:78px!important;
        height:37px!important;
    }

    .logo-premium img,
    #logoSite{
        max-width:76px!important;
        height:31px!important;
    }

    .acoes-premium{
        max-width:132px!important;
        gap:4px!important;
    }

    .usuario-dropdown-premium,
    .usuario-premium,
    .login-premium{
        max-width:92px!important;
    }

    .usuario-dropdown-btn,
    .btn-login-premium{
        min-width:58px!important;
        max-width:92px!important;
        height:34px!important;
        min-height:34px!important;
        padding-left:8px!important;
    }

    .usuario-dropdown-btn strong{
        max-width:56px!important;
        font-size:10px!important;
    }

    body.home-marketplace .hero-slider,
    body.home-marketplace .hero-marketplace,
    body.home-premium.home-marketplace .hero-slider,
    body.home-premium.home-marketplace .hero-marketplace{
        height:300px!important;
        min-height:300px!important;
    }

    .home-beneficios-marketplace>div{
        grid-template-columns:30px minmax(0,1fr)!important;
        min-height:68px!important;
        padding:8px!important;
    }

    .home-beneficios-marketplace .icone-beneficio-home{
        width:30px!important;
        height:30px!important;
    }

    .card-marketplace .card-imagem{
        flex-basis:108px!important;
        height:108px!important;
        min-height:108px!important;
    }

    .home-produtos-cabecalho h2{
        font-size:18px!important;
    }
}

@media (max-width:350px){
    .logo-premium{
        width:66px!important;
        max-width:66px!important;
    }

    .logo-premium img,
    #logoSite{
        max-width:64px!important;
        height:28px!important;
    }

    .acoes-premium{
        max-width:118px!important;
    }

    .carrinho-premium{
        flex-basis:33px!important;
        width:33px!important;
        height:33px!important;
        min-width:33px!important;
    }

    .usuario-dropdown-btn,
    .btn-login-premium{
        min-width:52px!important;
        max-width:80px!important;
    }

    .usuario-dropdown-btn strong{
        max-width:44px!important;
    }

    .home-section-marketplace .grid-produtos,
    .home-section-marketplace .grid-produtos-home-pro{
        grid-template-columns:1fr!important;
    }

    .card-marketplace .card-imagem{
        height:170px!important;
        min-height:170px!important;
        flex-basis:170px!important;
    }

    .rodape-conteudo,
    .rodape-extra{
        grid-template-columns:1fr!important;
    }

    .rodape-localizacao-resumo{
        grid-column:auto!important;
    }
}

/* ---------------------------------------------------------
   MODO ESCURO — somente adequação dos novos componentes
--------------------------------------------------------- */
body.modo-escuro .mobile-sidebar-paladini,
body.modo-escuro .mobile-sidebar-topo,
body.modo-escuro .mobile-sidebar-footer,
body.modo-escuro .mobile-sidebar-usuario-card,
body.modo-escuro .mobile-sidebar-atalhos .mobile-sidebar-link,
body.modo-escuro .mobile-sidebar-bloco,
body.modo-escuro .mobile-accordion-btn,
body.modo-escuro .mobile-sidebar-tema{
    background:#0f172a!important;
    border-color:#253247!important;
    color:#e5e7eb!important;
}

body.modo-escuro .mobile-sidebar-conteudo,
body.modo-escuro .mobile-accordion-conteudo{
    background:#111827!important;
    border-color:#253247!important;
}

body.modo-escuro .mobile-sidebar-usuario-card strong,
body.modo-escuro .mobile-sidebar-atalhos strong,
body.modo-escuro .mobile-accordion-btn{
    color:#e5e7eb!important;
}

body.modo-escuro .mobile-sidebar-usuario-card span,
body.modo-escuro .mobile-sidebar-atalhos span,
body.modo-escuro .mobile-accordion-conteudo .mobile-sidebar-link,
body.modo-escuro .mobile-sidebar-footer{
    color:#94a3b8!important;
}


/* =========================================================
   CORREÇÃO V3.2 — HEADER E SLIDER MOBILE
   Resolve sobreposição de banners e conflitos de especificidade
   das regras antigas da home.
========================================================= */
@media (max-width:768px){
    /* Somente o slide ativo pode aparecer ou receber interação. */
    body.home-marketplace .hero-slider .hero-slide,
    body.home-premium.home-marketplace .hero-slider .hero-slide,
    body.home-integrada.home-marketplace .hero-slider .hero-slide,
    .home-pro-hero.hero-marketplace .hero-slide{
        position:absolute!important;
        inset:0!important;
        display:block!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        z-index:0!important;
        transition:opacity .28s ease, visibility .28s ease!important;
    }

    body.home-marketplace .hero-slider .hero-slide.ativo,
    body.home-premium.home-marketplace .hero-slider .hero-slide.ativo,
    body.home-integrada.home-marketplace .hero-slider .hero-slide.ativo,
    .home-pro-hero.hero-marketplace .hero-slide.ativo{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        z-index:3!important;
    }

    body.home-marketplace .hero-slider .hero-slide:not(.ativo) .hero-slide-conteudo,
    body.home-marketplace .hero-slider .hero-slide:not(.ativo) .hero-botoes-dinamicos,
    body.home-premium.home-marketplace .hero-slider .hero-slide:not(.ativo) .hero-slide-conteudo,
    body.home-premium.home-marketplace .hero-slider .hero-slide:not(.ativo) .hero-botoes-dinamicos{
        opacity:0!important;
        visibility:hidden!important;
    }

    /* Neutraliza as regras antigas mais específicas da home. */
    body.home-marketplace .topo-premium-inner,
    body.home-premium.home-marketplace .topo-premium-inner,
    body.home-integrada.home-marketplace .topo-premium-inner{
        grid-template-columns:40px minmax(70px,1fr) auto!important;
        grid-template-areas:"menu logo acoes" "busca busca busca"!important;
        column-gap:7px!important;
        row-gap:7px!important;
    }

    body.home-marketplace .acoes-premium,
    body.home-premium.home-marketplace .acoes-premium,
    body.home-integrada.home-marketplace .acoes-premium{
        width:auto!important;
        min-width:0!important;
        max-width:138px!important;
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:5px!important;
        overflow:visible!important;
    }

    body.home-marketplace .carrinho-premium,
    body.home-premium.home-marketplace .carrinho-premium,
    body.home-integrada.home-marketplace .carrinho-premium{
        position:relative!important;
        inset:auto!important;
        flex:0 0 34px!important;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        max-width:34px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        border-radius:50%!important;
        overflow:visible!important;
        transform:none!important;
    }

    body.home-marketplace .carrinho-premium img,
    body.home-premium.home-marketplace .carrinho-premium img,
    body.home-integrada.home-marketplace .carrinho-premium img{
        display:block!important;
        width:17px!important;
        height:17px!important;
        opacity:1!important;
        filter:brightness(0) invert(1)!important;
    }

    body.home-marketplace .carrinho-premium span,
    body.home-premium.home-marketplace .carrinho-premium span,
    body.home-integrada.home-marketplace .carrinho-premium span{
        top:-5px!important;
        right:-5px!important;
        z-index:2!important;
    }

    body.home-marketplace .usuario-dropdown-premium,
    body.home-marketplace .usuario-premium,
    body.home-premium.home-marketplace .usuario-dropdown-premium,
    body.home-premium.home-marketplace .usuario-premium,
    body.home-integrada.home-marketplace .usuario-dropdown-premium,
    body.home-integrada.home-marketplace .usuario-premium{
        flex:0 1 96px!important;
        width:auto!important;
        min-width:0!important;
        max-width:96px!important;
    }

    body.home-marketplace .usuario-dropdown-btn,
    body.home-premium.home-marketplace .usuario-dropdown-btn,
    body.home-integrada.home-marketplace .usuario-dropdown-btn{
        width:100%!important;
        min-width:0!important;
        max-width:96px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0 20px 0 9px!important;
        box-shadow:none!important;
    }

    body.home-marketplace .usuario-dropdown-btn strong,
    body.home-premium.home-marketplace .usuario-dropdown-btn strong,
    body.home-integrada.home-marketplace .usuario-dropdown-btn strong{
        max-width:60px!important;
        font-size:10.5px!important;
    }

    body.home-marketplace .busca-premium,
    body.home-marketplace .topo-premium .busca,
    body.home-premium.home-marketplace .busca-premium,
    body.home-premium.home-marketplace .topo-premium .busca,
    body.home-integrada.home-marketplace .busca-premium{
        width:100%!important;
        max-width:100%!important;
        height:40px!important;
        min-height:40px!important;
        margin:0!important;
    }

    /* Texto do banner proporcional em telas pequenas. */
    body.home-marketplace .hero-slide.ativo .hero-slide-conteudo,
    body.home-premium.home-marketplace .hero-slide.ativo .hero-slide-conteudo{
        max-height:158px!important;
    }

    body.home-marketplace .hero-slide.ativo .hero-slide-conteudo h1,
    body.home-premium.home-marketplace .hero-slide.ativo .hero-slide-conteudo h1{
        font-size:clamp(23px,7vw,31px)!important;
        line-height:1.03!important;
        -webkit-line-clamp:2!important;
    }

    body.home-marketplace .hero-slide.ativo .hero-slide-conteudo p:not(.mini-destaque),
    body.home-premium.home-marketplace .hero-slide.ativo .hero-slide-conteudo p:not(.mini-destaque){
        font-size:11.5px!important;
        line-height:1.32!important;
        -webkit-line-clamp:2!important;
    }
}

@media (max-width:430px){
    body.home-marketplace .topo-premium-inner,
    body.home-premium.home-marketplace .topo-premium-inner,
    body.home-integrada.home-marketplace .topo-premium-inner{
        grid-template-columns:38px minmax(66px,1fr) auto!important;
        column-gap:5px!important;
    }

    body.home-marketplace .acoes-premium,
    body.home-premium.home-marketplace .acoes-premium,
    body.home-integrada.home-marketplace .acoes-premium{
        max-width:130px!important;
        gap:4px!important;
    }

    body.home-marketplace .carrinho-premium,
    body.home-premium.home-marketplace .carrinho-premium,
    body.home-integrada.home-marketplace .carrinho-premium{
        flex-basis:32px!important;
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
        max-width:32px!important;
    }

    body.home-marketplace .usuario-dropdown-premium,
    body.home-marketplace .usuario-premium,
    body.home-premium.home-marketplace .usuario-dropdown-premium,
    body.home-premium.home-marketplace .usuario-premium{
        flex-basis:90px!important;
        max-width:90px!important;
    }

    body.home-marketplace .usuario-dropdown-btn,
    body.home-premium.home-marketplace .usuario-dropdown-btn{
        max-width:90px!important;
        height:32px!important;
        min-height:32px!important;
    }
}

/* =========================================================
   CORREÇÃO V3.3 — ALINHAMENTO FINO DO HEADER E DA HOME MOBILE
   Mantém a identidade visual e neutraliza posições herdadas.
========================================================= */
@media (max-width:768px){
    .topo,
    .topo-premium,
    header.topo,
    header.topo-premium,
    body.home-marketplace .topo-premium,
    body.home-premium.home-marketplace .topo-premium,
    body.home-integrada.home-marketplace .topo-premium{
        padding:8px 10px 10px!important;
        overflow:visible!important;
    }

    .topo-premium-inner,
    body.home-marketplace .topo-premium-inner,
    body.home-premium.home-marketplace .topo-premium-inner,
    body.home-integrada.home-marketplace .topo-premium-inner{
        position:relative!important;
        grid-template-columns:42px minmax(0,1fr) auto!important;
        grid-template-rows:42px 40px!important;
        grid-template-areas:
            "menu logo acoes"
            "busca busca busca"!important;
        align-items:center!important;
        column-gap:8px!important;
        row-gap:8px!important;
        min-height:90px!important;
    }

    .btn-mobile-sidebar{
        align-self:center!important;
        justify-self:start!important;
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        max-width:40px!important;
    }

    /* Centralização real da marca, independente da largura das ações. */
    .logo-premium,
    body.home-marketplace .logo-premium,
    body.home-premium.home-marketplace .logo-premium,
    body.home-integrada.home-marketplace .logo-premium{
        position:absolute!important;
        top:1px!important;
        left:50%!important;
        width:104px!important;
        max-width:104px!important;
        height:40px!important;
        transform:translateX(-50%)!important;
        z-index:2!important;
    }

    .logo-premium img,
    .logo-img,
    #logoSite,
    body.home-marketplace .logo-premium img,
    body.home-premium.home-marketplace .logo-premium img{
        width:104px!important;
        max-width:104px!important;
        height:40px!important;
        max-height:40px!important;
        object-fit:contain!important;
        transform:scale(1.10)!important;
        transform-origin:center!important;
    }

    .acoes-premium,
    body.home-marketplace .acoes-premium,
    body.home-premium.home-marketplace .acoes-premium,
    body.home-integrada.home-marketplace .acoes-premium{
        align-self:center!important;
        justify-self:end!important;
        width:auto!important;
        min-width:0!important;
        max-width:132px!important;
        height:40px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex-wrap:nowrap!important;
        gap:6px!important;
    }

    .carrinho-premium,
    body.home-marketplace .carrinho-premium,
    body.home-premium.home-marketplace .carrinho-premium,
    body.home-integrada.home-marketplace .carrinho-premium{
        position:relative!important;
        inset:auto!important;
        flex:0 0 34px!important;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        max-width:34px!important;
        border:1px solid #bbf7d0!important;
        border-radius:50%!important;
        background:#ecfdf5!important;
        box-shadow:0 6px 14px rgba(22,101,52,.10)!important;
        overflow:visible!important;
    }

    .carrinho-premium img,
    body.home-marketplace .carrinho-premium img,
    body.home-premium.home-marketplace .carrinho-premium img,
    body.home-integrada.home-marketplace .carrinho-premium img{
        width:17px!important;
        height:17px!important;
        opacity:1!important;
        filter:invert(28%) sepia(31%) saturate(1155%) hue-rotate(92deg) brightness(88%) contrast(91%)!important;
    }

    .carrinho-premium span,
    body.home-marketplace .carrinho-premium span,
    body.home-premium.home-marketplace .carrinho-premium span,
    body.home-integrada.home-marketplace .carrinho-premium span{
        top:-6px!important;
        right:-5px!important;
        min-width:17px!important;
        height:17px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0 4px!important;
        border:2px solid #fff!important;
        border-radius:999px!important;
        background:#16a34a!important;
        color:#fff!important;
        font-size:9px!important;
        line-height:1!important;
        box-shadow:none!important;
    }

    .usuario-dropdown-premium,
    .usuario-premium,
    .login-premium,
    body.home-marketplace .usuario-dropdown-premium,
    body.home-marketplace .usuario-premium,
    body.home-premium.home-marketplace .usuario-dropdown-premium,
    body.home-premium.home-marketplace .usuario-premium{
        flex:0 1 90px!important;
        width:90px!important;
        min-width:0!important;
        max-width:90px!important;
    }

    .usuario-dropdown-btn,
    body.home-marketplace .usuario-dropdown-btn,
    body.home-premium.home-marketplace .usuario-dropdown-btn,
    body.home-integrada.home-marketplace .usuario-dropdown-btn{
        width:90px!important;
        max-width:90px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0 20px 0 11px!important;
        justify-content:flex-start!important;
    }

    .usuario-dropdown-btn strong,
    body.home-marketplace .usuario-dropdown-btn strong,
    body.home-premium.home-marketplace .usuario-dropdown-btn strong{
        width:100%!important;
        max-width:57px!important;
        text-align:center!important;
    }

    /* A busca volta ao fluxo normal e deixa de invadir o hero. */
    .busca-premium,
    .topo-premium .busca,
    body.home-marketplace .busca-premium,
    body.home-marketplace .topo-premium .busca,
    body.home-premium.home-marketplace .busca-premium,
    body.home-premium.home-marketplace .topo-premium .busca,
    body.home-integrada.home-marketplace .busca-premium{
        position:relative!important;
        inset:auto!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        align-self:center!important;
        justify-self:stretch!important;
        width:100%!important;
        max-width:100%!important;
        height:40px!important;
        min-height:40px!important;
        margin:0!important;
        transform:none!important;
        z-index:1!important;
    }

    .busca-premium input,
    .topo-premium .busca input{
        height:32px!important;
        line-height:32px!important;
        padding-left:12px!important;
    }

    .busca-premium button,
    .topo-premium .busca button{
        position:static!important;
        inset:auto!important;
        transform:none!important;
        margin:0!important;
    }

    /* Mesmo alinhamento lateral para hero e conteúdo da home. */
    body.home-marketplace .hero-slider,
    body.home-marketplace .hero-marketplace,
    body.home-premium.home-marketplace .hero-slider,
    body.home-premium.home-marketplace .hero-marketplace,
    body.home-integrada.home-marketplace .hero-slider,
    .home-pro-hero.hero-marketplace{
        width:calc(100% - 20px)!important;
        margin:12px auto 12px!important;
        border-radius:20px!important;
    }

    .hero-marketplace .hero-slide-conteudo,
    .hero-marketplace .hero-slide-conteudo-livre,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo-livre{
        left:16px!important;
        right:16px!important;
        bottom:76px!important;
        max-height:160px!important;
    }

    .hero-marketplace .mini-destaque,
    .home-pro-hero.hero-marketplace .mini-destaque{
        margin-bottom:8px!important;
    }

    .hero-marketplace .hero-slide-conteudo h1,
    .hero-marketplace .hero-slide-conteudo-livre h1,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo h1,
    .home-pro-hero.hero-marketplace .hero-slide-conteudo-livre h1{
        margin-bottom:7px!important;
        font-size:clamp(24px,7.2vw,30px)!important;
        line-height:1.05!important;
        letter-spacing:-.65px!important;
    }

    .hero-marketplace .hero-slide-conteudo p:not(.mini-destaque),
    .hero-marketplace .hero-slide-conteudo-livre p:not(.mini-destaque),
    .home-pro-hero.hero-marketplace .hero-slide-conteudo p:not(.mini-destaque){
        font-size:11.5px!important;
        line-height:1.4!important;
    }

    .hero-botoes-dinamicos{
        left:16px!important;
        right:16px!important;
        bottom:20px!important;
    }

    .hero-indicadores,
    .hero-marketplace .hero-indicadores{
        bottom:8px!important;
    }

    .conteudo-home-marketplace{
        padding-left:10px!important;
        padding-right:10px!important;
    }
}

@media (max-width:380px){
    .topo-premium-inner,
    body.home-marketplace .topo-premium-inner,
    body.home-premium.home-marketplace .topo-premium-inner{
        grid-template-columns:40px minmax(0,1fr) auto!important;
        column-gap:5px!important;
    }

    .logo-premium,
    body.home-marketplace .logo-premium,
    body.home-premium.home-marketplace .logo-premium{
        width:88px!important;
        max-width:88px!important;
    }

    .logo-premium img,
    #logoSite{
        width:88px!important;
        max-width:88px!important;
        transform:scale(1.06)!important;
    }

    .acoes-premium,
    body.home-marketplace .acoes-premium,
    body.home-premium.home-marketplace .acoes-premium{
        max-width:118px!important;
        gap:4px!important;
    }

    .usuario-dropdown-premium,
    .usuario-premium,
    body.home-marketplace .usuario-dropdown-premium,
    body.home-premium.home-marketplace .usuario-dropdown-premium{
        flex-basis:80px!important;
        width:80px!important;
        max-width:80px!important;
    }

    .usuario-dropdown-btn,
    body.home-marketplace .usuario-dropdown-btn,
    body.home-premium.home-marketplace .usuario-dropdown-btn{
        width:80px!important;
        max-width:80px!important;
        padding-left:8px!important;
    }

    .usuario-dropdown-btn strong{
        max-width:48px!important;
        font-size:10px!important;
    }
}
/* =========================================================
   AJUSTE FINO DO HEADER MOBILE — ALINHAMENTO FINAL
========================================================= */
@media (max-width: 768px){

    .site-header,
    .header-mobile,
    .header-loja{
        padding-top: 10px !important;
    }

    .header-topo-mobile,
    .header-mobile-top,
    .header-superior-mobile{
        display: grid !important;
        grid-template-columns: 46px 1fr auto !important;
        align-items: center !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
        min-height: 54px !important;
        padding: 0 14px !important;
    }

    /* botão menu */
    .menu-toggle,
    .btn-menu-mobile,
    .mobile-menu-toggle{
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        margin: 0 !important;
    }

    /* área da logo */
    .logo-area-mobile,
    .header-logo-mobile,
    .site-brand-mobile,
    .logo-mobile{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .logo-area-mobile img,
    .header-logo-mobile img,
    .site-brand-mobile img,
    .logo-mobile img{
        max-height: 28px !important;
        width: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* grupo carrinho + conta */
    .header-acoes-mobile,
    .header-actions-mobile,
    .topo-acoes-mobile{
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* carrinho */
    .cart-toggle-mobile,
    .header-cart,
    .mobile-cart-btn,
    .topo-carrinho{
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    .cart-toggle-mobile img,
    .header-cart img,
    .mobile-cart-btn img,
    .topo-carrinho img{
        width: 18px !important;
        height: 18px !important;
        object-fit: contain !important;
        display: block !important;
    }

    .cart-count,
    .contador-carrinho,
    .badge-carrinho{
        top: -4px !important;
        right: -4px !important;
        min-width: 16px !important;
        height: 16px !important;
        padding: 0 4px !important;
        font-size: 9px !important;
        line-height: 16px !important;
        border-radius: 999px !important;
    }

    /* botão conta */
    .header-user-btn,
    .mobile-user-btn,
    .btn-conta-mobile,
    .topo-usuario{
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .header-user-btn .user-name,
    .mobile-user-btn .user-name,
    .btn-conta-mobile .user-name,
    .topo-usuario .user-name{
        font-size: 12px !important;
        line-height: 1 !important;
        max-width: 72px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* linha da busca */
    .header-busca-mobile,
    .mobile-search-wrap,
    .topo-busca-mobile{
        margin-top: 10px !important;
        padding: 0 14px 12px !important;
    }

    .header-busca-mobile form,
    .mobile-search-wrap form,
    .topo-busca-mobile form{
        display: grid !important;
        grid-template-columns: 1fr 42px !important;
        align-items: center !important;
        gap: 0 !important;
        min-height: 42px !important;
    }

    .header-busca-mobile input,
    .mobile-search-wrap input,
    .topo-busca-mobile input{
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border-radius: 999px 0 0 999px !important;
        font-size: 13px !important;
    }

    .header-busca-mobile button,
    .mobile-search-wrap button,
    .topo-busca-mobile button{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        border-radius: 0 999px 999px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* celulares menores */
@media (max-width: 380px){
    .header-topo-mobile,
    .header-mobile-top,
    .header-superior-mobile{
        grid-template-columns: 42px 1fr auto !important;
        column-gap: 8px !important;
        padding: 0 12px !important;
    }

    .header-user-btn,
    .mobile-user-btn,
    .btn-conta-mobile,
    .topo-usuario{
        padding: 0 10px !important;
    }

    .header-user-btn .user-name,
    .mobile-user-btn .user-name,
    .btn-conta-mobile .user-name,
    .topo-usuario .user-name{
        max-width: 58px !important;
        font-size: 11px !important;
    }

    .header-busca-mobile,
    .mobile-search-wrap,
    .topo-busca-mobile{
        padding: 0 12px 12px !important;
    }
}
@media (max-width: 768px){
    .header-acoes-mobile,
    .header-actions-mobile,
    .topo-acoes-mobile{
        transform: translateY(1px) !important;
    }
}

/* =========================================================
   CORREÇÃO FINAL — OCUPAR TODA A LARGURA DO HEADER MOBILE
   Remove a folga lateral extra herdada de outros estilos.
========================================================= */
@media (max-width: 768px){
    html body .topo,
    html body .topo-premium,
    html body header.topo,
    html body header.topo-premium,
    html body.home-marketplace .topo-premium,
    html body.home-premium.home-marketplace .topo-premium,
    html body.home-integrada.home-marketplace .topo-premium{
        width:100% !important;
        max-width:none !important;
        padding-left:8px !important;
        padding-right:8px !important;
        box-sizing:border-box !important;
    }

    html body .topo-premium > .topo-premium-inner,
    html body header.topo-premium > .topo-premium-inner,
    html body.home-marketplace .topo-premium > .topo-premium-inner,
    html body.home-premium.home-marketplace .topo-premium > .topo-premium-inner,
    html body.home-integrada.home-marketplace .topo-premium > .topo-premium-inner{
        width:100% !important;
        min-width:100% !important;
        max-width:none !important;
        flex:1 1 100% !important;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
        justify-self:stretch !important;
    }

    html body .topo-premium .acoes-premium,
    html body.home-marketplace .topo-premium .acoes-premium,
    html body.home-premium.home-marketplace .topo-premium .acoes-premium,
    html body.home-integrada.home-marketplace .topo-premium .acoes-premium{
        justify-self:end !important;
        margin-right:0 !important;
    }

    html body .topo-premium .busca-premium,
    html body .topo-premium .busca,
    html body.home-marketplace .topo-premium .busca-premium,
    html body.home-premium.home-marketplace .topo-premium .busca-premium,
    html body.home-integrada.home-marketplace .topo-premium .busca-premium{
        width:100% !important;
        min-width:100% !important;
        max-width:none !important;
        justify-self:stretch !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }
}

/* =========================================================
   CORREÇÃO FINAL — LOGO CENTRALIZADA EM TODAS AS PÁGINAS
   Mantém a marca exatamente no centro físico do cabeçalho,
   independente da largura do menu, carrinho ou conta.
========================================================= */
@media (max-width:768px){
    html body header.topo-premium > .topo-premium-inner,
    html body .topo-premium > .topo-premium-inner{
        position:relative!important;
    }

    html body header.topo-premium > .topo-premium-inner > .logo-premium,
    html body .topo-premium > .topo-premium-inner > .logo-premium,
    html body.home-marketplace header.topo-premium > .topo-premium-inner > .logo-premium,
    html body.home-premium.home-marketplace header.topo-premium > .topo-premium-inner > .logo-premium,
    html body.home-integrada.home-marketplace header.topo-premium > .topo-premium-inner > .logo-premium{
        position:absolute!important;
        top:0!important;
        left:50%!important;
        right:auto!important;
        bottom:auto!important;
        width:100px!important;
        min-width:100px!important;
        max-width:100px!important;
        height:42px!important;
        min-height:42px!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        grid-area:auto!important;
        justify-self:auto!important;
        align-self:auto!important;
        transform:translateX(-50%)!important;
        z-index:3!important;
        overflow:hidden!important;
        pointer-events:auto!important;
    }

    html body header.topo-premium > .topo-premium-inner > .logo-premium img,
    html body .topo-premium > .topo-premium-inner > .logo-premium img,
    html body header.topo-premium #logoSite,
    html body .topo-premium #logoSite{
        width:auto!important;
        max-width:96px!important;
        height:34px!important;
        max-height:34px!important;
        margin:0!important;
        padding:0!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
        transform-origin:center!important;
    }
}

@media (max-width:380px){
    html body header.topo-premium > .topo-premium-inner > .logo-premium,
    html body .topo-premium > .topo-premium-inner > .logo-premium{
        width:88px!important;
        min-width:88px!important;
        max-width:88px!important;
    }

    html body header.topo-premium > .topo-premium-inner > .logo-premium img,
    html body .topo-premium > .topo-premium-inner > .logo-premium img,
    html body header.topo-premium #logoSite,
    html body .topo-premium #logoSite{
        max-width:84px!important;
        height:31px!important;
        max-height:31px!important;
    }
}

/* =========================================================
   PADRÃO DEFINITIVO — TAMANHO DA LOGO MOBILE
   Usa a mesma caixa visual da página inicial em todas as páginas.
   Neutraliza diferenças herdadas de CSS específicos e breakpoints.
========================================================= */
@media (max-width:768px){
    html body header.topo-premium .topo-premium-inner > a.logo-premium,
    html body .topo-premium .topo-premium-inner > a.logo-premium,
    html body.home-marketplace header.topo-premium .topo-premium-inner > a.logo-premium,
    html body.home-premium.home-marketplace header.topo-premium .topo-premium-inner > a.logo-premium,
    html body.home-integrada.home-marketplace header.topo-premium .topo-premium-inner > a.logo-premium{
        width:100px!important;
        min-width:100px!important;
        max-width:100px!important;
        height:42px!important;
        min-height:42px!important;
        max-height:42px!important;
        padding:0!important;
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:visible!important;
        transform:translateX(-50%)!important;
    }

    html body header.topo-premium .topo-premium-inner > a.logo-premium > img#logoSite.logo-img,
    html body .topo-premium .topo-premium-inner > a.logo-premium > img#logoSite.logo-img,
    html body.home-marketplace header.topo-premium .topo-premium-inner > a.logo-premium > img#logoSite.logo-img,
    html body.home-premium.home-marketplace header.topo-premium .topo-premium-inner > a.logo-premium > img#logoSite.logo-img,
    html body.home-integrada.home-marketplace header.topo-premium .topo-premium-inner > a.logo-premium > img#logoSite.logo-img{
        display:block!important;
        flex:0 0 96px!important;
        width:96px!important;
        min-width:96px!important;
        max-width:96px!important;
        height:34px!important;
        min-height:34px!important;
        max-height:34px!important;
        margin:0!important;
        padding:0!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
        scale:1!important;
        zoom:1!important;
    }
}

/* Mantém o mesmo tamanho também nos aparelhos mais estreitos. */
@media (max-width:380px){
    html body header.topo-premium .topo-premium-inner > a.logo-premium,
    html body .topo-premium .topo-premium-inner > a.logo-premium{
        width:100px!important;
        min-width:100px!important;
        max-width:100px!important;
        height:42px!important;
        min-height:42px!important;
        max-height:42px!important;
    }

    html body header.topo-premium .topo-premium-inner > a.logo-premium > img#logoSite.logo-img,
    html body .topo-premium .topo-premium-inner > a.logo-premium > img#logoSite.logo-img{
        width:96px!important;
        min-width:96px!important;
        max-width:96px!important;
        height:34px!important;
        min-height:34px!important;
        max-height:34px!important;
    }
}


/* Imagem física do hero: oculta fora do mobile. */
.hero-imagem-mobile{
    display:none;
}

/* =========================================================
   HERO MOBILE V4 — IMAGEM + TEXTO, SEM BOTÕES
   Regra final e específica para neutralizar conflitos antigos.
========================================================= */
@media (max-width:768px){
    body.home-marketplace .hero-mobile-texto-imagem,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem{
        position:relative!important;
        background:#07111f!important;
        overflow:hidden!important;
    }

    /* A imagem sempre existe no HTML e funciona como fallback do vídeo. */
    body.home-marketplace .hero-mobile-texto-imagem .hero-bg-imagem,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-bg-imagem,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-bg-imagem{
        position:absolute!important;
        inset:0!important;
        z-index:1!important;
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-width:100%!important;
        min-height:100%!important;
        opacity:1!important;
        visibility:visible!important;
        background-image:var(--hero-image-mobile,var(--hero-image-desktop))!important;
        background-repeat:no-repeat!important;
        background-position:center center!important;
        background-size:cover!important;
        transform:none!important;
        filter:saturate(1.03) contrast(1.02)!important;
        pointer-events:none!important;
    }

    /*
       No celular a campanha usa somente imagem e texto.
       O vídeo continua disponível no desktop, sem alterar o visual atual.
    */
    body.home-marketplace .hero-mobile-texto-imagem .hero-video,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-video,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-video{
        display:none!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    body.home-marketplace .hero-mobile-texto-imagem .hero-overlay,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-overlay,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-overlay{
        z-index:2!important;
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
        background:
            linear-gradient(
                180deg,
                rgba(2,6,23,.04) 0%,
                rgba(2,6,23,.12) 34%,
                rgba(2,6,23,.66) 100%
            )!important;
    }

    /* Remove somente os CTAs do banner no mobile. */
    body.home-marketplace .hero-mobile-texto-imagem .hero-botoes-dinamicos,
    body.home-marketplace .hero-mobile-texto-imagem .hero-botoes,
    body.home-marketplace .hero-mobile-texto-imagem .hero-banner-botao,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-botoes-dinamicos,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-botoes,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-banner-botao,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-botoes-dinamicos,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-botoes,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-banner-botao{
        display:none!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    /* Reaproveita o espaço antes reservado aos botões. */
    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo,
    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre,
    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-padrao,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-padrao,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-padrao{
        left:17px!important;
        right:17px!important;
        top:auto!important;
        bottom:28px!important;
        z-index:4!important;
        width:auto!important;
        max-width:none!important;
        max-height:190px!important;
        padding:0!important;
        overflow:hidden!important;
        transform:none!important;
        text-align:left!important;
    }

    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo h1,
    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre h1,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo h1,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre h1,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo h1,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre h1{
        color:#fff!important;
        text-shadow:0 7px 22px rgba(0,0,0,.48)!important;
    }

    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo p:not(.mini-destaque),
    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre p:not(.mini-destaque),
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo p:not(.mini-destaque),
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre p:not(.mini-destaque),
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo p:not(.mini-destaque),
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre p:not(.mini-destaque){
        color:rgba(255,255,255,.94)!important;
        text-shadow:0 5px 16px rgba(0,0,0,.46)!important;
    }

    /* Indicadores continuam disponíveis, mas discretos. */
    body.home-marketplace .hero-mobile-texto-imagem .hero-indicadores,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-indicadores,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-indicadores{
        bottom:8px!important;
        z-index:6!important;
    }
}

/* =========================================================
   HERO MOBILE V4.1 — IMAGEM REAL COM FALLBACK
   A tag <img> elimina falhas de background-image no celular.
========================================================= */
@media (max-width:768px){
    body.home-marketplace .hero-mobile-texto-imagem .hero-imagem-mobile,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-imagem-mobile,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-imagem-mobile{
        position:absolute!important;
        inset:0!important;
        z-index:1!important;
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-width:100%!important;
        min-height:100%!important;
        max-width:none!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        opacity:1!important;
        visibility:visible!important;
        object-fit:cover!important;
        object-position:center center!important;
        transform:none!important;
        filter:saturate(1.03) contrast(1.02)!important;
        pointer-events:none!important;
        user-select:none!important;
    }

    /*
       O background permanece atrás como segurança, mas a imagem física
       é a camada principal do banner no celular.
    */
    body.home-marketplace .hero-mobile-texto-imagem .hero-bg-imagem,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-bg-imagem,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-bg-imagem{
        z-index:0!important;
    }

    body.home-marketplace .hero-mobile-texto-imagem .hero-overlay,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-overlay,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-overlay{
        z-index:2!important;
    }

    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo,
    body.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo,
    body.home-premium.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo,
    body.home-integrada.home-marketplace .hero-mobile-texto-imagem .hero-slide-conteudo-livre{
        z-index:4!important;
    }
}

/* =========================================================
   MOBILE — RODAPÉ OCULTO, WHATSAPP FLUTUANTE PRESERVADO
========================================================= */
@media (max-width:768px){
    footer.rodape,
    .rodape{
        display:none!important;
    }

    .whatsapp-flutuante{
        position:fixed!important;
        right:14px!important;
        bottom:calc(14px + env(safe-area-inset-bottom))!important;
        z-index:100020!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        margin:0!important;
        padding:0!important;
        border-radius:50%!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    .whatsapp-flutuante img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
    }
}


/* =========================================================
   DETALHES DO PEDIDO — MODO COMPACTO MOBILE
   O header mobile é sticky e já ocupa espaço no fluxo;
   portanto a página não precisa da antiga margem superior alta.
========================================================= */
@media (max-width:768px){
    body.pagina-detalhes-pedido .pedido-rastreamento-page,
    .pedido-rastreamento-page{
        width:calc(100% - 10px)!important;
        margin:7px auto 18px!important;
    }

    .pedido-rastreamento-voltar{
        margin:0 2px 6px!important;
    }

    .pedido-rastreamento-voltar a{
        min-height:29px!important;
        padding:0 8px!important;
        font-size:10.5px!important;
    }

    .pedido-rastreamento-alerta{
        margin-bottom:7px!important;
        padding:8px 10px!important;
        border-radius:11px!important;
        font-size:10.5px!important;
    }

    .pedido-rastreamento-hero{
        grid-template-columns:1fr!important;
        gap:8px!important;
        margin-bottom:8px!important;
        padding:11px!important;
        border-radius:15px!important;
        box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
    }

    .pedido-rastreamento-hero::before{
        width:3px!important;
    }

    .pedido-rastreamento-hero::after{
        display:none!important;
    }

    .pedido-rastreamento-kicker{
        min-height:20px!important;
        padding:0 7px!important;
        font-size:7.5px!important;
        letter-spacing:.055em!important;
    }

    .pedido-rastreamento-kicker::before{
        width:4px!important;
        height:4px!important;
        margin-right:5px!important;
        box-shadow:0 0 0 2px rgba(34,197,94,.10)!important;
    }

    .pedido-rastreamento-titulo-linha{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:start!important;
        gap:6px!important;
        margin-top:6px!important;
    }

    .pedido-rastreamento-titulo-linha h1{
        font-size:24px!important;
        letter-spacing:-.7px!important;
    }

    .pedido-rastreamento-titulo-linha p{
        margin-top:3px!important;
        font-size:9.5px!important;
        line-height:1.3!important;
    }

    .pedido-rastreamento-tipo{
        width:auto!important;
        min-height:22px!important;
        padding:0 7px!important;
        font-size:7.5px!important;
    }

    .pedido-rastreamento-status-atual{
        grid-template-columns:8px minmax(0,1fr)!important;
        gap:8px!important;
        margin-top:7px!important;
        padding:8px 9px!important;
        border-radius:11px!important;
    }

    .pedido-rastreamento-status-ponto{
        width:8px!important;
        height:8px!important;
        margin-top:4px!important;
        box-shadow:0 0 0 3px rgba(37,99,235,.09)!important;
    }

    .pedido-rastreamento-status-atual small{
        margin-bottom:1px!important;
        font-size:7px!important;
    }

    .pedido-rastreamento-status-atual strong{
        font-size:13px!important;
        line-height:1.18!important;
    }

    .pedido-rastreamento-status-atual p{
        margin-top:2px!important;
        font-size:9.5px!important;
        line-height:1.3!important;
    }

    .pedido-rastreamento-status-atual time{
        margin-top:3px!important;
        font-size:8px!important;
    }

    .pedido-rastreamento-badges{
        gap:4px!important;
        margin-top:6px!important;
    }

    .pedido-rastreamento-badge{
        min-height:20px!important;
        padding:0 6px!important;
        font-size:7px!important;
    }

    .pedido-rastreamento-total{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:2px 10px!important;
        min-height:0!important;
        padding:10px 11px!important;
        border-radius:13px!important;
    }

    .pedido-rastreamento-total > span{
        align-self:end!important;
        font-size:7.5px!important;
    }

    .pedido-rastreamento-total > strong{
        grid-column:2!important;
        grid-row:1 / span 2!important;
        align-self:center!important;
        margin:0!important;
        font-size:21px!important;
        text-align:right!important;
    }

    .pedido-rastreamento-total > small{
        font-size:8.5px!important;
    }

    .pedido-rastreamento-total-frete{
        grid-column:1 / -1!important;
        margin-top:5px!important;
        padding-top:6px!important;
        font-size:8.5px!important;
    }

    .pedido-rastreamento-layout{
        grid-template-columns:1fr!important;
        gap:0!important;
    }

    .pedido-rastreamento-card{
        margin-bottom:8px!important;
        padding:11px!important;
        border-radius:15px!important;
        box-shadow:0 6px 17px rgba(15,23,42,.045)!important;
    }

    .pedido-rastreamento-card-progresso::before{
        height:2px!important;
    }

    .pedido-rastreamento-card-cabecalho,
    .pedido-rastreamento-card-cabecalho.compacto{
        align-items:center!important;
        gap:7px!important;
        margin-bottom:7px!important;
    }

    .pedido-rastreamento-card-cabecalho span{
        margin-bottom:1px!important;
        font-size:7px!important;
    }

    .pedido-rastreamento-card-cabecalho h2{
        font-size:16px!important;
        letter-spacing:-.2px!important;
    }

    .pedido-rastreamento-card-cabecalho > strong{
        min-height:23px!important;
        max-width:88px!important;
        padding:0 6px!important;
        font-size:7px!important;
        line-height:1.05!important;
    }

    .pedido-rastreamento-barra{
        height:6px!important;
        margin-bottom:7px!important;
        padding:1px!important;
    }

    .pedido-rastreamento-proxima{
        margin-bottom:7px!important;
        padding:7px 8px 7px 10px!important;
        border-left-width:3px!important;
        border-radius:9px!important;
    }

    .pedido-rastreamento-proxima span{
        margin-bottom:1px!important;
        font-size:6.5px!important;
    }

    .pedido-rastreamento-proxima strong{
        font-size:11px!important;
    }

    .pedido-rastreamento-proxima p{
        margin-top:1px!important;
        font-size:8.8px!important;
        line-height:1.28!important;
    }

    .pedido-rastreamento-etapa{
        grid-template-columns:27px minmax(0,1fr)!important;
        gap:6px!important;
        min-height:0!important;
        padding:0 0 5px!important;
    }

    .pedido-rastreamento-etapa-trilho{
        min-height:38px!important;
    }

    .pedido-rastreamento-etapa:not(:last-child) .pedido-rastreamento-etapa-trilho::after{
        top:24px!important;
        bottom:-1px!important;
        width:1px!important;
    }

    .pedido-rastreamento-etapa-icone{
        width:23px!important;
        height:23px!important;
        border-width:1px!important;
        font-size:8px!important;
    }

    .pedido-rastreamento-etapa.estado-atual .pedido-rastreamento-etapa-icone,
    .pedido-rastreamento-etapa.estado-cancelada .pedido-rastreamento-etapa-icone{
        box-shadow:0 0 0 3px rgba(22,163,74,.08)!important;
    }

    .pedido-rastreamento-etapa-conteudo{
        padding:6px 7px!important;
        border-radius:9px!important;
    }

    .pedido-rastreamento-etapa-topo{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:start!important;
        gap:4px!important;
    }

    .pedido-rastreamento-etapa-topo strong{
        font-size:10.5px!important;
        line-height:1.15!important;
    }

    .pedido-rastreamento-etapa-topo span{
        min-height:16px!important;
        padding:0 4px!important;
        font-size:6px!important;
    }

    .pedido-rastreamento-etapa-conteudo p{
        margin-top:2px!important;
        font-size:8.8px!important;
        line-height:1.28!important;
    }

    .pedido-rastreamento-etapa-conteudo time{
        margin-top:2px!important;
        font-size:7.5px!important;
    }

    .pedido-rastreamento-destaque,
    .pedido-rastreamento-confirmar{
        grid-template-columns:29px minmax(0,1fr)!important;
        gap:7px!important;
        margin-top:7px!important;
        padding:8px!important;
        border-radius:11px!important;
    }

    .pedido-rastreamento-destaque-icone{
        width:29px!important;
        height:29px!important;
        font-size:12px!important;
    }

    .pedido-rastreamento-destaque strong,
    .pedido-rastreamento-confirmar strong{
        font-size:10.5px!important;
    }

    .pedido-rastreamento-destaque p,
    .pedido-rastreamento-confirmar p{
        margin-top:2px!important;
        font-size:8.8px!important;
        line-height:1.28!important;
    }

    .pedido-rastreamento-confirmar button{
        grid-column:1 / -1!important;
        width:100%!important;
        min-height:34px!important;
        padding:0 10px!important;
        font-size:9.5px!important;
    }

    .pedido-rastreamento-feed{
        gap:5px!important;
    }

    .pedido-rastreamento-feed-item{
        padding:7px 8px 7px 28px!important;
        border-radius:9px!important;
    }

    .pedido-rastreamento-feed-icone{
        left:9px!important;
        top:10px!important;
        width:7px!important;
        height:7px!important;
    }

    .pedido-rastreamento-feed-topo{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:start!important;
        gap:4px!important;
    }

    .pedido-rastreamento-feed-topo strong{
        font-size:9.8px!important;
    }

    .pedido-rastreamento-feed-topo span,
    .pedido-rastreamento-feed-item time{
        font-size:6.8px!important;
    }

    .pedido-rastreamento-feed-item p{
        margin-top:2px!important;
        font-size:8.6px!important;
        line-height:1.28!important;
    }

    .pedido-rastreamento-ver-historico{
        min-height:31px!important;
        margin-top:6px!important;
        font-size:9px!important;
    }

    .pedido-rastreamento-itens{
        gap:5px!important;
    }

    .pedido-rastreamento-item{
        grid-template-columns:31px minmax(0,1fr) auto!important;
        gap:6px!important;
        padding:7px 8px!important;
        border-radius:9px!important;
    }

    .pedido-rastreamento-item-qtd{
        min-width:30px!important;
        height:26px!important;
        border-radius:8px!important;
        font-size:9px!important;
    }

    .pedido-rastreamento-item strong{
        font-size:9.8px!important;
        line-height:1.2!important;
    }

    .pedido-rastreamento-item span:not(.pedido-rastreamento-item-qtd){
        margin-top:1px!important;
        font-size:8px!important;
    }

    .pedido-rastreamento-item b{
        grid-column:3!important;
        align-self:center!important;
        margin:0!important;
        font-size:9.5px!important;
        text-align:right!important;
    }

    .pedido-rastreamento-valores{
        margin-top:6px!important;
        padding:8px 9px 2px!important;
        border-radius:0 0 10px 10px!important;
    }

    .pedido-rastreamento-valores p{
        margin-bottom:5px!important;
        font-size:8.8px!important;
    }

    .pedido-rastreamento-valores p.total{
        padding-top:6px!important;
        font-size:10px!important;
    }

    .pedido-rastreamento-valores p.total strong{
        font-size:14px!important;
    }

    .pedido-rastreamento-lateral{
        position:static!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0!important;
    }

    .pedido-rastreamento-card-lateral{
        margin-bottom:8px!important;
    }

    .pedido-rastreamento-dados,
    .pedido-rastreamento-equipe-entrega{
        gap:4px!important;
    }

    .pedido-rastreamento-dados p,
    .pedido-rastreamento-equipe-entrega p{
        padding:7px 8px!important;
        border-radius:8px!important;
    }

    .pedido-rastreamento-dados span,
    .pedido-rastreamento-logistica-grid span,
    .pedido-rastreamento-equipe-entrega span{
        font-size:6.8px!important;
    }

    .pedido-rastreamento-dados strong,
    .pedido-rastreamento-logistica-grid strong,
    .pedido-rastreamento-equipe-entrega strong{
        font-size:9.5px!important;
    }

    .pedido-rastreamento-logistica-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:5px!important;
    }

    .pedido-rastreamento-logistica-grid > div{
        padding:7px!important;
        border-radius:8px!important;
    }

    .pedido-rastreamento-rota,
    .pedido-rastreamento-observacao{
        margin-top:6px!important;
        padding:7px 8px!important;
        border-radius:8px!important;
    }

    .pedido-rastreamento-rota-icone{
        width:27px!important;
        height:27px!important;
    }

    .pedido-rastreamento-rota strong,
    .pedido-rastreamento-observacao span{
        font-size:9px!important;
    }

    .pedido-rastreamento-rota p,
    .pedido-rastreamento-observacao p,
    .pedido-rastreamento-endereco{
        font-size:8.8px!important;
        line-height:1.32!important;
    }

    .pedido-rastreamento-ajuda{
        margin-bottom:0!important;
        padding:11px!important;
        border-radius:14px!important;
    }

    .pedido-rastreamento-ajuda span{
        font-size:7px!important;
    }

    .pedido-rastreamento-ajuda strong{
        margin-top:2px!important;
        font-size:12px!important;
    }

    .pedido-rastreamento-ajuda p{
        margin:3px 0 7px!important;
        font-size:8.8px!important;
        line-height:1.3!important;
    }

    .pedido-rastreamento-ajuda a{
        min-height:33px!important;
        font-size:9.5px!important;
    }
}

@media (max-width:390px){
    .pedido-rastreamento-titulo-linha{
        grid-template-columns:1fr!important;
    }

    .pedido-rastreamento-tipo{
        width:max-content!important;
    }

    .pedido-rastreamento-item{
        grid-template-columns:29px minmax(0,1fr)!important;
    }

    .pedido-rastreamento-item b{
        grid-column:2!important;
        justify-self:start!important;
        margin-top:2px!important;
    }
}