/**
 * Reklart - Responsive Stiller
 */

/* ========================================
   TABLET (max-width: 1024px)
   ======================================== */
@media (max-width: 1024px) {
    :root {
        --font-size-5xl: 2.5rem;
        --font-size-4xl: 2rem;
        --font-size-3xl: 1.5rem;
    }

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

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

    .section {
        padding-top: var(--space-16);
        padding-bottom: var(--space-16);
    }

    /* Header */
    .header__nav {
        display: none;
    }

    .header__hamburger {
        display: flex;
    }

    .header__cta {
        display: none;
    }

    /* Footer */
    .footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-8);
    }

    .footer__col--brand {
        grid-column: 1 / -1;
        padding-right: 0;
    }

    /* Section split header */
    .section__header--split {
        flex-direction: column;
        gap: var(--space-4);
    }

    /* Iletisim - Tablet */
    .contact-layout {
        grid-template-columns: 1fr;
    }

    .contact-layout__sidebar {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .contact-layout__sidebar .sidebar-card {
        flex: 1;
        min-width: 250px;
    }
}

/* ========================================
   MOBIL BUYUK (max-width: 768px)
   ======================================== */
@media (max-width: 768px) {
    :root {
        --font-size-5xl: 2rem;
        --font-size-4xl: 1.75rem;
        --font-size-3xl: 1.375rem;
        --container-padding: var(--space-4);
        --header-height: 64px;
    }

    /* Mobilde logo kucult */
    .header__logo-img {
        max-height: 32px;
    }

    .header__logo-divider {
        display: none;
    }

    .header__logo-hashtag {
        display: none;
    }

    .grid--2,
    .grid--3,
    .grid--4 {
        grid-template-columns: 1fr;
    }

    .section {
        padding-top: var(--space-12);
        padding-bottom: var(--space-12);
    }

    /* Footer */
    .footer__grid {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .footer__main {
        padding: var(--space-12) 0 var(--space-8);
    }

    .footer__bottom-inner {
        flex-direction: column;
        text-align: center;
    }

    .footer__legal {
        justify-content: center;
    }

    /* Hero */
    .hero__video-wrapper {
        margin-left: calc(-1 * var(--container-padding));
        margin-right: calc(-1 * var(--container-padding));
        border-radius: 0;
    }

    /* Iletisim - Mobile */
    .form-row--2 {
        grid-template-columns: 1fr;
    }

    .contact-layout__sidebar {
        flex-direction: column;
    }

    .contact-map iframe {
        height: 300px;
    }
}

/* ========================================
   MOBIL KUCUK (max-width: 480px)
   ======================================== */
@media (max-width: 480px) {
    :root {
        --font-size-5xl: 1.75rem;
        --font-size-4xl: 1.5rem;
        --font-size-3xl: 1.25rem;
    }

    .btn--lg {
        padding: var(--space-3) var(--space-6);
        font-size: var(--font-size-sm);
    }

    .footer__social {
        justify-content: flex-start;
    }

    /* Iletisim - Small Mobile */
    .contact-card {
        padding: var(--space-6);
    }

    .contact-card__icon {
        width: 52px;
        height: 52px;
    }
}

/* ========================================
   BUYUK EKRANLAR (min-width: 1440px)
   ======================================== */
@media (min-width: 1440px) {
    :root {
        --container-max: 1400px;
    }
}