/* ============================================
   BIX KURUMSAL — Responsive Overrides
   ============================================ */

/* ── Tablet & Large Mobile (Max-width: 991px) ── */
@media (max-width: 991px) {

    /* Layout adjustments */
    .grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .split-layout {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .split-layout__panel {
        padding: var(--space-3xl) var(--space-xl);
    }

    /* Spacing */
    :root {
        --section-padding: 4rem;
    }

    /* Side Nav hidden on smaller screens */
    .side-nav {
        display: none;
    }
}

/* ── Mobile (Max-width: 768px) ── */
@media (max-width: 768px) {

    /* Typography */
    :root {
        --text-hero: clamp(2.5rem, 8vw, 3rem);
        --text-h1: clamp(1.75rem, 6vw, 2.5rem);
        --text-h2: clamp(1.5rem, 5vw, 2rem);
    }

    /* Layout */
    .grid--2,
    .grid--3,
    .grid--4,
    .grid--5 {
        grid-template-columns: 1fr;
    }

    /* Navbar */
    .navbar__menu {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: 0;
        background: rgba(26, 26, 46, 0.98);
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
        overflow: hidden;
        transition: height var(--transition-normal);
        gap: 0;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .navbar__menu.is-open {
        height: calc(100vh - 70px);
        padding: var(--space-2xl) 0;
    }

    .navbar__link {
        font-size: var(--text-h4);
        padding: var(--space-md) var(--space-xl);
        width: 100%;
        text-align: center;
        opacity: 0;
        transform: translateY(20px);
        transition: all var(--transition-fast);
    }

    .navbar__menu.is-open .navbar__link {
        opacity: 1;
        transform: translateY(0);
    }

    .navbar__menu.is-open .navbar__link:nth-child(1) {
        transition-delay: 0.1s;
    }

    .navbar__menu.is-open .navbar__link:nth-child(2) {
        transition-delay: 0.15s;
    }

    .navbar__menu.is-open .navbar__link:nth-child(3) {
        transition-delay: 0.2s;
    }

    .navbar__menu.is-open .navbar__link:nth-child(4) {
        transition-delay: 0.25s;
    }

    .navbar__menu.is-open .navbar__link:nth-child(5) {
        transition-delay: 0.3s;
    }

    .navbar__toggle {
        display: flex;
    }

    /* Hamburger Animation */
    .navbar__toggle.is-active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .navbar__toggle.is-active span:nth-child(2) {
        opacity: 0;
    }

    .navbar__toggle.is-active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    /* Buttons */
    .hero__cta {
        flex-direction: column;
        width: 100%;
    }

    .btn {
        width: 100%;
        justify-content: center;
    }

    /* Stats Box */
    .stat-box {
        padding: var(--space-md);
    }

    .stat-box__number {
        font-size: 3rem;
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: var(--space-2xl);
        text-align: center;
    }

    .footer-info {
        align-items: center;
    }
}

/* ── Small Mobile (Max-width: 480px) ── */
@media (max-width: 480px) {
    :root {
        --section-padding: 3rem;
    }

    .card {
        padding: var(--space-xl);
    }

    .testimonial-card {
        padding: var(--space-2xl) var(--space-lg);
    }
}