@media (max-width: 900px) {
    .locations-hero-content h1 {
        font-size: 2.2rem;
    }
    .calgary-image-desktop, .nanaimo-image-desktop, .kelowna-image-desktop, .toronto-image-desktop { display: none !important; }
    .calgary-image-mobile, .nanaimo-image-mobile, .kelowna-image-mobile, .toronto-image-mobile { display: block !important; }
    .calgary-two-col .flex-section, .nanaimo-two-col .flex-section, .kelowna-two-col .flex-section, .toronto-two-col .flex-section {
        flex-direction: column !important;
    }
    .calgary-two-col .section-content, .nanaimo-two-col .section-content, .kelowna-two-col .section-content, .toronto-two-col .section-content {
        display: flex;
        flex-direction: column;
    }
    .calgary-two-col .section-content h2, .nanaimo-two-col .section-content h2, .kelowna-two-col .section-content h2, .toronto-two-col .section-content h2 {
        order: 1;
    }
    .calgary-two-col .section-image, .nanaimo-two-col .nanaimo-image-mobile, .kelowna-two-col .kelowna-image-mobile, .toronto-two-col .toronto-image-mobile {
        order: 2;
        margin: 1.2rem 0 1.2rem 0;
        max-width: 100%;
        width: 100%;
        height: 220px;
    }
    .calgary-two-col .section-content p, .nanaimo-two-col .section-content p, .kelowna-two-col .section-content p, .toronto-two-col .section-content p {
        order: 3;
    }
    .calgary-two-col .calgary-features, .nanaimo-two-col .nanaimo-features, .kelowna-two-col .kelowna-features, .toronto-two-col .toronto-features {
        order: 4;
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
    }
    .calgary-features {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem 2rem;
    }
    .victoria-image-desktop, .edmonton-image-desktop { display: none !important; }
    .victoria-image-mobile, .edmonton-image-mobile { display: block !important; }
    .victoria-two-col .flex-section, .edmonton-two-col .flex-section {
        flex-direction: column !important;
    }
    .victoria-two-col .section-content, .edmonton-two-col .section-content {
        display: flex;
        flex-direction: column;
    }
    .victoria-two-col .section-content h2, .edmonton-two-col .section-content h2 {
        order: 1;
    }
    .victoria-two-col .victoria-image-mobile, .edmonton-two-col .edmonton-image-mobile {
        order: 2;
        margin: 1.2rem 0 1.2rem 0;
        max-width: 100%;
        width: 100%;
        height: 220px;
    }
    .victoria-two-col .section-content p, .edmonton-two-col .section-content p {
        order: 3;
    }
    .victoria-two-col .victoria-features, .edmonton-two-col .edmonton-features {
        order: 4;
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
    }
}
@media (max-width: 700px) {
    .locations-hero-unique {
        min-height: 40vh;
    }
    .locations-hero-content h1 {
        font-size: 1.3rem;
    }
    .locations-hero-pins .pin {
        font-size: 0.9rem;
        padding: 0.4em 0.8em;
    }
    .calgary-cards {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .calgary-cards-section {
        padding: 2.5rem 0;
    }
    .calgary-card {
        padding: 1.2rem 0.7rem;
    }
}
@media screen and (max-width: 480px) {
    .locations-hero-content {
        padding: 0 10px;
    }
}