@media (max-width:768px){

.products-grid{

    grid-template-columns:1fr;

}
.features-grid{
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.featured{
    padding:40px 0;
}

.featured-header{
    margin-bottom:20px;
}

.featured-header h2{
    font-size:1rem;
    line-height:0.8;
}
.feature-card h3 {
    font-size: 0.79rem;
}

.feature-card p {
    font-size: 0.6rem;
}

.feature-card{
    padding:16px 12px;
    min-height:170px;
    height:auto;
}


.featured-header p{
    max-width:290px;
    margin:12px auto 0;
    font-size:0.8rem;
}
.feature-icon{
    width:34px;
    height:34px;

    font-size:16px;

    margin:0 auto 10px;

    border-radius:50%;

    background:#fff1f5;

    display:flex;
    align-items:center;
    justify-content:center;
}

.features-grid{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:15px;
}
/* .cake-card{
    border-radius:20px;
    overflow:hidden;
    width: 10px;
} */

.cake-card{
    max-width:320px;
    margin:0 auto;
    border-radius:18px;
    overflow:hidden;
}
.cake-card img{
    width:100%;
    height:170px;
    object-fit:cover;
}

.cake-content{
    padding:16px;
}

.cake-content h3{
    font-size:1.15rem;
    margin-bottom:8px;
}

.cake-content p{
    font-size:.85rem;
    line-height:1.5;
    margin-bottom:14px;
}

.price{
    font-size:1.05rem;
    font-weight:700;
}
.cake-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.order-btn{
    padding:10px 18px;
    font-size:.9rem;
}
/* .mobile-menu-btn{
    display:none !important;
} */
/* ==========================
   Testimonials
========================== */

.testimonials{
    padding:60px 0;
}

.testimonial-header h2{
    font-size:2.1rem;
    line-height:1.15;
}

.testimonial-header p{
    max-width:300px;
    margin:auto;
    font-size:1rem;
}

.testimonial-grid{
    grid-template-columns:1fr;
    gap:20px;
}

.testimonial-card{
    padding:20px;
    width: 300px;
}

.testimonial-card p{
    font-size:.95rem;
    line-height:1.7;
}

.customer-name{
    font-size:1rem;
}
.review {
    color: rgb(102, 102, 102);
    line-height: 1.8;
    margin-bottom: 11px;
    font-size: 1rem;
}
/* ==========================
   How It Works
========================== */

.how-it-works{
    padding:60px 0;
}

.process-header h2{
    font-size:2rem;
}

.process-header p{
    font-size:1rem;
}

.process-grid{
    grid-template-columns:1fr;
    gap:16px;
}

.process-card{
    padding:20px 16px;
}

.process-card h3{
    margin-top:12px;
    font-size:1.1rem;
}
.section-header{
    margin-bottom:30px;
}

.process-card p{
    font-size:.9rem;
}}