.mt-compatible-items,
.mt-compatible-items * {
    box-sizing: border-box;
}

.mt-compatible-items {
    width: 100%;
    padding: 3.472vw 6.944vw;
    background: #f2f2f2;
    color: #0d0d0d;
}

.mt-compatible-items-title {
    margin: 0 0 3.472vw;
    color: #0d0d0d;
    font-family: var(--vape-font-brand);
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 3.056vw;
    letter-spacing: 0.14em;
    text-align: center;
    text-transform: uppercase;
}

.mt-compatible-items-layout {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 23.958vw;
    gap: 1.389vw;
    align-items: center;
}

.mt-compatible-items-table {
    width: 100%;
    display: grid;
}

.mt-compatible-items-row {
    min-height: 3.056vw;
    border-bottom: 1px solid #d9d9d9;
    display: grid;
    grid-template-columns: 38% 62%;
    align-items: center;
    color: #0d0d0d;
    font-family: var(--vape-font-body);
    font-size: 1.111vw;
    font-weight: 500;
    line-height: 1.667vw;
    letter-spacing: 0;
}

.mt-compatible-items-label {
    min-width: 0;
    padding: 0;
}

.mt-compatible-items-value {
    min-width: 0;
    padding: 0.694vw 0;
}

.mt-compatible-items-label a,
.mt-compatible-items-value a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.139vw;
}

.mt-compatible-items-label a:hover,
.mt-compatible-items-label a:focus,
.mt-compatible-items-value a:hover,
.mt-compatible-items-value a:focus {
    color: inherit;
    opacity: 0.72;
}

.mt-compatible-items-image {
    width: 100%;
    height: 37.222vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-compatible-items-image img {
    width: 14.097vw;
    height: auto;
    display: block;
    object-fit: contain;
}

.mt-compatible-items-image span {
    color: #6b7280;
    font-family: var(--vape-font-brand);
    font-size: 0.833vw;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 1024px) {
    .mt-compatible-items {
        padding: 2.93vw 3.125vw 3.516vw;
    }

    .mt-compatible-items-layout {
        grid-template-columns: minmax(0, 1fr) 17.578vw;
        gap: 2.734vw;
    }

    .mt-compatible-items-title {
        margin-bottom: 2.93vw;
        font-size: 2.148vw;
        line-height: 2.93vw;
    }

    .mt-compatible-items-row {
        min-height: 3.906vw;
        font-size: 1.367vw;
        line-height: 2.148vw;
    }

    .mt-compatible-items-value {
        padding: 0.977vw 0;
    }

    .mt-compatible-items-image {
        height: 52.344vw;
    }

    .mt-compatible-items-image img {
        width: 17.578vw;
    }
}

@media (max-width: 768px) {
    .mt-compatible-items {
        padding: 3.646vw 2.344vw 4.427vw;
    }

    .mt-compatible-items-title {
        margin-bottom: 3.125vw;
        font-size: 2.604vw;
        line-height: 3.646vw;
        letter-spacing: 0.12em;
    }

    .mt-compatible-items-layout {
        grid-template-columns: 1fr;
        gap: 3.646vw;
    }

    .mt-compatible-items-row {
        grid-template-columns: 1fr;
        gap: 0.26vw;
        padding: 1.042vw 0;
        font-size: 1.563vw;
        line-height: 2.344vw;
    }

    .mt-compatible-items-label,
    .mt-compatible-items-value {
        padding: 0;
    }

    .mt-compatible-items-label {
        font-weight: 700;
    }

    .mt-compatible-items-image {
        height: auto;
        min-height: auto;
    }

    .mt-compatible-items-image img {
        width: min(70vw, 28.646vw);
    }
}