/*
 * FİYATOMATİK UI-A6.4-E1.1
 * Final desktop engine summary layout correction.
 *
 * Purpose:
 * - neutralize legacy D1 5-column rules
 * - enforce approved 2-column / 5-row layout
 * - preserve E1 DOM and behavior
 */

@media (min-width: 1051px) {

    /* =====================================================
       PAGE WIDTH
       ===================================================== */

    .ft-engine-section > .ft-shell {
        width: min(1540px, calc(100% - 48px)) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* =====================================================
       REMOVE DUPLICATE SUMMARY BOX
       Banner already carries system state.
       ===================================================== */

    .ft-engine-summary {
        display: none !important;
    }

    .ft-section-heading {
        display: block !important;
        margin: 0 0 18px !important;
    }

    .ft-section-heading h2 {
        margin: 0 !important;
        font-size: 25px !important;
        line-height: 1.15 !important;
        letter-spacing: -.035em !important;
    }

    /* =====================================================
       HARD RESET LEGACY D1 GRID
       ===================================================== */

    .ft-engine-section .ft-engine-grid {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        grid-auto-flow: row !important;
        grid-auto-columns: initial !important;
        grid-template-rows: none !important;

        gap: 16px !important;

        width: 100% !important;
        max-width: none !important;

        align-items: stretch !important;
    }

    /* =====================================================
       HARD RESET LEGACY CARD DIMENSIONS
       ===================================================== */

    .ft-engine-section .ft-engine-grid > .ft-engine-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 206px !important;
        max-height: none !important;

        margin: 0 !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 44%)
            minmax(0, 56%) !important;

        grid-template-rows: minmax(0, 1fr) !important;

        align-items: stretch !important;
        align-content: stretch !important;

        overflow: hidden !important;

        padding: 0 !important;

        border-radius: 20px !important;
    }

    /* Prevent inherited span rules */
    .ft-engine-section .ft-engine-card {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    /* =====================================================
       LEFT ENGINE IDENTITY
       ===================================================== */

    .ft-engine-card .ft-e1-engine-left {
        min-width: 0 !important;
        width: auto !important;

        padding: 20px 22px 18px !important;

        display: grid !important;

        grid-template-columns:
            54px
            minmax(0, 1fr) !important;

        grid-template-rows:
            auto
            auto
            minmax(48px, 1fr)
            auto !important;

        column-gap: 14px !important;

        border-right:
            1px solid rgba(20, 34, 70, .08) !important;

        overflow: hidden !important;
    }

    .ft-e1-engine-left .ft-engine-head {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;

        width: 54px !important;
        min-width: 54px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .ft-e1-engine-left .ft-engine-icon {
        width: 50px !important;
        height: 50px !important;

        margin: 0 !important;

        border-radius: 15px !important;
    }

    .ft-e1-engine-left > strong {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: block !important;

        margin: 3px 0 0 !important;
        padding: 0 !important;

        min-width: 0 !important;

        font-size: 18px !important;
        line-height: 1.12 !important;

        white-space: normal !important;
        overflow: visible !important;
    }

    .ft-e1-engine-left > small {
        grid-column: 2 !important;
        grid-row: 2 !important;

        display: block !important;

        margin: 4px 0 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1.3 !important;

        white-space: normal !important;
    }

    .ft-e1-engine-left > p {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;

        width: auto !important;
        max-width: none !important;

        margin: 15px 0 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        line-height: 1.52 !important;

        white-space: normal !important;
        overflow: visible !important;
    }

    .ft-e1-engine-left .ft-engine-foot {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;

        width: 100% !important;

        margin: 13px 0 0 !important;
        padding: 11px 0 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .ft-e1-engine-left .ft-engine-detail {
        min-width: 0 !important;
        max-width: calc(100% - 42px) !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .ft-e1-engine-left .ft-engine-foot b {
        flex: 0 0 30px !important;
        width: 30px !important;
        height: 30px !important;
    }

    /* =====================================================
       RIGHT LIVE SUMMARY / NEWS
       ===================================================== */

    .ft-engine-card .ft-e1-engine-feed {
        min-width: 0 !important;
        width: auto !important;

        padding: 17px 20px !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        overflow: hidden !important;
    }

    .ft-e1-feed-title {
        width: 100% !important;

        margin: 0 0 7px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        white-space: nowrap !important;
    }

    .ft-e1-feed-row {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;

        display: grid !important;
        grid-template-columns:
            8px
            minmax(0, 1fr) !important;

        gap: 10px !important;
        align-items: center !important;
    }

    .ft-e1-feed-copy {
        min-width: 0 !important;

        display: block !important;

        font-size: 11px !important;
        line-height: 1.35 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .ft-e1-feed-link {
        display: block !important;

        margin: 8px 0 0 !important;

        font-size: 11px !important;
        line-height: 1.3 !important;

        white-space: normal !important;
    }

    /* =====================================================
       HERO — slightly more compact for desktop
       ===================================================== */

    .ft-e1-hero {
        min-height: 218px !important;
        margin-top: 22px !important;
        margin-bottom: 20px !important;
    }

    .ft-e1-hero-inner {
        min-height: 218px !important;
    }

    .ft-e1-hero-copy {
        padding-top: 30px !important;
        padding-bottom: 42px !important;
    }

    .ft-e1-hero-copy h1 {
        font-size: clamp(38px, 3vw, 54px) !important;
    }
}


/* =========================================================
   MEDIUM DESKTOP / TABLET
   Keep information readable rather than squeeze cards.
   ========================================================= */

@media (min-width: 721px) and (max-width: 1050px) {

    .ft-engine-section .ft-engine-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-engine-section .ft-engine-card {
        grid-template-columns:
            minmax(0, 44%)
            minmax(0, 56%) !important;

        min-height: 195px !important;
    }
}


/* =========================================================
   SMALL SCREEN
   Existing E1 responsive behavior remains.
   ========================================================= */

@media (max-width: 720px) {

    .ft-engine-section .ft-engine-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-engine-section .ft-engine-card {
        grid-template-columns: 1fr !important;
    }

    .ft-engine-summary {
        display: none !important;
    }
}