.logo .elementor-widget-container a img[src$=".svg"] {
  width: 243px;
  max-width: 100%;
}
.custom-woo-category-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  gap: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  width: 1300px;
  max-width: 100%;
  margin: 0 auto;
}

.custom-woo-category-menu > .menu-item {
  flex-grow: 1;
  width: 279px;
  text-align: center;
  max-width: 100%;
  background: #d0b172;
}
.custom-woo-category-menu > .menu-item > a,
.brands-title {
  text-decoration: none;
  padding: 20px 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 17px;
  height: 70px;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Proxima Nova Condensed", sans-serif;
  cursor: pointer;
}

.custom-woo-category-menu .menu-item .sub-menu > .menu-item {
  width: 259px;
  max-width: 100%;
  position: relative;
  background: #e3eaee;
  border-top: 2px solid #fff;
}
.custom-woo-category-menu .menu-item .sub-menu > .menu-item:first-child {
  border-top: none;
}
.custom-woo-category-menu .menu-item .sub-menu .menu-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: pre-wrap;
  text-align: left;
  transition: 0.3s ease;
}

.custom-woo-category-menu .menu-content-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1000;
  width: 100%;
  flex-direction: row;
  align-items: center;
}

.custom-woo-category-menu .parent-category-image {
  margin-right: 20px;
}

.custom-woo-category-menu .parent-category-image img {
  max-width: 50px;
  height: auto;
}

.custom-woo-category-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  z-index: 1;
  position: absolute;
  background: transparent;
  max-height: 400px;
  overflow: auto;
  max-width: 100%;
  /* box-shadow: 0 0 40px rgba(0,0,0,0.4); */
}

.custom-woo-category-menu .sub-menu > .menu-item > a {
  padding: 20px;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  display: block;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #585862;
  line-height: normal;
}

.custom-woo-category-menu > .menu-item:hover > .menu-content-container {
  display: flex;
}

.custom-woo-category-menu .sub-sub-menu > .menu-item {
  background: white;
  width: 243px;
  max-width: 100%;
  border-bottom: 2px solid #e3eaee;
}
.custom-woo-category-menu .sub-sub-menu > .menu-item:last-child {
  border: none;
}

.custom-woo-category-menu .sub-sub-menu > .menu-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-woo-category-menu .sub-sub-menu > .menu-item a {
  padding: 10px 0px;
  display: block;
  color: #585862;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
}

.custom-woo-category-menu .sub-sub-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  z-index: 1000;
  list-style: none;
  margin: 0;
  padding: 0 20px;
  width: 279px;
}

/* Last menu item adjustment for sub-sub-menu */
.custom-woo-category-menu > .menu-item:last-child:hover .sub-sub-menu {
  left: auto; /* Reset left positioning */
  right: 100%; /* Move to the left of the parent sub-menu */
}

.mobile-dropdown-toggle {
  display: none;
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  border-top: 5px solid #0fb9e8;
  background-color: #739aff;
  color: #fff;
  border: none;
  border-radius: 0px;
  font-family: "Proxima Nova Condensed";
  font-size: 16px;
  padding: 20px;
  cursor: pointer;
}

.product-category-close-icon {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  padding: 20px;
  transform: translate(-0%, -50%);
}

.product-category-expand-icon {
  position: absolute;
  right: 0;
  top: 50%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-0%, -50%);
}
.custom-cart-link .elementor-button-icon svg {
  width: auto !important;
}
.custom-cart-link .elementor-button-text {
  display: inline-block;
  align-items: center;
}
.custom-cart-link span.elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
#search-results {
  position: absolute;
  z-index: 2;
  width: 100%;
  font-size: 14px;
  color: #fff;
}
#search-results p {
  padding-left: 5px;
}
#search-results ul {
  background: #7f54b3;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.25);
  padding: 15px;
  list-style: none;
  margin: 0;
}

#mobile-search-results {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0 25px 15px 25px;
  position: relative;
}
#mobile-search-results ul {
  padding: 0;
  margin: 0;
}
#mobile-product-search-form svg {
  position: absolute;
  right: 0;

  width: 50px;
  height: 50px;
  padding: 13px;
  pointer-events: none;
}
#search-results li,
#mobile-search-results li {
  padding: 20px;
  border-bottom: 2px solid #e9e5e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

#search-results li a,
#mobile-search-results li a {
  text-decoration: none;
  color: #585862;
  flex-grow: 1;
  font-size: 12px;
  font-family: "Proxima Nova Condensed", sans-serif;
}

#search-results li img,
#mobile-search-results li img {
  margin-left: 10px;
  max-height: 50px; /* Adjust size as needed */
  width: auto;
  position: absolute;
  right: 60px;
}

#product-search-form {
  position: relative;
}

#product-search-input {
  padding-right: 20px;
  padding-left: 20px;
  border: 1px solid #fff;
  color: #fff;
  transition: 0.3s ease;
  color: #fff;
  background-color: transparent;
}
#product-search-form svg {
  position: absolute;
  right: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 50px;
  height: 50px;
  padding: 13px;
  pointer-events: none;
}

.input-search-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#desktop-search-container.active #product-search-input {
  width: 570px; /* Or whatever expansion you need */
}
#product-search-form .search {
  border: 1px solid #0fb9e8;
  border-left: 0px;
  border-radius: 0px;
  transition: all 0.5s;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 35px 35px 0;
}
#search-results li:hover a {
  color: #7f54b3;
}
#search-loader {
  position: absolute;
  right: 80px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px; /* Half of the loader's height */
  border: 3px solid #ccc;
  border-top: 3px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
/* Desktop */
#desktop-search-container {
  display: block;
}

#mobile-search-button-container {
  display: none;
}
#search-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(63, 64, 81, 0.8);
}

#search-modal-content {
  margin: 10% auto;
  padding: 20px;
  width: 80%;
  max-width: 600px;
}

#close-search-modal {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  z-index: 1;
}
#product-search-input,
#mobile-product-search-input {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  cursor: pointer;
  width: 242px;
}

#mobile-product-search-input {
  color: #444;
  background-color: #fff;
  border-radius: 35px;
  width: 605px;
  max-width: 100%;
}
#desktop-search-container.active #product-search-input::placeholder,
#desktop-search-container.active #mobile-product-search-input::placeholder {
  color: #fff;
  text-transform: none;
}
#desktop-search-container.active #product-search-input,
#desktop-search-container.active #mobile-product-search-input {
  border: 1px solid #fff;
  cursor: text;
}
#desktop-search-container.active #product-search-input + svg path,
#desktop-search-container.active #mobile-product-search-input + svg path {
  fill: #fff;
}
#desktop-search-container:not(.active) #product-search-input:hover,
#desktop-search-container:not(.active) #mobile-product-search-input:hover {
  background: #fff;
  border-color: #fff;
}
#desktop-search-container:not(.active) #product-search-input:hover::placeholder,
#desktop-search-container:not(.active)
  #mobile-product-search-input:hover::placeholder {
  color: #d0b172;
}
#desktop-search-container:not(.active) #product-search-input:hover + svg path,
#desktop-search-container:not(.active)
  #mobile-product-search-input:hover
  + svg
  path {
  fill: #d0b172;
}
#product-search-input::placeholder,
#mobile-product-search-input::placeholder {
  font-family: "Proxima Nova Condensed", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
}
#search-loader {
  position: absolute;
  right: 80px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px; /* Half of the loader's height */
  border: 3px solid #ccc;
  border-top: 3px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
#mobile-search-loader {
  position: absolute;
  right: 25px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px; /* Half of the loader's height */
  border: 3px solid #ccc;
  border-top: 3px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#product-search-form .search:hover {
  background: #0fb9e8 !important;
  border-color: #0fb9e8 !important;
}
#product-search-form .search:hover svg path {
  fill: #fff;
}
.search-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background: #0fb9e8;
  font-size: 14px;
  font-family: "Proxima Nova Condensed";
  padding: 10px 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.search-label button.view-all-search-result {
  color: #fff;
  font-size: 16px;
  font-family: "Proxima Nova Condensed";
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
}
.search-label button:hover {
  text-decoration: underline;
}
.custom-woo-category-menu .sub-sub-menu > .menu-item:hover > a {
  color: #0fb9e8;
}
@media (min-width: 992px) {
  #search-modal {
    display: none !important;
  }

  .custom-woo-category-menu .sub-sub-menu {
    overflow-y: auto;
    max-height: 450px;
  }
}

.account_nav ul {
  display: flex;
  gap: 3px;
  margin: 0px;
}
.account_nav ul li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Proxima Nova Condensed";
  font-weight: 700;
  color: #585862;
  padding: 15px 20px;
  background: #fff;
  height: 100%;
  transition: all 0.5s;
}
.account_nav ul li a span {
  margin-left: 10px;
}
.pop-up-login,
.pop-up-account-info {
  position: absolute;
  background: #0fb9e8;
  z-index: 99;
  color: #fff;
  display: none;
  width: 380px;
  right: 0;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
}
.pop-up-login h2 {
  margin-top: 0px;
}
.pop-up-login .woocommerce form.login {
  border: none;
}
.pop-up-login .woocommerce form .form-row label {
  display: none;
}
.pop-up-login .woocommerce {
  padding: 40px;
}
.pop-up-login .woocommerce-form-login__submit {
  background: #fff !important;
  color: #0fb9e8 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 15px 20px !important;
  border-radius: 0px !important;
  float: none !important;
  margin: 0px !important;
  font-family: "Proxima Nova Condensed";
  width: 100%;
  text-transform: uppercase;
}
.pop-up-login .woocommerce-form-login__submit:hover {
  background-color: #585862 !important;
  color: #fff !important;
}
.pop-up-login .form-row input.input-text {
  border: 2px solid #fff;
  background: transparent;
  padding: 12px 20px;
  border-radius: 0px;
  color: #fff !important;
}
.pop-up-login .woocommerce form.login {
  margin: 0px;
  padding: 0px;
}
.pop-up-login .woocommerce-LostPassword {
  color: #fff;
  font-family: Barlow;
}
.account_nav ul li:hover > a {
  background: #0fb9e8;
  color: #fff;
}
.account_nav ul li:hover > a svg path {
  fill: #fff;
}
.pop-up-account-info {
  padding: 40px;
  width: 100%;
  right: 0;
}
.pop-up-account-info p a {
  background: none;
  color: #fff;
  text-align: left;
  justify-content: start;
  text-decoration: underline !important;
}
.pop-up-account-info p a:hover {
  text-decoration: none !important;
}
.pop-up-account-info p {
  margin-bottom: 20px;
}
.pop-up-account-info .user-name {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 0px;
}
.pop-up-account-info .client-price-advantage {
  font-size: 16px;
  font-weight: 700;
  display: none;
}
.pop-up-account-info .client-price-advantage span {
  text-transform: uppercase;
}
.sign-out-button {
  background: #fff !important;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  justify-content: center;
  color: #0fb9e8;
  font-size: 16px;
  font-weight: 700;
  text-align: center !important;
  padding: 15px 20px;
  text-decoration: none !important;
}
.sign-out-button:hover {
  background-color: #585862 !important;
  color: #fff;
}

.advantage-program {
  padding: 40px;
  background-color: #96172e;
}
.advantage-program .title,
.title {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: "Barlow Condensed";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
}
.learnmore-button {
  display: block;
  background: #fff;
  text-align: center;
  padding: 15px 20px;
  color: #0fb9e8;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 20px;
}
.learnmore-button:hover {
  background-color: #585862 !important;
  color: #fff !important;
}
.pop-up-login .woocommerce-LostPassword a {
  color: #fff;
  text-decoration: underline;
  font-family: "Barlow Condensed", Sans-serif;
}

.primary-menu-class {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
}

#menu-main-menu {
  display: flex;
  margin: 0px;
  padding-left: 0px;
}
#menu-main-menu li {
  position: relative;
  display: flex;
}
#menu-main-menu .menu-open > a {
  color: #fff;
}
#menu-main-menu li > a {
  padding: 0px 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
}

#menu-main-menu li .sub-menu {
  width: 150px;
  margin: 0;
  padding: 0px;
}
#menu-main-menu li .sub-menu li {
  margin-top: 2px;
  padding: 0px;
}
#menu-main-menu li .sub-menu a {
  padding: 10px;
  width: 100%;
}

.primary-menu-class #menu-main-menu > li::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #585862;
  position: absolute;
  left: 0;
  top: 0;
}
.primary-menu-class #menu-main-menu > li:first-child::before {
  content: none;
}
#menu-main-menu > li:hover::before {
  background-color: #0fb9e8;
  position: absolute;
  left: 0;
}
#menu-main-menu > li.menu-item-has-children:hover::before {
  background-color: #0fb9e8;
  height: 42px;
  width: 2px;
  position: absolute;
  top: 3px;
  left: 0;
  content: "" !important;
}
.primary-menu-class .menu-item-has-children > a::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M0.134974 1.8225L1.95834 -4.50717e-07L6.20225 4.24392L10.4462 -7.97017e-08L12.2695 1.8225L7.72144 6.3706C7.52195 6.57014 7.28512 6.72842 7.02445 6.83641C6.76379 6.9444 6.4844 6.99998 6.20225 6.99998C5.9201 6.99998 5.64072 6.9444 5.38006 6.83641C5.11939 6.72842 4.88255 6.57014 4.68307 6.3706L0.134974 1.8225Z' fill='%230FB9E8'/%3E%3C/svg%3E");
  display: inline-block;
  margin-left: 10px;
}

/* Hide submenus by default */
.primary-menu-class .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  padding: 10px 0;
  z-index: 1000;
  text-align: ce;
}

.primary-menu-class .menu-item-has-children > a {
  position: relative;
  padding-right: 20px; /* Adjust padding for icon spacing */
}

.primary-menu-class .menu-item-has-children > a svg {
  margin-left: 10px;
}
#overlay-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(88, 88, 98, 0.7); /* semi-transparent black */
  z-index: 1000; /* z-index for the overlay */
  display: none; /* initially hidden */
}
.elementor-location-header {
  position: relative;
  z-index: 1001;
}
.overlay-head {
  height: 0;
}
#product-category-menu {
  position: absolute;
}
picture.child-category-thumbnail {
  height: 42px;
  width: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 992px) {
  #mainmenu-button {
    display: none;
  }
  .custom-woo-category-menu.open {
    display: flex;
  }
  #mobile-menu-wrapper {
    display: block;
    position: static;
    width: auto;
    height: auto;
    background-color: transparent;
    overflow: visible;
    transition: none; /* No transition on desktop */
  }

  .primary-menu-class {
    flex-direction: row; /* Horizontal layout */
  }
  #menu-toggle,
  #close-container,
  #menu-close {
    display: none; /* Hide the toggle button on desktop */
  }
  .custom-woo-category-menu .sub-menu {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  }
  .custom-woo-category-menu .sub-sub-menu {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  }
}

@media (min-width: 1200px) {
  .primary-menu-class .menu-item-has-children:hover > .sub-menu {
    display: block;
    border-left: 2px solid #0fb9e8;
  }
  #menu-main-menu > li:hover > a {
    color: #d0b172;
  }
  #menu-main-menu li .sub-menu li:hover {
    background: #0fb9e8;
  }
  .primary-menu-class .menu-item-has-children:hover > a::after {
    /* red up arrow */
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M12.1346 5.1775L10.3112 7L6.06728 2.75608L1.82336 7L2.17331e-08 5.1775L4.5481 0.6294C4.74758 0.429864 4.98442 0.271582 5.24508 0.163591C5.50574 0.0556007 5.78513 1.72351e-05 6.06728 1.72385e-05C6.34943 1.72419e-05 6.62881 0.0556007 6.88948 0.163591C7.15014 0.271582 7.38698 0.429864 7.58646 0.6294L12.1346 5.1775Z' fill='%230FB9E8'/%3E%3C/svg%3E");
  }
  #menu-main-menu li .sub-menu li:hover a {
    color: #fff;
  }
}
@media (max-width: 1199px) {
  #menu-main-menu li > a {
    color: #fff;
    text-transform: uppercase;
  }
  #mobile-menu-wrapper {
    position: absolute;
    top: 60px;
    left: -270px; /* Start off-screen */
    width: 250px;
    background-color: #fff; /* Adjust as needed */
    z-index: 9999;
    transition: left 0.3s ease;
    display: block;
  }
  #menu-main-menu {
    flex-direction: column;
    padding-top: 0px;
    background-color: #0fb9e8;
    gap: 1px;
    padding-left: 0px;
    display: none;
  }
  #mobile-menu-wrapper.open {
    left: 0;
    width: 100vw;
    overflow: auto;
    top: 0;
    height: 100vh;
  }
  .primary-menu-class {
    flex-direction: column;
  }

  #menu-toggle {
    display: block; /* Show the toggle button on mobile */
    z-index: 10000;
    color: #fff;
    padding: 0;
    border: none;
    cursor: pointer;
    background: transparent;
    font-size: 32px;
  }
  #menu-close {
    display: none;
    top: 13px;
    right: 13px;
    background-color: transparent;
    color: #333; /* Adjust as needed */
    border: none;
    font-size: 24px;
    cursor: pointer;
    z-index: 10001; /* Ensure it's above the menu */
    padding: 0px;
    position: absolute;
  }

  #menu-main-menu li {
    padding: 0;
  }
  #menu-main-menu li > a {
    padding: 20px;
    text-align: center;
    font-weight: 700;
  }

  .primary-menu-class .menu-item-has-children > a {
    width: 100%;
    align-items: center;
  }
  .primary-menu-class .menu-item-has-children > a svg {
    position: absolute;
    right: 20px;
    z-index: 1;
  }
  .primary-menu-class #menu-main-menu > li::before {
    content: none;
  }
  #menu-main-menu > li.menu-item-has-children:hover::before {
    content: none !important;
  }

  #mobile-menu-wrapper.open {
    background-color: #e9e5e1;
  }
  #mobile-menu-wrapper.open ul > li {
    background-color: #2c318c;
  }
  .primary-menu-class .sub-menu {
    position: static;
    width: 100% !important;
  }
  #menu-main-menu li .sub-menu li {
    padding: 20px;
    background-color: #e9e5e1;
    margin-top: 0px;
  }
  #menu-main-menu li {
    flex-direction: column;
  }

  .primary-menu-class .menu-item-has-children > a::after {
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .primary-menu-class .menu-item-has-children.menu-open > a {
    background: #0fb9e8;
    color: #fff;
  }
  .primary-menu-class .menu-item-has-children.menu-open > a::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M12.2693 5.1775L10.446 7L6.20204 2.75608L1.95813 7L0.134766 5.1775L4.68286 0.6294C4.88234 0.429864 5.11918 0.271582 5.37985 0.163591C5.64051 0.0556007 5.91989 1.72351e-05 6.20204 1.72385e-05C6.48419 1.72419e-05 6.76358 0.0556007 7.02424 0.163591C7.28491 0.271582 7.52174 0.429864 7.72123 0.6294L12.2693 5.1775Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    right: 17px;
    top: 22px;
  }
  .primary-menu-class .menu-item-has-children.menu-open .sub-menu li {
    margin-bottom: 2px;
  }
  .primary-menu-class
    .menu-item-has-children.menu-open
    .sub-menu
    li:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 991px) {
  .custom-woo-category-menu.open {
    display: flex;
    margin-top: 65px;
    flex-direction: column;
  }

  .custom-woo-category-menu > .menu-item.menu-open {
    background-color: #0fb9e8;
  }
  .custom-woo-category-menu .menu-item .sub-menu > .menu-item.menu-open {
    background-color: #2c318c;
  }
  .custom-woo-category-menu .menu-item .sub-menu > .menu-item.menu-open > a {
    color: #fff;
  }
  .custom-woo-category-menu .sub-sub-menu > .menu-item a {
    padding: 20px 0;
    color: #5d5c6b;
  }

  .custom-woo-category-menu > .menu-item > a {
    color: #fff;
  }
  #desktop-search-container {
    display: none;
  }

  #mobile-search-button-container {
    display: block;
    text-align: right;
  }
  #open-search-modal {
    border: 1px solid #fff;
    width: 60px;
    height: 60px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
  }
  body.menu-open .custom-woo-category-menu-wrapper {
    height: 100vh;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
  }
  .custom-woo-category-menu-wrapper {
    width: 100%;
  }
  #product-category-menu {
    position: static;
  }
  .mobile-dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .custom-woo-category-menu {
    display: none;
  }

  .custom-woo-category-menu > .menu-item {
    width: 100%;
  }

  .custom-woo-category-menu > .menu-item > a::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M0.877997 3.04776L3 0.926757L7.939 5.86576L12.878 0.926758L15 3.04776L9.707 8.34076C9.47484 8.57298 9.19922 8.75718 8.89586 8.88286C8.5925 9.00854 8.26736 9.07322 7.939 9.07322C7.61064 9.07322 7.2855 9.00854 6.98214 8.88286C6.67878 8.75718 6.40315 8.57298 6.171 8.34076L0.877997 3.04776Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding: 20px;
    right: -20px;
    z-index: 1;
  }
  .custom-woo-category-menu > .menu-item > a,
  .custom-woo-category-menu > .menu-item > span {
    justify-content: space-between;
  }
  .custom-woo-category-menu .sub-menu {
    width: 100%;
    position: static;
  }
  .custom-woo-category-menu .menu-item .sub-menu > .menu-item {
    position: static;
    width: 100%;
  }

  .custom-woo-category-menu .sub-sub-menu {
    position: static;
    width: 100%;
    border: none;
    padding: 0;
  }
  .custom-woo-category-menu .sub-sub-menu > .menu-item {
    width: 100%;
    padding-left: 20px;
    padding-right: 40px;
  }
  .custom-woo-category-menu
    .menu-item
    .sub-menu
    > .menu-item.menu-open
    svg
    path {
    fill: #fff;
  }
  .custom-woo-category-menu > .menu-item.menu-open > a::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M14.9999 6.95224L12.8779 9.07324L7.93893 4.13424L2.99993 9.07324L0.87793 6.95224L6.17093 1.65924C6.40309 1.42702 6.67871 1.24282 6.98207 1.11714C7.28543 0.991462 7.61057 0.926775 7.93893 0.926775C8.26729 0.926775 8.59243 0.991462 8.89579 1.11714C9.19915 1.24282 9.47478 1.42702 9.70693 1.65924L14.9999 6.95224Z' fill='%23fff'/%3E%3C/svg%3E");
  }

  .custom-woo-category-menu
    .menu-item
    .sub-menu
    .menu-item.menu-open
    a
    .child-category-svg {
    transform: rotate(270deg);
    right: 3px;
  }
  .header-buttons {
    order: 3;
  }
  .site-branding {
    order: 2;
  }
  .main-navigation {
    order: 1;
    width: auto;
  }
}

@media (max-width: 575px) {
  .account_nav ul li a span {
    display: none;
  }
}

.btn a {
  width: 180px;
  max-width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
}
.btn svg {
  font-size: 24px;
}
.transition {
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .sm-hide-text .elementor-button-content-wrapper .elementor-button-text {
    display: none;
  }
  .sm-hide-text .elementor-button-wrapper a {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 575px) {
  .xs-hide {
    display: none;
  }
  .sm-hide-text .elementor-button-wrapper a {
    margin-left: auto;
  }
}
input {
  outline: none;
}

/* Sticky class */
.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 1320px;
  margin: 0 auto;
  max-width: 100%;
  right: 0;
  left: 0;
}
.fixed .custom-woo-category-menu {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 👈 Adds shadow */
}
.sticky {
  position: fixed;
  top: 0;
  z-index: 999;
}