/* =========================================================
   COMPANY VIEW
========================================================= */

.jb-company-view{
    margin:40px 0;
    padding:36px;
    border:1px solid #edf1f5;
    border-radius:24px;
    background:#fff;
    box-shadow:0 8px 30px rgba(15,23,42,.05);
}

/* =========================================================
   TOP
========================================================= */

.jb-company-top{
    display:flex;
    align-items:center;
    gap:36px;
}

/* =========================================================
   LOGO
========================================================= */

.jb-company-logo{
    flex:0 0 180px;
}

.jb-company-logo img{
    display:block;
    width:180px;
    height:180px;
    object-fit:contain;

    border:1px solid #e5e7eb;
    border-radius:20px;

    background:#fff;
}

.jb-company-no-logo{
    display:flex;
    align-items:center;
    justify-content:center;

    width:180px;
    height:180px;

    border:1px solid #e5e7eb;
    border-radius:20px;

    background:#f8fafc;

    font-size:26px;
    font-weight:700;
    color:#9ca3af;
}

/* =========================================================
   SUMMARY
========================================================= */

.jb-company-summary{
    flex:1;
}

.jb-company-summary h2{
    margin:0 0 24px;

    font-size:34px;
    font-weight:800;

    color:#111827;
}

.jb-company-summary ul{
    margin:0;
    padding:0;

    list-style:none;
}

.jb-company-summary li{

    display:flex;
    align-items:center;

    gap:18px;

    margin-bottom:14px;

    font-size:15px;

    color:#4b5563;
}

.jb-company-summary li strong{

    width:70px;

    color:#111827;
}

/* =========================================================
   COUNT
========================================================= */

.jb-company-count{

    display:flex;

    gap:14px;

    margin-top:28px;
}

.jb-company-count span{

    display:flex;
    align-items:center;

    gap:8px;

    padding:10px 18px;

    border-radius:999px;

    background:#f8fafc;

    font-size:14px;

    color:#4b5563;
}

.jb-company-count strong{

    color:#2563eb;

    font-size:15px;
}

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

.jb-company-intro{

    margin-top:40px;
    padding-top:30px;

    border-top:1px solid #eef2f7;
}

.jb-company-intro h3{

    margin:0 0 18px;

    font-size:22px;
    font-weight:800;
}

.jb-company-intro-text{

    line-height:1.9;

    font-size:15px;

    color:#4b5563;

    word-break:keep-all;
}

/* =========================================================
   SECTION
========================================================= */

.jb-company-section{

    margin-top:60px;
}

.jb-company-section:last-of-type{
    margin-bottom:60px;
}



.jb-section-head{

    display:flex;

    align-items:center;
    justify-content:space-between;

    margin-bottom:22px;
}

.jb-section-head h3{

    margin:0;

    font-size:28px;
    font-weight:800;

    color:#111827;
}

.jb-section-head h3 span{

    margin-left:8px;

    color:#2563eb;
}

/* =========================================================
   GRID
========================================================= */

.jb-equipment-grid{

    display:grid;

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

    gap:20px;
}


/* =========================================================
   EMPTY
========================================================= */

.jb-company-empty{

    grid-column:1/-1;

    padding:70px 20px;

    border:1px dashed #dbe4ee;
    border-radius:20px;

    background:#fafcff;

    text-align:center;

    font-size:15px;

    color:#94a3b8;
}

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

@media(max-width:991px){

    .jb-equipment-grid{

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

}

@media(max-width:768px){

    .jb-company-view{

        margin:24px 0;

        padding:22px;
    }

    .jb-company-top{

        flex-direction:column;

        align-items:center;

        text-align:center;
    }

    .jb-company-logo{

        flex:none;
    }

    .jb-company-logo img,
    .jb-company-no-logo{

        width:140px;
        height:140px;
    }

    .jb-company-summary h2{

        margin-bottom:20px;

        font-size:28px;
    }

    .jb-company-summary li{

        justify-content:center;

        gap:10px;
    }

    .jb-company-summary li strong{

        width:auto;
    }

    .jb-company-count{

        justify-content:center;

        flex-wrap:wrap;
    }

    .jb-section-head h3{

        font-size:22px;
    }

}


@media(max-width:640px){

    .jb-equipment-grid{

        grid-template-columns:1fr;
    }

}