/* /ofertas — a coluna do ranking ocupa o lugar do mapa da home. */
.pg-ofertas #lb-cards,.pg-ofertas #lb-split,.pg-ofertas #lb-map,
/* #mobileMapFab: FAB "Mapa" que o hasta-mobile.js cria no celular; sem #gmap
   aqui, ele só esconderia a listagem (l-map). */
.pg-ofertas #cta-mostrar-mapa,.pg-ofertas #mobileMapFab{display:none!important}
.pg-ofertas .ofertas-h1{font-size:1.15rem;font-weight:800;margin:10px 16px 0;letter-spacing:-.01em}
.pg-ofertas .main .cards-panel{width:62%}
.pg-ofertas .ofertas-painel{flex:1;min-width:0;border-left:1px solid var(--border,#e5e7eb);
  padding:14px 14px 24px;overflow-y:auto;position:sticky;top:0;max-height:100vh;background:#fff}
.ofertas-cab h2{font-size:1rem;font-weight:800;margin:0}
.ofertas-filtro{font-size:.78rem;color:#6b7280;margin:3px 0 12px}
.ofertas-carregando{padding:24px 8px;text-align:center;color:#6b7280;font-size:.85rem}
.ofertas-completo{display:block;text-align:center;margin-top:14px;font-size:.85rem;font-weight:700;color:#F4682B}
/* Celular: o ofertas.js move o painel para dentro da .cards-scroll, acima dos
   cards (ver posicionar()); aqui ele vira um bloco do fluxo da listagem. */
@media (max-width:768px){
  .pg-ofertas .main .cards-panel{width:100%}
  .pg-ofertas .ofertas-painel{position:static;max-height:none;overflow:visible;
    border:1px solid var(--border,#e5e7eb);border-radius:12px;margin:0 0 14px;padding:12px}
  .pg-ofertas .ofertas-cab h2::after{content:" perto de você"}
}