/* MVS_RIM_FAMILY_SELECTOR_V2 */

body.mvsport-rim-pdp .mvsport-rim-family-selector {
    border-top: 1px solid #e2e8f0;
    margin-top: 1rem;
    padding-top: .95rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-selector [x-cloak] {
    display: none !important;
}

body.mvsport-rim-pdp .mvsport-rim-family-selector-heading h2 {
    color: #0f172a;
    font-size: .94rem;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

body.mvsport-rim-pdp .mvsport-rim-family-field {
    margin-top: .82rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-label {
    color: #0f172a;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: .45rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-finishes {
    display: grid;
    gap: .48rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.mvsport-rim-pdp .mvsport-rim-family-finish {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .68rem;
    display: grid;
    gap: .48rem;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    min-height: 3rem;
    min-width: 0;
    padding: .28rem .62rem .28rem .32rem;
    position: relative;
    text-align: left;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}

body.mvsport-rim-pdp .mvsport-rim-family-finish:hover {
    background: #fffaf5;
    border-color: #f97316;
}

body.mvsport-rim-pdp .mvsport-rim-family-finish.is-active {
    background: #fffaf5;
    border-color: #f97316;
    box-shadow: 0 0 0 1px #f97316;
}

body.mvsport-rim-pdp .mvsport-rim-family-finish-thumb {
    align-items: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    display: flex;
    height: 2.35rem;
    justify-content: center;
    overflow: hidden;
    width: 2.35rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-finish-thumb img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

body.mvsport-rim-pdp .mvsport-rim-family-finish-placeholder {
    background: #f1f5f9;
    border-radius: 999px;
    display: block;
    height: 1.55rem;
    width: 1.55rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-finish-label {
    color: #1e293b;
    font-size: .69rem;
    font-weight: 700;
    line-height: 1.18;
    min-width: 0;
    overflow-wrap: anywhere;
}

body.mvsport-rim-pdp .mvsport-rim-family-check {
    align-items: center;
    background: #f97316;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #fff;
    display: flex;
    font-size: .6rem;
    font-weight: 900;
    height: 1.18rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -.34rem;
    top: -.34rem;
    width: 1.18rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-diameters {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-diameter {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .62rem;
    color: #1e293b;
    font-size: .72rem;
    font-weight: 750;
    min-height: 2.18rem;
    min-width: 3.2rem;
    padding: .33rem .62rem;
    transition:
        border-color .15s ease,
        background-color .15s ease,
        color .15s ease;
}

body.mvsport-rim-pdp .mvsport-rim-family-diameter:hover {
    border-color: #f97316;
}

body.mvsport-rim-pdp .mvsport-rim-family-diameter.is-active {
    background: #f97316;
    border-color: #f97316;
    color: #fff;
}

body.mvsport-rim-pdp .mvsport-rim-family-variants {
    margin-top: .85rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-title {
    color: #334155;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.3;
    margin-bottom: .36rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-scroll {
    border-bottom: 1px solid #e2e8f0;
    border-top: 1px solid #e2e8f0;
    max-height: 12.45rem;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: #cbd5e1 transparent;
    scrollbar-width: thin;
}

body.mvsport-rim-pdp
.mvsport-rim-family-variant-scroll::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

body.mvsport-rim-pdp
.mvsport-rim-family-variant-scroll::-webkit-scrollbar-track {
    background: transparent;
}

body.mvsport-rim-pdp
.mvsport-rim-family-variant-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

body.mvsport-rim-pdp
.mvsport-rim-family-variant-scroll::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-head,
body.mvsport-rim-pdp .mvsport-rim-family-variant-row {
    align-items: center;
    display: grid;
    gap: .25rem;
    grid-template-columns:
        minmax(4.6rem, 1.15fr)
        minmax(3.7rem, .85fr)
        minmax(1.8rem, .42fr)
        minmax(2.3rem, .52fr)
        minmax(4rem, .9fr)
        minmax(4.2rem, .95fr);
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-head {
    background: #f8fafc;
    color: #64748b;
    font-size: .59rem;
    font-weight: 750;
    line-height: 1.15;
    min-height: 1.72rem;
    padding: .35rem .42rem;
    position: sticky;
    top: 0;
    z-index: 2;
}

body.mvsport-rim-pdp .mvsport-rim-family-price-head {
    text-align: right;
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-row {
    border-top: 1px solid #edf2f7;
    color: #334155;
    font-size: .63rem;
    line-height: 1.18;
    min-height: 2.08rem;
    padding: .34rem .42rem;
    text-decoration: none;
    transition:
        background-color .15s ease,
        color .15s ease;
}

body.mvsport-rim-pdp
.mvsport-rim-family-variant-list
.mvsport-rim-family-variant-row:first-child {
    border-top: 0;
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-row:hover {
    background: #fffaf5;
    color: #0f172a;
    text-decoration: none;
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-row.is-current {
    background: #fff7ed;
    box-shadow: inset 2px 0 0 #f97316;
    color: #0f172a;
    font-weight: 700;
}

body.mvsport-rim-pdp .mvsport-rim-family-variant-dimension {
    align-items: center;
    display: flex;
    gap: .36rem;
    min-width: 0;
}

body.mvsport-rim-pdp .mvsport-rim-family-radio {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    flex: 0 0 .82rem;
    height: .82rem;
    position: relative;
    width: .82rem;
}

body.mvsport-rim-pdp
.mvsport-rim-family-variant-row.is-current
.mvsport-rim-family-radio {
    border-color: #f97316;
}

body.mvsport-rim-pdp
.mvsport-rim-family-variant-row.is-current
.mvsport-rim-family-radio::after {
    background: #f97316;
    border-radius: 999px;
    content: "";
    height: .4rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .4rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-stock {
    align-items: center;
    display: inline-flex;
    gap: .28rem;
    min-width: 0;
    white-space: nowrap;
}

body.mvsport-rim-pdp .mvsport-rim-family-stock.is-available {
    color: #15803d;
    font-weight: 650;
}

body.mvsport-rim-pdp .mvsport-rim-family-stock-dot {
    background: #16a34a;
    border-radius: 999px;
    flex: 0 0 .36rem;
    height: .36rem;
    width: .36rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-stock-empty {
    color: #94a3b8;
}

body.mvsport-rim-pdp .mvsport-rim-family-price {
    color: #0f172a;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

body.mvsport-rim-pdp .mvsport-rim-family-empty {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: .65rem;
    color: #64748b;
    font-size: .68rem;
    line-height: 1.4;
    padding: .65rem;
}

@media (max-width: 639px) {
    body.mvsport-rim-pdp .mvsport-rim-family-selector {
        margin-top: .9rem;
        padding-top: .9rem;
    }

    body.mvsport-rim-pdp .mvsport-rim-family-finishes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.mvsport-rim-pdp .mvsport-rim-family-finish {
        min-width: 0;
        padding-right: .45rem;
    }

    body.mvsport-rim-pdp .mvsport-rim-family-diameter {
        min-width: 3rem;
    }

    body.mvsport-rim-pdp .mvsport-rim-family-variant-scroll {
        max-height: 12rem;
    }

    body.mvsport-rim-pdp .mvsport-rim-family-variant-head,
    body.mvsport-rim-pdp .mvsport-rim-family-variant-row {
        grid-template-columns:
            5rem
            4.2rem
            2rem
            2.7rem
            4.6rem
            4.8rem;
        min-width: 26.5rem;
    }
}


/* ==========================================================
   MVS_RIM_PDP_COMPOSITION_V1
   ========================================================== */

body.mvsport-rim-pdp .mvsport-rim-pdp-meta {
    margin-top: .7rem;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-current-finish {
    color: #334155;
    font-size: .82rem;
    font-weight: 550;
    line-height: 1.35;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1rem;
    margin-top: .8rem;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval {
    align-items: center;
    display: inline-grid;
    gap: .45rem;
    grid-template-columns: 2rem auto;
    min-width: 0;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-icon {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #0f172a;
    display: flex;
    height: 2rem;
    justify-content: center;
    overflow: hidden;
    width: 2rem;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-icon svg {
    height: 1rem;
    width: 1rem;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-icon img {
    height: 1.65rem;
    object-fit: contain;
    width: 1.65rem;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-copy {
    display: grid;
    gap: .03rem;
    min-width: 0;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-copy strong {
    color: #0f172a;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.1;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-copy small {
    color: #64748b;
    font-size: .64rem;
    line-height: 1.1;
}

body.mvsport-rim-pdp .mvsport-rim-family-selector {
    border-top: 0;
    margin-top: 1rem;
    padding-top: 0;
}


/* Reviews tab */

body.mvsport-rim-pdp .mvsport-rim-reviews-tab {
    display: grid;
    gap: 1rem;
}

body.mvsport-rim-pdp .mvsport-rim-reviews-intro {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: .85rem;
}

body.mvsport-rim-pdp .mvsport-rim-reviews-intro h3 {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
}

body.mvsport-rim-pdp .mvsport-rim-reviews-intro p {
    color: #64748b;
    font-size: .82rem;
    line-height: 1.5;
    margin: .25rem 0 0;
}

body.mvsport-rim-pdp .mvsport-rim-reviews-empty {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    display: grid;
    gap: .15rem;
    padding: .9rem 1rem;
}

body.mvsport-rim-pdp .mvsport-rim-reviews-empty strong {
    color: #0f172a;
    font-size: .82rem;
    font-weight: 800;
}

body.mvsport-rim-pdp .mvsport-rim-reviews-empty span {
    color: #64748b;
    font-size: .78rem;
}

body.mvsport-rim-pdp .mvsport-rim-reviews-list,
body.mvsport-rim-pdp .mvsport-rim-reviews-form {
    min-width: 0;
}

@media (max-width: 639px) {
    body.mvsport-rim-pdp .mvsport-rim-pdp-meta {
        margin-top: .55rem;
    }

    body.mvsport-rim-pdp .mvsport-rim-pdp-approval-row {
        gap: .55rem .8rem;
        margin-top: .7rem;
    }
}


/* ==========================================================
   MVS_RIM_PDP_B4_DEDUP_GUIDE_V1
   ========================================================== */

/*
 * Model title is now the only hero text below the logo.
 * Approvals follow directly below.
 */
body.mvsport-rim-pdp .mvsport-rim-pdp-meta {
    margin-top: .55rem;
}

body.mvsport-rim-pdp .mvsport-rim-pdp-approval-row {
    gap: .55rem .9rem;
    margin-top: 0;
}

body.mvsport-rim-pdp .mvsport-rim-family-selector {
    margin-top: .9rem;
}


/* Guide below technical variants */

body.mvsport-rim-pdp .mvsport-rim-family-guide {
    align-items: flex-start;
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: .48rem;
    margin-top: .7rem;
    padding-top: .62rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-guide-icon {
    align-items: center;
    color: #64748b;
    display: flex;
    flex: 0 0 1rem;
    height: 1rem;
    justify-content: center;
    margin-top: .05rem;
    width: 1rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-guide-icon svg {
    height: 1rem;
    width: 1rem;
}

body.mvsport-rim-pdp .mvsport-rim-family-guide-copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

body.mvsport-rim-pdp .mvsport-rim-family-guide-question {
    color: #64748b;
    font-size: .66rem;
    font-weight: 550;
    line-height: 1.35;
}

body.mvsport-rim-pdp .mvsport-rim-family-guide-link {
    align-items: center;
    color: #f97316;
    display: inline-flex;
    font-size: .67rem;
    font-weight: 800;
    gap: .28rem;
    line-height: 1.3;
    text-decoration: none;
    width: fit-content;
}

body.mvsport-rim-pdp .mvsport-rim-family-guide-link:hover {
    text-decoration: underline;
}

@media (max-width: 639px) {
    body.mvsport-rim-pdp .mvsport-rim-pdp-meta {
        margin-top: .48rem;
    }

    body.mvsport-rim-pdp .mvsport-rim-family-selector {
        margin-top: .78rem;
    }

    body.mvsport-rim-pdp .mvsport-rim-family-guide {
        margin-top: .62rem;
        padding-top: .58rem;
    }
}


/* ==========================================================
   MVS_RIM_PDP_B5_DESKTOP_POLISH_V1

   Desktop-only premium polish.
   Purchase card intentionally untouched.
   ========================================================== */

@media (min-width: 1024px) {

    /*
     * ------------------------------------------------------
     * 1. HERO / APPROVALS / SELECTOR VERTICAL RHYTHM
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-summary
    .page-title-wrapper {
        margin-bottom: 0;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-meta {
        margin-top: .62rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-row {
        align-items: center;
        gap: .75rem 1.05rem;
        margin-top: 0;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-selector {
        margin-top: 1.12rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-selector-heading h2 {
        font-size: .98rem;
        line-height: 1.25;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-field {
        margin-top: .88rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-label {
        font-size: .74rem;
        margin-bottom: .48rem;
    }


    /*
     * ------------------------------------------------------
     * 2. TÜV / ECE / KBA
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval {
        gap: .5rem;
        grid-template-columns: 2.18rem auto;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-icon {
        background: #fff;
        border-color: #e2e8f0;
        height: 2.18rem;
        width: 2.18rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-icon img {
        height: 1.78rem;
        width: 1.78rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-icon svg {
        height: 1.08rem;
        width: 1.08rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-copy {
        gap: .08rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-copy strong {
        font-size: .76rem;
        line-height: 1.12;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-copy small {
        font-size: .66rem;
        line-height: 1.15;
    }


    /*
     * ------------------------------------------------------
     * 3. FINISH CARDS
     *
     * Remove double orange emphasis:
     * - 1 px border only
     * - no extra orange box-shadow
     * - very soft active background
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-finishes {
        gap: .52rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish {
        background: #fff;
        border-color: #d7dee8;
        border-radius: .72rem;
        box-shadow: none;
        gap: .52rem;
        grid-template-columns: 2.42rem minmax(0, 1fr);
        min-height: 3.12rem;
        padding:
            .31rem
            .66rem
            .31rem
            .35rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish:hover {
        background: #fffaf7;
        border-color: #fb923c;
        box-shadow: none;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish.is-active {
        background: #fff8f3;
        border-color: #f97316;
        box-shadow: none;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish-thumb {
        border-color: #e5eaf0;
        height: 2.42rem;
        width: 2.42rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish-label {
        color: #172033;
        font-size: .72rem;
        font-weight: 700;
        line-height: 1.2;
        overflow-wrap: normal;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-check {
        border-width: 2px;
        font-size: .58rem;
        height: 1.12rem;
        right: -.31rem;
        top: -.31rem;
        width: 1.12rem;
    }


    /*
     * ------------------------------------------------------
     * 4. DIAMETER PILLS
     *
     * Keep compact chips, but use the same visual language
     * as finish cards.
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameters {
        gap: .42rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameter {
        background: #fff;
        border: 1px solid #d7dee8;
        border-radius: .68rem;
        color: #263247;
        font-size: .74rem;
        font-weight: 750;
        min-height: 2.28rem;
        min-width: 3.22rem;
        padding: .36rem .68rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameter:hover {
        background: #fffaf7;
        border-color: #fb923c;
        color: #c2410c;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameter.is-active {
        background: #fff4e8;
        border-color: #f97316;
        color: #c2410c;
        box-shadow: none;
    }


    /*
     * ------------------------------------------------------
     * 5. VARIANT TABLE
     *
     * Less "admin grid", more ecommerce:
     * - fewer divider lines
     * - larger text
     * - more row height
     * - soft selected row
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-variants {
        margin-top: .92rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-title {
        color: #3b475b;
        font-size: .71rem;
        font-weight: 650;
        line-height: 1.35;
        margin-bottom: .48rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll {
        border-bottom: 1px solid #e8edf3;
        border-top: 1px solid #e8edf3;
        max-height: 13.9rem;
        scrollbar-color: #d7dee8 transparent;
        scrollbar-width: thin;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll::-webkit-scrollbar-thumb {
        background: #d7dee8;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll::-webkit-scrollbar-thumb:hover {
        background: #b6c0cd;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-head,
    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row {
        gap: .3rem;
        grid-template-columns:
            minmax(4.8rem, 1.14fr)
            minmax(3.8rem, .84fr)
            minmax(1.85rem, .42fr)
            minmax(2.4rem, .52fr)
            minmax(4.15rem, .88fr)
            minmax(4.35rem, .96fr);
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-head {
        background: #fafbfd;
        border-bottom: 1px solid #e9edf2;
        color: #6a7688;
        font-size: .62rem;
        font-weight: 750;
        line-height: 1.15;
        min-height: 1.88rem;
        padding: .4rem .5rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-list {
        display: grid;
        gap: 1px;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row {
        background: #fff;
        border: 0;
        color: #344054;
        font-size: .67rem;
        line-height: 1.22;
        min-height: 2.36rem;
        padding: .44rem .5rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row:hover {
        background: #fffaf6;
        color: #111827;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row.is-current {
        background: #fff7ed;
        box-shadow: inset 2px 0 0 #f97316;
        color: #111827;
        font-weight: 700;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-dimension {
        gap: .42rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-radio {
        flex-basis: .88rem;
        height: .88rem;
        width: .88rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row.is-current
    .mvsport-rim-family-radio::after {
        height: .42rem;
        width: .42rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-stock {
        font-size: .65rem;
        gap: .3rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-stock-dot {
        flex-basis: .34rem;
        height: .34rem;
        width: .34rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-price {
        font-size: .68rem;
        font-weight: 800;
    }


    /*
     * ------------------------------------------------------
     * 6. GUIDE
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide {
        border-top-color: #e8edf3;
        gap: .55rem;
        margin-top: .76rem;
        padding-top: .72rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-icon {
        flex-basis: 1.08rem;
        height: 1.08rem;
        margin-top: .04rem;
        width: 1.08rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-icon svg {
        height: 1.08rem;
        width: 1.08rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-copy {
        gap: .16rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-question {
        color: #64748b;
        font-size: .7rem;
        font-weight: 550;
        line-height: 1.4;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-link {
        font-size: .72rem;
        font-weight: 800;
        gap: .3rem;
        line-height: 1.35;
    }
}


/* ==========================================================
   MVS_RIM_PDP_B5_R1_MICRO_POLISH_V1

   Desktop-only refinement.
   Purchase card / PHP / selector logic untouched.
   ========================================================== */

@media (min-width: 1024px) {

    /*
     * ------------------------------------------------------
     * 1. H1 → APPROVALS → SELECTOR RHYTHM
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-meta {
        margin-top: .72rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-selector {
        margin-top: .98rem;
    }


    /*
     * ------------------------------------------------------
     * 2. TÜV / ECE / KBA
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-row {
        gap: .78rem 1.15rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval {
        gap: .54rem;
        grid-template-columns: 2.28rem auto;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-icon {
        height: 2.28rem;
        width: 2.28rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-icon img {
        height: 1.88rem;
        width: 1.88rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-icon svg {
        height: 1.14rem;
        width: 1.14rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-copy strong {
        font-size: .8rem;
        line-height: 1.12;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-approval-copy small {
        font-size: .69rem;
        line-height: 1.16;
    }


    /*
     * ------------------------------------------------------
     * 3. FINISH THUMBNAILS
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish {
        grid-template-columns: 2.54rem minmax(0, 1fr);
        min-height: 3.2rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish-thumb {
        height: 2.54rem;
        width: 2.54rem;
    }


    /*
     * ------------------------------------------------------
     * 4. VARIANT TABLE
     *
     * Main B5-R1 focus:
     * more readable, still compact.
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll {
        max-height: 14.35rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-head,
    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row {
        gap: .34rem;

        grid-template-columns:
            minmax(4.9rem, 1.13fr)
            minmax(3.75rem, .82fr)
            minmax(1.9rem, .42fr)
            minmax(2.45rem, .52fr)
            minmax(4.2rem, .87fr)
            minmax(4.75rem, 1.02fr);
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-head {
        color: #657184;
        font-size: .65rem;
        font-weight: 750;
        min-height: 1.98rem;
        padding: .43rem .52rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row {
        color: #334155;
        font-size: .7rem;
        min-height: 2.5rem;
        padding: .49rem .52rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row.is-current {
        box-shadow: inset 2px 0 0 #f97316;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-stock {
        font-size: .68rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-price {
        font-size: .71rem;
        letter-spacing: -.005em;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-price-head {
        padding-right: .05rem;
    }


    /*
     * ------------------------------------------------------
     * 5. SUBTLE SCROLLBAR
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll::-webkit-scrollbar {
        width: 4px;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll::-webkit-scrollbar-thumb {
        background: #d9e0e8;
        border-radius: 999px;
    }


    /*
     * ------------------------------------------------------
     * 6. GUIDE
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide {
        gap: .58rem;
        margin-top: .8rem;
        padding-top: .74rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-question {
        color: #536174;
        font-size: .72rem;
        font-weight: 550;
        line-height: 1.4;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-link {
        font-size: .73rem;
        line-height: 1.35;
    }
}

/* ==========================================================
   MVS_RIM_PDP_R3A_DESKTOP_SHARED_PARITY_START

   Rim PDP desktop shared-component parity with frozen TYRE PDP:
   - same 3-column hero composition
   - same 32px column gaps
   - same breadcrumb content axis
   - same 20px shell/details rhythm
   - same desktop tab height/padding

   Rim-specific family selector content remains untouched.
   Mobile remains untouched.
   ========================================================== */
@media (min-width: 1024px) {

    /*
     * TYRE canonical hero composition.
     * At current 1488px shell:
     * media    508.20px
     * summary  503.19px
     * purchase 412.61px
     * gaps       32px / 32px
     */
    body.mvsport-rim-pdp
    .mvsport-rim-pdp-shell[data-role="rim-pdp-shell"]
    .mvsport-rim-pdp-grid {
        display: grid !important;
        grid-template-columns:
            minmax(0, 508.2fr)
            minmax(0, 503.19fr)
            minmax(0, 412.61fr) !important;
        column-gap: 2rem !important;
        row-gap: 0 !important;
        align-items: start !important;
    }

    /*
     * product.info is only a structural wrapper.
     * Summary and purchase become direct grid participants,
     * matching the frozen TYRE desktop composition.
     */
    body.mvsport-rim-pdp
    .mvsport-rim-pdp-info-contents {
        display: contents !important;
    }

    /*
     * Shared TYRE desktop shell/details rhythm.
     */
    body.mvsport-rim-pdp
    .mvsport-rim-pdp-shell[data-role="rim-pdp-shell"] {
        padding-bottom: 20px !important;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-details {
        margin-top: 20px !important;
    }

    /*
     * Rim breadcrumb currently carries the historical
     * max-width:1440px override. Restore TYRE content axis:
     * 1536px container including 24px horizontal padding
     * = 1488px breadcrumb content width.
     */
    html
    body#html-body.catalog-product-view.categorypath-platisca.mvsport-rim-pdp.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
    .page-wrapper
    .breadcrumbs > .container {
        width: calc(100% - 3rem) !important;
        max-width: 1536px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        box-sizing: border-box !important;
    }

    /*
     * Frozen TYRE desktop tabs:
     * H56, 13px / 19.2px padding, typography already shared.
     */
    body.mvsport-rim-pdp
    .mvsport-rim-pdp-tabs
    .mvsport-tyre-pdp-tab {
        height: 56px !important;
        min-height: 56px !important;
        padding: 13px 19.2px !important;
    }
}
/* MVS_RIM_PDP_R3A_DESKTOP_SHARED_PARITY_END */

/* ==========================================================
   MVS_RIM_PDP_R3A1_DETAILS_TABS_PARITY_START
   Final desktop shared parity closure:
   - prevent legacy 24px tab margin from collapsing through
     details wrapper;
   - match frozen TYRE tabs outer radius 16px.
   ========================================================== */
@media (min-width: 1024px) {
    body.mvsport-rim-pdp
    .mvsport-rim-pdp-details
    > .mvsport-rim-pdp-tabs {
        margin-top: 0 !important;
        border-radius: 16px !important;
    }
}
/* MVS_RIM_PDP_R3A1_DETAILS_TABS_PARITY_END */

/* ==========================================================
   MVS_RIM_PDP_R3B_FAMILY_SELECTOR_PREMIUM_START

   Desktop-only family selector refinement.
   Scope:
   - finish cards
   - diameter controls
   - variant chooser
   - fitment reassurance CTA

   Frozen shared PDP geometry / purchase / gallery untouched.
   Mobile intentionally untouched for R4.
   ========================================================== */

@media (min-width: 1024px) {

    /*
     * ------------------------------------------------------
     * 1. FINISH / COLOUR CARDS
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-finishes {
        gap: .55rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish {
        border-color: #d5dde7;
        border-radius: .75rem;
        gap: .56rem;
        min-height: 3.25rem;
        padding:
            .31rem
            .7rem
            .31rem
            .36rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish:hover {
        background: #f8fafc;
        border-color: #b8c4d2;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish.is-active {
        background: #fff7ed;
        border-color: #f97316;
        box-shadow: none;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish.is-active
    .mvsport-rim-family-finish-label {
        color: #0f172a;
        font-weight: 800;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish-thumb {
        border-color: #e2e8f0;
    }


    /*
     * ------------------------------------------------------
     * 2. DIAMETER CONTROLS
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameters {
        gap: .45rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameter {
        border-color: #d5dde7;
        border-radius: .7rem;
        font-weight: 750;
        min-height: 2.35rem;
        min-width: 3.3rem;
        padding: .37rem .7rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameter:hover {
        background: #f8fafc;
        border-color: #b8c4d2;
        color: #0f172a;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-diameter.is-active {
        background: #fff7ed;
        border-color: #f97316;
        color: #c2410c;
        font-weight: 800;
        box-shadow: none;
    }


    /*
     * ------------------------------------------------------
     * 3. VARIANT CHOOSER
     *
     * Give the technical chooser one contained surface.
     * Keep existing six-column information architecture.
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-variants {
        margin-top: .96rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-title {
        color: #475569;
        font-size: .72rem;
        font-weight: 650;
        margin-bottom: .5rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-scroll {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: .72rem;
        max-height: 14.35rem;
        overflow: auto;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-head {
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
        color: #64748b;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-list {
        gap: 0;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row {
        border-top: 1px solid #edf1f5;
        min-height: 2.5rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-list
    .mvsport-rim-family-variant-row:first-child {
        border-top: 0;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row:hover {
        background: #fafbfd;
        color: #0f172a;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row.is-current {
        background: #fff8f1;
        box-shadow: inset 3px 0 0 #f97316;
        color: #0f172a;
        font-weight: 700;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row.is-current
    .mvsport-rim-family-price {
        color: #0f172a;
        font-weight: 850;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row.is-current
    .mvsport-rim-family-radio {
        border-color: #f97316;
    }


    /*
     * ------------------------------------------------------
     * 4. FITMENT REASSURANCE / CTA
     *
     * Previously this was only a divider + small text.
     * It is an important conversion aid, so give it a compact
     * contained treatment without competing with Add to Cart.
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide {
        align-items: center;
        background: #f8fafc;
        border: 1px solid #dde5ee;
        border-radius: .75rem;
        gap: .68rem;
        margin-top: .82rem;
        padding: .68rem .78rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-icon {
        align-items: center;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 999px;
        color: #475569;
        display: flex;
        flex: 0 0 1.9rem;
        height: 1.9rem;
        justify-content: center;
        margin-top: 0;
        width: 1.9rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-icon svg {
        height: 1rem;
        width: 1rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-copy {
        gap: .12rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-question {
        color: #64748b;
        font-size: .7rem;
        font-weight: 600;
        line-height: 1.35;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-link {
        color: #ea580c;
        font-size: .74rem;
        font-weight: 800;
        line-height: 1.35;
        text-decoration: none;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-link:hover {
        color: #c2410c;
        text-decoration: underline;
        text-underline-offset: 2px;
    }


    /*
     * ------------------------------------------------------
     * 5. KEYBOARD FOCUS
     * ------------------------------------------------------
     */

    body.mvsport-rim-pdp
    .mvsport-rim-family-finish:focus-visible,
    body.mvsport-rim-pdp
    .mvsport-rim-family-diameter:focus-visible,
    body.mvsport-rim-pdp
    .mvsport-rim-family-variant-row:focus-visible,
    body.mvsport-rim-pdp
    .mvsport-rim-family-guide-link:focus-visible {
        outline: 2px solid #f97316;
        outline-offset: 2px;
    }
}

/* MVS_RIM_PDP_R3B_FAMILY_SELECTOR_PREMIUM_END */

/* ==========================================================
   MVS_RIM_PDP_R3B1G_GALLERY_CONTAINMENT_START

   Rim-only correction for inherited tyre desktop gallery scale.

   Tyre canonical V1B3 applies transform: scale(1.25) to
   body.mvsport-tyre-pdp. Rim PDP intentionally also carries
   that shared body class, so the tyre enlargement leaks into
   the rim gallery and crops the wheel.

   Normal rim gallery only.
   Fullscreen and thumbnails intentionally untouched.
   ========================================================== */

@media (min-width: 1280px) {

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-media
    #gallery
    > div:not(.fixed)
    #gallery-main {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-media
    #gallery
    > div:not(.fixed)
    #gallery-main
    img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
        transform-origin: center center !important;
    }
}

/* MVS_RIM_PDP_R3B1G_GALLERY_CONTAINMENT_END */

/* ==========================================================
   MVS_RIM_PDP_R3B2_EDITORIAL_GUIDES_CSS_START

   Desktop rim editorial guide block.
   Mirrors the established tyre PDP editorial language while
   remaining rim-specific.

   Existing compact family guide stays available for mobile
   until R4; it is hidden on desktop only.
   ========================================================== */

body.mvsport-rim-pdp
.mvsport-rim-pdp-guides {
    display: none;
}

@media (min-width: 1024px) {

    body.mvsport-rim-pdp
    .mvsport-rim-family-guide {
        display: none;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides {
        display: block;
        grid-column: 1 / 3;
        grid-row: 2;
        margin-top: 1rem;
        padding: 1rem 1.125rem 1.125rem;
        border: 1px solid #dbe3ec;
        border-radius: .875rem;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        box-shadow: 0 4px 18px rgb(15 23 42 / .035);
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: .875rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-eyebrow {
        display: block;
        margin-bottom: .2rem;
        color: #f97316;
        font-size: .6875rem;
        line-height: 1rem;
        font-weight: 800;
        letter-spacing: .055em;
        text-transform: uppercase;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-title {
        margin: 0;
        color: #0f172a;
        font-size: 1rem;
        line-height: 1.3;
        font-weight: 800;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-intro {
        margin: .25rem 0 0;
        color: #64748b;
        font-size: .78rem;
        line-height: 1.45;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-all {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: .35rem;
        color: #475569;
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-all:hover {
        color: #ea580c;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-card {
        display: grid;
        grid-template-columns: 8.5rem minmax(0, 1fr) auto;
        align-items: stretch;
        min-width: 0;
        min-height: 5.75rem;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        border-radius: .75rem;
        background: #fff;
        color: #334155;
        text-decoration: none;
        transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-card:hover {
        border-color: #fdba74;
        box-shadow: 0 5px 16px rgb(15 23 42 / .06);
        transform: translateY(-1px);
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-media {
        display: block;
        min-width: 0;
        min-height: 5.75rem;
        overflow: hidden;
        border-right: 1px solid #e2e8f0;
        background: #f1f5f9;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 5.75rem;
        object-fit: cover;
        object-position: center center;
        transition: transform 220ms ease;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-card:hover
    .mvsport-rim-pdp-guide-media img {
        transform: scale(1.035);
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-copy {
        display: grid;
        align-self: center;
        min-width: 0;
        gap: .15rem;
        padding: .75rem .65rem .75rem .8rem;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-copy strong {
        color: #0f172a;
        font-size: .8rem;
        line-height: 1.3;
        font-weight: 800;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-copy > span {
        color: #64748b;
        font-size: .7rem;
        line-height: 1.4;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-arrow {
        align-self: center;
        padding: 0 .85rem 0 .25rem;
        color: #94a3b8;
        font-size: 1rem;
        line-height: 1;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-card:hover
    .mvsport-rim-pdp-guide-arrow {
        color: #ea580c;
    }

    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guide-card:focus-visible,
    body.mvsport-rim-pdp
    .mvsport-rim-pdp-guides-all:focus-visible {
        outline: 2px solid #f97316;
        outline-offset: 2px;
    }
}

/* MVS_RIM_PDP_R3B2_EDITORIAL_GUIDES_CSS_END */


/* ==========================================================
   MVS_RIM_PDP_MOBILE_V6_EDITORIAL_GUIDES_START

   Activate the existing R3B2 Rim editorial guide on phone.

   Content/template remains unchanged.
   Presentation mirrors the frozen TYRE mobile editorial guide:
   - post-purchase placement
   - 16px section rhythm
   - 14px outer radius
   - compact header
   - one-column guide grid
   - image-left compact card
   - 24px major break to details is owned by V4 details rule

   Desktop R3B2 remains untouched.
   ========================================================== */

@media (max-width: 639px) {

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides {
        display: block !important;
        grid-area: auto !important;
        grid-column: 1 !important;
        grid-row: auto !important;
        order: 50;
        width: 100%;
        min-width: 0;
        margin-top: 16px !important;
        margin-bottom: 0 !important;
        padding: 0.85rem;
        border: 1px solid #dbe3ec;
        border-radius: 14px;
        background: linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 100%
        );
        box-shadow: 0 4px 18px rgb(15 23 42 / 0.035);
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-head {
        display: block;
        margin-bottom: 0.7rem;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-eyebrow {
        display: block;
        margin-bottom: 0.2rem;
        color: #f97316;
        font-size: 0.6875rem;
        line-height: 1rem;
        font-weight: 800;
        letter-spacing: 0.055em;
        text-transform: uppercase;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-title {
        margin: 0;
        color: #0f172a;
        font-size: 0.9rem;
        line-height: 1.3;
        font-weight: 800;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-intro {
        margin: 0.25rem 0 0;
        color: #64748b;
        font-size: 0.7rem;
        line-height: 1.45;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-all {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 0.35rem;
        margin-top: 0.4rem;
        color: #475569;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.5rem;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-card {
        display: grid;
        grid-template-columns:
            5.25rem
            minmax(0, 1fr)
            auto;
        grid-template-rows: auto;
        align-items: stretch;
        gap: 0;
        min-width: 0;
        min-height: 4.75rem;
        padding: 0;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        border-radius: 0.75rem;
        color: #334155;
        background: #fff;
        text-decoration: none;
        transition:
            border-color 150ms ease,
            box-shadow 150ms ease,
            transform 150ms ease;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-media {
        grid-column: 1;
        grid-row: 1;
        display: block;
        width: 100%;
        min-width: 0;
        min-height: 4.75rem;
        overflow: hidden;
        border-right: 1px solid #e2e8f0;
        background: #f1f5f9;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 4.75rem;
        object-fit: cover;
        object-position: center center;
        transition: transform 220ms ease;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-copy {
        grid-column: 2;
        grid-row: 1;
        display: grid;
        align-self: center;
        min-width: 0;
        gap: 0.15rem;
        padding: 0.55rem 0.35rem 0.55rem 0.65rem;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-copy strong {
        color: #0f172a;
        font-size: 0.72rem;
        line-height: 1.25;
        font-weight: 800;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-copy > span {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #64748b;
        font-size: 0.64rem;
        line-height: 1.35;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-arrow {
        grid-column: 3;
        grid-row: 1;
        align-self: center;
        padding: 0 0.55rem 0 0.15rem;
        color: #94a3b8;
        font-size: 1rem;
        line-height: 1;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-card:hover {
        border-color: #fdba74;
        box-shadow: 0 5px 16px rgb(15 23 42 / 0.06);
        transform: translateY(-1px);
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-card:hover
        .mvsport-rim-pdp-guide-media img {
        transform: scale(1.035);
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-all:hover,
    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-card:hover
        .mvsport-rim-pdp-guide-arrow {
        color: #ea580c;
    }

    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guide-card:focus-visible,
    body#html-body.catalog-product-view.mvsport-rim-pdp:not(.mvsport-suspension-pdp)
        .mvsport-rim-pdp-guides-all:focus-visible {
        outline: 2px solid #f97316;
        outline-offset: 2px;
    }
}

/* MVS_RIM_PDP_MOBILE_V6_EDITORIAL_GUIDES_END */