/* M61 RELATED PRODUCTS 2026 */

html.route-product-product
.m61-related-legacy-hidden{
    display:none!important;
}

html.route-product-product
.m61-related-global{
    width:100%;
    margin:26px 0!important;
    padding:22px!important;
    background:#fff;
    border:1px solid #dfe6ef;
    border-radius:15px;
    box-shadow:0 8px 28px rgba(16,43,87,.05);
}

html.route-product-product
.m61-related-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
    padding-bottom:16px;
    border-bottom:1px solid #e8edf3;
}

html.route-product-product
.m61-related-eyebrow{
    display:block;
    margin-bottom:5px;
    color:#e30613;
    font-size:10.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.7px;
}

html.route-product-product
.m61-related-head h2{
    margin:0!important;
    color:#102b57!important;
    font-size:23px!important;
    line-height:1.2!important;
    font-weight:800!important;
}

html.route-product-product
.m61-related-head p{
    margin:6px 0 0!important;
    color:#718095!important;
    font-size:12.5px!important;
    line-height:1.5!important;
}

html.route-product-product
.m61-related-all{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 13px;
    background:#fff;
    border:1px solid #d9e1eb;
    border-radius:8px;
    color:#102b57!important;
    font-size:11.5px;
    font-weight:800;
    text-decoration:none!important;
}

html.route-product-product
.m61-related-track{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:14px;
}

html.route-product-product
.m61-related-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #e1e7ef;
    border-radius:12px;
    box-shadow:0 5px 18px rgba(16,43,87,.045);
    text-decoration:none!important;
    transition:.18s ease;
}

html.route-product-product
.m61-related-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(16,43,87,.09);
}

html.route-product-product
.m61-related-image{
    display:flex;
    align-items:center;
    justify-content:center;
    height:165px;
    padding:8px;
    background:#f3f5f7;
}

html.route-product-product
.m61-related-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

html.route-product-product
.m61-related-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:13px;
}

html.route-product-product
.m61-related-content h3{
    margin:0 0 8px!important;
    min-height:39px;
    color:#102b57!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:800!important;
}

html.route-product-product
.m61-related-price{
    margin-top:auto;
    margin-bottom:10px;
    color:#e30613;
    font-size:17px;
    font-weight:800;
}

html.route-product-product
.m61-related-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    background:#f7f9fc;
    border:1px solid #e0e6ee;
    border-radius:7px;
    color:#102b57;
    font-size:11px;
    font-weight:800;
}

@media(max-width:1100px) and (min-width:768px){

    html.route-product-product
    .m61-related-track{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }
}

@media(max-width:767px){

    html.route-product-product
    .m61-related-global{
        margin:18px 0!important;
        padding:16px!important;
        overflow:hidden;
    }

    html.route-product-product
    .m61-related-head{
        display:block;
        margin-bottom:14px;
        padding-bottom:13px;
    }

    html.route-product-product
    .m61-related-head h2{
        font-size:18px!important;
    }

    html.route-product-product
    .m61-related-all{
        width:100%;
        margin-top:11px;
    }

    html.route-product-product
    .m61-related-track{
        display:flex;
        gap:11px;
        width:auto;
        padding:2px 2px 10px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    html.route-product-product
    .m61-related-track::-webkit-scrollbar{
        display:none;
    }

    html.route-product-product
    .m61-related-card{
        flex:0 0 215px;
        width:215px;
        scroll-snap-align:start;
    }

    html.route-product-product
    .m61-related-image{
        height:140px;
    }
}

/* MOBILE TOUCH / FOCUS CLEANUP */
@media(max-width:767px){

    html.route-product-product .m61-related-card{
        outline:none!important;
        -webkit-tap-highlight-color:transparent!important;
    }

    html.route-product-product .m61-related-card:focus{
        outline:none!important;
        border-color:#e1e7ef!important;
    }

    html.route-product-product .m61-related-card:focus-visible{
        outline:2px solid #e30613!important;
        outline-offset:2px!important;
    }
}