/* ==========================================
   PRODUCTS SECTION
========================================== */
.products{
    background:var(--bg-light);
}
.product-image{
    height:220px;
    overflow:hidden;
}
.product-image img{
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}
.product-card:hover .product-image img{
    transform:scale(1.08);
}
.product-content h3{
    font-size:19px;
    margin-bottom:8px;
}
.product-content p{
    font-size:14px;
    margin-bottom:14px;
}
.product-link{
    color:var(--primary);
    font-weight:600;
    font-size:14px;
    transition:.3s;
}
.product-link:hover{
    color:var(--secondary);
}
.products-cta{
    text-align:center;
    margin-top:50px;
}

/* Products page grid spacing */
.products-page{
    padding-top:60px;
}

/* ==========================================
   PRODUCT DETAIL
========================================== */
.product-detail{
    padding-top:80px;
}
.product-detail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}
.product-detail-image{
    border-radius:var(--radius-xl);
    overflow:hidden;
    box-shadow:var(--shadow-lg);
}
.product-detail-content h1{
    margin:16px 0;
}
.product-detail-desc{
    margin-bottom:24px;
}
.product-detail-features{
    margin-bottom:30px;
}
.product-detail-features li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 0;
    color:var(--text-dark);
}
.product-detail-features .check{
    color:var(--secondary);
}

/* ==========================================
   CTA BANNER
========================================== */
.cta-banner{
    background:var(--gradient-primary);
    text-align:center;
}
.cta-banner-inner h2{
    color:white;
    margin-bottom:12px;
}
.cta-banner-inner p{
    color:rgba(255,255,255,.85);
    margin-bottom:26px;
}
.cta-banner .btn-primary{
    background:white;
    color:var(--primary);
}