/* V6.2 — Navegação objetiva em PC/notebook.
   IMPORTANTE: regras somente para >= 1024px. Mobile permanece intacto. */
@media (min-width: 1024px) {
  /* Páginas internas: elimina banners/hero grandes e leva o usuário direto ao conteúdo. */
  #agendar .page,
  #servicos .page,
  #produtos .page,
  #barbearia .page {
    padding-top: 28px !important;
    padding-bottom: 76px !important;
  }

  #agendar .page-head,
  #servicos .page-head,
  #produtos .page-head,
  #barbearia .page-head,
  .desktop-luxury-v610 #agendar .luxury-page-head,
  .desktop-luxury-v610 #servicos .luxury-page-head,
  .desktop-luxury-v610 #produtos .luxury-page-head,
  .desktop-luxury-v610 #barbearia .luxury-page-head {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 20px !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #agendar .page-head::before,
  #agendar .page-head::after,
  #servicos .page-head::before,
  #servicos .page-head::after,
  #produtos .page-head::before,
  #produtos .page-head::after,
  #barbearia .page-head::before,
  #barbearia .page-head::after,
  .desktop-luxury-v610 #agendar .luxury-page-head::before,
  .desktop-luxury-v610 #agendar .luxury-page-head::after,
  .desktop-luxury-v610 #servicos .luxury-page-head::before,
  .desktop-luxury-v610 #servicos .luxury-page-head::after,
  .desktop-luxury-v610 #produtos .luxury-page-head::before,
  .desktop-luxury-v610 #produtos .luxury-page-head::after,
  .desktop-luxury-v610 #barbearia .luxury-page-head::before,
  .desktop-luxury-v610 #barbearia .luxury-page-head::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
  }

  #agendar .page-head > div,
  #servicos .page-head > div,
  #produtos .page-head > div,
  #barbearia .page-head > div {
    position: static !important;
    z-index: auto !important;
    max-width: none !important;
  }

  /* Título curto. A função da tela fica clara sem ocupar a primeira dobra inteira. */
  #agendar .page-head .kicker,
  #servicos .page-head .kicker,
  #produtos .page-head .kicker,
  #barbearia .page-head .kicker {
    margin: 0 0 5px !important;
    color: #c99d60 !important;
    font-size: 9px !important;
    letter-spacing: .16em !important;
  }
  #agendar .page-head .kicker::before,
  #servicos .page-head .kicker::before,
  #produtos .page-head .kicker::before,
  #barbearia .page-head .kicker::before { display:none !important; }

  #agendar .page-head h2,
  #servicos .page-head h2,
  #produtos .page-head h2,
  #barbearia .page-head h2 {
    max-width: none !important;
    margin: 0 !important;
    color: #f3eee7 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(34px, 2.7vw, 42px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -.015em !important;
    text-shadow: none !important;
  }
  #agendar .page-head p,
  #servicos .page-head p,
  #produtos .page-head p,
  #barbearia .page-head p {
    display: none !important;
  }

  /* Caso a versão premium anterior ainda exista no servidor/cache, os blocos decorativos
     das páginas internas ficam neutralizados. */
  #agendar .luxury-featurebar,
  #servicos .luxury-featurebar,
  #produtos .luxury-featurebar,
  #barbearia .luxury-featurebar,
  #agendar .luxury-bottom-cta,
  #servicos .luxury-bottom-cta,
  #produtos .luxury-bottom-cta,
  #barbearia .luxury-bottom-cta {
    display: none !important;
  }

  /* Agendar: progresso e serviços já aparecem na primeira dobra. */
  #agendar .booking-form { gap: 14px !important; }
  #agendar .desktop-progress {
    margin-top: 0 !important;
    padding-bottom: 14px !important;
  }
  #agendar .booking-grid {
    gap: 28px !important;
  }
  #agendar .stage-head {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }
  #agendar .stage-head h3 {
    font-size: 36px !important;
  }
  #agendar .booking-summary {
    top: 100px !important;
  }

  /* Serviços: lista começa imediatamente abaixo do título. */
  #servicos .service-groups {
    margin-top: 0 !important;
  }

  /* Produtos: filtros já ficam visíveis na primeira dobra. */
  #produtos .product-filters {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }

  /* Local: mapa/endereço fica imediatamente abaixo do título. */
  #barbearia .local-map-card {
    margin-top: 0 !important;
  }

  /* Pedido anterior: sem bloco de depoimentos de exemplo no desktop. */
  #desktopPremiumMount .desktop-testimonials {
    display: none !important;
  }
}