/* =========================================================
   DOĞANBABA ANA SAYFA - MOBİL KART DÜZENİ
   Bu dosya style.css dosyasından sonra çağrılmalıdır.
   ========================================================= */

@media (max-width: 650px) {
    .home-news-hero {
        min-height: 270px !important;
        height: auto !important;
        padding: 92px 10px 24px !important;
    }

    .home-news-hero-content {
        width: 100% !important;
        max-width: none !important;
        padding: 17px 14px !important;
        border-radius: 14px !important;
    }

    .home-news-hero-content h2 {
        margin-bottom: 6px !important;
        font-size: 0.72rem !important;
        letter-spacing: 2px !important;
    }

    .home-news-hero-content h1 {
        margin-bottom: 8px !important;
        font-size: 1.55rem !important;
        line-height: 1.18 !important;
    }

    .home-news-hero-content p {
        margin-bottom: 14px !important;
        font-size: 0.82rem !important;
        line-height: 1.5 !important;
    }

    .home-news-hero-content .btn-explore {
        padding: 9px 17px !important;
        font-size: 0.8rem !important;
    }

    .home-content-area {
        padding: 12px 0 85px !important;
    }

    .home-content-area > .container {
        width: calc(100% - 16px) !important;
    }

    .compact-callout {
        display: grid !important;
        grid-template-columns: 1fr auto;
        align-items: center !important;
        gap: 8px !important;
        min-height: 54px !important;
        margin: 0 0 14px !important;
        padding: 10px 10px 10px 12px !important;
        border-radius: 12px !important;
    }

    .compact-callout strong {
        display: block;
        font-size: 0.78rem !important;
        line-height: 1.35 !important;
    }

    .compact-callout span {
        display: none !important;
    }

    .compact-callout a {
        padding: 8px 11px !important;
        font-size: 0.7rem !important;
        white-space: nowrap;
    }

    .home-section {
        margin: 14px 0 !important;
        padding: 12px 10px 14px !important;
        border-radius: 14px !important;
    }

    .home-section-title {
        display: grid !important;
        grid-template-columns: 1fr auto;
        align-items: end !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    .home-section-title > div {
        min-width: 0;
    }

    .home-section-title h2 {
        margin: 0 !important;
        font-size: 1.08rem !important;
        line-height: 1.22 !important;
    }

    .home-section-title p {
        display: block !important;
        margin: 3px 0 0 !important;
        color: rgba(255, 255, 255, 0.72) !important;
        font-size: 0.68rem !important;
        line-height: 1.35 !important;
    }

    .home-section-title a {
        align-self: center;
        font-size: 0.68rem !important;
        white-space: nowrap;
    }

    .home-card-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .home-card {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border-radius: 13px !important;
    }

    .home-card-media {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
    }

    .home-card-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .home-card-body {
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px 13px 13px !important;
    }

    .home-card-body h3 {
        display: -webkit-box !important;
        margin: 0 0 7px !important;
        overflow: hidden !important;
        color: #17262d !important;
        font-size: 0.9rem !important;
        line-height: 1.38 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .home-card-body p {
        display: -webkit-box !important;
        margin: 0 0 10px !important;
        overflow: hidden !important;
        color: #52636a !important;
        font-size: 0.76rem !important;
        line-height: 1.5 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .home-card-stats {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin-top: auto !important;
        color: #66777d !important;
        font-size: 0.7rem !important;
    }

    .home-card-label {
        top: 8px !important;
        left: 8px !important;
        max-width: calc(100% - 16px);
        padding: 4px 8px !important;
        overflow: hidden;
        font-size: 0.62rem !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .video-card .home-card-media::after {
        font-size: 1.8rem !important;
    }

    .obituary-home-card {
        border-top: 4px solid #8b1e2d !important;
        border-left: 0 !important;
    }

    .smart-submit {
        margin-top: 16px !important;
    }
}

@media (max-width: 380px) {
    .home-content-area > .container {
        width: calc(100% - 10px) !important;
    }

    .home-section {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .home-section-title h2 {
        font-size: 0.98rem !important;
    }

    .home-section-title a {
        font-size: 0.62rem !important;
    }

    .home-card-body {
        padding: 10px 11px 12px !important;
    }

    .home-card-body h3 {
        font-size: 0.84rem !important;
    }

    .home-card-body p {
        font-size: 0.72rem !important;
    }
}