/* لپ‌تاپ */
@media (max-width:1200px){

.hero{

background-image:url("../assets/imags/arvt.png");

background-size:cover;

background-position:center center;

}

}

/* تبلت */
@media (max-width:992px){

.hero{

  background:
    linear-gradient(
        rgba(0, 0, 0, 0.353),
        rgba(0, 0, 0, 0.353)
    ),
    url("../assets/imags/assedd.png");

background-size:cover;

background-position:center center;

min-height:90vh;

}

}

/* موبایل */
@media (max-width:768px){

.hero{

   background:
    linear-gradient(
        rgba(0, 0, 0, 0.443),
        rgba(0, 0, 0, 0.443)
    ),
    url("../assets/imags/assedd.png");
background-size:cover;

background-position:center center;

min-height:100vh;

}

}

/* موبایل کوچک */
@media (max-width:480px){

.hero{

  background:
    linear-gradient(
        rgba(0, 0, 0, 0.443),
        rgba(0, 0, 0, 0.446)
    ),
    url("../assets/imags/assedd.png");

background-size:cover;

background-position:center center;

}

}
.menu-btn{
    display:none;
    font-size:30px;
    color:#fff;
    cursor:pointer;
}

@media(max-width:992px){

.menu-btn{
    display:block;
}

nav{

    position:fixed;

    top:0;

    right:-100%;

    width:280px;

    height:100vh;

    background:rgba(20,20,20,.85);

    backdrop-filter:blur(20px);

    transition:.4s;

    display:flex;

    justify-content:center;

    align-items:center;

}

nav.active{

    right:0;

}

nav ul{

    display:flex;

    flex-direction:column;

    gap:35px;

}

}

@media(max-width:992px){

.about-container{

flex-direction:column-reverse;

}

.about{

text-align:center;

}

.about-cards{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.about h2{

font-size:34px;

}

.about-cards{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.menu-card{

flex-direction:column-reverse;

text-align:center;

padding:40px;

}

.menu-text h2{

font-size:40px;

}

}

@media(max-width:768px){

.menu-text h2{

font-size:32px;

}

.menu-bts{

width:180px;

height:55px;

}

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

.foods-grid{

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

}

}

@media(max-width:768px){

.foods-grid{

grid-template-columns:1fr;

}

.section-header h2{

font-size:36px;

}

.food-card img{

height:220px;

}

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


.club-section{

padding:80px 5%;

}


.club-card{

padding:45px 25px;

border-radius:30px;

}


.club-content h2{

font-size:34px;

}


.club-content p{

font-size:16px;

}


.club-feature{

width:100%;

}


.club-btn{

width:100%;

padding:0;

}

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

.call-order-card{

padding:45px 25px;

}

.call-order-card h2{

font-size:35px;

}

.call-order-btn{

width:100%;

}

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

.phone-order{

padding:90px 5%;

}

.phone-order-card{

padding:45px 25px;

border-radius:30px;

}

.phone-icon{

width:75px;

height:75px;

font-size:30px;

}

.phone-order-card h2{

font-size:34px;

}

.phone-order-card p{

font-size:16px;

line-height:2;

}

.phone-btn{

width:100%;

height:58px;

}

}

@media(max-width:992px){

.phone-order-container{

flex-direction:column;

text-align:center;

gap:50px;

}

.phone-order-content h2{

font-size:40px;

}

}

@media(max-width:768px){

.phone-order{

padding:90px 5%;

}

.phone-order-container{

padding:35px 25px;

border-radius:30px;

}

.phone-order-image img{

max-width:240px;

}

.phone-order-content h2{

font-size:32px;

}

.phone-order-content p{

font-size:16px;

}

.phone-order-btn{

width:100%;

}

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

.phone-order{

padding:80px 15px;

}

.phone-order-container{

padding:35px 20px;

border-radius:25px;

}

}