@media (max-width:768px){
.categories{
    padding:60px 0;
}

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

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

.category-card{
    padding:8px;
    margin: 0;

}

 
.category-card img{
    height:120px;
}

.category-card h3{
    font-size:1.3rem;
}
.category-card p{
    line-height: 1.3;
}
.category-icon {
    width: 77px;
    height: 57px;
    margin: auto;
    border-radius: 69%;
    background: var(--blush);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 20px;
}
/* .category-icon h3{
    font-size: 1rem;
} */
/* ==========================
   FAQ
========================== */

.faq{
    padding:60px 0;
}

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

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

.faq-item{
    padding:18px;
}

.faq-question{
    font-size:1rem;
}

.faq-answer{
    font-size:.9rem;
    line-height:1.7;
}
.section-heading h2{
    font-size: 1.6rem;
    color: var(--dark);
    margin-bottom: 20px;
    line-height: 1.2;
}
.section-heading p{
    color: var(--gray);
    font-size: 0.9rem;
    line-height: 1.8;

}
section{
    padding:50px 0;
}

/* .section-title{
    font-size:2rem;
    line-height:1.2;
} */

.section-subtitle{
    font-size:1rem;
    max-width:340px;
    margin:auto;
}
.section-tag h2{
    font-size: 1.7rem;
}
.section-title h2{
    font-size: 1.4rem;


}
.section-title p{
    font-size: 1rem;
}

.section-badge{
    font-size:.75rem;
    padding:8px 16px;
}
.product-card{
    border-radius:20px;
}

.product-card img{
    height:220px;
    object-fit:cover;
}

.product-info{
    padding:18px;
}

.product-info h3{
    font-size:1.15rem;
}

.product-price{
    font-size:1.25rem;
}
.section-tag{
    font-size: 1.6rem;
}
.section-title h1{
    font-size: 1.5rem;
}
.step-icon {
    width: 20px;
    height: 10px;
    margin: auto;
    border-radius: 50%;
    background: var(--blush);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 42px;
    margin-bottom: 25px;
}
.step-card p{
    line-height: 1;
    font-size: 0.6rem;
}
.step-card h3{
    font-size: 0.7rem;
}
.step-card {
    width: 155px;
    height: 155px;
    

}
.steps{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:35px;
}
@media (max-width:768px){

.catalog-hero{

    padding:120px 0 60px;

}

.catalog-hero-content h1{

    font-size:2.2rem;

}

.catalog-hero-content p{

    font-size:.95rem;

    max-width:320px;

    margin:auto;

}

.breadcrumb{

    font-size:.85rem;

}

}
/*=========================================
      Catalog Controls Mobile
=========================================*/

@media (max-width:768px){

.catalog-controls{

    padding:50px 0;

}

.search-box input{

    font-size:15px;

    padding:16px 20px 16px 50px;

}

.category-filters{

    justify-content:flex-start;

    overflow-x:auto;

    flex-wrap:nowrap;

    padding-bottom:10px;

    scrollbar-width:none;

}

.category-filters::-webkit-scrollbar{

    display:none;

}

.filter-btn{

    white-space:nowrap;

    padding:12px 18px;

    font-size:.9rem;

}

.catalog-toolbar{

    flex-direction:column;

    align-items:flex-start;

}

.sort-box{

    width:100%;

}

.sort-box select{

    width:100%;

}

}


.products-grid{

    grid-template-columns:1fr;

    gap:22px;

}

.product-card{

    max-width:340px;

    margin:auto;

}

.product-card img{

    height:220px;

}

.product-content{

    padding:18px;

}

.product-content h3{

    font-size:1.2rem;

}

.product-content p{

    font-size:.9rem;

}

.product-footer h4{

    font-size:1.15rem;

}

}