/* ============================================
   MOBILE OVERRIDES (max-width: 640px)
   Tum mobile-specific kurallar bu dosyada.
   Desktop CSS dosyalarina dokunma — buraya yaz.
   ============================================ */

@media (max-width: 640px) {

    /* --- Variables --- */
    :root {
        --fs-hero: 2.75rem;
        --fs-5xl: 2.5rem;
        --fs-4xl: 2rem;
        --fs-3xl: 1.75rem;
        --container-padding: 16px;
        --radius-section: 36px;
    }

    /* --- Base Typography --- */
    h1 { font-size: 2.25rem; }
    h2 { font-size: 1.75rem; }

    /* --- Sections & Layout --- */
    .section { padding: 56px 0; position: relative; top: auto; }

    /* --- Footer --- */
    .footer-top { grid-template-columns: 1fr; }
    .footer-bottom { grid-template-columns: 1fr; text-align: center; }
    .footer-copyright { text-align: center; }
    .footer-column h4 { font-size: 0.875rem; }
    .footer-slogan { font-size: 0.875rem; }

    /* --- Homepage: Hero --- */
    .hero-split { grid-template-columns: 1fr; gap: 24px; }
    .hero-visual { min-height: 200px; }

    /* --- Homepage: Carousel (Projects) --- */
    .uc-carousel-card {
        flex: 0 0 92% !important; min-width: 0 !important;
        height: 500px !important; min-height: auto !important;
        grid-template-columns: 1fr !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .uc-carousel-card > div:first-child { flex: 1 1 auto; overflow: hidden; }
    .uc-carousel-card > div:last-child { height: 180px; flex-shrink: 0; }
    .uc-card-text { padding: 28px 24px; }
    .uc-card-desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .uc-carousel-outer { height: auto; }
    .uc-dots { display: none; }
    .uc-controls { display: none; }
    .uc-inner-pad { padding-top: 56px; }
    .integrations-inner { display: none; }
    .use-case-header-layout { margin-bottom: 24px; }
    .use-case-header-layout > .btn { display: none; }
    #use-case-library { padding-bottom: 56px !important; }
    .use-case-header-layout h2,
    .business-header h2 { font-size: 32px; font-weight: 900; }

    /* --- Homepage: News --- */
    #run-better-business { padding-top: 56px !important; }
    .business-grid { grid-template-columns: 1fr; }
    .business-card { flex: 0 0 calc(90vw - 32px); }
    .category-pill { padding: 14px 24px; font-size: 0.8rem; }
    .three-col > div { padding: 24px !important; }

    /* --- Page: Cards & Ship Detail --- */
    .card-grid--3 { grid-template-columns: 1fr; }
    .page-hero-section { padding: 130px 0 100px; }
    .sd-hero { height: 60vh; min-height: 320px; }
    .sd-spec-row { grid-template-columns: 1fr; }
    .sd-spec-value { font-size: 1.25rem; }
    .sd-spec-value--sm { font-size: 1rem; }
    .sd-desc-panel__actions { flex-direction: column; }
    .sd-gallery__grid { grid-template-columns: 1fr; }
    .sd-comfort { padding: 80px 0; }
    .sd-info-bar { flex-direction: column; gap: 4px; }
    .sd-info-bar__ref { font-size: 0.7rem; }

    /* --- News: List & Detail --- */
    .news-grid { grid-template-columns: 1fr; }
    .news-hero { padding: 90px 0 32px; }
    .news-list { padding: 56px 0; }
    .nd-hero { min-height: 60vh; }
    .nd-hero__content { padding-bottom: 56px; padding-top: 120px; }
    .nd-hero__title { font-size: 1.5625rem; } /* clamp ana CSS'te halledildi, override kaldırılabilir */
    .nd-hero__scroll { display: none; }
    .nd-article { padding: 56px 0; }
    .nd-gallery { padding: 56px 0; }
    .nd-gallery__grid--2col,
    .nd-gallery__grid--3,
    .nd-gallery__grid--4col { grid-template-columns: 1fr; }
    .nd-gallery__grid--3 .nd-gallery__item:first-child { grid-column: 1; }
    .nd-cta { padding: 56px 0; }
}