/* ==========================================================
   SCL SOLUTION
   Industrial Applications
   Migrated from v1.7
========================================================== */


/* ==========================================================
   Applications Section
========================================================== */

.applications-section{

    padding-top:60px;

}


/* ==========================================================
   Application Grid
========================================================== */

.application-grid{

    display:grid;

    grid-template-columns: repeat(3, 320px);

    justify-content:center;

    gap:24px;

    max-width:1100px;

    margin:24px auto 0;

}


/* ==========================================================
   Application Card
========================================================== */

.application-card{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    padding:22px;

    min-height:250px;

}


/* ==========================================================
   Application Card Hover
========================================================== */

.application-card:hover{

    transform:translateY(-8px);

    border-color:var(--card-border-hover);

    box-shadow:
        0 18px 45px rgba(0,180,255,.12);

}


/* ==========================================================
   Application Header
========================================================== */

.application-header{

    margin-bottom:16px;

}


.application-header h3{

    font-size:1.4rem;

    font-weight:700;

    color:var(--text);

}


/* ==========================================================
   Application Body
========================================================== */

.application-body{

    flex:1;

}


.application-body h4{

    margin-bottom:12px;

    color:var(--accent-primary);

    font-size:.95rem;

}


.application-body ul{

    margin:0;

    padding-left:18px;

}


.application-body li{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:8px;

    color:var(--text-soft);

    list-style:none;

}


/* ==========================================================
   Application Bullet
========================================================== */

.application-bullet{

    color:var(--accent-primary);

    font-weight:700;

    font-size:1rem;

    flex-shrink:0;

    margin-top:2px;

}


/* ==========================================================
   Application Footer
========================================================== */

.application-footer{

    margin-top:18px;

    padding-top:18px;

    border-top:
        1px solid rgba(255,255,255,.08);

}


.application-footer h4{

    margin-bottom:14px;

    font-size:.9rem;

    color:var(--accent-primary);

}


/* ==========================================================
   Recommended Materials
========================================================== */

.application-materials{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}


.material-badge{

    padding:8px 16px;

    border-radius:999px;

    background:rgba(19,216,255,.08);

    border:1px solid rgba(19,216,255,.20);

    font-size:.82rem;

    font-weight:600;

    color:var(--accent-primary);

}