/* Hennigen & Martins — responsividade mobile (Android/iPhone · Chrome, Safari, Edge, Opera) */

/* Tablet e abaixo */
@media (max-width: 860px) {
  /* barra superior utilitária: centraliza e quebra linha */
  .topbar {
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 4px 14px !important;
    text-align: center;
    line-height: 1.5;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* menu fixo: logo + WhatsApp na 1ª linha; links rolam na horizontal abaixo */
  .navbar {
    flex-wrap: wrap !important;
    gap: 10px 12px;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .nav-links {
    order: 3;
    width: 100%;
    justify-content: flex-start !important;
    gap: 22px !important;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 13px !important;
    padding-bottom: 3px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nav-links::-webkit-scrollbar { display: none; }

  /* todas as grades viram coluna única no celular */
  div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  /* feed do Instagram mantém 3 colunas (como o app) */
  .ig-grid[style*="grid-template-columns"] {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }

  /* imagens de coluna lateral: limita a altura quando empilhadas */
  div[style*="min-height:600px"],
  div[style*="min-height:560px"],
  div[style*="min-height:540px"],
  div[style*="min-height:520px"],
  div[style*="min-height:460px"] {
    min-height: 320px !important;
  }

  /* retratos das sócias um pouco menores */
  div[style*="height:420px"] { height: 360px !important; }
}

/* Celular */
@media (max-width: 480px) {
  .nav-links { gap: 18px !important; font-size: 12.5px !important; }
  .topbar { font-size: 11.5px !important; }
}