/* Honeyberry — Responsive styles */

/* ── Nav ── */
@media (max-width: 768px) {
  nav { padding: 0 20px !important; }
}

@media (max-width: 768px) {

  .hb-hero { padding: 100px 24px 64px !important; min-height: 100svh !important; }
  .hb-stats { gap: 28px !important; flex-wrap: wrap !important; }

  .hb-section  { padding: 56px 24px !important; }
  .hb-section-sm { padding: 48px 24px !important; }

  .hb-grid-2 { grid-template-columns: 1fr !important; gap: 40px !important; }
  .hb-grid-3 { grid-template-columns: 1fr !important; gap: 16px !important; }
  .hb-grid-4 { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }

  .hb-service-block {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 28px 24px !important;
  }

  .hb-cta-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .hb-cta-row > button,
  .hb-cta-row > div > button {
    width: 100% !important;
    justify-content: center !important;
  }

  .hb-footer-inner { flex-direction: column !important; gap: 28px !important; }
  .hb-facts-grid { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 480px) {
  .hb-grid-4 { grid-template-columns: 1fr !important; }
}