/* ==========================================================================
   RESPONSIVE CSS - Mobile App-like Experience v2
   ========================================================================== */

/* ========== LARGE TABLET (max 1200px) ========== */
@media (max-width: 1200px) {
    .container, .genelortala { max-width: 960px; }
    .numbered-wrapper .manset-sol { flex: 0 0 620px; width: 620px; }
    .numbered-wrapper .manset-sag { flex: 0 0 320px; width: 320px; }
    .video-buyuk { flex: 0 0 560px; }
    .video-buyuk figure { height: 315px; }
    .header-search input { width: 140px; }
}

/* ========== TABLET (max 1024px) ========== */
@media (max-width: 1024px) {
    .container, .genelortala { max-width: 720px; }

    /* Header 1 */
    .header-main__nav { display: none; }
    .header-1 .hamburger-btn { display: flex !important; }
    .header-search { display: none; }
    .header-user-btn { display: none; }

    /* Numbered wrapper */
    .numbered-wrapper { flex-direction: column; }
    .numbered-wrapper .manset-sol { flex: 1; width: 100%; }
    .numbered-wrapper .manset-sag { flex: 1; width: 100%; }
    .small-numbered-slider { height: 300px; }

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

    /* Sections tablet */
    .gundem-mosaic__top { flex-direction: column; }
    .gundem-mosaic__hero { flex: none; }
    .gundem-mosaic__hero-img { height: 260px; }
    .gundem-mosaic__side { flex-direction: row; gap: 10px; }
    .gundem-mosaic__side-card { flex: 1; }
    .gundem-mosaic__bottom { grid-template-columns: repeat(2, 1fr); }

    .tekno-grid { grid-template-columns: repeat(2, 1fr); }
    .tekno-card--featured { grid-column: 1 / -1; min-height: 300px; }

    .spor-modern__top { flex-direction: column; }
    .spor-modern__side { flex: none; flex-direction: row; }
    .spor-modern__bottom { grid-template-columns: repeat(2, 1fr); }

    .dunya-featured { flex-direction: column; }
    .dunya-featured__img { flex: none; height: 250px; }
    .dunya-featured__content { padding: 16px; }
    .dunya-list { grid-template-columns: repeat(2, 1fr); }

    .ekonomi-card-grid { grid-template-columns: repeat(2, 1fr); }
    .ekonomi-card--big { grid-column: 1 / -1; min-height: 300px; }

    .siyaset-layout { grid-template-columns: 1fr; }
    .siyaset-hero { min-height: 280px; }
    .siyaset-list { flex-direction: row; flex-wrap: wrap; }
    .siyaset-list-item { flex: 1 1 calc(50% - 7px); }

    .magazin-modern { grid-template-columns: repeat(2, 1fr); }
    .magazin-card--large { grid-column: 1; }
    .featured-modern { grid-template-columns: repeat(2, 1fr); }

    .video-layout { flex-direction: column; }
    .video-buyuk { flex: none; }
    .video-buyuk figure { height: 300px; }
    .video-list { max-height: 300px; }

    .service-widgets { grid-template-columns: repeat(3, 1fr); }
    .horoscope-grid { grid-template-columns: repeat(6, 1fr); }
    .columnist-card { flex: 0 0 calc(33.333% - 14px); }

    .footer__columns { flex-wrap: wrap; }
    .footer__col { flex: 1 1 calc(50% - 10px); }

    .hero-slider { height: 320px; }
    .hero-slide__content { flex: 0 0 360px; width: 360px; padding: 25px 25px 25px 45px; }
    .hero-slide__content h2 { font-size: 22px; }
    .numbered-slider { height: 350px; }

    /* Header 2 & 3 */
    .h2-nav .nav-menu { display: none !important; }
    .h2-nav .hamburger-btn--white { display: flex !important; }
    .h2-search { display: none; }
    .h3-bar__nav { display: none; }
}

/* ========== MOBILE (max 768px) ========== */
@media (max-width: 768px) {
    /* ===== APP FOUNDATION ===== */
    html {
        scroll-behavior: smooth;
        -webkit-text-size-adjust: 100%;
    }
    body {
        -webkit-tap-highlight-color: transparent;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden;
        overscroll-behavior-x: none;
    }
    * { -webkit-overflow-scrolling: touch; }
    .container, .genelortala { padding: 0 12px; max-width: 100vw; overflow-x: hidden; }

    /* ===== CURRENCY & WEATHER MOBILE ===== */
    .currency-ticker-bar { height: 26px; }
    .currency-ticker-item { font-size: 10px; padding: 0 12px; gap: 4px; }
    .currency-ticker-item strong { font-size: 9px; }
    .breaking-weather { display: none; }
    .breaking-date { font-size: 11px; }

    /* ===== HEADER 1 MOBILE ===== */
    .header-main { height: 54px; }
    .header-main__inner { gap: 10px; }
    .header-main__logo img,
    .header-main__logo .custom-logo { max-height: var(--mobile-logo-size, 30px); }
    .header-main__logo .site-title { font-size: 18px; }

    /* ===== BREAKING BAR - MOBILE TICKER ===== */
    .header-1 .breaking-bar {
        height: 36px;
        background: linear-gradient(135deg, #1a1a2e, #16213e);
    }
    .header-1 .breaking-bar::before,
    .header-1 .breaking-bar::after { display: none; }
    .header-1 .breaking-bar__right { display: none; }
    .header-1 .breaking-label {
        font-size: 9px;
        padding: 0 10px;
        height: 36px;
        padding-right: 20px;
        margin-left: -12px;
        letter-spacing: 0.8px;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
    }
    .header-1 .breaking-nav-btn { display: none; }
    .header-1 .breaking-news-slider { margin-left: 6px; height: 36px; }
    .header-1 .breaking-item { height: 36px; }
    .header-1 .breaking-item a {
        font-size: 13px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100vw - 130px);
    }

    /* Header 2 */
    .h2-topstrip { height: 30px; }
    .h2-topstrip__date { font-size: 11px; }
    .h2-topstrip__right a { width: 24px; height: 24px; font-size: 12px; }
    .h2-topstrip__login { display: none !important; }
    .h2-middle { padding: 10px 0; }
    .h2-middle__logo img,
    .h2-middle__logo .custom-logo { max-height: var(--mobile-logo-size, 32px); }
    .h2-middle__logo .site-title { font-size: 20px; }
    .h2-nav { height: 42px; }
    .header-2 .breaking-bar { height: 36px; }
    .header-2 .breaking-label { font-size: 10px; }
    .header-2 .breaking-item a { font-size: 13px; }
    .header-2 .breaking-nav-btn { display: none; }

    /* Header 3 */
    .h3-bar { height: 50px; }
    .h3-bar__logo img,
    .h3-bar__logo .custom-logo { max-height: var(--mobile-logo-size, 28px); }
    .h3-bar__logo .site-title { font-size: 18px; }
    .h3-bar__right { gap: 4px; }
    .h3-search-toggle, .h3-user-btn, .h3-hamburger { width: 40px; height: 40px; }
    .h3-bar.sticky-nav.fixed { height: 46px; }
    .h3-breaking { height: 36px; }
    .h3-breaking .breaking-label { font-size: 10px; padding: 3px 8px; }
    .h3-breaking .breaking-item a { font-size: 13px; }
    .h3-breaking .breaking-nav-btn { display: none; }

    /* ===== STORIES - COMPACT SCROLL ===== */
    .stories-section { padding: 10px 0; }
    .stories-scroll {
        justify-content: flex-start;
        padding: 0 10px;
        gap: 10px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overflow-x: auto;
    }
    .stories-scroll::-webkit-scrollbar { display: none; }
    .story-circle { width: 62px; scroll-snap-align: start; flex-shrink: 0; }
    .story-circle__ring { width: 56px; height: 56px; }
    .story-circle__img { width: 50px; height: 50px; }
    .story-circle__name { font-size: 9px; margin-top: 4px; }
    .story-modal__content { width: 95vw; max-width: 400px; }

    /* ===== HERO SLIDER - FULL WIDTH CARD ===== */
    .hero-slider {
        height: auto;
        border-radius: 0;
        margin: 0 -12px;
        width: calc(100% + 24px);
    }
    .hero-slide__link { flex-direction: column; }
    .hero-slide__figure { height: 220px; }
    .hero-slide__content {
        flex: none;
        width: 100%;
        clip-path: none;
        padding: 14px 16px 18px;
        background: linear-gradient(135deg, #c0392b, #e74c3c) !important;
    }
    .hero-slide__content::before { display: none; }
    .hero-slide__content h2 { font-size: 16px; line-height: 1.4; margin-bottom: 6px; }
    .hero-slide__content p { font-size: 13px; -webkit-line-clamp: 2; line-height: 1.5; }
    .hero-pagination { top: 8px; right: 8px; }
    .hero-dot { width: 24px; height: 24px; font-size: 10px; }

    /* ===== NUMBERED SLIDER ===== */
    .numbered-slider { height: 220px; border-radius: 8px; }
    .small-numbered-slider { height: 220px; border-radius: 8px; }
    .numbered-slide__title { padding: 40px 14px 14px; }
    .numbered-slide__title h2 { font-size: 16px; }
    .numbered-pagination {
        overflow-x: auto; flex-wrap: nowrap;
        scrollbar-width: none;
    }
    .numbered-pagination::-webkit-scrollbar { display: none; }
    .numbered-dot { min-width: 34px; font-size: 12px; height: 34px; }
    .small-numbered-dot { min-width: 34px; font-size: 12px; height: 34px; }

    /* ===== SICAK GRID - SMALL CARDS ===== */
    .sicak-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .sicak-grid .haber .manset-resim { height: 110px; }
    .sicak-grid .haber .manset_baslik { padding: 8px; }
    .sicak-grid .haber .manset_baslik h3 { font-size: 13px; }

    /* ===== GÜNDEM ===== */
    .gundem-mosaic__hero-img { height: 220px; }
    .gundem-mosaic__hero-content { padding: 40px 14px 14px; }
    .gundem-mosaic__hero-content h3 { font-size: 18px; }
    .gundem-mosaic__side { flex-direction: column; }
    .gundem-mosaic__side-card { padding: 8px; }
    .gundem-mosaic__side-img { flex: 0 0 80px; height: 65px; border-radius: 6px; }
    .gundem-mosaic__side-info h4 { font-size: 13px; }
    .gundem-mosaic__bottom { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .gundem-mosaic__card-img { height: 110px; }
    .gundem-mosaic__card-title { font-size: 13px; padding: 8px 10px 4px; }

    /* ===== TEKNOLOJİ - HORIZONTAL LIST ON MOBILE ===== */
    .tekno-grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .tekno-card {
        height: auto;
        display: flex;
        flex-direction: row;
        border-radius: 8px;
        overflow: hidden;
        background: #1a1a2e;
    }
    .tekno-card--featured {
        flex-direction: column;
        min-height: 200px;
    }
    .tekno-card--featured .tekno-card__bg { position: relative; height: 180px; }
    .tekno-card--featured .tekno-card__overlay { position: relative; height: auto; padding: 14px; }
    .tekno-card--featured .tekno-card__title { font-size: 17px; }
    .tekno-card:not(.tekno-card--featured) .tekno-card__bg {
        position: relative;
        width: 110px;
        min-height: 85px;
        flex-shrink: 0;
    }
    .tekno-card:not(.tekno-card--featured) .tekno-card__overlay {
        position: relative;
        height: auto;
        padding: 10px 12px;
        background: none;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .tekno-card:not(.tekno-card--featured) .tekno-card__cat { font-size: 9px; margin-bottom: 4px; }
    .tekno-card:not(.tekno-card--featured) .tekno-card__title { font-size: 13px; -webkit-line-clamp: 2; }
    .tekno-card:not(.tekno-card--featured) .tekno-card__excerpt { display: none; }
    .tekno-card:not(.tekno-card--featured) .tekno-card__time { font-size: 10px; }

    /* ===== SPOR ===== */
    .spor-modern__top { flex-direction: column; }
    .spor-hero-card { min-height: 200px; border-radius: 8px; }
    .spor-hero-card__content h3 { font-size: 18px; }
    .spor-modern__side { flex-direction: column; }
    .spor-side-card { min-height: 100px; border-radius: 8px; }
    .spor-modern__bottom { grid-template-columns: repeat(2, 1fr); gap: 10px; }

    /* ===== DÜNYA ===== */
    .dunya-featured { flex-direction: column; border-radius: 8px; }
    .dunya-featured__img { flex: none; height: 200px; }
    .dunya-featured__content { padding: 14px; }
    .dunya-featured__content h3 { font-size: 18px; }
    .dunya-list { grid-template-columns: 1fr; gap: 10px; }

    /* ===== EKONOMİ ===== */
    .ekonomi-card-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .ekonomi-card { height: 150px; border-radius: 8px; }
    .ekonomi-card--big { min-height: 200px; }

    /* ===== SİYASET ===== */
    .siyaset-layout { grid-template-columns: 1fr; gap: 10px; }
    .siyaset-hero { min-height: 200px; border-radius: 8px; }
    .siyaset-hero__overlay h3 { font-size: 17px; }
    .siyaset-list { gap: 0; }
    .siyaset-list-item { flex: 1 1 100%; padding: 8px 0; }
    .siyaset-list-item__img { width: 80px; height: 60px; border-radius: 6px; }
    .siyaset-list-item__content h4 { font-size: 13px; }

    /* ===== MAGAZİN - HORIZONTAL LIST ON MOBILE ===== */
    .magazin-modern {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .magazin-card--large {
        border-radius: 8px;
        overflow: hidden;
    }
    .magazin-card--large .magazin-card__img { height: 200px; }
    .magazin-card--large .magazin-card__body { padding: 12px; }
    .magazin-card--large .magazin-card__title { font-size: 16px; }
    .magazin-card:not(.magazin-card--large) {
        display: flex;
        flex-direction: row;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
    }
    .magazin-card:not(.magazin-card--large) .magazin-card__img {
        width: 110px;
        height: auto;
        min-height: 85px;
        flex-shrink: 0;
    }
    .magazin-card:not(.magazin-card--large) .magazin-card__body {
        padding: 10px 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .magazin-card:not(.magazin-card--large) .magazin-card__title { font-size: 13px; -webkit-line-clamp: 2; }
    .magazin-card:not(.magazin-card--large) .magazin-card__excerpt { display: none; }

    /* ===== TÜM HABERLER - HORIZONTAL CARDS ===== */
    .th-grid { grid-template-columns: 1fr; gap: 10px; }
    .th-card {
        display: flex;
        flex-direction: row;
        height: auto;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    }
    .th-card__img {
        width: 110px;
        min-height: 85px;
        flex-shrink: 0;
        position: relative;
    }
    .th-card__cat {
        position: absolute;
        top: 6px;
        left: 6px;
        font-size: 8px;
        padding: 2px 6px;
    }
    .th-card__body {
        padding: 10px 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
    }
    .th-card__title { font-size: 13px; -webkit-line-clamp: 2; margin: 0 0 4px; }
    .th-card__time { font-size: 11px; }

    /* ===== VIDEO ===== */
    .video-section-dark { padding: 14px 10px; border-radius: 0; margin: 0 -12px; width: calc(100% + 24px); }
    .video-layout { flex-direction: column; gap: 10px; }
    .video-buyuk { flex: none; }
    .video-buyuk figure { height: 200px; border-radius: 8px; }
    .video-list { max-height: 220px; }

    /* ===== SERVICE WIDGETS ===== */
    .service-widgets { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .service-widget { height: 120px; padding: 12px; border-radius: 8px; }
    .service-widget__icon { font-size: 24px; }
    .service-widget__title { font-size: 13px; }
    .service-widget__subtitle { font-size: 10px; }

    /* ===== COLUMNISTS ===== */
    .columnists-grid { gap: 10px; }
    .columnist-card { flex: 0 0 calc(50% - 5px); padding: 14px 10px; border-radius: 8px; }
    .columnist-card .avatar { width: 50px; height: 50px; }
    .columnist-card .name { font-size: 13px; }
    .columnist-card .excerpt { font-size: 11px; -webkit-line-clamp: 1; }

    /* ===== HOROSCOPE ===== */
    .horoscope-grid { grid-template-columns: repeat(4, 1fr); }

    /* ===== MOST READ PANEL ===== */
    .most-read-panel { height: auto; max-height: 400px; border-radius: 8px; }
    .most-read-header { padding: 12px 14px; font-size: 13px; }
    .most-read-item { padding: 10px 12px; }
    .most-read-num { width: 24px; height: 24px; font-size: 11px; }
    .most-read-link { font-size: 13px; }

    /* ===== POLL ===== */
    .poll-widget { padding: 16px 14px; border-radius: 8px; }
    .poll-question { font-size: 15px; }

    /* ===== FOOTER ===== */
    .footer__columns { flex-direction: column; gap: 20px; }
    .footer__col { flex: 1 1 100%; }
    .footer__logo img { max-height: 30px; }
    .footer__bottom { flex-direction: column; gap: 10px; text-align: center; }
    .footer__bottom-social { justify-content: center; }
    .footer-2__logo img, .footer-2__logo-img { max-height: 30px; }

    /* ===== SECTION SPACING & TITLES ===== */
    .home-section { margin-top: 16px; }
    .section-title-bar { margin-bottom: 12px; }
    .section-title-bar h2 { font-size: 16px; padding-bottom: 6px; }
    .section-title-bar h2::before { height: 3px; }
    .section-title-bar .see-all { font-size: 10px; line-height: 36px; }

    /* ===== SINGLE ARTICLE - APP STYLE ===== */
    .single-layout { grid-template-columns: 1fr; gap: 0; padding: 0 0 30px; }
    .breadcrumb { padding: 10px 0 8px; font-size: 11px; gap: 5px; }
    .breadcrumb .separator { font-size: 8px; }
    .article-category-badge { font-size: 10px; padding: 3px 10px; margin-bottom: 10px; }
    .article-title { font-size: 20px; line-height: 1.35; margin-bottom: 8px; }
    .article-subtitle { font-size: 14px; line-height: 1.6; }

    /* Article figure */
    .article-figure { border-radius: 0; margin: 0 -12px 16px; width: calc(100% + 24px); }
    .article-main-img { max-height: 260px; }
    .article-figure figcaption { font-size: 11px; padding: 6px 12px; }

    /* Meta bar */
    .article-meta-bar { padding: 10px 0; gap: 8px; flex-wrap: wrap; }
    .article-meta-bar__avatar { width: 34px; height: 34px; }
    .article-meta-bar__name { font-size: 13px; }
    .article-meta-bar__info span { font-size: 11px; }
    .article-meta-bar__right { width: 100%; margin-top: 4px; }
    .article-actions { width: 100%; justify-content: space-between; }

    /* Action buttons */
    .share-btn { width: 32px; height: 32px; font-size: 13px; }
    .font-btn { width: 32px; height: 32px; font-size: 12px; }
    .print-btn { width: 32px; height: 32px; font-size: 13px; }

    /* Content */
    .article-content { font-size: 15px; line-height: 1.75; }
    .article-content h2 { font-size: 20px; margin: 22px 0 12px; }
    .article-content h3 { font-size: 17px; margin: 18px 0 10px; }
    .article-content blockquote { padding: 14px 16px; font-size: 15px; margin: 18px 0; }
    .article-content img { border-radius: 0; margin: 14px -12px; width: calc(100% + 24px); max-width: calc(100% + 24px); }

    /* Tags */
    .article-tags { gap: 6px; margin: 18px 0; padding-top: 14px; }
    .article-tags a { padding: 4px 10px; font-size: 11px; }

    /* Bottom share */
    .article-bottom-share { flex-direction: column; gap: 10px; padding: 14px 0; }

    /* Related posts */
    .related-bottom { margin-top: 20px; }
    .related-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .related-card__img { height: 100px; }
    .related-card__title { font-size: 13px; padding: 8px; }

    /* Sidebar widgets stack below */
    .single-sidebar { margin-top: 20px; }
    .sidebar-widget { margin-bottom: 16px; border-radius: 8px; }

    /* Comments */
    .comments-section { margin-top: 20px; }
    .comment-form textarea { font-size: 14px; }
    .comment-item { padding: 12px 0; }
    .comment-avatar { width: 36px; height: 36px; }

    /* ===== ACCOUNT & MEMBER ===== */
    .account-layout { grid-template-columns: 1fr; }
    .member-box { padding: 24px 16px; border-radius: 8px; }
    .form-row { grid-template-columns: 1fr; }

    /* ===== AD AREAS ===== */
    .reklam-alani { overflow: hidden; border-radius: 0; }
    .reklam-alani img { max-width: 100%; height: auto; }
}

/* ========== SMALL MOBILE (max 480px) ========== */
@media (max-width: 480px) {
    .container, .genelortala { padding: 0 10px; }

    /* Header compact */
    .header-main { height: 50px; }
    .header-main__logo img,
    .header-main__logo .custom-logo { max-height: var(--mobile-logo-size, 26px); }
    .header-main__logo .site-title { font-size: 16px; }
    .hamburger-btn { min-width: 44px; min-height: 44px; }

    /* Breaking - full width */
    .header-1 .breaking-bar { height: 34px; }
    .header-1 .breaking-label { font-size: 8px; height: 34px; padding-right: 16px; }
    .header-1 .breaking-news-slider { height: 34px; }
    .header-1 .breaking-item { height: 34px; }
    .header-1 .breaking-item a { font-size: 12px; max-width: calc(100vw - 110px); }

    /* Header 2 */
    .h2-topstrip { height: 28px; }
    .h2-topstrip__right a { width: 22px; height: 22px; font-size: 11px; }
    .h2-middle { padding: 8px 0; }
    .h2-middle__logo img,
    .h2-middle__logo .custom-logo { max-height: var(--mobile-logo-size, 26px); }
    .h2-middle__logo .site-title { font-size: 17px; }
    .header-2 .breaking-bar { height: 34px; }

    /* Header 3 */
    .h3-bar { height: 46px; border-bottom-width: 2px; }
    .h3-bar__logo img,
    .h3-bar__logo .custom-logo { max-height: var(--mobile-logo-size, 24px); }
    .h3-bar__logo .site-title { font-size: 16px; }
    .h3-search-toggle, .h3-user-btn, .h3-hamburger {
        width: 38px; height: 38px; font-size: 15px;
        min-width: 44px; min-height: 44px;
    }

    /* Stories smaller */
    .story-circle { width: 56px; }
    .story-circle__ring { width: 50px; height: 50px; }
    .story-circle__img { width: 44px; height: 44px; }
    .story-circle__name { font-size: 8px; }

    /* Hero */
    .hero-slide__figure { height: 180px; }
    .hero-slide__content { padding: 12px 14px 16px; }
    .hero-slide__content h2 { font-size: 15px; }
    .hero-slide__content p { font-size: 12px; -webkit-line-clamp: 2; }

    /* Numbered */
    .numbered-slider { height: 180px; }
    .small-numbered-slider { height: 180px; }

    /* Grid compacts */
    .sicak-grid .haber .manset-resim { height: 95px; }
    .sicak-grid .haber .manset_baslik h3 { font-size: 12px; }

    .gundem-mosaic__hero-img { height: 180px; }
    .gundem-mosaic__bottom { grid-template-columns: 1fr 1fr; gap: 8px; }
    .gundem-mosaic__card-img { height: 95px; }

    /* Teknoloji card thumb smaller */
    .tekno-card:not(.tekno-card--featured) .tekno-card__bg { width: 95px; min-height: 75px; }
    .tekno-card--featured .tekno-card__bg { height: 160px; }

    /* Magazin thumb smaller */
    .magazin-card:not(.magazin-card--large) .magazin-card__img { width: 95px; }
    .magazin-card--large .magazin-card__img { height: 170px; }

    /* Tüm Haberler thumb smaller */
    .th-card__img { width: 95px; min-height: 75px; }

    .spor-hero-card { min-height: 180px; }
    .spor-modern__bottom { grid-template-columns: 1fr 1fr; gap: 8px; }

    .ekonomi-card-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ekonomi-card { height: 130px; }
    .ekonomi-card--big { min-height: 170px; }

    .siyaset-hero { min-height: 180px; }

    .service-widgets { grid-template-columns: repeat(2, 1fr); gap: 6px; }
    .service-widget { height: 100px; }
    .service-widget__title { font-size: 12px; }

    .horoscope-grid { grid-template-columns: repeat(3, 1fr); }
    .columnist-card .avatar { width: 44px; height: 44px; }

    .video-buyuk figure { height: 170px; }
    .video-buyuk .play-btn { width: 44px; height: 44px; }
    .video-buyuk .play-btn i { font-size: 18px; }

    .article-title { font-size: 20px; }
    .home-section { margin-top: 14px; }
    .section-title-bar h2 { font-size: 15px; }
}

/* ========== VERY SMALL (max 360px) ========== */
@media (max-width: 360px) {
    .container, .genelortala { padding: 0 8px; }
    .header-main__logo .site-title { font-size: 15px; }

    .hero-slide__figure { height: 160px; }
    .hero-slide__content h2 { font-size: 14px; }
    .hero-slide__content p { display: none; }

    .sicak-grid { grid-template-columns: 1fr; gap: 8px; }
    .sicak-grid .haber .manset-resim { height: 160px; }
    .sicak-grid .haber .manset_baslik h3 { font-size: 14px; }

    .gundem-mosaic__bottom,
    .spor-modern__bottom,
    .ekonomi-card-grid { grid-template-columns: 1fr; gap: 8px; }

    .tekno-card--featured { grid-column: span 1; }
    .ekonomi-card--big { grid-column: span 1; }

    .service-widgets { grid-template-columns: 1fr 1fr; gap: 6px; }
    .horoscope-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
}

/* ========== PWA / APP MODE ========== */
@media (display-mode: standalone) {
    /* Safe area insets for notch/island devices */
    .header-main, .h2-topstrip, .h3-bar {
        padding-top: env(safe-area-inset-top, 0);
    }
    .site-footer, .footer-2, .footer-3 {
        padding-bottom: env(safe-area-inset-bottom, 0);
    }
    .scroll-top-btn { bottom: calc(20px + env(safe-area-inset-bottom, 0)); }

    /* App behavior */
    html { scroll-behavior: smooth; }
    body {
        overscroll-behavior: none;
        -webkit-user-select: none;
        user-select: none;
    }

    /* Allow text selection on content */
    .article-content, .single-content, .comment-text,
    .poll-question, input, textarea {
        -webkit-user-select: text;
        user-select: text;
    }

    /* Sticky headers respect safe area */
    .header-main.sticky-nav.fixed,
    .h2-nav.sticky-nav.fixed,
    .h3-bar.sticky-nav.fixed {
        top: env(safe-area-inset-top, 0);
    }
}

/* ========== PRINT ========== */
@media print {
    .header-main, .breaking-bar, .h2-topstrip, .h2-middle, .h2-nav,
    .h3-bar, .h3-breaking, .mobile-sidebar, .mobile-overlay,
    .share-buttons, .site-footer, .footer-2, .footer-3,
    .reklam-alani, .search-overlay { display: none !important; }
    .article-content { font-size: 12pt; line-height: 1.6; }
    .single-layout { grid-template-columns: 1fr !important; }
}