/*
 * FİYATOMATİK
 * UI-A6.4-D1
 *
 * HOME DESKTOP PRESENTATION OVERRIDE
 *
 * Scope:
 * - home only
 * - visual compaction only
 * - no engine behavior
 * - no Product Center behavior
 */

/* ---------------------------------------------------------
   PRIMARY ENGINE AREA
   --------------------------------------------------------- */

.ft-engine-section {
    padding-top: 52px !important;
    padding-bottom: 54px !important;
}

.ft-engine-section > div,
.ft-engine-section .ft-shell,
.ft-engine-section .ft-container {
    position: relative;
}

/*
 * Reduce the oversized vertical separation seen between
 * navigation and the expert-engine heading.
 */
.ft-engine-section header,
.ft-engine-section .ft-section-head,
.ft-engine-section .ft-section-header {
    margin-bottom: 28px !important;
}

/* ---------------------------------------------------------
   ENGINE HEADING
   --------------------------------------------------------- */

.ft-engine-section h2 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;

    letter-spacing: -.035em;
}

.ft-engine-section h2 + p {
    max-width: 780px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   ENGINE GRID
   --------------------------------------------------------- */

.ft-engine-section .ft-engine-grid {
    gap: 16px !important;
}

.ft-engine-section [data-engine] {
    min-height: 0;
}

/*
 * Engine cards are intentionally more compact on desktop.
 * Existing visual language is preserved.
 */
.ft-engine-section .ft-engine-card {
    min-height: 244px !important;
    padding: 22px !important;

    border-radius: 20px !important;
}

.ft-engine-section .ft-engine-card h3 {
    margin-top: 17px !important;
    margin-bottom: 3px !important;

    line-height: 1.1;
}

.ft-engine-section .ft-engine-card p {
    line-height: 1.48;
}

/*
 * Footer/status row inside each engine card.
 */
.ft-engine-section .ft-engine-card > :last-child {
    margin-top: auto;
}

/* ---------------------------------------------------------
   REMOVE EXCESS SPACE AFTER ENGINE GRID
   --------------------------------------------------------- */

.ft-engine-section + section {
    margin-top: 0 !important;
}

/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */

footer {
    margin-top: 0 !important;
}

/* ---------------------------------------------------------
   DESKTOP-FIRST
   --------------------------------------------------------- */

@media (min-width: 1100px) {

    .ft-engine-section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    /*
     * Current home uses five cards per row.
     * Preserve this layout and tighten spacing.
     */
    .ft-engine-section .ft-engine-grid {
        grid-template-columns:
            repeat(
                5,
                minmax(0, 1fr)
            ) !important;
    }

    .ft-engine-section .ft-engine-card {
        min-height: 238px !important;
    }
}

/* ---------------------------------------------------------
   SAFETY FOR SMALLER VIEWPORTS
   --------------------------------------------------------- */

@media (max-width: 1099px) {

    .ft-engine-section {
        padding-top: 38px !important;
    }
}