/* Header compartilhado SmartPoup — referência visual: Home */
:root{--header-h:88px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(7,7,7,.92);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px)}
.header-inner{height:var(--header-h);max-width:1180px;margin:auto;padding:4px 24px;display:flex;align-items:center;justify-content:space-between}
.header-brand-wrap{height:100%;display:flex;align-items:center}
.site-header .brand{height:100%;display:flex;align-items:center;text-decoration:none}
.site-header .brand img{display:block;width:76px;height:76px;max-height:100%;object-fit:contain}
.site-header .desktop-nav{display:flex;gap:24px;align-items:center;color:#c7c7c7;font-size:16px;font-weight:650}
.site-header .nav-link{text-decoration:none;color:inherit;padding:12px 0}
.site-header .nav-link:hover,.site-header .nav-link.active{color:#e6bf54}

/* Eixo visual da abertura: o primeiro conteúdo de Ofertas segue o mesmo
   container de 1180px da Home/topbar; catálogo e categorias continuam largos. */
@media(min-width:761px){
  .hero-content{
    width:100%;
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding-left:24px;
    padding-right:24px;
  }
}

@media(max-width:760px){
  :root{--header-h:76px}
  .header-inner{height:var(--header-h);padding:4px 16px}
  .site-header .brand img{width:66px;height:66px}
  .site-header .desktop-nav{display:none}
  .site-header .menu-button{display:block}
}