/* ==========================================================
   HAYNA MOBILE
   Responsive Design
========================================================== */

@media (max-width:1200px){

.container{
width:95%;
}

.hero h1{
font-size:48px;
}

.hero p{
font-size:18px;
}

.search-box{
grid-template-columns:1fr 1fr;
}

.stats{
grid-template-columns:repeat(2,1fr);
}

.footer-grid{
grid-template-columns:repeat(2,1fr);
}

}


/* ===================================== */

@media (max-width:992px){

.site-header{

padding:14px 0;

}

.nav-menu{

display:none;

}

.navbar-actions{

display:none;

}

.mobile-toggle{

display:flex;

align-items:center;

justify-content:center;

}

.hero{

padding-top:140px;

padding-bottom:70px;

}

.hero h1{

font-size:40px;

}

.search-box{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

.grid-4{

grid-template-columns:repeat(2,1fr);

}

}


/* ===================================== */

@media (max-width:768px){

body{

padding-bottom:90px;

}

section{

padding:55px 0;

}

.container{

width:94%;

}

.hero{

padding-top:120px;

padding-bottom:60px;

}

.hero h1{

font-size:30px;

line-height:1.5;

}

.hero p{

font-size:16px;

}

.search-box{

padding:18px;

border-radius:20px;

}

.search-box input,

.search-box select,

.search-box button{

height:52px;

font-size:15px;

}

.stats{

grid-template-columns:1fr;

}

.stat-card{

padding:25px;

}

.category-grid{

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.category-card{

padding:20px;

}

.category-card i{

font-size:34px;

}

.category-card h4{

font-size:18px;

}

.store-grid{

grid-template-columns:1fr;

gap:18px;

}

.store-cover{

height:180px;

}

.store-logo{

width:75px;

height:75px;

top:135px;

}

.store-body{

padding:60px 18px 18px;

}

.store-name{

font-size:20px;

}

.offer-grid{

grid-template-columns:1fr;

}

.offer-card img{

height:190px;

}

.newsletter-box{

flex-direction:column;

text-align:center;

}

.newsletter form{

width:100%;

flex-direction:column;

}

.newsletter input{

width:100%;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-bottom-content{

flex-direction:column;

gap:15px;

}

.footer-links{

justify-content:center;

}

.bottom-nav{

display:flex;

}

}


/* ===================================== */

@media (max-width:480px){

.hero h1{

font-size:26px;

}

.section-title{

margin-bottom:35px;

}

.section-title h2{

font-size:26px;

}

.section-title p{

font-size:15px;

}

.navbar-logo{

font-size:24px;

}

.logo-fallback{

font-size:24px;

}

.logo-fallback i{

width:42px;

height:42px;

font-size:20px;

}

.store-actions{

flex-direction:column;

}

.btn-view{

width:100%;

}

.btn-whatsapp{

width:100%;

height:48px;

}

.footer{

padding-bottom:70px;

}

}


/* ===================================== */

@media (max-width:360px){

.hero h1{

font-size:22px;

}

.search-box{

padding:15px;

}

.category-grid{

grid-template-columns:1fr;

}

}
@media(max-width:768px){

.section-header{

flex-direction:column;

align-items:flex-start;

}

.section-header h2{

font-size:30px;

}

.categories-grid{

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.category-card{

padding:22px 15px;

}

.category-icon{

width:65px;

height:65px;

font-size:28px;

margin-bottom:15px;

}

.category-card h3{

font-size:17px;

}

}

@media(max-width:480px){

.categories-grid{

grid-template-columns:1fr 1fr;

}

}
@media (max-width:992px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media (max-width:768px){

.why-grid{

grid-template-columns:1fr;

gap:18px;

}

.why-card{

padding:25px;

}

.why-icon{

width:70px;

height:70px;

font-size:28px;

}

}
@media(max-width:992px){

.register-box{

grid-template-columns:1fr;

padding:45px 30px;

text-align:center;

}

.register-content h2{

font-size:34px;

}

.register-content p{

font-size:16px;

margin:auto auto 30px;

}

.register-buttons{

justify-content:center;

}

.register-image{

height:220px;

margin-top:20px;

}

}

@media(max-width:576px){

.register-content h2{

font-size:28px;

}

.btn-white,
.btn-outline-light{

width:100%;

justify-content:center;

display:flex;

}

}
@media(max-width:768px){

.faq-question{

padding:18px 20px;

font-size:16px;

}

.faq-answer p{

padding:0 20px 20px;

font-size:15px;

}

}
@media(max-width:992px){

.search-layout{

grid-template-columns:1fr;

}

.search-sidebar{

position:static;

}

}
@media(max-width:992px){

.search-toolbar{

flex-direction:column;

align-items:flex-start;

}

.toolbar-right{

width:100%;

justify-content:space-between;

}

.mobile-filter-btn{

display:flex;

align-items:center;

gap:8px;

}

}
@media(max-width:768px){

.results-grid{

grid-template-columns:1fr;

}

.store-buttons{

grid-template-columns:1fr repeat(3,48px);

}

.store-content h3{

font-size:20px;

}

}
@media(max-width:992px){

.store-cover{

height:280px;

}

.store-hero-card{

grid-template-columns:1fr;

text-align:center;

margin-top:-60px;

padding:25px;

}

.store-logo{

margin:auto;

width:110px;

height:110px;

}

.store-info h1{

font-size:30px;

}

.store-meta{

justify-content:center;

}

.store-actions{

justify-content:center;

}

}

@media(max-width:576px){

.store-actions{

display:grid;

grid-template-columns:1fr 1fr;

gap:12px;

}

.action-btn{

width:100%;

height:50px;

}

}
@media(max-width:992px){

.store-layout{

grid-template-columns:1fr;

}

.store-sidebar{

order:-1;

}

.card-body{

padding:22px;

}

.card-header{

padding:20px 22px;

}

}
@media(max-width:992px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

.gallery-item{

height:180px;

}

}

@media(max-width:576px){

.gallery-grid{

grid-template-columns:1fr 1fr;

gap:12px;

}

.gallery-item{

height:150px;

}

}
@media(max-width:768px){

.offers-grid{

grid-template-columns:1fr;

}

.offer-image{

height:190px;

}

.offer-content{

padding:18px;

}

.offer-content h3{

font-size:20px;

}

}
@media(max-width:768px){

#storeMap{

height:320px;

}

.map-info{

padding:22px;

flex-direction:column;

align-items:flex-start;

}

.map-buttons{

width:100%;

}

.map-buttons .btn{

width:100%;

justify-content:center;

}

}
@media(max-width:768px){

.reviews-summary{

grid-template-columns:1fr;

}

.review-head{

flex-direction:column;

align-items:flex-start;

gap:15px;

}

.average-number{

font-size:52px;

}

}
@media(max-width:768px){

.similar-section{

padding:60px 0;

}

}