/* ── css/responsive.css ─────────────────────────── */

/* TABLET */
@media (max-width: 1024px) {
    :root { --section-v: 88px; --section-h: 44px; }
    nav,
    nav.scrolled {
        padding-left: 36px;
        padding-right: 36px;
    }

    section           { padding: 96px 36px; }
    #anasayfa         { padding: 120px 36px 80px; }
    footer            { padding: 32px 36px; }

    .hero-vline       { left: 36px; }
    .hero-scroll-indicator { left: 36px; }

    .about-wrap       { grid-template-columns: 1fr; gap: 52px; }
    .contact-wrap     { grid-template-columns: 1fr; gap: 52px; }
}

/* ── Mobile ── */
@media (max-width: 768px) {
    nav,
    nav.scrolled {
        padding-left: 24px;
        padding-right: 24px;
    }

    section           { padding: 72px 24px; }
    #anasayfa         { padding: 110px 24px 72px; }
    footer            { padding: 28px 24px; flex-direction: column; gap: 10px; text-align: center; }

    .hero-vline,
    .hero-scroll-indicator { left: 24px; }

    /* Hide desktop nav, show hamburger */
    .nav-links        { display: none; }
    .nav-hamburger    { display: flex; }

    .products-grid    { grid-template-columns: 1fr; }
    .about-stats      { grid-template-columns: 1fr 1fr; }
    .form-row         { grid-template-columns: 1fr; }

    .product-body     { padding: 32px 28px 64px; }

    /* About teaser — about sayfası ve anasayfa */
    .about-teaser-wrap  { grid-template-columns: 1fr; gap: 40px; }
    .about-teaser-img   { aspect-ratio: 3/2; }
    .about-img-accent   { display: none; }

    /* Stats & values grids */
    .stats-grid         { grid-template-columns: 1fr 1fr; margin-top: 40px; }
    .values-grid        { grid-template-columns: 1fr; margin-top: 40px; }
    .value-card         { padding: 36px 28px; }
    .stat-card          { padding: 32px 24px; }
    .stat-number        { font-size: 42px; }
}

/* ── Small mobile ── */
@media (max-width: 480px) {
    .hero-title       { letter-spacing: -1.5px; }
    .about-stats      { grid-template-columns: 1fr; }
    .hero-btns        { flex-direction: column; }
    .btn              { text-align: center; justify-content: center; }

    /* Stack her şeyi 1 kolona */
    .stats-grid       { grid-template-columns: 1fr; }
    .about-teaser     { padding: 56px 20px; }
    .about-stats-section { padding: 56px 20px; }
    .values-section   { padding: 56px 20px; }
}