/*==================================================
EQUIPMENT PAGE
==================================================*/


/*==================================================
Page Hero
==================================================*/

.equipment-hero{

    background:
        linear-gradient(
            rgba(91,44,131,.92),
            rgba(91,44,131,.92)
        ),
        url("../images/equipment/equipment-banner.jpg")
        center center / cover;

    color:#fff;

    padding:120px 0 100px;

}

.equipment-hero h1{

    color:#fff;

    font-size:56px;

    font-weight:800;

}

.equipment-hero p{

    color:#f5f5f5;

}


/*==================================================
Equipment Section
==================================================*/

.equipment{

    background:var(--light);

}


/*==================================================
Equipment Card
==================================================*/

.equipment-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    height:100%;

    box-shadow:var(--shadow);

    transition:var(--transition);

}

.equipment-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}


/*==================================================
Equipment Image
==================================================*/

.equipment-card img{

    width:100%;

    height:250px;

    object-fit:cover;

}


/*==================================================
Equipment Content
==================================================*/

.equipment-content{

    padding:25px;

}

.equipment-content h4{

    color:var(--primary);

    font-weight:700;

    margin-bottom:15px;

}

.equipment-content p{

    margin-bottom:20px;

}


/*==================================================
Specifications
==================================================*/

.equipment-specs{

    margin-top:20px;

    padding:0;

}

.equipment-specs li{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 0;

    border-bottom:1px solid #ececec;

}

.equipment-specs li:last-child{

    border-bottom:none;

}

.equipment-specs strong{

    color:var(--primary);

}


/*==================================================
Equipment Badge
==================================================*/

.equipment-badge{

    position:absolute;

    top:20px;

    right:20px;

    background:var(--gold);

    color:#fff;

    padding:8px 15px;

    border-radius:30px;

    font-size:.85rem;

    font-weight:600;

}


/*==================================================
Equipment CTA
==================================================*/

.equipment-cta{

    background:var(--white);

}


/*==================================================
Animation
==================================================*/

.equipment-card{

    animation:fadeUp .8s ease;

}