/*=====================================
PRODUCTS PAGE
======================================*/

.products-banner{

    padding:180px 0 100px;

    background:
    linear-gradient(rgba(0,0,0,.70),rgba(0,0,0,.70)),
    url('../images/banners/products-banner.png') center center/cover;

    text-align:center;

}

.products-banner h1{

    font-size:60px;

    margin-bottom:15px;

}

.products-banner p{

    color:#ddd;

    font-size:20px;

}

/*=====================================
PRODUCTS
======================================*/

.products-page{

    padding:120px 0;

    background:#111;

}

.products-grid{

    display:grid;

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

    gap:35px;

}

.product-card{

    background:#181818;

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    border:1px solid rgba(255,255,255,.05);

}

.product-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

    box-shadow:0 20px 45px rgba(212,175,55,.15);

}

.product-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s;

}

.product-card:hover img{

    transform:scale(1.05);

}

.product-content{

    padding:30px;

}

.product-content h3{

    font-size:26px;

    margin-bottom:15px;

}

.product-content p{

    color:#cfcfcf;

    line-height:1.8;

}

.product-content ul{

    margin:25px 0;

    padding-left:20px;

}

.product-content li{

    margin-bottom:10px;

    color:#ddd;

}

.product-content .btn-primary{

    width:100%;

    text-align:center;

}

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

.product-cta{

    background:#0A0A0A;

    padding:100px 0;

    text-align:center;

}

.product-cta h2{

    font-size:44px;

    margin-bottom:20px;

}

.product-cta p{

    color:#ddd;

    max-width:700px;

    margin:0 auto 35px;

    line-height:1.8;

}