/* ===============================
   MODEL P
=============================== */

.overview{
    width:min(1200px,90%);
    margin:auto;
    padding:100px 0;
}

.overview-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:40px;
    align-items:center;
}

.overview-content h2{
    margin:15px 0;
}

.overview-content p{
    line-height:1.8;
}

.overview-image img{
    width:100%;
    display:block;
    border-radius:15px;
}

/* ===============================
   PRODUCT SHOWCASE
=============================== */

.product-showcase{
    width:min(1200px,90%);
    margin:0 auto 80px;
}

.product-showcase img{
    width:100%;
    display:block;
    border-radius:20px;
}

/* ===============================
   SPECIFICATIONS
=============================== */

.specifications{
    width:min(1200px,90%);
    margin:auto;
    padding:80px 0;
}

.specifications h2{
    margin:15px 0 35px;
}

.spec-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

.spec-card{
    background:#111;
    padding:25px;
    border-radius:15px;
}

.spec-card h3{
    margin-bottom:12px;
}

/* ===============================
   GALLERY
=============================== */

.gallery{
    width:min(1200px,90%);
    margin:auto;
    padding:80px 0;
}

.gallery h2{
    margin:15px 0 35px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;
}

.gallery-item{
    background:#111;
    border-radius:15px;
    overflow:hidden;
}

.gallery-item img{
    width:100%;
    display:block;
}

.gallery-item h3{
    padding:20px;
}

/* ===============================
   COMMON
=============================== */

.section-tag{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #444;
    border-radius:30px;
    font-size:.85rem;
    letter-spacing:1px;
}

.container{
    width:100%;
}

/* ===============================
   RESPONSIVE
=============================== */

@media(max-width:768px){

.overview{
    padding:70px 0;
}

.overview-grid{
    grid-template-columns:1fr;
}

.spec-grid{
    grid-template-columns:1fr;
}

.gallery-grid{
    grid-template-columns:1fr;
}

.product-showcase{
    margin-bottom:60px;
}

}