@media all and (max-width: 768px) {
.theme-collection-section {
    padding-inline-start : 12px;
}
.theme-collection-sortby-section[data-sort-by-no-filter] {
                    background: #000;
                color: #fff;
}
}
.theme-prod-coupons-code-container {
    padding-inline : 20px;
}
.theme-header-topbar {
    display : none;
}
@media (min-width: 992px) {
  .theme-menu-selected .theme-menu-name:before {
    color: #b68505 !important;
  }
  .theme-menu [data-zs-menu-container] li a {
    overflow: hidden !important;
  }
  .theme-menu {
  li {
    position: relative;

    .theme-menu-name {
      position: relative;
      display: inline-block;
      color: transparent;

      &::before,
      &::after {
        content: attr(data-theme-menu-name);
        position: absolute;
        left: 0;
        width: 100%;
        transition: top 0.35s ease;
        white-space: nowrap;
      }

      &::before {
        top: 0;
        color: #000;
      }

      &::after {
        top: 200%;
        color: #b68505;
        text-decoration: underline;
        text-underline-offset: 5px;
        text-decoration-color: #b68505;
      }
    }

    /* Hover state */
    &:hover > a {
      .theme-menu-name {
        &::before {
          top: -200%;
        }
        &::after {
          top: 0;
        }
      }
    }

    /* Active state: li with data-megamenu + theme-menu-selected */
    &[data-megamenu].theme-menu-selected > a {
      .theme-menu-name {
        &::before {
          top: -200%;
        }
        &::after {
          top: 0;
        }
      }
    }
  }
}

  .theme-sub-menu li {
    .theme-menu-name::before {
      content: "" !important;
    }
    .theme-menu-name {
      color: #000 !important;
    }
  }
  [data-zs-menu-container] li:hover .theme-submenu-down-arrow {
    translate: none;
    rotate: 180deg;
  }
  .theme-submenu-down-arrow {
    transition: all 0.5s ease-in-out;
  }
  .theme-navigation-and-icons
    .theme-menu-area
    .theme-menu
    ul
    li
    ul
    li:first-of-type {
    border-block: none;
  }
  .theme-sub-menu li a {
    padding-inline: 0 !important;
    padding-block: 5px !important;
    margin-inline: 18px;
    border-radius: 0;
  }
  .zpmm-element-menu-content  {
    position: relative;
  }
  .theme-sub-menu li a .theme-menu-content .theme-menu-name:hover:after,.zpmm-text .zpmm-element-textcontent:hover:after {
    transform-origin: left;
    transform: scaleX(1);
  }

  .theme-sub-menu li a .theme-menu-content .theme-menu-name:after,.zpmm-text .zpmm-element-textcontent:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #18272f;
    bottom: 0;
    left: 0;
    top: 20px;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
  }
  .zpheader-style-09 .theme-header .zpcontainer .theme-branding-info {
    padding-inline-end: 18px;
  }
  .theme-navigation-and-icons
    .theme-search-and-mini-cart-group
    [data-zs-search-container] {
    height: 36px;
    width: 320px;
    margin-inline-end: 30px;
  }
}

@media (max-width: 768px) {
  .theme-menu-selected .theme-menu-name {
      color: #b68505;
    }
  .theme-mobile-header-style-05.theme-mobile-header-slidewrapper .theme-mobile-header-slide .theme-scoialicon-inner-parent {
          border-block-end: none !important;

  }
  .theme-mobile-header-style-05.theme-mobile-header-slidewrapper .theme-mobile-header-slide .theme-mobile-header-slide-content .theme-mobile-header-navigation .theme-menu .zpmm .zpmm-inner .zpmm-element {
    padding-inline: 24px !important;
  }
    .theme-mobile-header-style-05 .theme-mobile-header-slide [data-zs-drawer-content] [data-zs-menu-container] .theme-sub-menu a {
  padding-block: 12px !important;
      border-block-end: none !important;
}
    .theme-mobile-header-style-05 .theme-mobile-header-slide [data-zs-drawer-content] .theme-topbar-contact-info {
        position: initial;
                padding-inline: 24px !important;

    }
.zpmm-element.zpmm-title, .zpmm-element.zpmm-text  {
  padding-block: 0 !important;
}
  .theme-sub-menu {
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
  display: none; /* theme still sets this */
}

.theme-sub-menu.opening,
.theme-sub-menu.closing {
  display: block; /* force visible during animation */
}

  .theme-mobile-header-style-05.theme-mobile-header-slidewrapper
    .theme-mobile-header-slide {
    width: 100%;
    height: 100%;
    transform: none;
    position: initial;
    border-radius: 0;
    overflow: hidden;
  }
  
    .theme-mobile-header-style-05 .theme-mobile-header-slide [data-zs-drawer-content] [data-zs-menu-container]  {
      border-block-end: none !important;
        a {
                    font-size: 20px;
          padding-inline: 24px !important;
        }
        .theme-sub-menu a {
            font-size: 16px;
        }
    }
    .theme-navigation-and-icons .theme-menu-area.theme-responsive-menu li > a .theme-sub-li-menu.theme-responsive-menu {
        right: 0;
        width: 100%;
        &::after {
            right: 35px;
            left: auto;
                                  border: none !important;
                        content: "+";
                        transform: none;
                        width: 10px;
                        height: 10px;
        }
    }
  .theme-mobile-header-style-05 .theme-mobile-header-slide [data-zs-drawer-content]  .theme-menu li:has(.theme-sub-menu.open) {
    border-block-end: 1px solid #e4e4e4 !Important;
    .theme-responsive-menu::after {
      content:"-" !important;
    }
    a {
      border-block-end : none !important;
    }
  }
  
}
[data-zs-search-container]:has([data-zs-search-input]:focus) {
  border: 1px solid #000;
}
[data-zs-view-cart]:hover {
  svg path{
    fill: #b68505 !important;
  }
}
.theme-portal-login:hover {
  svg path{
    stroke: #b68505 !important;
  }
}
.theme-wishlist {
  cursor: pointer;
}
.theme-wishlist:hover {
    path{
    fill: #b68505 !important;
  }
}
.theme-portal-login {
  svg path{
    stroke: #3b3b3b !important;
  }
}
.theme-wishlist {
    path{
    fill: #3b3b3b !important;
  }
}
[data-zs-view-cart] {
  svg path{
    fill: #3b3b3b !important;
  }
}