/*
 * Sava Motors — Generic Ford OEM content
 * Version .158
 */

.sm-ford-gallery-content--generic {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: hidden;
    background: #fff;
    color: #00095b;
}

.sm-ford-gallery-content--generic *,
.sm-ford-gallery-content--generic *::before,
.sm-ford-gallery-content--generic *::after {
    box-sizing: border-box;
}

.sm-ford-gallery-content--generic .sm-ford-gallery-content__wrap {
    width: min(calc(100% - 48px), 1240px) !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}

/* INTRO */

.sm-ford-gallery-content--generic .sm-ford-gallery-content__intro {
    width: 100%;
    padding: 72px 24px 78px;
    text-align: center;
    background: #fff;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__intro
.sm-ford-gallery-content__wrap {
    width: min(calc(100% - 48px), 900px) !important;
    max-width: 900px !important;
}

.sm-ford-gallery-content--generic .sm-ford-gallery-content__eyebrow {
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #0068b5;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__intro h2 {
    margin: 0;
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.025em;
    color: #00095b;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__lead {
    max-width: 760px;
    margin: 18px auto 0;
    font-size: 16px;
    line-height: 1.55;
    color: #425466;
}

/* SECTION */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group,
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature {
    width: 100%;
    margin: 0;
    padding: 74px 24px 82px;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group:nth-child(even),
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature:nth-child(even) {
    background: #f3f6f8;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group h2,
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature h2 {
    margin: 0 0 32px;
    font-size: clamp(34px, 3vw, 48px);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: -.025em;
    color: #00095b;
}

/* GROUP CARDS */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 0 26px !important;
    overflow: hidden;
    border: 1px solid #dde3e8;
    background: #fff;
    box-shadow: 0 10px 28px rgba(0, 9, 91, .06);
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    margin: 0 0 22px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card h3 {
    margin: 0 !important;
    padding: 0 24px !important;
    font-size: clamp(20px, 1.5vw, 25px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    color: #00095b !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card p {
    margin: 13px 0 0 !important;
    padding: 0 24px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #425466 !important;
}

/* STANDALONE FEATURE */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-grid {
    display: block !important;
    width: 100% !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card img {
    display: block !important;
    width: 100% !important;
    max-width: 1180px !important;
    height: auto !important;
    max-height: 620px;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card p {
    max-width: 860px;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #425466 !important;
}

/* TABLET */

@media (max-width: 1024px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-group
    .sm-ford-gallery-content__detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic .sm-ford-gallery-content__wrap {
        width: calc(100% - 32px) !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__intro {
        padding: 46px 16px 52px;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-group,
    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-feature {
        padding: 48px 16px 54px;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-group
    .sm-ford-gallery-content__detail-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-group
    .sm-ford-gallery-content__detail-card img {
        aspect-ratio: 4 / 3;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-feature
    .sm-ford-gallery-content__detail-card img {
        width: 100% !important;
        max-height: none;
        aspect-ratio: 4 / 3;
        object-fit: contain !important;
    }

}


/* === SM FORD CONFIGURATOR .159 === */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__intro {
    padding-top: 54px;
    padding-bottom: 58px;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 760px);
    margin: 34px auto 0;
    border-top: 1px solid #dce3e8;
    border-bottom: 1px solid #dce3e8;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metric {
    padding: 24px 28px;
    text-align: center;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metric + .sm-ford-gallery-content__metric {
    border-left: 1px solid #dce3e8;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metric strong {
    display: block;
    margin-bottom: 6px;
    font-size: 28px;
    line-height: 1;
    color: #0068b5;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metric span {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    color: #425466;
}

.sm-ford-configurator {
    width: 100%;
    padding: 72px 24px 84px;
    background: #f3f6f8;
}

.sm-ford-configurator__layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(250px, .75fr);
    gap: 42px;
    align-items: center;
    width: 100%;
}

.sm-ford-configurator__stage {
    position: relative;
    min-width: 0;
    padding: 28px 60px 46px;
    background: #ffffff;
}

.sm-ford-configurator__image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 560px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.sm-ford-configurator__arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 2px solid #0068b5;
    border-radius: 50%;
    background: #ffffff;
    color: #0068b5;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}

.sm-ford-configurator__arrow--prev {
    left: 16px;
}

.sm-ford-configurator__arrow--next {
    right: 16px;
}

.sm-ford-configurator__dots {
    position: absolute;
    right: 0;
    bottom: 17px;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.sm-ford-configurator__dot {
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #a5abb2;
    cursor: pointer;
}

.sm-ford-configurator__dot.is-active {
    width: 22px;
    background: #0068b5;
}

.sm-ford-configurator__colors {
    min-width: 0;
}

.sm-ford-configurator__color-title {
    margin-bottom: 22px;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.15;
    color: #00095b;
}

.sm-ford-configurator__swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.sm-ford-configurator__swatch {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 3px;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.sm-ford-configurator__swatch.is-active {
    border-color: #00095b;
}

.sm-ford-configurator__swatch img,
.sm-ford-configurator__swatch span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics {
        grid-template-columns: 1fr;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metric + .sm-ford-gallery-content__metric {
        border-top: 1px solid #dce3e8;
        border-left: 0;
    }

    .sm-ford-configurator {
        padding: 48px 16px 54px;
    }

    .sm-ford-configurator__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .sm-ford-configurator__stage {
        padding: 22px 44px 42px;
    }

    .sm-ford-configurator__arrow {
        width: 38px;
        height: 38px;
        font-size: 28px;
    }

    .sm-ford-configurator__arrow--prev {
        left: 5px;
    }

    .sm-ford-configurator__arrow--next {
        right: 5px;
    }

    .sm-ford-configurator__colors {
        text-align: center;
    }

    .sm-ford-configurator__swatches {
        justify-content: center;
    }

}

/* === END SM FORD CONFIGURATOR .159 === */


/* === SM FORD OEM CARDS + FANCYBOX .160 === */

.sm-ford-gallery-content--generic
.sm-ford-oem-image-link {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-decoration: none !important;
    cursor: zoom-in;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-image-link img {
    transition: transform 220ms ease;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-image-link:hover img {
    transform: scale(1.015);
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy {
    display: block;
    width: 100%;
    padding: 22px 24px 25px;
    background: #ffffff;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(20px, 1.45vw, 25px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    color: #00095b !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy p {
    margin: 12px 0 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #425466 !important;
}

/*
 * Group cards: Gen-E style.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card {
    padding: 0 !important;
    border: 1px solid #dce3e8 !important;
    background: #ffffff !important;
    box-shadow: 0 9px 26px rgba(0, 9, 91, .055) !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card
.sm-ford-oem-image-link img {
    margin: 0 !important;
}

/*
 * Standalone feature:
 * više nije ogromna prazna sekcija.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-grid {
    width: min(100%, 900px) !important;
    margin: 0 auto !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr);
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #dce3e8 !important;
    background: #ffffff !important;
    box-shadow: 0 9px 26px rgba(0, 9, 91, .055) !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-oem-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    background: #f5f7f8;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-oem-image-link img {
    width: 100% !important;
    height: 100% !important;
    max-height: 430px !important;
    margin: 0 !important;
    object-fit: contain !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 34px 32px;
}

/*
 * Configurator image is also Fancybox-enabled.
 */

.sm-ford-configurator__image-link {
    display: block;
    width: 100%;
}

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-copy {
        padding: 19px 18px 22px;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-feature
    .sm-ford-gallery-content__detail-card {
        grid-template-columns: 1fr !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-feature
    .sm-ford-oem-image-link {
        min-height: 0;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-feature
    .sm-ford-oem-image-link img {
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 4 / 3;
    }

}

/* === END SM FORD OEM CARDS + FANCYBOX .160 === */


/* === SM FORD PUMA LAYOUT .161 === */

/*
 * Pravilo ritma:
 *
 * HERO
 * INFO / METRICS       bela
 * 360 CONFIGURATOR     bela
 * ENTERIJER            siva
 * POVEZANOST           bela
 * PERFORMANSE          siva
 * CENOVNIK
 */

/* CONFIGURATOR — BELA POZADINA */

.sm-ford-gallery-content--generic
.sm-ford-configurator {
    background: #ffffff !important;
}

/*
 * Grupe se posle configuratora smenjuju:
 *
 * Enterijer = soft
 * Povezanost = white
 * Performanse = soft
 *
 * Intro je prvi section, configurator drugi,
 * pa group nth-of-type daje pravilan ritam.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group:nth-of-type(odd) {
    background: #f3f6f8 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group:nth-of-type(even) {
    background: #ffffff !important;
}

/* INFO KARTICE — GEN-E PRINCIP */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics {
    display: grid !important;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;
    gap: 18px !important;
    width: min(100%, 820px) !important;
    margin: 34px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metric {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-height: 130px;
    margin: 0 !important;
    padding: 26px 28px !important;
    border: 1px solid #dce3e8 !important;
    background: #ffffff !important;
    text-align: center;
    box-shadow:
        0 8px 24px
        rgba(0, 9, 91, .055);
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metric
strong {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size:
        clamp(
            26px,
            2.2vw,
            34px
        ) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #0068b5 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metric
span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #00095b !important;
}

/*
 * OEM image cards ostaju kao Gen-E cards.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card {
    height: 100%;
}

/*
 * Bez standalone Puma feature belih automobila.
 * PHP ih uklanja; ovo je dodatna zaštita za stari cache.
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature {
    display: none !important;
}

/* Mobile */

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metric {
        min-height: 0;
        padding: 22px 18px !important;
    }

}

/* === END SM FORD PUMA LAYOUT .161 === */



/* === SM FORD OEM CONTENT MODEL .163 === */

/*
 * SOURCE ORDER:
 *
 * hero
 * OEM intro
 * metrics
 * configurator
 * group info cards
 * group image cards + descriptions
 */

/* CONFIGURATOR JE BELA SEKCIJA */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-configurator {
    background: #ffffff !important;
}

/* EXPLICIT BACKGROUND ORDER */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-oem-group--enterijer {
    background: #f3f6f8 !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-oem-group--maksimalna-povezanost {
    background: #ffffff !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-oem-group--performanse {
    background: #f3f6f8 !important;
}

/* GEN-E INFO CARDS */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-grid {
    display: grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
    gap: 20px;
    width: 100%;
    margin: 0 0 36px;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card {
    min-width: 0;
    min-height: 160px;
    padding: 28px 30px 30px;
    border: 1px solid #d7dfe6;
    background: #ffffff;
    box-shadow:
        0 6px 20px
        rgba(0, 9, 91, .035);
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-eyebrow {
    display: block;
    margin: 0 0 14px;
    padding: 0;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #0068b5;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size:
        clamp(
            23px,
            2vw,
            31px
        ) !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em;
    color: #00095b !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card p {
    margin: 14px 0 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #425466 !important;
}

/*
 * IMAGE CARDS:
 * naslov + PRAVI OEM opis ostaju zajedno sa fotografijom.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-copy {
    display: block !important;
    padding: 20px 22px 24px !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-copy h3 {
    margin: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-copy p {
    margin: 12px 0 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #425466 !important;
}

/*
 * Dve pogrešno interpretirane Puma feature slike
 * ostaju isključene.
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature {
    display: none !important;
}

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 28px;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-card {
        min-height: 0;
        padding: 23px 20px;
    }

}

/* === END SM FORD OEM CONTENT MODEL .163 === */



/* === SM FORD PUMA CONTENT ORDER .164 === */

/*
 * Najvažniji OEM intro odmah ispod HERO-a.
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__intro {
    display: block !important;
    padding: 54px 24px 44px !important;
    background: #ffffff !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__intro
.sm-ford-gallery-content__wrap {
    width: min(calc(100% - 48px), 980px) !important;
    max-width: 980px !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__lead {
    display: block !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #00095b !important;
}

/*
 * Tačne dve Ford metrike.
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics {
    margin-top: 34px !important;
}

/*
 * Source slike prvo.
 * Gen-E info kartice zatim.
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap {
    display: flex;
    flex-direction: column;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-gallery-content__eyebrow {
    order: 1;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> h2 {
    order: 2;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-gallery-content__detail-grid {
    order: 3;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-gallery-content__info-grid {
    order: 4;
    margin: 38px 0 0 !important;
}

/*
 * Kartice kao Gen-E:
 * 2 kolone, naslov + puni OEM opis.
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-grid {
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;
    gap: 20px !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card {
    min-height: 170px !important;
    padding: 30px 32px !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card p {
    white-space: pre-line;
}

/*
 * Configurator ostaje BELA sekcija.
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-configurator {
    background: #ffffff !important;
}

/*
 * Background redosled:
 * Enterijer siva
 * Povezanost bela
 * Performanse siva
 */

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-oem-group--enterijer {
    background: #f3f6f8 !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-oem-group--maksimalna-povezanost {
    background: #ffffff !important;
}

body.postid-49
.sm-ford-gallery-content--generic
.sm-ford-oem-group--performanse {
    background: #f3f6f8 !important;
}

@media (max-width: 767px) {

    body.postid-49
    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__intro {
        padding: 42px 16px 36px !important;
    }

    body.postid-49
    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__lead {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    body.postid-49
    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

}

/* === END SM FORD PUMA CONTENT ORDER .164 === */



/* === SM FORD OEM SLIDER .167 === */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-oem-slider {
    position: relative;
    order: 3;
    flex: 0 0 auto;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 0 38px;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__track {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__track::-webkit-scrollbar {
    display: none;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__arrow {
    position: absolute;
    top: 43%;
    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin: 0;
    padding: 0;

    border: 2px solid #0068b5;
    border-radius: 50%;

    background: #ffffff;
    color: #0068b5;

    font-size: 32px;
    line-height: 1;

    cursor: pointer;

    transform:
        translateY(-50%);

    box-shadow:
        0 7px 22px
        rgba(0, 9, 91, .12);
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__arrow--prev {
    left: -23px;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__arrow--next {
    right: -23px;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__arrow:disabled {
    opacity: .25;
    cursor: default;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__dots {
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__dot {
    width: 8px;
    height: 8px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 999px;

    background: #a8afb5;

    cursor: pointer;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__dot.is-active {
    width: 22px;
    background: #0068b5;
}

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider__arrow {
        width: 38px;
        height: 38px;
        font-size: 28px;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider__arrow--prev {
        left: 7px;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider__arrow--next {
        right: 7px;
    }

}

/* === END SM FORD OEM SLIDER .167 === */



/* === SM FORD UNIVERSAL CONTENT ORDER .169 === */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap {
    display: flex;
    flex-direction: column;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-gallery-content__eyebrow {
    order: 1;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> h2 {
    order: 2;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-gallery-content__detail-grid,
.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-oem-slider {
    order: 3;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__wrap
> .sm-ford-gallery-content__info-grid {
    order: 4;
    margin-top: 38px;
    margin-bottom: 0;
}

/* === END SM FORD UNIVERSAL CONTENT ORDER .169 === */



/* === SM FORD 2 IMAGE GRID + LIGHTBOX .177 === */

/*
 * 1 slika = puna širina.
 * 2 slike = dve jednake kolone preko cele širine.
 * 3 slike = postojeći 3-column raspored.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--1 {
    grid-template-columns:
        minmax(0, 1fr) !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--2 {
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--3 {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-gallery-content__detail-card,

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--2
.sm-ford-gallery-content__detail-card,

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--3
.sm-ford-gallery-content__detail-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/*
 * Kod dve slike povećaj media površinu.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--2
.sm-ford-oem-image-link {
    width: 100% !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--2
.sm-ford-oem-image-link img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
}

/*
 * Fancybox caption mora biti čitljiv.
 */

.fancybox__caption {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

/*
 * Close dugme mora biti iznad slike i vidljivo.
 */

.fancybox__toolbar {
    z-index: 50 !important;
}

.fancybox__button--close,
[data-fancybox-close] {
    cursor: pointer !important;
}

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--2,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--3 {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}

/* === END SM FORD 2 IMAGE GRID + LIGHTBOX .177 === */



/* === SM FORD ONE IMAGE FULL WIDTH .178 === */

/*
 * GLOBAL MEDIA RULE
 *
 * 1 media = 100%
 * 2 media = 50 / 50
 * 3 media = 3 columns
 * 4+      = slider (.167)
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--1 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--1
.sm-ford-gallery-content__detail-card {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-oem-image-link {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-oem-image-link img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-gallery-content__detail-copy {
    display: block !important;
    width: 100% !important;
    padding: 28px 30px 30px !important;
}

/*
 * Dve slike moraju zauzeti celu širinu containera.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--2 {
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

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

/*
 * Tri slike = tri pune jednake kolone.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--3 {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

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

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--2,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--3 {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}

/* === END SM FORD ONE IMAGE FULL WIDTH .178 === */

/* === SM FORD MEDIA-ONLY GRID/SLIDER .180 === */

/*
 * Kartica bez stvarne slike nije media kartica.
 * Tekst ostaje u info-gridu.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-card[hidden],

.sm-ford-gallery-content--generic
.sm-ford-oem-card--no-media {
    display: none !important;
}


/*
 * Bez realnih slika nema praznog media prostora.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--0 {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/*
 * 1 REALNA SLIKA = PUNA ŠIRINA.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--1 {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-gallery-content__detail-card {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-oem-image-link,

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-oem-image-link img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
}


/*
 * Standalone feature sa jednom slikom
 * više ne ostaje image-left / text-right.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-oem-grid--1
.sm-ford-gallery-content__detail-card {
    display: block !important;
    grid-template-columns:
        minmax(0, 1fr) !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-oem-grid--1
.sm-ford-gallery-content__detail-copy {
    width: 100% !important;
}


/*
 * 2 = pola/pola.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--2 {
    display: grid !important;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;

    width: 100% !important;
}


/*
 * 3 = tri jednake kolone.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--3 {
    display: grid !important;
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;

    width: 100% !important;
}


@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--2,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-grid.sm-ford-oem-grid--3 {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}

/* === END SM FORD MEDIA-ONLY GRID/SLIDER .180 === */


/* === SM FORD SLIDER NO-WRAP .182 === */

/*
 * 4+ media kartice:
 * slider mora UVEK biti jedan horizontalni red.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-slider {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider
.sm-ford-oem-slider__track {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    grid-auto-columns: unset !important;

    align-items: stretch !important;

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

    gap: 24px !important;

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

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider
.sm-ford-oem-slider__track::-webkit-scrollbar {
    display: none !important;
}

/*
 * Desktop = tačno 3 kartice vidljive.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-slider
.sm-ford-oem-slider__track
> .sm-ford-gallery-content__detail-card:not([hidden]) {
    display: block !important;

    flex:
        0 0
        calc(
            (100% - 48px) / 3
        ) !important;

    width:
        calc(
            (100% - 48px) / 3
        ) !important;

    min-width:
        calc(
            (100% - 48px) / 3
        ) !important;

    max-width:
        calc(
            (100% - 48px) / 3
        ) !important;

    margin: 0 !important;

    scroll-snap-align: start;
    scroll-snap-stop: normal;
}

/*
 * Slider kartice nikada ne smeju da pređu u novi red.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-slider
.sm-ford-gallery-content__detail-card {
    float: none !important;
    clear: none !important;
}

/*
 * Slika ostaje puna širina svoje slider kartice.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-slider
.sm-ford-oem-image-link,

.sm-ford-gallery-content--generic
.sm-ford-oem-slider
.sm-ford-oem-image-link img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/*
 * Tablet = 2 vidljive.
 */

@media (max-width: 1024px) {

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider
    .sm-ford-oem-slider__track
    > .sm-ford-gallery-content__detail-card:not([hidden]) {
        flex:
            0 0
            calc(
                (100% - 20px) / 2
            ) !important;

        width:
            calc(
                (100% - 20px) / 2
            ) !important;

        min-width:
            calc(
                (100% - 20px) / 2
            ) !important;

        max-width:
            calc(
                (100% - 20px) / 2
            ) !important;
    }

}

/*
 * Mobile = 1 vidljiva.
 */

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider
    .sm-ford-oem-slider__track {
        gap: 16px !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider
    .sm-ford-oem-slider__track
    > .sm-ford-gallery-content__detail-card:not([hidden]) {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

}

/* === END SM FORD SLIDER NO-WRAP .182 === */

/* === SM FORD OEM COMPACT CARDS .185 === */

/*
 * Kartice više ne razvlačimo na visinu
 * najviše kartice u istom redu.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-grid,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-grid {
    align-items: start !important;
}


/*
 * INFO / TEXT kartice:
 * nema veštačkog min-height-a.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;

    padding:
        20px
        24px
        18px !important;
}


/*
 * Smanjujemo razmak između eyebrow-a,
 * naslova i opisa.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-eyebrow {
    margin-bottom: 8px !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card p {
    margin-top: 10px !important;
}


/*
 * Sve detail kartice imaju prirodnu visinu.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-card {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
}


/*
 * Tekst ispod slike / standalone feature tekst.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy {
    justify-content: flex-start !important;

    padding:
        20px
        24px
        18px !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy p {
    margin-top: 10px !important;
}


/*
 * Slider kartice takođe više ne moraju
 * imati istu visinu.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-slider
.sm-ford-oem-slider__track {
    align-items: flex-start !important;
}


/*
 * Group kartice bez posebnog detail-copy wrappera.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card h3 {
    margin-bottom: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-group
.sm-ford-gallery-content__detail-card p {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}


/*
 * Mobile malo kompaktniji.
 */

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-card {
        padding:
            17px
            18px
            16px !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-copy {
        padding:
            17px
            18px
            16px !important;
    }
}

/* === END SM FORD OEM COMPACT CARDS .185 === */


/* === SM FORD IMAGE CARDS EDGE TO EDGE .186 === */

/*
 * Media deo kartice nema horizontalni unutrašnji razmak.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-card {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-image-link {
    display: block !important;

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

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/*
 * Jedna velika slika:
 * puna širina kartice, prirodna visina,
 * bez contain praznog prostora sa strane.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-oem-image-link,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-oem-image-link {
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-oem-image-link img,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-oem-image-link img {
    display: block !important;

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

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

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

    aspect-ratio: auto !important;
    object-fit: cover !important;
}


/*
 * Isto pravilo ako renderer ostavi IMG direktno
 * bez Fancybox wrappera.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-grid--1
.sm-ford-gallery-content__detail-card > img,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card > img {
    display: block !important;

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

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

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

    aspect-ratio: auto !important;
    object-fit: cover !important;
}

/* === END SM FORD IMAGE CARDS EDGE TO EDGE .186 === */


/* === SM FORD GROUP LEAD .187 === */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__group-lead {
    max-width: 920px;
    margin: -12px 0 28px;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #425466;
}

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__group-lead {
        margin: -8px 0 22px;
        font-size: 15px;
        line-height: 1.55;
    }
}

/* === END SM FORD GROUP LEAD .187 === */


/* === SM FORD UI RULES .189 === */


/*
 * Standalone feature:
 * naslov je već prikazan kao H2.
 * Ne ponavljaj isti naslov kao H3 u kartici.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-copy
> h3 {
    display: none !important;
}


/*
 * INFO CARDS:
 * 1 = full
 * 2 = half
 * 3 = thirds
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-grid.sm-ford-info-grid--1 {
    grid-template-columns:
        minmax(0, 1fr) !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-grid.sm-ford-info-grid--2 {
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-grid.sm-ford-info-grid--3 {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;
}


/*
 * 4+ INFO CARDS = isti slider princip
 * kao media kartice.
 */

.sm-ford-gallery-content--generic
.sm-ford-oem-slider--info {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 36px;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__track--info {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 24px !important;

    width: 100% !important;

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

    overflow-x: auto !important;
    overflow-y: hidden !important;

    align-items: flex-start !important;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    scrollbar-width: none;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__track--info::-webkit-scrollbar {
    display: none;
}

.sm-ford-gallery-content--generic
.sm-ford-oem-slider__track--info
> .sm-ford-gallery-content__info-card {
    flex:
        0 0
        calc(
            (100% - 48px) / 3
        ) !important;

    width:
        calc(
            (100% - 48px) / 3
        ) !important;

    max-width:
        calc(
            (100% - 48px) / 3
        ) !important;

    min-width: 0 !important;

    scroll-snap-align: start;
}


/*
 * Capri OEM dostupne boje.
 */

.sm-capri-colors-189 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 9px;

    margin-top: 14px;
}

.sm-capri-color-189 {
    display: block;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    border: 2px solid #ffffff;
    border-radius: 50%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    box-shadow:
        0 0 0 1px #aab4bd;

    cursor: default;
}

.sm-capri-color-189.is-current {
    box-shadow:
        0 0 0 2px #0068b5;
}


@media (max-width: 1024px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-grid.sm-ford-info-grid--3 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider__track--info {
        gap: 20px !important;
    }

    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider__track--info
    > .sm-ford-gallery-content__info-card {
        flex:
            0 0
            calc(
                (100% - 20px) / 2
            ) !important;

        width:
            calc(
                (100% - 20px) / 2
            ) !important;

        max-width:
            calc(
                (100% - 20px) / 2
            ) !important;
    }
}


@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-grid.sm-ford-info-grid--1,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-grid.sm-ford-info-grid--2,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-grid.sm-ford-info-grid--3 {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }


    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider__track--info {
        gap: 16px !important;
    }


    .sm-ford-gallery-content--generic
    .sm-ford-oem-slider__track--info
    > .sm-ford-gallery-content__info-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }


    .sm-capri-color-189 {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
    }
}


/* === END SM FORD UI RULES .189 === */


/* === SM CORE .190 — METRICS + REAL CONFIG COLORS === */


/*
 * .189 pomoćna paleta se gasi.
 * Native configurator sada prikazuje samo
 * boje koje imaju pravi OEM image set.
 */

.sm-capri-colors-189 {
    display: none !important;
}


/*
 * METRICS / KPI
 *
 * 1 = 100%
 * 2 = 50 / 50
 * 3 = 3 kolone
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics {
    display: grid !important;
    gap: 20px !important;
    width: 100% !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics:
has(
    > .sm-ford-gallery-content__metric:only-child
) {
    grid-template-columns:
        minmax(0, 1fr) !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics:
has(
    > .sm-ford-gallery-content__metric:nth-child(2):last-child
) {
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics:
has(
    > .sm-ford-gallery-content__metric:nth-child(3):last-child
) {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics
> .sm-ford-gallery-content__metric {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
}


@media (max-width: 1024px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics:
    has(
        > .sm-ford-gallery-content__metric:nth-child(3):last-child
    ) {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}


@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}


/* === END SM CORE .190 === */


/* === SM CORE .191 — METRICS COUNT LAYOUT === */

/*
 * Bez :has().
 * Layout klasu određuje PHP renderer.
 *
 * 1 = full
 * 2 = 50/50
 * 3 = thirds
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics--1 {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr) !important;
    gap: 20px !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics--2 {
    display: grid !important;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;
    gap: 20px !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics--3 {
    display: grid !important;
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;
    gap: 20px !important;
}

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics--1
> .sm-ford-gallery-content__metric,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics--2
> .sm-ford-gallery-content__metric,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__metrics--3
> .sm-ford-gallery-content__metric {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
}


/* tablet */

@media (max-width: 1024px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics--3 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}


/* mobile */

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics--1,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics--2,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__metrics--3 {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}

/* === END SM CORE .191 === */



/* === SM CORE .192 — TEXT ONLY FEATURE FULL WIDTH === */

/*
 * Feature bez slike:
 * nema rezervisane druge kolone za media sadržaj.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
}


/*
 * Tekst koristi celu raspoloživu širinu kartice.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only
.sm-ford-gallery-content__detail-copy {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only
.sm-ford-gallery-content__detail-copy p {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
}


/*
 * Podrška i za stariji markup gde je
 * paragraf direktno unutar article-a.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only
> p {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
}


/* === END SM CORE .192 === */


/* === SM CORE .193 — GLOBAL CARD VERTICAL BALANCE === */

/*
 * Univerzalno pravilo:
 * isti vertikalni razmak gore i dole.
 *
 * Kartica ostaje auto-height;
 * nema veštačkog praznog prostora.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card {
    height: auto !important;
    min-height: 0 !important;

    padding:
        20px
        24px !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    height: auto !important;
    min-height: 0 !important;

    padding:
        20px
        24px !important;
}


/*
 * Text-only feature.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-card--text-only {
    height: auto !important;
    min-height: 0 !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-card--text-only
.sm-ford-gallery-content__detail-copy {
    justify-content: center !important;

    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


/*
 * Ako stariji renderer ima paragraf
 * direktno unutar kartice.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-card--text-only
> p {
    width: 100% !important;

    margin: 0 !important;

    padding:
        20px
        24px !important;
}


/*
 * Uklanjamo unutrašnje margine koje
 * remete simetričan vertikalni razmak.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card
> :first-child,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy
> :first-child {
    margin-top: 0 !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card
> :last-child,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy
> :last-child {
    margin-bottom: 0 !important;
}


/*
 * Eyebrow / naslov / opis zadržavaju
 * kontrolisan unutrašnji ritam.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-eyebrow {
    margin:
        0
        0
        8px !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card
h3,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy
h3 {
    margin:
        0
        0
        10px !important;
}


.sm-ford-gallery-content--generic
.sm-ford-gallery-content__info-card
p,

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__detail-copy
p {
    margin:
        0 !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__info-card,

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-copy {
        padding:
            17px
            18px !important;
    }


    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__detail-card--text-only
    > p {
        padding:
            17px
            18px !important;
    }

}


/* === END SM CORE .193 === */


/* === SM CORE .194 — TRUE TEXT CARD VERTICAL CENTER === */

/*
 * TEXT-ONLY FEATURE:
 *
 * Samo spoljašnja kartica kontroliše
 * vertikalni i horizontalni whitespace.
 *
 * Time dobijamo identičan razmak
 * gore i dole bez obzira na dužinu teksta.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    padding:
        22px
        24px !important;
}


/*
 * Unutrašnji wrapper više NE SME
 * da dodaje sopstveni padding.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only
.sm-ford-gallery-content__detail-copy {
    display: block !important;

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

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


/*
 * Tekst bez dodatnih spoljašnjih margina.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only
.sm-ford-gallery-content__detail-copy
> p {
    width: 100% !important;
    max-width: none !important;

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


/*
 * Podrška za stariji markup gde je
 * paragraf direktno dete article-a.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only
> p {
    width: 100% !important;
    max-width: none !important;

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


/*
 * Ako postoji skriveni / pomoćni heading,
 * ne sme da utiče na vertikalni ritam.
 */

.sm-ford-gallery-content--generic
.sm-ford-gallery-content__oem-feature
.sm-ford-gallery-content__detail-card--text-only
.sm-ford-gallery-content__detail-copy
> h3 {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .sm-ford-gallery-content--generic
    .sm-ford-gallery-content__oem-feature
    .sm-ford-gallery-content__detail-card--text-only {
        padding:
            18px
            18px !important;
    }

}


/* === END SM CORE .194 === */