.wc-mega-menu-close {
  position: fixed;
  top: 21px;
  left: 39px;
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

.wc-mega-menu__search .widget_search {
  margin-bottom: 0;
}

.wc-mega-menu__search .wp-block-search__inside-wrapper {
  flex-direction: row-reverse;
  gap: 15px;
  background-color: transparent;
  border: 0;
}

.wc-mega-menu__search .wp-block-search__button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}

.wc-mega-menu__search .wp-block-search__button svg {
  display: none;
}

.wc-mega-menu__search .wp-block-search__button::before {
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.125 21.75C16.993 21.75 21.75 16.993 21.75 11.125C21.75 5.25697 16.993 0.5 11.125 0.5C5.25697 0.5 0.5 5.25697 0.5 11.125C0.5 16.993 5.25697 21.75 11.125 21.75Z" stroke="%23262626" stroke-miterlimit="10" stroke-linecap="round"/><path d="M25.5 25.5L19.25 19.25" stroke="%23262626" stroke-miterlimit="10" stroke-linecap="round"/></svg>') no-repeat center;
  background-size: 25px;
}

.wc-mega-menu__search .wp-block-search__input {
  background-color: transparent;
  color: #262626;
  font-size: 24px;
  font-weight: 200;
  line-height: 24px;
  letter-spacing: 2%;
  border: none;
  outline: none;
}

.wc-mega-menu {
  position: fixed;
  width: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: 38px;
  border: 1px solid;
  backdrop-filter: blur(60px);
  background-color: rgba(255, 255, 255, 0.6);
  top: 0;
  z-index: 9999999999999999;
  padding-top: 32px;
  padding-bottom: 87px;
  padding-left: 103px;
  transform: translateX(-100%);
  transition: transform 0.4s ease-in-out;
  overflow-y: auto;
}

.wc-mega-menu.active {
  transform: translateX(0);
}

.wc-mega-menu__container {
  display: flex;
  gap: 19px;
}

.wc-mega-menu__nav {
  min-width: 200px;
}

.wc-mega-menu__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-item a {
  color: #262626;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
  margin-bottom: 12px;
  text-transform: uppercase;
  transition: 0.2s;
  letter-spacing: 7%;
  line-height: 24px;
  text-decoration: none;
}

.menu-item a:visited,
.menu-item a:hover {
  color: #262626;

}

.wc-mega-menu__grid {
  width: 100%;
  background-color: #FFFFFF6B;
  backdrop-filter: blur(30px);
  border: 1px solid;
  border-image-source: conic-gradient(from 41.76deg at 50% 56%, #A7A7A7 0deg, #DCDCDC 360deg);
  padding: 48px 22px 48px 42px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.wc-mega-menu__grid img {
  width: 48%;
}

@media(max-width: 1000px) {
  .wc-mega-menu {
    padding: 16px 17px 32px 17px;
    justify-content: space-between;
  }

  .wc-mega-menu__header {
    display: flex;
    gap: 18px;
  }

  .wc-mega-menu-close {
    position: relative;
    top: auto;
    left: auto;
  }

  .wc-mega-menu__search {
    width: 100%;
  }

  .wc-mega-menu__search .wp-block-search__inside-wrapper {
    padding: 0;
    border: 1px solid;
    border-image-source: conic-gradient(from 41.76deg at 50% 56%, #A7A7A7 0deg, #DCDCDC 360deg);
  }

  .wc-mega-menu__search .wp-block-search__input {
    font-size: 14px;
    color: #262626;
    text-transform: uppercase;
  }

  .wc-mega-menu__search .wp-block-search__button::before {
    width: 18px;
    height: 18px;
    background-size: 18px;
  }

  .wc-mega-menu__container {
    margin-top: 30px;
  }

  .wc-mega-menu__nav {
    width: 100%;
  }

  .menu-item a {
    display: block;
    position: relative;
    margin-bottom: 24px;
  }

  .menu-item a::after {
    content: "";
    position: absolute;
    right: 0;
    background: url('data:image/svg+xml,<svg width="21" height="10" viewBox="0 0 21 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 4.89453H19.275" stroke="%238C8C8C" stroke-miterlimit="10" stroke-linecap="round"/><path d="M15.9072 0.5L20.281 4.87167" stroke="%238C8C8C" stroke-miterlimit="10" stroke-linecap="round"/><path d="M15.8613 9.28141L20.2351 4.91736" stroke="%238C8C8C" stroke-miterlimit="10" stroke-linecap="round"/></svg>') no-repeat center;
    width: 19px;
    height: 9px;
    background-size: 19px 9px;
  }

  .wc-mega-menu__content--bottom {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 32px;
    border-top: 1px solid transparent;
    border-image-source: linear-gradient(90deg, rgba(107, 107, 107, 0.4) 0%, rgba(198, 198, 198, 0.4) 100%);
    border-image-slice: 1;


  }

  .wc-mega-menu__content--bottom a {
    text-decoration: none;
  }
}