.elementor-1256 .elementor-element.elementor-element-c9153cd > .elementor-background-overlay{background-color:#000000;opacity:0.37;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1256 .elementor-element.elementor-element-c9153cd > .elementor-container{min-height:147px;}.elementor-1256 .elementor-element.elementor-element-c9153cd .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-1256 .elementor-element.elementor-element-c9153cd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1256 .elementor-element.elementor-element-d96d072 img{width:20%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1256 .elementor-element.elementor-element-b93f40c{text-align:center;}.elementor-1256 .elementor-element.elementor-element-b93f40c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:900;color:#FFFFFF;}.elementor-1256 .elementor-element.elementor-element-fb2e85e:not(.elementor-motion-effects-element-type-background), .elementor-1256 .elementor-element.elementor-element-fb2e85e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}.elementor-1256 .elementor-element.elementor-element-fb2e85e > .elementor-container{max-width:1440px;}.elementor-1256 .elementor-element.elementor-element-fb2e85e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 20px 50px 20px;}.elementor-1256 .elementor-element.elementor-element-fb2e85e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;padding:10px 10px 10px 10px;background-color:#272727;border-color:#F6F6F6;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;border-width:1px 1px 1px 1px;border-color:#4B4B4B;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products ul.products li.product .price{color:#FF0000;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products ul.products li.product .price ins{color:#FF0000;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products ul.products li.product .price ins .amount{color:#FF0000;}.elementor-1256 .elementor-element.elementor-element-613424b nav.woocommerce-pagination ul{border-color:#FEFEFE;}.elementor-1256 .elementor-element.elementor-element-613424b nav.woocommerce-pagination ul li{border-right-color:#FEFEFE;border-left-color:#FEFEFE;}.elementor-1256 .elementor-element.elementor-element-613424b nav.woocommerce-pagination ul li a{color:#FC2525;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products ul.products li.product span.onsale{display:block;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1256 .elementor-element.elementor-element-c9153cd > .elementor-container{min-height:184px;}.elementor-1256 .elementor-element.elementor-element-d96d072 img{width:54%;}.elementor-1256 .elementor-element.elementor-element-b93f40c .elementor-heading-title{font-size:16px;}.elementor-1256 .elementor-element.elementor-element-613424b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-1256 .elementor-element.elementor-element-e8e1274{width:18.645%;}.elementor-1256 .elementor-element.elementor-element-b31ca0b{width:81.02%;}}/* Start custom CSS for html, class: .elementor-element-4f06251 *//* Hide the filter by default on mobile, show only the toggle button */
@media (max-width: 700px) {
  .woof_sid_auto_shortcode, .woof_container, .woof, .widget_woof {
    display: none !important;
    position: fixed;
    top: 64px; /* adjust as needed */
    left: 0;
    width: 100vw;
    z-index: 10001;
    background: #18191b !important;
    box-shadow: 0 2px 18px #000a;
    border-radius: 0 0 12px 12px;
    max-height: 70vh;
    overflow-y: auto;
    padding-bottom: 26px;
    transition: all 0.2s;
  }

  /* Show filter if toggle active */
  body.show-mobile-filter .woof_sid_auto_shortcode,
  body.show-mobile-filter .woof_container,
  body.show-mobile-filter .woof,
  body.show-mobile-filter .widget_woof {
    display: block !important;
  }

  /* Toggle button styling */
  .mobile-filter-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #1a1a1b;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: 2px solid #232323;
    width: 100vw;
    padding: 14px 0 12px 0;
    cursor: pointer;
    z-index: 10002;
    position: relative;
    transition: background 0.15s;
    letter-spacing: 0.04em;
  }
  .mobile-filter-toggle .arrow {
    margin-left: 10px;
    font-size: 1.25em;
    transition: transform 0.22s;
  }
  body.show-mobile-filter .mobile-filter-toggle .arrow {
    transform: rotate(180deg);
  }
}

/* Hide toggle on desktop */
@media (min-width: 701px) {
  .mobile-filter-toggle {
    display: none !important;
  }
}

@media (max-width: 700px) {
  /* Make filter panel feel like an overlay sheet */
  .woof_sid_auto_shortcode, .woof_container, .woof, .widget_woof {
    box-shadow: 0 12px 40px #000c;
    border-radius: 0 0 16px 16px;
    animation: filterDropIn 0.22s cubic-bezier(.42,1.54,.42,.89);
    max-height: 65vh;
    overflow-y: auto;
    top: 54px;  /* adjust if your header is taller/shorter */
    z-index: 10001;
    background: #18191b !important;
  }
  @keyframes filterDropIn {
    from { transform: translateY(-36px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
  }
  /* Slightly stronger outline for the toggle bar */
  .mobile-filter-toggle {
    border-bottom: 2px solid #292929;
    box-shadow: 0 1px 4px #0008;
  }
}

@media (max-width: 700px) {
  .mobile-filter-toggle {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    z-index: 10003 !important;
    background: #18191b !important;
    padding: 15px 0 13px 0 !important;
    font-size: 1.13rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    box-shadow: 0 2px 12px #0008;
  }
  body {
    padding-top: 54px !important; /* Prevent content underlap */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39d4ba9 *//* --- Expand all children, hide "+" --- */
.woof_childs_list {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}
.woof_childs_list_opener {
  display: none !important;
}

/* --- SIDEBAR CONTAINER --- */
.woof_sid_auto_shortcode, .woof_container, .woof, .widget_woof {
  background: #18191b !important;
  border-radius: 8px;                /* subtle radius, more square */
  border: 1.5px solid #232323 !important;
  box-shadow: none !important;        /* remove soft shadow */
  padding: 18px 15px 15px 15px;
  margin-bottom: 25px;
  max-width: 270px;
  min-width: 170px;
}

/* --- FILTER TITLE --- */
.woof .widget-title,
.woof h4,
.woof h3,
.woof_title,
.widget-title {
  color: #fff !important;
  font-size: 1.05rem !important;
  font-family: 'Montserrat', 'Inter', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 14px;
  border-left: 4px solid #e52b19;
  padding-left: 10px;
  line-height: 1.1;
}

/* --- CATEGORY LIST --- */
.woof_list,
.woof_list li,
.woof_list.woof_list_checkbox li {
  background: none !important;
  border: none !important;
  margin-bottom: 0.33em !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* --- CHECKBOXES: Minimal, Square --- */
.woof_list input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background: #101010;
  margin: 0 8px 0 0;
  width: 16px;
  height: 16px;
  border: 2px solid #3b3b3b;
  border-radius: 4px;
  transition: border 0.15s, background 0.15s;
  position: relative;
  cursor: pointer;
  outline: none;
}
.woof_list input[type="checkbox"]:checked {
  border-color: #fff;
  background: #35e8a6;
}
.woof_list input[type="checkbox"]:checked:after {
  content: '';
  width: 4px;
  height: 8px;
  border-right: 2px solid #191919;
  border-bottom: 2px solid #191919;
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 5px;
}

/* --- LABEL: SMALLER & WHITE --- */
.woof_list label,
.woof_list.woof_list_checkbox label {
  color: #fff !important;
  font-size: 0.8rem;
  font-weight: 400;
  font-family: 'Inter', 'Montserrat', Arial, sans-serif;
  letter-spacing: 0.01em;
  line-height: 1.1;
  cursor: pointer;
  padding-left: 0;
  user-select: none;
  transition: color 0.14s;
}
.woof_childs_list label {
  opacity: 0.82;
  font-size: 0.86rem;
  font-weight: 400;
}

/* --- SUBCATEGORY INDENT --- */
.woof_childs_list {
  padding-left: 13px !important;
  border-left: 1.4px solid #232323 !important;
  margin-top: 0.2em !important;
}

/* --- HOVER STATE --- */
.woof_list li:hover > label {
  color: #35e8a6 !important;
  background: none !important;
  border-radius: 0;
  padding-left: 2px;
}

/* --- CLEANUP --- */
.woof_list li:last-child {
  border-bottom: none !important;
}
.woof_list {
  margin-bottom: 0.5em !important;
}

/* --- MOBILE --- */
@media (max-width: 700px) {
  .woof_sid_auto_shortcode, .woof_container, .woof, .widget_woof {
    padding: 8px 3vw 10px 3vw;
    max-width: 100vw;
    min-width: unset;
    border-radius: 6px;
  }
}

/* Ensure ALL category filter items (parent and children) are vertically stacked and inside the container */
.woof_list,
.woof_list.woof_list_checkbox,
.woof_list > li,
.woof_list.woof_list_checkbox > li,
.woof_childs_list,
.woof_childs_list > li {
  display: block !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0 !important;
}

/* Remove any left offset, margin, or gap from parent filter items */
.woof_list > li, .woof_list.woof_list_checkbox > li {
  margin-left: 0 !important;
  padding-left: 0 !important;
  left: 0 !important;
}

/* Fix parent label alignment */
.woof_list label {
  display: inline-block;
  vertical-align: middle;
  white-space: normal !important;
  width: auto;
  padding-left: 0 !important;
}

/* Tighter gap under the filter title */
.woof .widget-title, .woof h4, .woof h3, .woof_title, .widget-title {
  margin-bottom: 8px !important;
}

/* Remove any weird floating or wrap issues */
.woof_list,
.woof_childs_list {
  float: none !important;
  clear: both !important;
}

@media (max-width: 700px) {
  .mobile-filter-toggle {
    position: relative; /* ← Change from sticky to relative */
    top: unset;         /* ← Reset the top offset */
    z-index: 10;
    background: #18191b;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 0.9rem;
    border-bottom: 1px solid #232323;
  }

  body.show-mobile-filter .woof_sid_auto_shortcode {
    display: block !important;
    margin-top: 10px;
  }

  .woof_sid_auto_shortcode {
    display: none !important;
  }
}/* End custom CSS */