/* ==========================================
   RESPONSIVE
========================================== */

/* RESPONSIVE */
  @media (max-width: 768px) {
    .p18-hamburger { display: block; }
    .p18-nav-links {
      display: none; position: absolute; top: 100%; left: 0; right: 0;
      background: rgba(10,10,10,0.98); flex-direction: column; gap: 0;
      border-bottom: 1px solid var(--border2); padding: 10px 0;
    }
    .p18-nav-links--open { display: flex; }
    .p18-nav-links a { display: block; padding: 13px 28px; width: 100%; }
    .p18-hero-inner { text-align: left; }
    .p18-section { padding: 72px 0; }
    .p18-property-grid { grid-template-columns: 1fr; gap: 34px; }
    .p18-property-panel { position: static; }
    .p18-property-media { grid-template-columns: 1fr; }
    .p18-media-slot--featured .p18-media-frame { aspect-ratio: 4/3; }
    .p18-status-card { grid-template-columns: 1fr; gap: 24px; }
    .p18-statsbar-inner { gap: 0; }
    .p18-stat { padding: 10px 12px; }
    .p18-map-box { padding: 12px; }
    .p18-map-plot { padding: 18px 10px 24px; }
    .p18-map-scroll { max-height: 72vh; }
    .p18-property-svg { width: 100%; min-width: 320px; }
    .p18-measured-dimensions { grid-template-columns: 1fr; }
    .p18-zone-legend { grid-template-columns: 1fr; }
    .p18-block-options { grid-template-columns: 1fr; }
    .p18-square-modal { align-items: stretch; padding: 14px; }
    .p18-square-panel { max-height: calc(100vh - 28px); }
    .p18-claim-progress { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .p18-selection-toggle { grid-template-columns: 1fr; }
    .p18-claim-form-actions { flex-direction: column-reverse; }
    .p18-claim-form-actions .p18-btn-primary,
    .p18-claim-form-actions .p18-btn-ghost {
      width: 100%;
      text-align: center;
    }
    .p18-founder-card { grid-template-columns: 1fr; gap: 24px; }
    .p18-founder-portrait { width: min(220px, 100%); }
  }

  @media (max-width: 480px) {
    .p18-hero-btns { flex-direction: column; }
    .p18-btn-primary, .p18-btn-ghost { width: 100%; text-align: center; }
    .p18-nav-inner, .p18-section-inner, .p18-statsbar-inner, .p18-footer-inner {
      padding-left: 20px; padding-right: 20px;
    }
    .p18-trust-row { gap: 8px 14px; }
    .p18-empty { padding: 42px 22px; }
    .p18-empty-count { font-size: 38px; }
  }