/** Shopify CDN: Minification failed

Line 137:0 Unexpected "{"
Line 137:1 Unexpected "{"
Line 137:3 Expected identifier but found "'menu-mobile-bottom.css'"
Line 138:0 Unexpected "<"
Line 148:0 Unexpected "<"

**/
.apus-footer-mobile {
  display: none;
}

@media (max-width: 1024px) {
  .apus-footer-mobile {
    display: block;
  }
.apus-footer-mobile {
    position: fixed;
    z-index: 99;
    background: var(--bg-body);
    padding: 10px 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 10px #00000026;
    border-radius: var(--rounded) var(--rounded) 0 0;
    bottom: -100px;
    opacity: 0;
    -webkit-transition: all .24s linear 0ms;
    -khtml-transition: all .24s linear 0ms;
    -moz-transition: all .24s linear 0ms;
    -ms-transition: all .24s linear 0ms;
    -o-transition: all .24s linear 0ms;
    transition: all .24s linear 0ms;
  }
.scroll_down_end .apus-footer-mobile,
.scroll_down .apus-footer-mobile {
  bottom: 0;
  opacity:1;
}
.apus-footer-mobile .footer-search-mobile {
  position: absolute;
  z-index: 999;
  left: 0;
  top: -60px;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.apus-footer-mobile .apus-search-form {
  min-width: 300px;
  padding: 10px 30px;
  background: rgba(255, 255, 255, 0.9);
}

.apus-footer-mobile > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  display: flex;
}

.apus-footer-mobile > ul > li {
  text-transform: uppercase;
  display: inline-flex;
  text-align: center;
  position: relative;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  align-items: center;
  justify-content: center;
}
.apus-footer-mobile > ul > li trigger-click ,
.apus-footer-mobile > ul > li a{
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.apus-footer-mobile > ul > li span {
  font-size: 11px;
  line-height: 1;
  color: var(--cl-main);
  text-transform: none;
  font-weight: 500;
}
.apus-footer-mobile .text-theme {
  color: var(--cl-secondary) !important;
}
.apus-footer-mobile .wishlist-icon .count,
.apus-footer-mobile .mini-cart .cart-count {
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 18px;
  min-width: 18px;
  padding: 0;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  background-color: var(--bg-count-header);
  color: var(--cl-count-header);
}
.apus-footer-mobile > ul > li .wishlist-icon, 
.apus-footer-mobile > ul > li .mini-cart {
  line-height: 1;
  position: relative;
}
.apus-footer-mobile > ul > li.cart_mobile{
	display: inline-flex;
}
.apus-footer-mobile > ul > li svg{position:relative;height: 20px;line-height: 1;}
}
.apus-footer-mobile ul li a svg {
  width: 24px;
  height: 24px;
  fill: currentColor; /* This will make the icon inherit the text color */
}

/* If you want to specifically style the WhatsApp icon */
.apus-footer-mobile ul li a[aria-label="WhatsApp"] {
  color: inherit; /* Inherits the same color as other icons */
}
{{ 'menu-mobile-bottom.css' | asset_url | stylesheet_tag }}
<style>
  .apus-footer-mobile {
    display: block !important;
    position: fixed !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background: white !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
  }
</style>