/* ===================================================
   DABOGO Inc. — Mobile Stylesheet
   파일: assets/css/mobile.css
   미디어쿼리: max-width 1024px
=================================================== */

@media (max-width: 1024px) {

    /* Typography */
    html {
        font-size: 16px;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.7rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    /* ── Header ── */
    .l-gnb {
        display: none;
    }

    .l-header__cta .c-btn {
        display: none;
    }

    .l-hamburger {
        display: flex;
    }

    .l-mobile-nav {
        display: block;
    }

    /* ── Container ── */
    .l-container {
        padding: 0 var(--space-sm);
    }

    /* ── Grids → single column ── */
    .g-2col,
    .g-3col,
    .g-4col,
    .g-6col,
    .s-about-split,
    .s-service-grid,
    .s-results-grid,
    .s-contact-grid {
        grid-template-columns: 1fr;
    }

    /* Clients: 3 columns on mobile */
    .s-clients-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* ── Section spacing ── */
    .l-section {
        padding: 3rem 0;
    }

    .l-section--sub {
        padding: 2.5rem 0;
    }

    .l-section--hero {
        padding-top: 0;
    }

    /* ── Hero ── */
    .s-hero {
        min-height: auto;
        padding: 3.5rem 0;
    }

    .s-hero__title {
        font-size: 2rem;
    }

    .s-hero__sub {
        font-size: 0.9rem;
    }

    .s-hero__actions {
        flex-direction: column;
        gap: var(--space-xs);
        width: 100%;
    }

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

    /* ── Section Head ── */
    .c-section-head__title {
        font-size: 1.6rem;
    }

    /* ── Page Hero ── */
    .c-page-hero {
        padding: 3rem 0;
    }

    .c-page-hero__title {
        font-size: 1.8rem;
    }

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

    .l-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .l-footer__bottom-links {
        flex-wrap: wrap;
    }

    /* ── Service tabs ── */
    .s-service-tabs__nav {
        overflow-x: auto;
        white-space: nowrap;
        gap: var(--space-xs);
    }

    .s-service-tabs__btn {
        padding: 0.6rem 1rem;
        font-size: 0.85rem;
        flex-shrink: 0;
    }

    /* ── Stats ── */
    .c-stat__num {
        font-size: 2.4rem;
    }

    /* ── Contact ── */
    .s-contact-info {
        order: 2;
    }

    .s-contact-form {
        order: 1;
    }

    /* ── Utility ── */
    .u-pc-only {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .s-clients-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}