.accordion {
  align-content: center;
  border: 2px solid #0096c7;
  border-radius: 20px;
  height: 528px;
}

ul.menu-level-1.accordion__container {
  height: calc(100% - 62px);
  border-radius: 15px;
  overflow-y: auto;
}
ul.menu-level-1.accordion__container::-webkit-scrollbar {
  width: 20px;
}

ul.menu-level-1.accordion__container::-webkit-scrollbar-track {
  background-color: transparent;
}

ul.menu-level-1.accordion__container::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

ul.menu-level-1.accordion__container::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
header.shop-category-header {
  display: flex;
  justify-content: space-between;
  background: #0291c0;
  color: #fff;
  border-radius: 15px 15px 0 0;
  padding: 15px;
  align-items: center;
}

.accordion__container {
  list-style: none;
  padding: 1rem 1rem;
  background-color: var(--container-color);
  box-shadow: 0 12px 32px rgba(51, 51, 51, 0.1);
  margin-right: 0;
  margin-bottom: 0;
}

.accordion__title {
  font-size: var(--small-font-size);
  color: var(--title-color);
  font-weight: 400;
  margin-top: 0.15rem;
  transition: 0.2s;
}

.accordion__header {
  display: flex;
  column-gap: 0.5rem;
  cursor: pointer;
  font-weight: 700;
}

.accordion__description {
  padding: 0 1.25rem 1.25rem 3rem;
  font-size: var(--smaller-font-size);
}

.accordion__icon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Crect id='Rectangle_18' data-name='Rectangle 18' width='7' height='7' rx='1' fill='%237dad36'/%3E%3C/svg%3E%0A");
}

.accordion-open .accordion__icon {
  background-image: url("data:image/svg+xml,%3Csvg id='arrow-90deg-left' xmlns='http://www.w3.org/2000/svg' width='9.423' height='10.836' viewBox='0 0 9.423 10.836'%3E%3Cpath id='Path_12' data-name='Path 12' d='M8.692,11.52a.471.471,0,0,0,0-.667L6.2,8.36,8.692,5.867A.472.472,0,0,0,8.025,5.2L5.2,8.026a.471.471,0,0,0,0,.667L8.025,11.52a.471.471,0,0,0,.667,0Z' transform='translate(-5.06 -0.822)' fill='%236d6262' fill-rule='evenodd'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M6.188,19.35a.471.471,0,0,0,.471.471h6.124a2.355,2.355,0,0,0,2.355-2.355V12.284a.471.471,0,1,0-.942,0v5.182a1.413,1.413,0,0,1-1.413,1.413H6.659A.471.471,0,0,0,6.188,19.35Z' transform='translate(-5.716 -11.813)' fill='%236d6262' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

.accordion__item::after {
  content: "";
  background-color: var(--first-color);
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.25rem 0 0 0.25rem;
}

.accordion__content {
  overflow: hidden;
  height: 0;
  transition: all 0.25s ease;
}

.accordion-open .accordion__title {
  font-weight: 600;
}

/* For medium devices */
@media screen and (min-width: 576px) {
  .accordion__description {
    padding: 0 4rem 1.25rem 3.5rem;
  }
}

ul.menu-level-2.accordion__content {
  margin-right: 36px;
}
ul.menu-level-2.accordion__content .link__title:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.754' height='8.536' viewBox='0 0 9.754 8.536'%3E%3Cg id='arrow-left-short' transform='translate(-8.999 -10.124)'%3E%3Cpath id='Path_10' data-name='Path 10' d='M13.7,10.3a.61.61,0,0,1,0,.863l-3.227,3.226L13.7,17.618a.61.61,0,0,1-.863.863L9.178,14.823a.61.61,0,0,1,0-.863L12.835,10.3a.61.61,0,0,1,.863,0Z' fill-rule='evenodd'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M10.125,17.485a.61.61,0,0,1,.61-.61h7.925a.61.61,0,0,1,0,1.219H10.735A.61.61,0,0,1,10.125,17.485Z' transform='translate(-0.516 -3.093)' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-left: 10px;
}
ul.menu-level-2.accordion__content .link__title {
  color: #6d6262;
}

li.menu-list-1.accordion__item {
  border-bottom: 1px solid #cecece;
  padding: 10px 0;
}
li.menu-list-1.accordion__item:last-child {
  border-bottom: none;
}
ul.menu-level-2.accordion__content .link {
  line-height: 37px;
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion {
    height: 450px;
  }
}
@media screen 
  and (min-width: 768px)
  and (max-width: 1199px){
    .accordion {
      height: 356px;
    }
    ul.menu-level-1.accordion__container {
    height: calc(100% - 59px);
}
.accordion__title {font-size:12px;margin-bottom: 0;}
}
@media screen 
  and (min-width: 768px)
  and (max-width: 991px){
    .accordion {
      height: 277px;
    }
}
@media screen 
  and (min-width: 768px)
  and (max-width: 991px){
    .accordion {
      height: 277px;
    }
}
@media screen 
  and (max-width: 768px){
    .accordion {
      height: 191px;
    }
    ul.menu-level-1.accordion__container {
    height: calc(100%);
    border-radius: 15px;
    padding: 0 0;
    margin-left: 0;
}
    .shop-category-header {display: none !important;}
    ul.menu-level-2.accordion__content {margin-right: 6px;}
}