/* ============================================
   RASUMI GROUP — RESPONSIVE / MEDIA QUERIES
   ============================================ */

@media (max-width: 768px) {

    /* === GLOBAL SECTION RESETS === */
    section, .team, .specialists-section, .network, footer {
        height: auto !important;
        min-height: 100vh;
        padding: 80px 5% 40px !important;
        scroll-snap-align: none;
    }

    .scroll-container {
        scroll-snap-type: none !important;
    }

    .team::before, .specialists-section::before, .network::before {
        background-attachment: scroll !important;
        opacity: 0.1 !important;
    }

    nav {
        padding: 15px 5% !important;
    }

    .nav-links {
        display: none;
    }

    .nav-right {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    .nav-cta {
        display: none;
    }

    /* === HERO === */
    .hero {
        padding: 60px 5% !important;
        height: auto !important;
        min-height: 70vh !important;
        background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
                    url('../images/bg/light_hero.jpeg') center/cover no-repeat !important;
    }

    .hero h1 {
        font-size: 1.6rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .hero p {
        font-size: 0.85rem;
        line-height: 1.4;
        opacity: 0.9;
        margin-bottom: 2rem;
    }

    .hero-btns {
        flex-direction: row !important;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }

    .hero-btns .cta-btn {
        margin: 0 !important;
        width: auto !important;
        flex: 1;
        max-width: 150px;
        padding: 10px 5px;
        font-size: 0.8rem;
        white-space: nowrap;
        text-align: center;
        background: linear-gradient(135deg, var(--primary), #a00060);
        border: 1px solid rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(5px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

    /* === SERVICES === */
    .services-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .service-card {
        padding: 1.2rem;
    }

    /* === TEAM GROUP PHOTO === */
    .group-photo {
        width: 100% !important;
        max-height: 45vh !important;
    }

    /* === EXECUTIVE MANAGEMENT (BOD) === */
    .bod-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .bod-card {
        padding: 1.5rem;
        min-height: auto;
    }

    .bod-card img {
        width: 100px;
        height: 100px;
    }

    .team-card h4 {
        font-size: 0.78rem;
        min-height: unset;
    }

    .team-card .role {
        font-size: 0.72rem;
        min-height: unset;
        margin-bottom: 0.3rem;
    }

    .team-card .desc {
        font-size: 0.7rem;
    }

    /* === SPECIALISTS MARQUEE === */
    .marquee-card {
        min-width: 130px;
        padding: 0.75rem;
    }

    .marquee-card img {
        width: 60px;
        height: 60px;
    }

    /* === NETWORK GRID === */
    .network-grid {
        display: flex;
        flex-direction: column;
        height: auto !important;
        gap: 1rem;
        perspective: none;
    }

    .branch-card {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        height: auto !important;
        min-height: 80px;
        padding: 1.2rem !important;
        transform: none !important;
        border-radius: 15px;
    }

    .branch-card:not(.coming-soon):hover {
        height: auto !important;
        transform: none !important;
        padding: 1.2rem !important;
    }

    .branch-card iframe {
        height: 200px;
        margin-top: 1rem;
    }

    /* === ABOUT === */
    .about {
        flex-direction: column;
        padding: 60px 5% 40px;
        overflow-y: auto;
    }

    .about-img {
        width: 100%;
        max-height: 30vh;
        overflow: hidden;
    }

    .about-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about-content h2 {
        font-size: 1.8rem !important;
    }

    .about-content p {
        font-size: 0.85rem;
    }

    .stats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }

    .stat-item h3 {
        font-size: 1.4rem;
    }

    /* === FOOTER === */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .footer-legal-links {
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
    }

    .footer-bottom-content {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    /* === SECTION HEADERS === */
    .section-header h2 {
        font-size: 1.6rem;
    }

    .section-header p {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {

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

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

    .hero h1 {
        font-size: 1.6rem;
    }

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