:root {
    --jw-blue: #0b4fa3;
    --jw-orange: #f47b20;
    --dark: #111;
    --gray: #666;
    --light: #f7f9fc;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',sans-serif;color:var(--dark);background:#fff;line-height:1.6;}
a{text-decoration:none;color:inherit;}

/* HERO */
.product-hero {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),
                url("images/products-hero.jpg") center/cover no-repeat;
    color:#fff;text-align:center;padding:100px 5%;
}
.product-hero h1{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;}
.product-hero p{margin-top:15px;font-size:1.1rem;max-width:800px;margin-left:auto;margin-right:auto;}

/* SECTION */
.section{padding:80px 5%;}
.section.light{background:var(--light);}
.section-header{text-align:center;margin-bottom:50px;}
.section-header h2{font-size:2.4rem;margin-bottom:6px;}
.section-header span{color:var(--jw-orange);font-weight:600;}

/* PRODUCTS GRID */
.product-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}
.product-card {
    background:#fff;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.1);
    overflow:hidden;transition:transform .3s ease;
}
.product-card:hover{transform:translateY(-6px);}
.product-card img{width:100%;height:220px;object-fit:cover;}
.product-card .info{padding:15px;}
.product-card h3{font-size:1.3rem;margin-bottom:8px;}
.product-card p{color:var(--gray);font-size:0.95rem;}
.product-card .btn {
    display:inline-block;background:var(--jw-orange);color:#fff;
    padding:8px 18px;border-radius:4px;font-weight:600;margin-top:10px;
}

/* SPLIT SECTIONS */
.split {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.split img{width:100%;border-radius:10px;box-shadow:0 18px 36px rgba(0,0,0,.12);}
.split h3{font-size:2rem;margin-bottom:12px;}
.split p{color:var(--gray);margin-bottom:12px;}
.split ul{padding-left:18px;}
.split li{margin-bottom:8px;}

/* CTA */
.cta {
    color:#0b2260;text-align:center;padding:70px 5%;
}
.cta a {
    background:var(--jw-orange);color:#fff;padding:12px 32px;
    border-radius:5px;font-size:1.1rem;font-weight:600;
}

/* RESPONSIVE */
@media(max-width:900px){.split{grid-template-columns:1fr;}}

.product-card .image-row {
    display: flex;
    flex-direction: row;     /* FORCE side-by-side */
    gap: 10px;               /* space between images */
}

.product-card .image-row img {
    width: 50%;              /* each image takes half */
    height: auto;
    object-fit: cover;
    display: block;
}