/** Shopify CDN: Minification failed

Line 577:5 Unexpected "}"

**/
     #SiteCat {
       position: absolute;
       padding: 18px 0px;
       margin: 0;
       background-color: #242f3f;
       width: 100%;
       margin-top: 30px;
       display: none;
       border-radius: var(--popup-corner-radius);
       list-style: none;
     }
     #CategoryBox {
       width: 270px;
       position: relative;
     }
     #CategoryBox .box-heading {
       background-color: var(--color-base-accent-1);
       color: var(--color-base-solid-button-labels);
       border-radius: var(--buttons-radius) var(--buttons-radius) 0 0;
       padding: 12px 20px;
       margin: 0;
       font-size: 14px;
       font-weight: 600;
       text-transform: initial;
       cursor: pointer;
       letter-spacing: 0.5px;
     }
     .verticle-menu-drawer .icon.icon-caret {
       height: 0.6rem;
       position: absolute;
       right: 15px;
       top: calc(50% - 0.2rem);
     }
     .verticle-menu-drawer .header__icon {
   	width: 100%;
   	text-decoration: none;
   	height: auto;
     }
     .verticle-menu-drawer .box-heading {
      background-color: var(--color-base-accent-1);
      color: var(--color-base-solid-button-labels);
      border-radius: var(--buttons-radius) var(--buttons-radius) 0 0;
      padding: 8px 20px;
      margin: 0;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      width: 250px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
     }
     .box-heading .icon.icon-hamburger {
      width: 1.7rem;
      height: 1.7rem;
      vertical-align: middle;
      margin-right: 15px;
      fill: var(--color-base-background-2);
       position: relative;
     }
     #CategoryBox .box-heading .icon.icon-caret {
       transform: rotate(0deg);
     }
     .site-cat--has-dropdown,
     .site-nav__childlist-grid .site-nav__childlist-item-dropdown {
       position: relative;
     }
     #CategoryBox .icon.icon-caret {
       height: 0.65rem;
       position: absolute;
       right: 20px;
       top: calc(50% - 0.2rem);
       transform: rotate(-90deg);
     }

     .site-nav__childlist-grid, .grand-child-has-dropdown{
       list-style: none;
     }
     li .site-cat__link,
     li .site-nav__link {
       color: #ffffff;
       text-decoration: none;
       padding-block: 8.4px;
       display: block;
       padding-inline: 25px;
       font-size: 1.4rem;
       line-height: 22px;
       cursor: pointer;
     }
     li .site-cat__link:hover,
     li .site-nav__link:hover {
       color: #f36c21 !important;
     }
     .site-cat--has-dropdown.more_menu.is-placeholder {
       display: none;
     }
     .site-cat--has-dropdown.more_menu .site-nav__dropdown {
       background-color: #242f3f;
       color: #ffffff;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       border-color: var(--color-base-border);
       z-index: 5;
       width: max-content;
       min-width: 180px;
     }
     .site-cat--has-dropdown.more_menu .site-nav__childlist-grid {
       background-color: transparent;
       padding: 8px 0;
     }
     .site-cat--has-dropdown.more_menu .site-nav__link {
       background-color: transparent;
       color: #ffffff;
       padding: 6px 16px;
     }
     .site-cat--has-dropdown.more_menu .site-nav__link:hover {
       color: #f36c21 !important;
     }
     @media screen and (min-width: 1270px) {
       .site-cat--has-dropdown.more_menu .site-nav__dropdown {
         top: auto;
         bottom: 0;
         max-height: calc(100vh - 160px);
         overflow-y: auto;
       }
     }
     .site-nav__link.site-nav__child-link {
  padding-block: 6px;
     }
     .verticle-menu-drawer header-drawer {
   	display: block;
   	margin: 0;
   }
     @media screen and (min-width: 1270px) {
       #CategoryBox .box-heading {
         display: none;
       }

       #CategoryBox {
         display: none;
       }

       .template-index .header-bottom-inner {
         position: relative;
         align-items: flex-start;
       }

       .template-index #CategoryBox {
         display: block;
         position: absolute;
         top: calc(100% + 3rem);
         left: 0;
         z-index: 4;
         width: 269px;
       }

       .template-index #SiteCat {
         display: block;
         position: relative;
         margin-top: 0;
         padding: 0.9rem 0 0;
         min-height: 42rem;
         background-color: transparent;
         box-sizing: border-box;
         border-radius: 0;
          display: flex;
          flex-direction: column;
         justify-content: space-between;
         overflow: hidden;
       }
       .template-index #CategoryBox ul#SiteCat .drawer__heading {
         display: none;
         margin: 0;
         padding: 0 2rem 0.8rem;
         border-bottom: 0;
         color: #202f45;
         font-size: 2rem;
         font-weight: 700;
         line-height: 1.2;
         text-transform: none;
       }
       .template-index #SiteCat > li > .site-cat__link,
       .template-index #SiteCat .site-nav__link {
         padding: 0.8rem 1.2rem;
         font-size: 1.2rem;
         line-height: 1.25;
         font-weight: 600;
       }
       .template-index #SiteCat > li + li {
         margin-top: 0;
       }

       .template-index #SiteCat > li {
         list-style: none;
         margin: 0 0 1.2rem;
         padding: 0;
         position: relative;
       }

       .template-index #SiteCat > li:first-child {
         margin-top: 0.2rem;
       }

       .template-index #SiteCat > li::after {
         content: '';
         position: absolute;
         left: 1.8rem;
         right: 1.8rem;
         bottom: -0.6rem;
         transform: none;
         border-bottom: 1px solid rgba(32, 47, 69, 0.16);
       }

       .template-index #SiteCat > li:last-child::after {
         content: none;
       }

       .template-index #SiteCat > li:nth-last-child(2)::after {
         content: none;
       }

       .template-index #SiteCat > li:last-child {
         margin-bottom: 0;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main {
         display: flex;
         align-items: center;
         gap: 0.9rem;
         margin: 0 0.8rem;
         border-radius: 0.8rem;
         color: #202f45;
         font-size: 1.5rem;
         font-weight: 700;
         line-height: 1.2;
         letter-spacing: 0;
         transition: color 0.2s ease, background-color 0.2s ease, font-weight 0.2s ease;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main:hover,
       .template-index #SiteCat > li.site-cat--active > .site-cat__link.site-cat__link--main {
         background-color: #e9ddd9;
         color: #f36c21;
         font-weight: 700;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon {
         width: 3.5rem;
         height: 3.5rem;
         flex: 0 0 3.5rem;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         color: #202f45;
         transition: color 0.2s ease;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-svg {
         width: 100%;
         height: 100%;
         display: block;
         color: inherit;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-svg path,
       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-svg line,
       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-svg rect,
       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-svg polyline,
       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-svg polygon,
       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-svg circle:not(.asmota-cat-icon-accent) {
         stroke: currentColor;
         fill: none;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon .asmota-cat-icon-accent {
         fill: #f36c21;
         stroke: #f36c21;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main:hover .site-cat__icon,
       .template-index #SiteCat > li.site-cat--active > .site-cat__link.site-cat__link--main .site-cat__icon {
         color: #f36c21;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__text {
         display: inline-block;
         white-space: nowrap;
         font-size: 1.5rem;
         line-height: 1.2;
       }

       .template-index #SiteCat > li > .icon.icon-caret {
         display: none;
       }
       #SiteCat {
         z-index: 3;
       }
       #CategoryBox .icon.icon-close {
         display: none;
       }
       .verticle-menu-drawer {
         display: none;
       }
     }
     @media screen and (min-width: 1270px) {
       .site-nav__dropdown,
       .grand-child-has-dropdown {
         left: 100%;
         top: 0px;
         position: absolute;
         opacity: 0;
         -webkit-opacity: 0;
         -moz-opacity: 0;
         -ms-opacity: 0;
         -o-opacity: 0;
         -khtml-opacity: 0;
         width: 270px;
         display: none;
         background-color: var(--color-background);
         border: var(--popup-border-width) solid var(--color-base-border);
       }
       .site-nav__childlist-grid,
       .grand-child-has-dropdown {
         padding: 15px 0px;
       }
       li.site-cat--has-dropdown:hover .site-nav__dropdown,
       .site-nav__childlist-grid
         .site-nav__childlist-item-dropdown:hover
         .grand-child-has-dropdown {
         opacity: 1;
         -webkit-opacity: 1;
         -moz-opacity: 1;
         -ms-opacity: 1;
         -o-opacity: 1;
         -khtml-opacity: 1;
         -webkit-transition: opacity 0.3s ease-out;
         -moz-transition: opacity 0.3s ease-out;
         -ms-transition: opacity 0.3s ease-out;
         -o-transition: opacity 0.3s ease-out;
         display: block;
       }
       #CategoryBox ul#SiteCat .drawer__heading{
         display: none;
       }
       .site-cat--has-dropdown.more_menu.active .site-nav__dropdown {
         display: block;
         opacity: 1;
       }
     }
     @media screen and (min-width: 1270px) and (max-width: 1439px) {
       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main {
         font-size: 1.5rem;
         line-height: 1.15;
       }

       .template-index #SiteCat > li > .site-cat__link.site-cat__link--main .site-cat__icon {
         width: 2.4rem;
         height: 2.4rem;
         flex: 0 0 2.4rem;
       }
     }
     @media screen and (max-width: 1269px) {
       #CategoryBox
         ul#SiteCat
         .site-nav__childlist-item-dropdown.toggle
         span.mobile_togglemenu::before,#CategoryBox ul#SiteCat > li.site-cat--has-dropdown.toggle > span.mobile_togglemenu::before {
         content: "+";
         font-size: 19px;
         font-weight: 400;
         height: 20px;
         margin: 0;
         position: absolute;
         right: 10px;
         text-align: center;
         top: 2px;
         width: 20px;
         cursor: pointer;
         color: var(--color-base-accent-2);
       }
       .header-sidecategory {
         width: 100%;
       }
       #CategoryBox {
         display: none;
       }
       .side-categories .icon.icon-caret {
         margin-right: 15px;
       }
       .header-category,
       .header-menu {
         width: auto;
       }
       .site-nav__childlist-grid,
       .grand-child-has-dropdown {
         padding: 0px;
         padding-left: 10px;
       }
       .site-nav__dropdown {
         border: none;
        background-color: #242f3f;
       }
       ul#SiteCat .icon.icon-caret {
         transform: rotate(-180deg) translate(0.15rem);
         width: 9px;
         height: 26px;
         float: right;
         text-align: right;
        fill: #ffffff;
         display: none;
       }
       .site-nav__dropdown ,.grand-child-has-dropdown{
         display: none;
         opacity: 1;
         -webkit-opacity: 1;
         -moz-opacity: 1;
         -ms-opacity: 1;
         -o-opacity: 1;
         -khtml-opacity: 1;
         -webkit-transition: opacity 1s ease-out;
         -moz-transition: opacity 1s ease-out;
         -ms-transition: opacity 1s ease-out;
         -o-transition: opacity 1s ease-out;
         visibility: visible;
         left: 0px;
         position: relative;
         top: 0;
        background-color: #242f3f;
       }
       #CategoryBox
         ul#SiteCat
         .site-nav__childlist-item-dropdown.toggle.active
         > span.mobile_togglemenu:before,
       #CategoryBox
         ul#SiteCat
         > li.site-cat--has-dropdown.toggle.active
         > span.mobile_togglemenu:before {
         content: "-";
         font-size: 30px;
         top: -10px;
       }
       .header-sidecategory ul {
         padding: 0;
         border: none;
         width: 100%;
       }
       .header-sidecategory ul.grand-child-has-dropdown {
         max-height: 140px;
         overflow: auto;
       }
       #SiteCat {
         z-index: 99;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         height: 100%;
         margin: 0;
         width: 320px;
         bottom: 0;
         overflow: scroll;
         padding-top: 0.5rem;
         transform: translate(-100%);
         transition: transform var(--duration-default) ease-out;
         border-radius: 0;
       }
       #SiteCat {
         transform: translate(0%);
         transition: transform var(--duration-default) ease-out;
       }
       #CategoryBox.active .category_overlay {
         width: 100%;
         background-color: rgba(0,0,0,0.5);
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 99;
       }
       #CategoryBox .icon.icon-close {
         width: 18px;
         height: 18px;
         position: absolute;
         left: auto;
         right: 20px;
         top: 20px;
       }
     }

     /* verticle menu */
     @media screen and (max-width: 989px){
         /* .verticle-menu-drawer {
           position: absolute;
           background-color: var(--color-base-accent-1);
           width: 47px;
           box-shadow: 0 2px 11px 0 rgba(255, 255, 255, 0.1);
           -moz-box-shadow: 0 2px 11px 0 rgba(255, 255, 255, 0.1);
           -webkit-box-shadow: 0 2px 11px 0 rgba(255, 255, 255, 0.1);
           left: 0;
           right: auto;
           cursor: pointer;
           top: 120%;
           z-index: 99;
           padding: 10px 10px;
           color: var(--color-base-background-1);
           border-radius: 0 30px 30px 0;
         }
         .verticle-menu-drawer .box-heading .icon.icon-caret {
           display: none;
         }
         .box-heading .icon.icon-hamburger {
           width: 2.1rem;
           height: 2.3rem;
         }
         .verticle-menu-drawer .box-heading {
         	width: auto;
         	background-color: transparent;
         	padding: 0;
         	font-size: 0;
         	line-height: 0;
         } */
       .verticle-menu-drawer {
          position: fixed;
          background-color: var(--color-base-accent-1);
          width: 47px;
          box-shadow: 0 2px 11px 0 #5552;
          -moz-box-shadow: 0 2px 11px 0 #5552;
          -webkit-box-shadow: 0 2px 11px 0 #5552;
          left: 0;
          right: auto;
          cursor: pointer;
          top: 242px;
          z-index: 99;
          padding: 12px 12px;
          color: var(--color-base-background-1);
          border-radius: 0 30px 30px 0;
        }
       .box-heading .icon.icon-hamburger {
       	width: 2.2rem;
       	height: 2.1rem;
       }
        .verticle-menu-drawer .box-heading .icon.icon-caret {
          display: none;
        }
        .verticle-menu-drawer .box-heading {
        	width: auto;
        	background-color: transparent;
        	padding: 0;
        	font-size: 0;
        	line-height: 0;
        }

         body.template-product .verticle-menu-drawer {
           display: none;
         }
       }
      @media screen and (max-width: 479px){
        .verticle-menu-drawer .box-heading{
            width: 240px;
        }
        .verticle-menu-drawer .box-heading .icon.icon-caret {
        	display: none;
        }
      }
     /* @media screen and (max-width: 479px) {
       #CategoryBox .box-heading {
         padding: 12px 12px;
         font-size: 13px;
       }
       #CategoryBox {
         width: 240px;
       } */
     }