/* ============================================
   Responsive — Golden Gaze Dark Theme
   ============================================ */

@media (max-width: 980px) {
    .hero-inner,
    .about-inner,
    .contact-panel,
    .hero-stats {
        grid-template-columns: 1fr;
    }

    .navbar-inner > .nav-shell {
        padding: 6px 6px 6px 18px;
    }

    .nav-links,
    .navbar .btn-login {
        display: none;
    }

    .nav-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .search-row {
        flex-direction: column;
        border-radius: var(--radius-md);
        padding: 1rem;
        gap: 0.5rem;
    }

    .search-field {
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        padding: 0.75rem 0.5rem;
    }

    .search-field:last-of-type {
        border-bottom: none;
    }

    .search-submit-btn {
        width: 100%;
        height: 48px;
        border-radius: 999px;
        margin-top: 0.5rem;
    }

    .properties-panel {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }

    .map-header {
        flex-wrap: wrap;
    }

    .properties-main .map-panel {
        display: none;
    }

    .properties-main.mobile-map-open .map-panel {
        display: block;
    }

    .mobile-map-toggle {
        display: flex;
    }

    .properties .grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .property-list {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .credibility-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.2rem;
    }

    .map-district-legend {
        grid-template-columns: repeat(3, 1fr);
    }

    .properties .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

}

@media (max-width: 720px) {
    .hero {
        padding: 120px 0 100px;
    }

    .hero-copy h1 {
        font-size: 2.2rem;
    }

    .hero-copy p,
    .about-copy p,
    .contact-copy p {
        font-size: 1rem;
    }

    .hero-panel-card,
    .hero-stat,
    .info-card,
    .credibility-card,
    .contact-panel,
    .properties-sidebar,
    .property-card {
        border-radius: 20px;
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-stats {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.75rem;
    }

    .hero-stat {
        padding: 1rem;
    }

    .hero-stat strong {
        font-size: 1.5rem;
    }

    .hero-stat p {
        font-size: 0.8rem;
    }

    .credibility-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .property-content {
        padding: 1.25rem;
    }

    .property-details {
        flex-direction: column;
        gap: 0.5rem;
    }

    .property-details span {
        font-size: 0.85rem;
        padding: 0.5rem 0.75rem;
    }

    .contact-panel {
        padding: 2rem 1.5rem;
    }

    .map-district-legend {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.3rem;
    }

    .legend-item {
        font-size: 0.68rem;
        padding: 0.4rem;
    }
}

@media (max-width: 480px) {
    .container {
        width: calc(100% - 32px);
    }

    .hero-copy h1 {
        font-size: 1.9rem;
    }

    .hero-stats {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .map-district-legend {
        grid-template-columns: repeat(2, 1fr);
    }
}