/* =========================================================
   SMT SPARE PART DETAIL PAGE
   ========================================================= */


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

#spare-part-detail-page {

    position: relative;

    width: 100%;

    min-height: 100vh;

    padding:
        140px 0 120px;

}


/* =========================================================
   PAGE WRAPPER
   ========================================================= */

.spare-part-detail-wrapper {

    width:
        min(1400px, 92%);

    margin:
        0 auto;

}


/* =========================================================
   HERO
   ========================================================= */

.spare-part-detail-hero {

    margin-bottom:
        110px;

}


.spare-part-detail-hero
.spare-part-detail-wrapper {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, .9fr);

    align-items: center;

    gap:
        70px;

    min-height:
        620px;

    padding:
        50px 60px;

    border:
        1px solid var(--card-border);

    border-radius:
        30px;

    background:
        var(--glass-background);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    box-sizing:
        border-box;

}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.spare-part-detail-image {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height:
        480px;

}


.spare-part-detail-image-placeholder {

    display: flex;

    align-items: center;

    justify-content: center;

    width:
        min(100%, 560px);

    height:
        440px;

    border:
        1px solid var(--card-border);

    border-radius:
        24px;

    background:
        rgba(255, 255, 255, .025);

    color:
        var(--text-soft);

    font-size:
        .8rem;

    font-weight:
        700;

    letter-spacing:
        .16em;

}


/* =========================================================
   HERO INTRO
   ========================================================= */

.spare-part-detail-intro {

    max-width:
        620px;

}


.spare-part-detail-category {

    display:
        inline-block;

    margin-bottom:
        16px;

    font-size:
        .75rem;

    font-weight:
        700;

    letter-spacing:
        .20em;

    text-transform:
        uppercase;

    color:
        var(--text-soft);

}


.spare-part-detail-name {

    margin:
        0;

    font-size:
        clamp(3.5rem, 6vw, 6rem);

    font-weight:
        800;

    line-height:
        .95;

    letter-spacing:
        -2px;

    color:
        var(--text);

}


.spare-part-detail-description {

    max-width:
        560px;

    margin:
        28px 0 0;

    font-size:
        1.05rem;

    line-height:
        1.75;

    color:
        var(--text-soft);

}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.spare-part-detail-section {

    margin-bottom:
        110px;

}


.spare-part-detail-section-header {

    max-width:
        760px;

    margin-bottom:
        40px;

}


.spare-part-detail-eyebrow {

    display:
        inline-block;

    margin-bottom:
        12px;

    font-size:
        .7rem;

    font-weight:
        700;

    letter-spacing:
        .20em;

    text-transform:
        uppercase;

    color:
        var(--text-soft);

}


.spare-part-detail-section-header h2 {

    margin:
        0;

    font-size:
        clamp(2rem, 3vw, 3.2rem);

    font-weight:
        800;

    line-height:
        1.05;

    letter-spacing:
        -1px;

    color:
        var(--text);

}


/* =========================================================
   KEY HIGHLIGHTS
   ========================================================= */

.spare-part-highlight-grid {

    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        center;

    gap:
        20px;

}


.spare-part-highlight-card {

    flex:
        0 1 280px;

    max-width:
        320px;

    padding:
        28px;

    border:
        1px solid var(--card-border);

    border-radius:
        22px;

    background:
        var(--glass-background);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


.spare-part-highlight-card > span {

    display:
        block;

    margin-bottom:
        14px;

    font-size:
        .68rem;

    font-weight:
        700;

    letter-spacing:
        .16em;

    color:
        var(--text-soft);

}


.spare-part-highlight-card h3 {

    margin:
        0 0 10px;

    font-size:
        1.1rem;

    font-weight:
        700;

    color:
        var(--text);

}


.spare-part-highlight-card p {

    margin:
        0;

    font-size:
        .92rem;

    line-height:
        1.65;

    color:
        var(--text-soft);

}


/* =========================================================
   TECHNICAL SPECIFICATIONS
   ========================================================= */

#spare-part-specifications {

    width:
        min(100%, 1100px);

    margin:
        32px auto 0;

    border:
        1px solid var(--card-border);

    border-radius:
        18px;

    overflow:
        hidden;

    background:
        rgba(18, 21, 30, .88);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .12);

}


/* =========================================================
   Specification Row
   ========================================================= */

.spare-part-spec-row {

    display:
        grid;

    grid-template-columns:
        minmax(180px, 30%)
        minmax(0, 1fr);

    min-height:
        56px;

    border-bottom:
        1px solid var(--card-border);

}


/* =========================================================
   Last Specification Row
   ========================================================= */

.spare-part-spec-row:last-child {

    border-bottom:
        none;

}


/* =========================================================
   Specification Label
   ========================================================= */

.spare-part-spec-label {

    display:
        flex;

    align-items:
        center;

    padding:
        15px 20px;

    color:
        var(--text-soft);

    background:
        rgba(255, 255, 255, .025);

    font-family:
        "Poppins", sans-serif;

    font-size:
        .78rem;

    font-weight:
        700;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;

    border-right:
        1px solid var(--card-border);

}


/* =========================================================
   Specification Value
   ========================================================= */

.spare-part-spec-value {

    display:
        flex;

    align-items:
        center;

    padding:
        15px 20px;

    color:
        var(--text);

    font-family:
        "Poppins", sans-serif;

    font-size:
        .92rem;

    font-weight:
        500;

    line-height:
        1.5;

}


/* =========================================================
   Specification Hover
   ========================================================= */

.spare-part-spec-row:hover
.spare-part-spec-label {

    color:
        var(--accent-primary);

}


.spare-part-spec-row:hover
.spare-part-spec-value {

    background:
        rgba(19, 216, 255, .025);

}


/* =========================================================
   Light Theme
   ========================================================= */

body.light
#spare-part-specifications {

    background:
        rgba(255, 255, 255, .88);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .08);

}


body.light
.spare-part-spec-label {

    background:
        rgba(0, 0, 0, .025);

}


body.light
.spare-part-spec-row:hover
.spare-part-spec-value {

    background:
        rgba(19, 216, 255, .04);

}


/* =========================================================
   FEATURES
   ========================================================= */

.spare-part-feature-list {

    display:
        grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap:
        16px;

}


.spare-part-feature-item {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        20px;

    padding:
        24px 26px;

    border:
        1px solid var(--card-border);

    border-radius:
        20px;

    background:
        var(--glass-background);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


.spare-part-feature-number {

    flex:
        0 0 auto;

    font-size:
        .7rem;

    font-weight:
        700;

    letter-spacing:
        .12em;

    color:
        var(--text-soft);

}


.spare-part-feature-item p {

    margin:
        0;

    font-size:
        .94rem;

    line-height:
        1.65;

    color:
        var(--text);

}


/* =========================================================
   APPLICATIONS
   ========================================================= */

.spare-part-application-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        20px;

}


.spare-part-application-card {

    padding:
        28px;

    border:
        1px solid var(--card-border);

    border-radius:
        22px;

    background:
        var(--glass-background);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


.spare-part-application-card h3 {

    margin:
        0 0 12px;

    font-size:
        1.1rem;

    font-weight:
        700;

    color:
        var(--text);

}


.spare-part-application-card p {

    margin:
        0;

    font-size:
        .94rem;

    line-height:
        1.65;

    color:
        var(--text-soft);

}


/* =========================================================
   ADVANTAGES
   ========================================================= */

.spare-part-advantages {

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        20px;

}


.spare-part-advantage {

    display:
        flex;

    gap:
        20px;

    padding:
        28px;

    border:
        1px solid var(--card-border);

    border-radius:
        22px;

    background:
        var(--glass-background);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


.spare-part-advantage > span {

    flex:
        0 0 auto;

    font-size:
        .7rem;

    font-weight:
        700;

    letter-spacing:
        .12em;

    color:
        var(--text-soft);

}


.spare-part-advantage h3 {

    margin:
        0 0 10px;

    font-size:
        1.1rem;

    font-weight:
        700;

    color:
        var(--text);

}


.spare-part-advantage p {

    margin:
        0;

    font-size:
        .92rem;

    line-height:
        1.65;

    color:
        var(--text-soft);

}


/* =========================================================
   INQUIRY
   ========================================================= */

.spare-part-detail-inquiry {

    margin-bottom:
        110px;

}


.spare-part-inquiry-card {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        40px;

    padding:
        44px;

    border:
        1px solid var(--card-border);

    border-radius:
        28px;

    background:
        var(--glass-background);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


.spare-part-inquiry-content {

    max-width:
        720px;

}


.spare-part-inquiry-content h2 {

    margin:
        0;

    font-size:
        clamp(1.8rem, 3vw, 2.6rem);

    font-weight:
        800;

    color:
        var(--text);

}


.spare-part-inquiry-content p {

    margin:
        14px 0 0;

    line-height:
        1.65;

    color:
        var(--text-soft);

}


.spare-part-inquiry-action button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        210px;

    padding:
        14px 24px;

    border:
        none;

    border-radius:
        999px;

    background:
        var(--accent-gradient);

    color:
        #fff;

    font-size:
        .9rem;

    font-weight:
        700;

    cursor:
        pointer;

    transition:
        transform var(--transition-fast);

}


.spare-part-inquiry-action button:hover {

    transform:
        translateY(-2px);

}


/* =========================================================
   RELATED SPARE PARTS
   ========================================================= */

.spare-part-related-section {

    margin-top:
        100px;

}


.spare-part-related-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        24px;

}


.spare-part-related-card {

    padding:
        22px;

    border:
        1px solid var(--card-border);

    border-radius:
        22px;

    background:
        var(--glass-background);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


.spare-part-related-image {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    height:
        220px;

    margin-bottom:
        20px;

    border:
        1px solid var(--card-border);

    border-radius:
        18px;

    color:
        var(--text-soft);

    font-size:
        .75rem;

    font-weight:
        700;

    letter-spacing:
        .12em;

}


.spare-part-related-card h3 {

    margin:
        0;

    font-size:
        1.2rem;

    font-weight:
        800;

    color:
        var(--text);

}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .spare-part-detail-hero
    .spare-part-detail-wrapper {

        grid-template-columns:
            1fr;

        gap:
            40px;

        min-height:
            auto;

    }


    .spare-part-detail-intro {

        max-width:
            none;

    }


    .spare-part-application-grid,
    .spare-part-advantages,
    .spare-part-related-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    #spare-part-detail-page {

        padding:
            110px 0 80px;

    }


    .spare-part-detail-hero {

        margin-bottom:
            80px;

    }


    .spare-part-detail-hero
    .spare-part-detail-wrapper {

        width:
            min(94%, 1400px);

        padding:
            30px 22px;

        border-radius:
            24px;

    }


    .spare-part-detail-image {

        min-height:
            320px;

    }


    .spare-part-detail-image-placeholder {

        height:
            300px;

    }


    .spare-part-detail-name {

        font-size:
            clamp(2.6rem, 11vw, 4rem);

        letter-spacing:
            -1px;

    }


    .spare-part-detail-section {

        margin-bottom:
            80px;

    }


    .spare-part-highlight-grid {

        justify-content:
            stretch;

    }


    .spare-part-highlight-card {

        flex:
            1 1 100%;

        max-width:
            none;

    }


    /* =====================================================
       Specifications
    ====================================================== */

    .spare-part-spec-row {

        grid-template-columns:
            1fr;

    }


    .spare-part-spec-label {

        min-height:
            auto;

        padding:
            11px 16px;

        border-right:
            none;

        border-bottom:
            1px solid var(--card-border);

    }


    .spare-part-spec-value {

        padding:
            13px 16px;

    }


    /* =====================================================
       Features
    ====================================================== */

    .spare-part-feature-list {

        grid-template-columns:
            1fr;

    }


    /* =====================================================
       Applications / Advantages / Related
    ====================================================== */

    .spare-part-application-grid,
    .spare-part-advantages,
    .spare-part-related-grid {

        grid-template-columns:
            1fr;

    }


    /* =====================================================
       Inquiry
    ====================================================== */

    .spare-part-inquiry-card {

        flex-direction:
            column;

        align-items:
            flex-start;

        padding:
            30px 24px;

    }


    .spare-part-inquiry-action {

        width:
            100%;

    }


    .spare-part-inquiry-action button {

        width:
            100%;

    }

}

/* =========================================================
Spare Part Page
Back Button
========================================================= */

.spare-part-back-button {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 9px 14px;

    border: 1px solid var(--card-border);

    border-radius: 10px;

    background: var(--glass-background);

    color: var(--text);

    font-family: "Poppins", sans-serif;

    font-size: .82rem;

    font-weight: 600;

    line-height: 1;

    text-decoration: none;

    cursor: pointer;

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

    transition:
        color var(--transition-fast),
        background var(--transition-fast),
        border-color var(--transition-fast),
        transform var(--transition-fast),
        box-shadow var(--transition-fast);

}


/* =========================================================
Back Button Icon
========================================================= */

.spare-part-back-button i {

    color: var(--accent-primary);

    font-size: .82rem;

    transition:
        color var(--transition-fast),
        transform var(--transition-fast);

}


/* =========================================================
Hover
========================================================= */

.spare-part-back-button:hover {

    color: var(--text);

    background: var(--card-color);

    border-color: var(--card-border-hover);

    transform: translateX(-2px);

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .10);

}


.spare-part-back-button:hover i {

    color: var(--accent-primary);

    transform: translateX(-3px);

}


/* =========================================================
Light Theme
========================================================= */

body.light .spare-part-back-button {

    background: var(--glass-background);

    color: var(--text);

    border-color: var(--card-border);

}


body.light .spare-part-back-button:hover {

    background: var(--card-color);

    color: var(--text);

    border-color: var(--card-border-hover);

}


/* =========================================================
Spare Part
Specifications & Compatibility Section
========================================================= */

.spare-part-detail-section {

    width: 100%;

}


.spare-part-detail-section-header {

    max-width: 760px;

    margin:
        0 auto 32px;

}


.spare-part-detail-eyebrow {

    display: inline-block;

    margin-bottom: 10px;

    color:
        var(--text-soft);

    font-size:
        .68rem;

    font-weight:
        700;

    letter-spacing:
        .16em;

    line-height:
        1.2;

}


.spare-part-detail-section-title {

    margin:
        0 0 12px;

    color:
        var(--text);

    font-size:
        clamp(1.8rem, 3vw, 2.6rem);

    font-weight:
        700;

    line-height:
        1.15;

}


.spare-part-detail-section-description {

    margin:
        0;

    color:
        var(--text-soft);

    font-size:
        .95rem;

    line-height:
        1.7;

}


/* =========================================================
Specifications Container
========================================================= */

.spare-part-specifications {

    width: 100%;

    overflow: hidden;

    border:
        1px solid var(--card-border);

    border-radius:
        16px;

    background:
        rgba(255, 255, 255, .025);

}


/* =========================================================
Specification Row
========================================================= */

.spare-part-specification-row {

    display: grid;

    grid-template-columns:
        minmax(180px, 30%)
        minmax(0, 1fr);

    min-height:
        58px;

    border-bottom:
        1px solid var(--card-border);

}


.spare-part-specification-row:last-child {

    border-bottom:
        none;

}


/* =========================================================
Specification Label
========================================================= */

.spare-part-specification-label {

    display: flex;

    align-items: center;

    padding:
        15px 20px;

    color:
        var(--text-soft);

    background:
        rgba(255, 255, 255, .018);

    font-size:
        .82rem;

    font-weight:
        600;

    line-height:
        1.4;

}


/* =========================================================
Specification Value
========================================================= */

.spare-part-specification-value {

    display: flex;

    align-items: center;

    min-width: 0;

    padding:
        15px 20px;

    color:
        var(--text);

    font-size:
        .9rem;

    font-weight:
        500;

    line-height:
        1.5;

}


/* =========================================================
Specification Divider
========================================================= */

.spare-part-specification-divider {

    display: flex;

    align-items: center;

    gap:
        16px;

    min-height:
        48px;

    padding:
        12px 20px;

    border-top:
        1px solid var(--card-border);

    border-bottom:
        1px solid var(--card-border);

    background:
        rgba(19, 216, 255, .035);

}


.spare-part-specification-divider::after {

    content: "";

    flex: 1;

    height:
        1px;

    background:
        var(--card-border);

}


.spare-part-specification-divider span {

    color:
        var(--text-soft);

    font-size:
        .68rem;

    font-weight:
        700;

    letter-spacing:
        .16em;

    white-space:
        nowrap;

}


/* =========================================================
Compatibility Rows
========================================================= */

.spare-part-compatibility-row
.spare-part-specification-label {

    color:
        var(--text-soft);

}


.spare-part-compatibility-row
.spare-part-specification-value {

    font-weight:
        600;

}


/* =========================================================
Compatibility Model Container
========================================================= */

.spare-part-compatibility-models {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap:
        7px;

}


/* =========================================================
Compatibility Model Badge
========================================================= */

.spare-part-compatibility-model {

    display: inline-flex;

    align-items: center;

    padding:
        5px 9px;

    border:
        1px solid var(--card-border);

    border-radius:
        7px;

    background:
        rgba(255, 255, 255, .045);

    color:
        var(--text-soft);

    font-size:
        .76rem;

    font-weight:
        600;

    line-height:
        1.2;

}


/* =========================================================
Specifications Empty State
========================================================= */

.spare-part-specifications-empty {

    padding:
        28px 20px;

    color:
        var(--text-soft);

    font-size:
        .9rem;

    text-align:
        center;

}


/* =========================================================
Light Theme
========================================================= */

body.light
.spare-part-specifications {

    background:
        rgba(0, 0, 0, .015);

}


body.light
.spare-part-specification-label {

    background:
        rgba(0, 0, 0, .025);

}


body.light
.spare-part-specification-divider {

    background:
        rgba(0, 0, 0, .025);

}


body.light
.spare-part-compatibility-model {

    background:
        rgba(0, 0, 0, .025);

}


/* =========================================================
Responsive
========================================================= */

@media (max-width: 700px) {

    .spare-part-detail-section-header {

        margin-bottom:
            24px;

    }


    .spare-part-specification-row {

        grid-template-columns:
            1fr;

    }


    .spare-part-specification-label {

        min-height:
            auto;

        padding:
            12px 16px 6px;

        background:
            transparent;

        font-size:
            .75rem;

    }


    .spare-part-specification-value {

        padding:
            4px 16px 14px;

        font-size:
            .86rem;

    }


    .spare-part-specification-divider {

        padding:
            12px 16px;

    }


    .spare-part-detail-section-title {

        font-size:
            1.7rem;

    }

}

/* =========================================================
Related Spare Parts
========================================================= */

.spare-part-related-section {

    width: 100%;

}


.spare-part-related-grid {

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap: 24px;

}


/* =========================================================
Related Spare Part Card
========================================================= */

.spare-part-related-card {

    display: flex;

    flex-direction: column;

    min-width: 0;

    overflow: hidden;

    border:
        1px solid var(--card-border);

    border-radius: 16px;

    background:
        var(--card-bg);

    cursor: pointer;

    transition:
        transform var(--transition-fast),
        border-color var(--transition-fast),
        box-shadow var(--transition-fast);

}


.spare-part-related-card:hover {

    transform:
        translateY(-4px);

    border-color:
        var(--icon-accent);

    box-shadow:
        0 14px 35px rgba(
            0,
            0,
            0,
            .14
        );

}


/* =========================================================
Related Spare Part Image
========================================================= */

.spare-part-related-card-image {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 220px;

    padding: 20px;

    box-sizing: border-box;

    background:
        rgba(
            255,
            255,
            255,
            .035
        );

}


.spare-part-related-card-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition:
        transform var(--transition-fast);

}


.spare-part-related-card:hover
.spare-part-related-card-image img {

    transform:
        scale(1.04);

}


/* =========================================================
Related Spare Part Content
========================================================= */

.spare-part-related-card-content {

    display: flex;

    flex-direction: column;

    flex: 1;

    padding:
        20px;

}


/* =========================================================
Related Spare Part Category
========================================================= */

.spare-part-related-card-category {

    display: block;

    margin-bottom: 7px;

    color:
        var(--icon-accent);

    font-size:
        .68rem;

    font-weight:
        700;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;

}


/* =========================================================
Related Spare Part Title
========================================================= */

.spare-part-related-card-title {

    margin:
        0 0 9px;

    color:
        var(--text);

    font-size:
        1.05rem;

    font-weight:
        700;

    line-height:
        1.3;

}


/* =========================================================
Related Spare Part Description
========================================================= */

.spare-part-related-card-description {

    margin:
        0;

    color:
        var(--text-soft);

    font-size:
        .82rem;

    line-height:
        1.6;

}


/* =========================================================
Related Spare Part Action
========================================================= */

.spare-part-related-card-action {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-top:
        auto;

    padding-top:
        18px;

    color:
        var(--text);

    font-size:
        .78rem;

    font-weight:
        700;

}


.spare-part-related-card-action i {

    color:
        var(--icon-accent);

    transition:
        transform var(--transition-fast);

}


.spare-part-related-card:hover
.spare-part-related-card-action i {

    transform:
        translateX(4px);

}


/* =========================================================
Empty State
========================================================= */

.spare-part-related-empty {

    grid-column:
        1 / -1;

    padding:
        28px;

    border:
        1px solid var(--card-border);

    border-radius:
        14px;

    color:
        var(--text-soft);

    font-size:
        .85rem;

    line-height:
        1.6;

    text-align:
        center;

    background:
        rgba(
            255,
            255,
            255,
            .025
        );

}


/* =========================================================
Light Theme
========================================================= */

body.light
.spare-part-related-card {

    background:
        var(--card-bg);

}


body.light
.spare-part-related-card-image {

    background:
        rgba(
            0,
            0,
            0,
            .025
        );

}


body.light
.spare-part-related-empty {

    background:
        rgba(
            0,
            0,
            0,
            .02
        );

}


/* =========================================================
Responsive
========================================================= */

@media (
    max-width: 900px
) {

    .spare-part-related-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }

}


@media (
    max-width: 600px
) {

    .spare-part-related-grid {

        grid-template-columns:
            1fr;

        gap: 18px;

    }


    .spare-part-related-card-image {

        height:
            200px;

    }


    .spare-part-related-card-content {

        padding:
            18px;

    }

}