@media (min-width: 768px) {
/* Основной контейнер меню — столбец */
#menu_store nav#nav_store ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; /* вертикально */
    width: 330px; /* ширина меню */
   background-color: #ECEDEF;
 
 
}

/* Основные пункты меню */
#menu_store nav#nav_store ul.navigation > li {
    position: relative; /* для абсолютного позиционирования подменю */
    text-align: left;;
    padding: 10px 20px;
    cursor: pointer;
    color: #eee;
}

#menu_store nav#nav_store ul.navigation > li:hover{
background-color: #ffffff;
}

#menu_store nav#nav_store ul.navigation li.dropdown {
    position: relative; /* чтобы абсолютное позиционирование подменю было от него */
}

/* Ссылки в основном меню */
#menu_store nav#nav_store ul.navigation > li > a,
#menu_store nav#nav_store ul.navigation > li > span {
    color: #000;
    text-decoration: none;
    display: block;
   width: 100%; 
}


.dropdown-toggle::after {
  content: " ▼"; /* Стрелка вниз */
  font-size: 14px;
  color: #000;
  margin-left: 5px;
}
.dropdown-toggle {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: transparent;
  border: none;
  padding: 0;
}



/* Подменю (вложенный ul внутри .dropdown) скрыты по умолчанию */
#menu_store nav#nav_store ul.navigation li.dropdown > ul {
 column-count: 2; 
    column-gap: 0px;   
    column-rule: 10px solid  #fff;
    display: none; 
    position: fixed;
    top: 0px !important; 
    left:330px;   
 
    height:96%;
    background-color: #fff;
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 50px 0;
 
    overflow: hidden;

    box-sizing: border-box;
    padding: 20px;
 
    height: 100%; /* если нужно */
}

 

/* Пункты подменю */
#menu_store nav#nav_store ul.navigation li.dropdown > ul > li {
    padding: 3px 10px;
 
}

/* Ссылки подменю */
#menu_store nav#nav_store ul.navigation li.dropdown > ul > li > a {
 
    color: #000;
    text-decoration: none;
    display: block;
}
#menu_store nav#nav_store ul.navigation li.dropdown > ul > li > a:hover{
    color:#f10202
}


/* Показывать подменю при наведении на родительский элемент li */
#menu_store nav#nav_store ul.navigation li.dropdown:hover > ul,
#menu_store nav#nav_store ul.navigation li.dropdown.open > ul {
    display: block;
}

 


#menu_store {
  overflow: hidden;
 
    overflow: hidden; 
  position: fixed;
  top: 90px;  /* или другая высота */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1120px;

  background-color:#ECEDEF;
  overflow-y: auto;
 

  display: none; /* скрыто по умолчанию */
  z-index: 2000;
  /* Можно добавить плавное появление с opacity */
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#menu_store.open {
  display: block;
  opacity: 1;
}


#menu_store.bg-white {
    background-color: #ffffff !important;
}



#menu_store nav#nav_store ul.navigation > li > a img.rig {
  margin-left: auto; /* сдвигаем иконку вправо */
  height: 18px;
  display: block;
}


  #nav_store > ul.navigation >li,    #menu_store nav#nav_store ul.navigation > li >a  {
  display: flex;
  justify-content: flex-start;  
  align-items: center !important;
  
 }

#nav_store   img.mobil{
display:none;
width:30px;
}

#nav_store   img.big{
display:none;
}

#nav_store   img.desctop{
width:30px;
margin-right:15px;
}




}




.t1{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 колонки равной ширины */
    gap: 1px; /* расстояние между элементами */
    width:90% !important;
    margin: 0;
 
 
    list-style: none;
}


.t3{
flex-direction:column
}

 

.t2{
    flex-direction: column;
    width: 100%;
    max-width: none;
    background-color: transparent; /* наследует фон от контейнера */
    list-style: none;
    margin: 0;
    padding: 0;
}





@media (max-width: 768px) {

#menu_store nav#nav_store ul.navigation > li > a img.rig {
  margin-left: auto; /* сдвигаем иконку вправо */
  height: 18px;
  display: block;
  padding-right: 40px;;
}

 #nav_store > ul.navigation >li>ul>li {

  width:100%;
 }


#nav_store   img.mobil{
display:block;
width:45px;
margin-right:10px;
}

#nav_store   img.big{
display:block;
}

#nav_store   img.desctop{
display:block;
}




  #menu_store {
    position: fixed;
    top: 120px;        /* отступ сверху */
    left: 0;
    width: 100vw;      /* полная ширина экрана */
    max-width: none;   /* отмена статичной максимальной ширины */
    height: calc(100vh - 120px); /* остальное место по высоте */
    transform: translateX(-100%);
 
    background-color: #ffffff;
    overflow-y: auto;
    z-index: 3000;
    transition: transform 0.3s ease-in-out;
    display: block;
    opacity: 1;
  }
  #menu_store.open {
    transform: translateX(0);
  }

  /* Меню ul вертикальное, ширина 100% */
  #menu_store nav#nav_store ul.navigation {
    flex-direction: column;
    width: 100%;
    max-width: none;
    background-color: transparent; /* наследует фон от контейнера */
 
    list-style: none;
    margin: 0;
    padding: 0;
 
  }
 

  /* Пункты меню - сворачиваем padding, цвет */
  #menu_store nav#nav_store ul.navigation > li {
    padding: 15px 10px;
    border-bottom: 1px solid #ffffff;
    background-color: transparent;
    border-bottom: #000 1px solid ;
  }
 


  /* Ссылки меню */
  #menu_store nav#nav_store ul.navigation > li > a,
  #menu_store nav#nav_store ul.navigation > li > span {
    color: #000;
    font-size: 18px;
    display: flex;
    align-items: center;
  }

  /* Подменю убираем column layout, делаем обычным списком */
  #menu_store nav#nav_store ul.navigation li.dropdown > ul {
    position: relative;
    top: auto !important;
    left: auto;
    display: none; /* скрыто по умолчанию */
    background-color: #ffffff;
    padding: 20px 0 0 15px;;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  /* Пункты внутри подменю */
  #menu_store nav#nav_store ul.navigation li.dropdown > ul > li {
    padding: 5px 15px 5px 40px;
    border-bottom: none;
     list-style: none;
    margin: 0;
 
    text-align: left;;
  }

  /* Активное открытое подменю - показываем */
  #menu_store nav#nav_store ul.navigation li.dropdown.open > ul {
    display: block;
    max-height: 900px; /* достаточно большое значение для анимации */
  }

  /* Кнопка раскрытия подменю (dropdown-toggle) */
  #menu_store nav#nav_store ul.navigation li.dropdown > button.dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #000;
    padding: 0;
    margin-left: 10px;
    user-select: none;
  }


 

#menu_store nav#nav_store ul.navigation li.dropdown.open > ul {
  display: block;
    padding-top: 0;
  max-height: 1000px; /* достаточно большое значение для анимации */
}

.dropdown-toggle::after {
  content: " ▼"; /* стрелочка вниз */
  font-size: 14px;
  color: #000;
  margin-left: 5px;
}

 
 #menu_store   ul  li a{
    text-decoration: none;
    color:#000
 } 


 
}