/* ===== ATHLON SIZE GUIDE ===== */

.athlon-size-guide-btn{
    width:100%;
    margin:15px 0;
    padding:14px 20px;
    background:#111;
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.athlon-size-guide-btn:hover{
    background:#333;
}

#athlon-size-guide-modal{
    display:none;
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.92);
    z-index:999999;
    justify-content:center;
    align-items:center;
}

#athlon-size-guide-modal.active{
    display:flex;
}

#athlon-size-guide-modal img{
    max-width:95vw;
    max-height:95vh;
    object-fit:contain;
    border-radius:8px;
    box-shadow:0 10px 40px rgba(0,0,0,.4);
}

.athlon-size-guide-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:52px;
    font-weight:300;
    cursor:pointer;
    line-height:1;
}

@media (max-width:768px){

    #athlon-size-guide-modal img{
        max-width:98vw;
        max-height:90vh;
    }

    .athlon-size-guide-close{
        top:12px;
        right:18px;
        font-size:42px;
    }

}