/*
 * FİYATOMATİK
 * UI-A6.11-F9
 *
 * Exact correction:
 * E4 CSS hides .ft-engine-head after E1 restructures cards.
 * The canonical WordPress engine image lives inside that parent.
 *
 * Restore ONLY that visual container.
 */

html body
.ft-engine-card[data-engine]
.ft-e1-engine-left
.ft-engine-head {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    align-items: center !important;
    justify-content: center !important;

    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;

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

    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;

    align-self: start !important;

    overflow: visible !important;
}


/*
 * Status text remains hidden.
 * We only need the canonical engine artwork.
 */

html body
.ft-engine-card[data-engine]
.ft-e1-engine-left
.ft-engine-head
.ft-engine-status {
    display: none !important;
}


/*
 * Canonical image must remain visible.
 */

html body
.ft-engine-card[data-engine]
.ft-e1-engine-left
.ft-engine-head
.ft-engine-icon {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;

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

    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}


html body
.ft-engine-card[data-engine]
.ft-e1-engine-left
.ft-engine-head
.ft-engine-icon
.ft-f4r2-engine-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 82px !important;
    height: 82px !important;

    max-width: 82px !important;
    max-height: 82px !important;

    object-fit: contain !important;

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


/*
 * Desktop spacing:
 * E3 previously reserved icon space using margin-left
 * while E4 supplied a separate visual.
 * Canonical visual now occupies the first grid column directly.
 */

html body
.ft-engine-card[data-engine]
.ft-e1-engine-left > strong {
    margin-left: 0 !important;
}


@media (max-width: 900px) {

    html body
    .ft-engine-card[data-engine]
    .ft-e1-engine-left
    .ft-engine-head,

    html body
    .ft-engine-card[data-engine]
    .ft-e1-engine-left
    .ft-engine-head
    .ft-engine-icon {

        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        min-height: 68px !important;
    }


    html body
    .ft-engine-card[data-engine]
    .ft-e1-engine-left
    .ft-engine-head
    .ft-engine-icon
    .ft-f4r2-engine-image {

        width: 68px !important;
        height: 68px !important;

        max-width: 68px !important;
        max-height: 68px !important;
    }
}