body{font-family:Arial,sans-serif;margin:0}
.hero{padding:120px 20px;background:#5b3a1d;color:#fff;text-align:center}
.container{max-width:1200px;margin:auto;padding:20px 20px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.placeholder{background:#eee;border:2px dashed #bbb;display:flex;align-items:center;justify-content:center;min-height:300px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}
.cta{padding:70px;background:#8B5A2B;color:#fff;text-align:center}
.btn{display:inline-block;background:#fff;color:#8B5A2B;padding:12px 25px;text-decoration:none;border-radius:6px}
@media(max-width:768px){.grid{grid-template-columns:1fr}}
/* =========================
   BRANDS SECTION
========================= */

.brands-section{
    background:#f8f9fb;
    padding:80px 0;
}

.section-title{
    margin-bottom:50px;
}

.section-title h2{
    font-size:38px;
    font-weight:700;
    color:#1b1b1b;
    margin-bottom:10px;
}

.section-title p{
    color:#666;
    font-size:17px;
}

.brands-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:25px;
}

.brand-card{
    background:#fff;
    border-radius:12px;
    padding:25px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
    border:1px solid #eee;
}

.brand-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.brand-card img{
    width:100%;
    height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    transition:.3s;
}

.brand-card:hover img{
    filter:none;
    transform:scale(1.08);
}

/* Grid Layout */
.grid{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    margin:40px 0;
}

/* Left Content */
.content{
    flex:1;
}

.content h2{
    font-size:36px;
    margin-bottom:20px;
}

.content p{
    font-size:17px;
    line-height:1.8;
}

.content ul{
    margin-top:20px;
    padding-left:20px;
}

.content li{
    margin-bottom:12px;
}

/* Image */
.image-box{
    flex:1;
    text-align:center;
}

.image-box img{
    width:100%;
    max-width:550px;
    height:auto;
    border-radius:10px;
    display:block;
    margin:auto;
    object-fit:cover;
}

/* Tablet */
@media (max-width:992px){

    .grid{
        gap:25px;
    }

    .content h2{
        font-size:30px;
    }

    .image-box img{
        max-width:450px;
    }
}

/* Mobile */
@media (max-width:768px){

    .grid{
        flex-direction:column-reverse;
        text-align:center;
    }

    .content{
        width:100%;
    }

    .content h2{
        font-size:28px;
    }

    .content p{
        font-size:16px;
    }

    .content ul{
        text-align:left;
        display:inline-block;
    }

    .image-box{
        width:100%;
    }

    .image-box img{
        width:100%;
        max-width:100%;
        height:auto;
    }
}

/* Small Mobile */
@media (max-width:480px){

    .content h2{
        font-size:24px;
    }

    .content p,
    .content li{
        font-size:15px;
    }

    .image-box img{
        border-radius:8px;
    }
}