body{margin:0;font-family:Arial,sans-serif;color:#222}
.hero{min-height:500px;background:linear-gradient(120deg,#15803d,#f59e0b);display:flex;align-items:center;justify-content:center;color:white;text-align:center}
.hero-box{padding:40px;max-width:800px}
.hero a{background:#f59e0b;color:white;padding:14px 25px;border-radius:30px;text-decoration:none;margin:10px;display:inline-block}
.hero .light{background:white;color:#15803d}
nav{background:#111;padding:20px;text-align:center}
nav a{color:white;margin:15px;text-decoration:none}
section{text-align:center;padding:50px}
.grid,.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card,.gallery div{padding:35px;border-radius:15px;box-shadow:0 5px 15px #ccc}
.dark,footer{background:#111;color:white}
.newsletter{background:#f59e0b;color:white}
footer{text-align:center;padding:30px}

.gallery img{width:100%;height:240px;object-fit:cover;border-radius:15px;box-shadow:0 5px 15px #ccc}


/* ===== Premium Gallery ===== */
.gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    max-width:1300px;
    margin:40px auto;
    padding:0 20px;
}

.gallery img{
    width:100%;
    height:340px;
    object-fit:cover;
    display:block;
    border-radius:18px;
    border:4px solid #ffffff;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    transition:transform .35s ease, box-shadow .35s ease;
}

.gallery img:hover{
    transform:translateY(-6px) scale(1.03);
    box-shadow:0 20px 45px rgba(0,0,0,.28);
}

.gallery img:nth-child(1){
    grid-column:span 2;
    height:420px;
}

@media (max-width:900px){
    .gallery{
        grid-template-columns:repeat(2,1fr);
    }
    .gallery img:nth-child(1){
        grid-column:span 2;
        height:360px;
    }
}

@media (max-width:600px){
    .gallery{
        grid-template-columns:1fr;
    }
    .gallery img,
    .gallery img:nth-child(1){
        grid-column:auto;
        height:280px;
    }
}


.product-card{display:block;background:#fff;border-radius:18px;overflow:hidden;text-decoration:none;color:#222;box-shadow:0 10px 25px rgba(0,0,0,.15);transition:.3s}
.product-card:hover{transform:translateY(-6px)}
.product-card img{width:100%;height:260px;object-fit:cover;border-radius:0}
.product-card h3{margin:15px 15px 5px}
.product-card p{margin:0 15px 18px;color:#15803d;font-weight:bold}