@font-face {
    font-family: 'iransans';
    font-style: normal;
    font-weight: 700;
    src: url("../fontklame/IRANSansWebFaNum_Black.ttf"), format("TTF") ;}
    @font-face {
        font-family: 'iranyekan';
        font-style: normal;
        font-weight: 600;
        src: url("../fontklame/IRANSansWebFaNum_Bold.ttf"), format("TTF") ;}
        @font-face {
            font-family: 'iransans';
            font-style: normal;
            font-weight: 500;
            src: url("../fontklame/IRANSansWebFaNum_Medium.ttf"), format("TTF") ;}
            @font-face {
                font-family: 'iransans-fa';
                font-style: 400;
                src: url("../fontklame/IRANSansWeb_FaNum_Medium.ttf"), format("TTF") ;}
                @font-face {
                    font-family: 'iransans';
                    font-style: normal;
                    font-weight: 300;
                    src: url("../fontklame/IRANSansWebFaNum_Light.ttf"), format("TTF") ;}
                    *{
                      font-family: 'iransans';
                
                }
             
 /* ---------------------------------------------------header----------------------------------------- */

    body {
      font-family: 'iransans';
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        direction: rtl;
        object-fit: cover;
   
    }

    .dropdown-la{
      position: relative;
    }
    .img-language{
      width:30px;
      height:25px;
    }

    .dropdown-icon {
      font-size: 24px;
      cursor: pointer;
      background-color: transparent;
      border: none;
      outline: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .dropdown-menu {
      position: absolute;
      top: 50px;
      right: 0;
      background-color: white;
      border: 1px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: none;
      flex-direction: column;
      width: 150px;
      z-index: 9999; /* بالاترین مقدار */
    }    
    .bbvvb {
      overflow-x: clip;
      overflow-y: visible !important;
  }
  div#dropdownMenu {
    left: 0 !important;
    right: unset !important;
    width: max-content;
    min-width: 150px;
}
    .dropdown-menu.active {
      display: flex;
    }

    .dropdown-item-la {
      padding: 10px 16px;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .dropdown-item-la:hover {
      background-color: #f9f9f9;
    }

    .dropdown-item:first-child {
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;
    }

    .dropdown-item:last-child {
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }











    /* استایل اصلی برای input و container */
.dropdown-container {
    position: relative;
    width: 200px;
    margin: 20px auto;
   display: flex;
   align-items: center;
   justify-content: center;

  }
  
  #dropdown-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    background-color: #fff;
    transition: box-shadow 0.3s ease;
  }
  
  #dropdown-input:focus {
    outline: none;
    box-shadow:  hsl(0deg 83.2% 49.02%);;
  }

  .dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .dropdown-menu ul li {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  
  .dropdown-menu ul li:hover {
    background-color: #f0f0f0;
  }

  /* -------------------------------------header------------------------------------------------- */
  .dropdown-toggle {
    display: none; /* Hide the checkbox */
  }
  
  .dropdown-label {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    user-select: none;
    gap: 10px;
    width: 400px;
  }
  
  .dropdown-label i {
    color: hsl(0deg 83.2% 49.02%); /* رنگ آیکن */
    font-size: 18px;
  }
  
  .dropdown-menu-loca {
    position: absolute !important;
    top: 110%;
  right: 0 !important;
  left: 0 !important;
  margin: auto !important;
    width:400px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none; /* Hidden by default */
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
  }
  
  .dropdown-item-loca {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  
  .dropdown-item-loca:hover {
    background-color: #f0f0f0;
  }
  
  .dropdown-toggle:checked + .dropdown-label + .dropdown-menu {
    display: block; /* Show the menu when the checkbox is checked */
  }
/* ---------------------------------------star---------------------------------------------------------- */
.star-comment {
    direction: rtl; /* برای راست‌چین کردن */
  }
  
  .rate {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; /* فاصله بین ستاره‌ها */
    position: relative;
  }
  
  .rate input[type="radio"] {
    display: none; /* پنهان کردن رادیو باتن‌ها */
  }
  
  .rate label {
    font-size: 2rem;
    color: #ccc; /* رنگ پیش‌فرض ستاره‌ها */
    cursor: pointer;
    transition: color 0.3s ease;
  }
  
  .rate label:hover,
  .rate label:hover ~ label {
    color: #f5c518; /* رنگ ستاره‌ها هنگام هاور */
  }
  
  .rate input[type="radio"]:checked ~ label {
    color: #ffcc00; /* رنگ ستاره‌های انتخاب‌شده */
  }
 
  /* ----------------------------------------------------header--------------------------------------- */
  .brand{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-right:50px !important; 
   
  }
  .header{
        /* display: flex; */
        align-items: center;
        flex-direction: row;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  
  }
  .brand h1{
    color:hsl(0deg 83.2% 49.02%);;
    margin: 0;
    font-weight: 800;

  }
  .user {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;

  }
  .menu-icon{
        display: flex;
        justify-content: center;
        font-size: 18px;
  }
  .user i{
    background-color: hsl(0deg 83.2% 49.02%);
    padding:10px;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;

}

/* --------------------------baner------------------------------------------- */
.text-slider {
   
    font-size: 18px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); 
    color: hsl(0deg 0% 100%);
  display: flex;
  flex-direction: row;
  bottom: 0;
background-color:  hsl(0deg 83.2% 49.02%);
padding:px;
width: 100%;
display: flex;
justify-content: space-around

}
.text-slider p{
    font-size: 25px;
    margin: 0;
}
.text-slider h3{
    font-size: 40px;
    font-weight: 300;
}
.text-slider h4{
    font-size: 30px;
    font-weight: 300;
}
.seemore{
    border: 0;
    font-weight: 200;
    padding: 5px 20px 5px 20px;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
}
.slider-asli .owl-stage-outer{
    height: 400px !important;
}
@media(max-width:768px){
   .slider-asli .owl-stage-outer{
    height:194px !important;
} 
}
.slider-asli .owl-nav{
    display: none;
}
.slider-asli .owl-dots{
    display: none;
}
.owl-theme .owl-dots .owl-dot.active span{
    width:15px !important;
    height: 15px !important;
}
.slidermain {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  .owl-carousel .item {
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    height: 400px;
    background: #f4f4f4;
    overflow: hidden;
    flex-direction: column;
  }

  .owl-carousel .item img {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
  }
  @media(max-width:768px){
      .owl-carousel .item{
          height:194px;
      }
  }

  /* -------------------------------------------Slogan--------------------------------------- */
  .Slogan H5{
    font-size:100PX;
    text-align: center;
    color: #000;
    margin: 0;
  }
  .normal{
    color:#75874d;
  }
  .medume{
    color:#efd21b ;
  }
  .hot{
    color: #eb911c;
  }
  .x-hot{
    color: #ee5805;
  }
  .chickensun{
    color: #eb0b26;
  }
  .Slogan-item p{
    font-weight: 500;
    font-size: 30px;
    margin: 0;
  }
  .Slogan-item{

      display: flex;
      justify-content: center;
      gap: 20px;

  }


  /* -----------------------------------------offer----------------------------------------------- */
  .offer{
        display: flex;
        justify-content: center;
        justify-content: space-around;

  }
  .offer img{
    width: 300px;
    height: 300px;
    border-radius: 100px;
  }
  .offer-item{
      display: flex
;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    margin-bottom: 59px;

  }
  /*.offer-item p{*/
  /*  font-size: 20px;*/
  /*  font-weight: 500;*/
  /*}*/
  .title-offres {
        display: flex;
        justify-content: center;
  }
   .title-offres p{
       margin:0;
   }
  .title-offres h5{
    font-size: 35px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
  }
  .title-offres h5:after{
    content:"";
    position: absolute;
    width: 80px;
    height:5px;
    background-color:hsl(0deg 83.2% 49.02%);;
    right: 0;
    left: 0;
    margin: auto;
    bottom:40px;
    border-radius: 10px;
  }
  .offer {
    display: flex;
    overflow-x: auto;
    gap: 10px;  
    padding: 10px;
  }
  
  .offer::-webkit-scrollbar {
    height: 5px;
  }
  
  .offer::-webkit-scrollbar-thumb {
    background: #888; /* رنگ اسکرول */
    border-radius: 10px; /* گوشه‌های اسکرول */
  }
  
  .offer::-webkit-scrollbar-thumb:hover {
    background: #555; /* رنگ هنگام هاور */
  }
  
/* ------------------------------------------search------------------------------------------------ */
.search-container {
  width: 100%;
  max-width: 400px;
  position: relative;
}

.search-input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  border: 2px solid #ddd;
  border-radius: 8px;
  outline: none;
}

.search-input:focus {
  border-color: hsl(0deg 83.2% 49.02%);
}

.results {
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  display: none;
  height: 60vh;
    position: absolute;
    z-index: 5;
    width: 100%;
}

.result-item {
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}

.result-item:last-child {
  border-bottom: none;
}

.result-item:hover {
  background-color: #f9f9f9;
}
  
  /* -------------------------------------------button-menu------------------------------------------------ */
  .item-button-menu a{
    border: 0;
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    font-size:18px;
    font-weight: 600;
    }
    .menu-button{
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex
        ;
            justify-content: space-between;
    }
    .item-button-menu{
        background-color: hsl(0deg 83.2% 49.02%);
        border: 0;
      margin-right:10px;
      border-radius: 15px;
      width:120px;
      transition: 0.3s;
      padding:5px;
    }
    .item-button-menu:hover{
        transform: scale(1.1);
        transition: 0.3s;
    }
    button.item-button-menu:has(.active) {
        transform: scale(1.2);
        transition: 0.3s;
    }
    .box-header-button{
        height:48px;
        justify-content:start;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .buttons-box{
        position: static;
        top: 10px;
        right: 0;
        display: flex;
        gap: 10px;
        justify-content: start;
    }
    .box-header-button.row.scrolled{
        position: fixed !important;
        top:0px !important;
        right: 0 !important;
        width: 100% !important;
        background-color: rgb(27, 27, 27);
        z-index: 9999;
        padding-top: 20px;
        padding-bottom: 20px;
        min-height: 72px;
    }
    .icon-bu-box{
            display: flex;
            align-items: center;
            justify-content: flex-end;
    }
   
    /* ---------------------------------------------menu-item----------------------------------- */

    .popup {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1000;
      max-width: 90%;
      max-height: 90%;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .popup img {
      width: 100%;
      height: auto;
      border-radius: 8px;
    }

    /* پس‌زمینه شفاف */
    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 999;
    }
    .items-menu{
        padding:0 !important;
    }

    .shop {
      position: sticky;
      top: 30px;
      padding-bottom: 78px;
  }
    .items-menu a{
        text-decoration: none;
        color: #ffffff;
        font-weight: 300;
        display: flex;
        flex-direction:row;
    
    }
    .dec-food{
      display: flex;
    }
    .items-box-mu{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 100px;

    }
   .box-items{
      display: flex;
    }
    .sandewich{
        display: flex
        ;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
    }
    .title-box-items {
        color: #000000;
        margin-bottom: 50px;
    }
    .photo-items-menu{
        width: 345px;
        height:264px;
        border-radius: 35px;
        object-fit: scale-down;
    }
    .oprder-items-menu{
        display: flex
        ;
            flex-direction: column;
            align-items:center;
            gap: 19px;
            
    }
    .add{
        width:335px;
        padding:5px 135px 5px 5px ;
        background-color:hsl(0deg 83.2% 49.02%);;
        border-radius:20px;
        font-size: 20px;
        font-weight: 300;
    }
    .icon-add{
        font-size: 15px;
        font-weight: 300;
        transform: translate(-10px,8px);
    }
    .title-box-item{
        display: flex;
        flex-direction: column;
    }
    .name-items{
        font-size: 30px;
        font-weight: 500;
        margin: 0;
        margin-left: 30px;
    }
    .dec-items {
      font-size: 17px;
      font-weight: 300;
      margin-bottom: 30px;
    }
    .pric-items-mu{
        color: hsl(0deg 83.2% 49.02%);;
        margin-top:-10px;
        font-size: 20px;
     font-family: 'iransans';
    }
    
    .select-option {
      display: flex
  ;
      flex-direction: row;
      justify-content: flex-start;
      padding-top: 30px;
      gap: 85px;
      padding-bottom:30px;
    }
    .select-op{
      width: 100%;
      padding-right:50px;
    }
    .title-option{
        font-weight: 300;
        font-size: 20px;
        position: relative;
    }
    .title-option::after{
        content:"";
        position: absolute;
        width: 80px;
        height:5px;
        background-color: hsl(0deg 83.2% 49.02%);
        right:0;
        margin: auto;
        bottom:-10px;
        border-radius: 10px;
      }
      .label-op{
        font-size: 15px;
        font-weight: 300px !important;
      }
  
     
    /* ------------------------------------------footer------------------------------- */
    .footer{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    .footer-se-1{
            display: flex;
            flex-direction:row;
            align-items: center;
            justify-content: center;
            gap: 20px;

    }
    .members-footer {
      color: #f4f4f4;
      border: 1px solid #fff;
      border-radius: 100px;
      width: 50px;
      height: 50px;
      display: flex
  ;
      justify-content: center;
      align-content: center;
      align-items: center;
  }
    .footer-se-2{
      display: flex;
      flex-direction:column;
      align-items: center;
      justify-content: center;
    }
    .sloganfooter{
      font-size:20px;
      color: #fff;
    }
    .namelogo{
      font-size: 50px;
      font-weight: 600;
      color: #fff;
   
    }
    .namelogo img{
          width:300px;
      height:100px; 
    }
    
    .se-footer a{
        text-decoration: none;
        color: #fff;
        font-weight: 300;
        font-size: 18px;    }
        .members-footer{
          color: #f4f4f4;
          border: 1px solid #fff;
          border-radius: 100px;
          width: 50px;
          height: 50px;
        }
        .member-2,.member-1 {
          display: flex
          ;
              flex-direction: column;
              align-items: center;
              color: #f0f0f0;
        }
        .footer-se-3 {
display: flex
;
    justify-content: center;
    align-items: center;
    gap: 20px;

        }
        .footer-se-3 a{
            border:1px solid #fff;
            border-radius:50px;
            padding:5px;
            width:50px;
            height:50px;
                display: flex
;
    align-content: center;
    justify-content: center;
        }
        
        .footer-se-3  p img{
         width: 30px;
         height: 30px;
          
                  }
                    .sales-text{
                         margin: 0;
                             text-align: center;
                               height: 80px;
                                 padding-top: 15px;
                    }
                  .sales-text a{
                    color: #fff;
                    font-size: 30px;
                    text-decoration:none;
                  }
                  .img-sales {
                    position: absolute;
                    left: 193px;
                    bottom:-5px;
                    width: 140px;
                }
      

                /* ---------------------------------box-user------------------------------------------ */
                .box-user-popup{
                  width: 400px;
                  border: 1px solid hsl(0deg 83.2% 49.02%);;
                  border-radius: 15px;
                  padding: 20px; 
                }
                .follow-up{
                  display: flex;
                  flex-direction: row;
                  align-items: center;
                  justify-content: center;
                  gap: 20px;
                
                }
                .order{
                  background-color: hsl(0deg 83.2% 49.02%);
                  border-radius: 50px;
                  color: #fff;
                  border: 1px solid hsl(0deg 83.2% 49.02%);
                  font-size: 15px;
                  padding: 5px 10px 5px 10px;
                  width: 200px;
                }
                .follow-up a{
                  text-decoration: none;
                  color: #fff;
                  font-size:13px !important;
                  
                }
                .nameuser{
                  font-size: 13px;
                }
                .title-name-pro{
                  font-weight: 600;
                  font-size:18px;
                }
           .name-brand-po{
            display: flex
            ;
                justify-content: space-between;
           }
           #userPopup {
            position: fixed;
            top:14%; /* فاصله از بالای صفحه */
            left:30%;
            transform: translate(-50%, 0); /* هم‌مرکز شدن افقی */
            z-index: 1000; /* اولویت نمایش */
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            width: 90%; /* عرض تطبیق‌پذیر */
            max-width:440px; /* حداکثر عرض */
            display: none; /* پنهان به‌صورت پیش‌فرض */
          }
          .close-popup {
            position: absolute;
            top: -5px; /* فاصله از بالا */
            left: 10px; /* فاصله از راست */
            font-size: 24px;
            color: #333;
            cursor: pointer;
            font-weight: bold;
            transition: color 0.3s ease; 
          }
          
          .close-popup:hover {
            color:hsl(0deg 83.2% 49.02%);
          }
          .mob-card-shop{
            display: none;
          }
       
          /* -------------------------buttom-shop-card------------------------------------- */
          .buttom-shop-card{
            background-color: #000000;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            position: fixed;
    bottom: 0;
    width: 100%;
          }
          .buttom-shop-card{
       display: flex
;
    align-items: center;
    justify-content: space-between;
          }
          .buttom-shop-card p{
            color: #fff;
            font-size: 15px;
          }
          .img-shopping-card{
            width:35px;
            height:35px;
          }
                .select-option  .option {
    display: flex;
    flex-direction: column;
     width: max-content;
    align-items: center;
}
.span-suace-spicy-price{
    color:#e51515 !important;
}
                /* ------------------------------------------media---------------------------------- */

    @media(max-width:768px){
        .select-option{
            flex-wrap:wrap !important;
            margin-bottom:0 !important;
        }
                        .select-option  .option {
   gap:6px;
}
        .footer{
            margin-bottom:40px;
        }
        .span-suace-spicy-price {
    text-align: center;
}
.label-op{
        font-size: 11px;
}
.span-suace-spicy-price {
        color: #e51515 !important;
    padding-top: 3px !important;
}
      .select-option  .option {
    display: flex;
    flex-direction: column;
    width:17%;
    align-items: center;
}
.dropdown-label{
 width:165px;
        font-size: 8px;
} 

.title-items{
    margin-top:10px;
}
        ul.nav.nav-pills {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
ul.nav.nav-pills .nav-link {
    margin-right: 0px;
    background: #e51515;
    color: white;
    padding: 0;
}
                    .menu-button{
                        overflow:auto;
                    }
                  #userPopup{
                    inset: 0 !important;
                    height: max-content !important;
                    width: max-content !important;
                    transform: none !important;
                    margin: auto;
                    position: fixed !important;
                  }
                  .mob-card-shop{
                    display:inline;
                  }
/*.offer-item p{*/
/*        font-size: 18px;*/
/*}*/
                  .footer {
    flex-direction: column;
                }
                .dec-sandewich {
                  font-size:18px;
                  margin-bottom:10px;
              }
              .add{
                width: 100px;
                padding: 4px 68px 5px 5px;
              }
              .photo-items-menu {
                width:200px;
                height:200px;
                border-radius: 15px;
                padding:0 !important;
            }
            .title-sandewich{
              margin-bottom:8px;
          }
        
          .pric-items-mu{
        font-size: 17px;
          }
          .item-button-menu {
            padding: 8px !important;
            margin: 0;
        
          }
          .buttons-box{
            padding: 0;
          }
          .title-offres h5{
            padding-top: 20px;
            padding-bottom: 20px;;
          }
          .title-offres h5:after{
        bottom:9px;
          }
          .offer img {
                  width: 150px;
        height: 141px;
        border-radius:20px;
          }
          .normal,.medume, .hot,  .x-hot,  .chickensun{
            font-size: 13px !important;
                }
                .off-pri{
                    font-size:13px;
                }
                .Slogan H5{
                  font-size:50px; 
                }
                .dropdown-container {
                  margin:0px !important;
              
                }
                .header{
                  justify-content: space-evenly;
                } 
                .menu-icon {
                  padding-left: 10px;
                }
                .slidermain .owl-stage-outer{
                  height: 200 !important;
                }
                .text-slider p{
                  font-size: 12px;
                  /*width:35%;*/
                } 
                .text-slider{
                    gap:10px;
                    padding:5px;
                }
                .text-sauce{
                       font-size:13px;
                }
             
                .brand{
                  padding-right:24px !important;
        }
        .rate label {
          font-size:1.5rem !important;
    
        }
        .brand h1{
    font-size:20px !important;
      
        }
         
      .signup-icon{
          display: none !important;
        }
        .user i{
            font-size:8px;
        }
        .select-option{
                  margin-top: -16px;
        gap: 10px;
        max-width: 100% !important;
        }
        .items-box-mu{
          margin-bottom: 30px;
          flex-direction: column-reverse;
          padding:0 !important;
        }
        .select-op{
      padding-right:0px !important;
    }
       
        .sales-text{
          text-align: start;
          font-size:20px;
          font-weight: bold;
          padding-top:10px;
          padding-right: 10px;
          width: 230px;
        }
        
        
        .img-sales {
          position: absolute;
          left: 10px;
          bottom: -5px;
          width: 80px;
      }
      .footer-se-2{
        order:1;
        padding-top: 30px;
      }
      .footer-se-1 {
        order: 2;
      }
      .footer-se-3 {
        order:3
      }
      .footer-se-3 a{
        border:none;
      }
      .shop {
        display: none;
      }
      .items-menu a{
        width:200px;
      }
      .search{
        display: none;
      }
      .box-header-button{
        width: 428px !important;
        padding: 0;
      }
      .nav-link{
        width:73px;
      }
         .Slogan H5 {
        font-size: 44px;
        margin-top: 20px;
    }
.buttons-box {
gap:7px
}
.box-user-popup{
    width: 367px;
}
#userPopup{
max-width: 409px;
}
.rate{
    gap:0 !important;
}
.footer-se-1{
    display:none;
}
.footer-se-3 {
        display: flex
;
    justify-content: center;
    align-items: center;
}
.namelogo{
    margin-bottom:0;
}
 .footer-se-3 a{
     
      }}
                @media(max-width:768px){
                     .sales-text a{
                    font-size:15px;
                  }
                     .sales-text{
 
          padding-top:10px;
          padding-right: 10px;
        width: max-content;
            height:58px;
              padding-top: 15px;
        }}
        .time p{
        font-size: 21px !important;
}
.time-branch{
    display: flex
;
    align-items: center;
    gap: 20px
}

.offer-off{
    position: absolute;
    background-color: red;
    padding: 29px;
    border-radius: 200px 0 20px 0px;
    color: #ffff;
    left: 3px;
    top: 3px;
}

        .cart-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            background: white;
            padding: 10px;
            border-radius: 8px;
            width: fit-content;
            margin: 0px auto;
            flex-wrap: wrap;
        }
        .quantity-btn {
            width: 35px;
            height: 35px;
            border: none;
            background: #efd21b;
            color: white;
            font-size: 20px;
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s;
        }
        .quantity-btn:hover {
            background: #e64a19;
        }
        .quantity-input {
            width: 50px;
            text-align: center;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 5px;
        }
        .add-to-cart {
            background:#e51515;
            color: white;
            border: none;
            padding: 8px 20px;
            font-size: 16px;
            border-radius: 100px;
            cursor: pointer;
            transition: 0.3s;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        .add-to-cart:hover {
            background: #218838;
        }

        /* استایل ریسپانسیو */
        @media (max-width: 768px) {
            .cart-container {
                gap: 15px;
                padding: 5px;
            }
            .quantity-btn {
                width: 40px;
                height: 40px;
                font-size: 22px;
            }
            .add-to-cart {
                width:100%;
                justify-content: center;
            }
            .offer-off{
                  padding: 12px;
    border-radius: 38px 0 20px 0px;
          left: 25px;
        top: -4px;
            }
            .time-branch{
    gap:6px
}
  .namelogo img{
          width:130px;
      height:80px !important; 
      object-fit:scale-down;
      object-fit:contain;
    }
        }