*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0}
  ::selection{background:#6B2031;color:#F8F4EF}
  [id]{scroll-margin-top:96px}
  .mobile-toggle{display:none}
  @media (max-width:880px){
    .desktop-nav{display:none!important}
    .nav-cta-desktop{display:none!important}
    .mobile-toggle{display:inline-flex!important}
    .hero-grid{grid-template-columns:1fr!important;gap:36px!important}
    .hero-image{min-height:420px!important}
    .two-col{grid-template-columns:1fr!important;gap:40px!important}
    .combos-grid{grid-template-columns:1fr!important}
    .contact-grid{grid-template-columns:1fr!important}
    .gallery-grid{grid-template-columns:1fr 1fr!important}
    .benefits-grid{grid-template-columns:1fr 1fr!important}
    .svc-grid{grid-template-columns:1fr 1fr!important}
    .section-pad{padding-left:22px!important;padding-right:22px!important}
    .display-xl{font-size:46px!important}
    .masc-grid{grid-template-columns:1fr!important}
    .reviews-grid{
      display:flex!important;
      grid-template-columns:none!important;
      gap:14px!important;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      margin-left:-22px;
      margin-right:-22px;
      padding:6px 22px 18px;
      scroll-padding-left:22px;
    }
    .reviews-grid>div{flex:0 0 84%;scroll-snap-align:center}
    .reviews-grid::-webkit-scrollbar{display:none}
    .reviews-hint{display:block!important}
  }
  .reviews-hint{display:none;text-align:center;font:600 12px 'Hanken Grotesk',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#a07e72;margin-top:18px}

/* Menu das paginas de servico e bairro (nao usado pelas LPs).
   A aparencia base do menu vai inline no HTML; aqui ficam so hover e breakpoints,
   com !important porque regra de folha de estilo nao vence estilo inline. */
.page-nav a:hover{color:#6B2031!important}
@media (max-width:1200px){
  .page-nav{gap:16px!important}
  .page-nav a{font-size:13px!important}
}
@media (max-width:880px){
  .site-head-inner{flex-wrap:wrap!important;padding-bottom:6px!important}
  .page-nav{order:3;width:100%;flex-wrap:wrap!important;gap:10px 18px!important;padding:10px 0 4px;border-top:1px solid rgba(107,32,49,.08)}
  .page-nav a{font-size:14px!important}
}