.elementor-5636 .elementor-element.elementor-element-1e59dae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:050px;--padding-left:0100px;--padding-right:0100px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-button a{background-color:#111;padding:6px 24px 8px 24px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-load-more a{background-color:#111;color:#fff;border-radius:5px 5px 5px 5px;margin:30px 0px 0px 0px;padding:6px 24px 8px 24px;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-cart-button a{background-color:#111;padding:6px 24px 8px 24px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-products-block{grid-template-columns:repeat(3,1fr);grid-column-gap:30px;grid-row-gap:30px;text-align:left;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-thumb{padding-bottom:100%;order:0;margin-bottom:10px;}[data-elementor-device-mode="desktop"] .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-frame, 
                    [data-elementor-device-mode="tablet"] .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-frame{width:24%;}[data-elementor-device-mode="desktop"] .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-products-frame, 
                    [data-elementor-device-mode="tablet"] .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-products-frame{width:calc(100% - 24%);}[data-elementor-device-mode="desktop"] .elementor-5636 .elementor-element.elementor-element-25587ab.eszlwcf-product-filter-list-right .eszlwcf-filter-frame,
                    [data-elementor-device-mode="tablet"] .elementor-5636 .elementor-element.elementor-element-25587ab.eszlwcf-product-filter-list-right .eszlwcf-filter-frame{padding-left:20px;}[data-elementor-device-mode="desktop"] .elementor-5636 .elementor-element.elementor-element-25587ab.eszlwcf-product-filter-list-left .eszlwcf-filter-frame,
                    [data-elementor-device-mode="tablet"] .elementor-5636 .elementor-element.elementor-element-25587ab.eszlwcf-product-filter-list-left .eszlwcf-filter-frame{padding-right:20px;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-product-search-filter-box {order:0;}.elementor-5636 .elementor-element.elementor-element-25587ab ._price-filter-box {order:1;}.elementor-5636 .elementor-element.elementor-element-25587ab ._stock_status-filter-box {order:2;}.elementor-5636 .elementor-element.elementor-element-25587ab ._wc_average_rating-filter-box {order:3;}.elementor-5636 .elementor-element.elementor-element-25587ab  .product_cat-filter-box  .eszlwcf-filter-filed-wrapper {display:block;}.elementor-5636 .elementor-element.elementor-element-25587ab .product_cat-filter-box {order:4;}.elementor-5636 .elementor-element.elementor-element-25587ab  .product_tag-filter-box  .eszlwcf-filter-filed-wrapper {display:block;}.elementor-5636 .elementor-element.elementor-element-25587ab .product_tag-filter-box {order:5;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-title{order:1;margin-bottom:10px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-meta{order:2;margin-bottom:5px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-button{order:3;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-price-regular:not(.sale-price) span, .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-price-regular.sale-price del span{color:#7e7e7e;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-price-regular.sale-price ins, .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-price-regular.sale-price ins span{color:#008000;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-badge-sale{color:#666666;background-color:#fff;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-button a, .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-button i{color:#fff;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-product-button a svg{fill:#fff;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-block{margin:0px 0px 30px 0px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-heading-box{padding:0px 0px 10px 0px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-filed-wrapper .eszlwcf-price-range .ui-slider-handle.ui-state-default{background-color:#fff;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-filed-wrapper .eszlwcf-price-range .ui-slider-handle.ui-state-active{background-color:#4E7661;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-filed-wrapper .eszlwcf-price-range .ui-slider-range{background-color:#4E7661;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-checkbox .eszlwcf-field-box,
                        .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-radio .eszlwcf-field-box{margin-bottom:8px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-checkbox .eszlwcf-field-box:last-child,
                        .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-radio .eszlwcf-field-box:last-child{margin-bottom:0;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-checkbox label::after,
            .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-radio label::after,
            .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-color label::after,
            .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-image label::after{border-color:#6c6f77;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-radio label::after{background-color:#6c6f77;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-checkbox label::before,
            .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-radio label::before,
            .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-color label::before,
            .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-image label::before{border-color:#e2e4ea;background-color:#f7f8f9;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-button .eszlwcf-field-box{margin-bottom:8px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-field-type-button .eszlwcf-field-box label{border-color:#e2e4ea;background-color:#fff;border-radius:4px;}.elementor-5636 .elementor-element.elementor-element-25587ab select{border-radius:4px;color:#111;border-color:#e2e4ea;background-color:#f7f8f9;}.elementor-5636 .elementor-element.elementor-element-25587ab input[type="search"]{border-radius:5px;border-color:#e2e4ea;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-clear-block .eszlwcf-clear, .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-not-found-section .eszlwcf-clear{border:1px solid;border-radius:30px;border-color:#111;padding:5px 15px 5px 15px;margin:0px 10px 10px 0px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-filter-clear-block .eszlwcf-clear:hover, .elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-not-found-section .eszlwcf-clear:hover{border-color:#111;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-load-more{text-align:center;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-loader img{max-width:250px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-loader{background-color:#fff5;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-product-modal-frame .esz-product-modal-container{background-color:#fff;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-product-modal-frame{background-color:#1115;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszwcf-quick-view i{color:#fff;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszwcf-quick-view{background-color:#111;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-title{margin-bottom:15px;color:#111;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-price{margin-bottom:5px;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-price-regular:not(.sale-price) span, .elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-price-regular.sale-price del span{color:#7e7e7e;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-price-regular.sale-price ins, .elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-price-regular.sale-price ins span{color:#008000;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-desc{margin-bottom:15px;color:#7e7e7e;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-meta > *{margin-bottom:8px;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-meta label{color:#111;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-meta{color:#7e7e7e;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-cart-button a, .elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-cart-button i{color:#fff;}.elementor-5636 .elementor-element.elementor-element-25587ab .esz-modal-product-cart-button a svg{fill:#fff;}@media(max-width:1024px){.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-products-block{grid-template-columns:repeat(2,1fr);}}@media(max-width:767px){.elementor-5636 .elementor-element.elementor-element-1e59dae{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-5636 .elementor-element.elementor-element-25587ab .eszlwcf-products-block{grid-template-columns:repeat(1,1fr);}}/* Start custom CSS for eszpf-product-filter, class: .elementor-element-25587ab *//* ============================================================
   GREEN CAP HEALTH — Complete CSS v9
   Paste in: Elementor → Site Settings → Custom CSS
   ============================================================ */

/* ── FILTER SIDEBAR — Sticky desktop ── */
.eszlwcf-filter-frame {
  position: sticky !important;
  top: 20px !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #2e7d32 #e5e7eb !important;
}
.eszlwcf-filter-frame::-webkit-scrollbar { width: 3px !important; }
.eszlwcf-filter-frame::-webkit-scrollbar-track { background: #e5e7eb !important; border-radius: 99px !important; }
.eszlwcf-filter-frame::-webkit-scrollbar-thumb { background: #2e7d32 !important; border-radius: 99px !important; }

/* ── REORDER FILTERS: Categories first, then Price, Status, Tags ── */
.eszlwcf-filter-form {
  display: flex !important;
  flex-direction: column !important;
}
/* Search stays on top */
.eszlwcf-filter-form > *:has(.eszlwcf-filter-filed-search) { order: 0 !important; }
/* Categories — 1st */
.product_cat-filter-box { order: 1 !important; }
/* Price — 2nd */
.eszlwcf-filter-form > *:has(.eszlwcf-price-range),
._price-filter-box,
.flPrice { order: 2 !important; }
/* Status — 3rd */
._stock_status-filter-box { order: 3 !important; }
/* Tags — 4th */
.product_tag-filter-box { order: 4 !important; }
/* Rating hidden */
._wc_average_rating-filter-box { order: 99 !important; display: none !important; }

/* ── GRID ── */
.eszlwcf-products-block { align-items: stretch !important; grid-auto-rows: 1fr !important; }

/* ── CARD ── */
.eszlwcf-product {
  height: 100% !important; display: flex !important; flex-direction: column !important;
  border-radius: 8px !important; overflow: hidden !important;
  border: 1px solid #e5e7eb !important; background: #fff !important;
  transition: box-shadow 0.25s, transform 0.25s !important;
  position: relative !important;
}
.eszlwcf-product:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important; transform: translateY(-2px) !important; }

/* ── CATEGORY TAG on card ── */
.eszlwcf-product-cat-tag {
  display: inline-block !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  bottom: auto !important;
  background: #2e7d32 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  z-index: 3 !important;
  white-space: nowrap !important;
  max-width: 75% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

/* ── IMAGE ── */
.eszlwcf-product .eszlwcf-product-thumb {
  height: 220px !important; min-height: 220px !important; flex: 0 0 220px !important;
  background: #fafaf9 !important; overflow: hidden !important; position: relative !important;
}
.eszlwcf-product .eszlwcf-product-thumb img {
  position: absolute !important; top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  object-fit: contain !important; padding: 14px !important; box-sizing: border-box !important;
}

/* ── TITLE ── */
.eszlwcf-product .eszlwcf-product-title,
.eszlwcf-product h2.eszlwcf-product-title,
.eszlwcf-product h3.eszlwcf-product-title {
  display: -webkit-box !important; -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important; overflow: hidden !important;
  min-height: 66px !important; max-height: 66px !important;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1.55 !important;
  color: #111827 !important; padding: 10px 14px 0 14px !important; margin: 0 !important;
  text-align: left !important; text-decoration: none !important; word-break: break-word !important;
}
.eszlwcf-product .eszlwcf-product-title a { color: #111827 !important; text-decoration: none !important; font-size: 14px !important; font-weight: 600 !important; }
.eszlwcf-product .eszlwcf-product-title a:hover { color: #2e7d32 !important; }

/* ── META — minimal gap between title and price ── */
.eszlwcf-product .eszlwcf-product-meta {
  padding: 2px 14px 8px 14px !important;
  flex-grow: 1 !important; display: flex !important;
  flex-direction: column !important; margin: 0 !important;
}

/* ── PRICE ── */
.eszlwcf-product .eszlwcf-product-price {
  font-size: 13px !important; color: #6b7280 !important;
  margin: 0 !important; padding: 0 !important; line-height: 1.4 !important;
}
.eszlwcf-product .eszlwcf-product-price ins { text-decoration: none !important; font-weight: 700 !important; color: #2e7d32 !important; font-size: 14px !important; }
.eszlwcf-product .eszlwcf-product-price del { color: #9ca3af !important; font-size: 12px !important; margin-right: 4px !important; }

/* ── BUY NOW ── */
.eszlwcf-product .eszlwcf-product-button { width: 100% !important; margin-top: auto !important; flex-shrink: 0 !important; }
.eszlwcf-product .eszlwcf-product-button a {
  display: block !important; width: 100% !important; padding: 12px 16px !important;
  background: #111827 !important; color: #fff !important; text-align: center !important;
  font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.04em !important;
  text-decoration: none !important; border-radius: 0 0 8px 8px !important;
  box-sizing: border-box !important; transition: background 0.2s !important;
}
.eszlwcf-product .eszlwcf-product-button a:hover { background: #2e7d32 !important; }
.eszlwcf-product .eszlwcf-product-button a svg,
.eszlwcf-product .eszlwcf-product-button a i,
.eszlwcf-product .eszlwcf-product-button a .eszlwcf-icon { display: none !important; }

/* ── HIDE RATING ── */
.eszlwcf-filter-block._wc_average_rating-filter-box,
._wc_average_rating-filter-box { display: none !important; }

/* ── FILTER BORDERS ── */
.eszlwcf-filter-block { border-bottom: 1px solid #e5e7eb !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.eszlwcf-filter-block:last-child { border-bottom: none !important; }

/* ── CAT & TAG COLLAPSE ── */
.product_cat-filter-box, .product_tag-filter-box { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.product_cat-filter-box .eszlwcf-filter-filed-wrapper,
.product_cat-filter-box .eszlwcf-filter-filed-extras,
.product_tag-filter-box .eszlwcf-filter-filed-wrapper,
.product_tag-filter-box .eszlwcf-filter-filed-extras {
  display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important;
}
.product_cat-filter-box.is-open .eszlwcf-filter-filed-wrapper,
.product_cat-filter-box.is-open .eszlwcf-filter-filed-extras,
.product_tag-filter-box.is-open .eszlwcf-filter-filed-wrapper,
.product_tag-filter-box.is-open .eszlwcf-filter-filed-extras {
  display: block !important; height: auto !important; padding-bottom: 14px !important; margin: 0 !important;
}
.product_cat-filter-box .eszlwcf-filter-heading-box,
.product_tag-filter-box .eszlwcf-filter-heading-box { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.product_cat-filter-box .eszlwcf-filter-block-heading,
.product_tag-filter-box .eszlwcf-filter-block-heading {
  cursor: pointer !important; display: flex !important; justify-content: space-between !important;
  align-items: center !important; padding: 14px 0 !important; font-size: 15px !important;
  font-weight: 500 !important; color: #111827 !important; border-bottom: none !important;
  user-select: none !important; margin: 0 !important;
}
.product_cat-filter-box .eszlwcf-filter-block-heading::after,
.product_tag-filter-box .eszlwcf-filter-block-heading::after {
  content: '' !important; display: inline-block !important; width: 14px !important; height: 8px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M13 1L7 6L1 1' stroke='%231D1D1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-size: contain !important;
  flex-shrink: 0 !important; margin-left: 10px !important; transition: rotate 0.25s ease !important;
}
.product_cat-filter-box.is-open .eszlwcf-filter-block-heading::after,
.product_tag-filter-box.is-open .eszlwcf-filter-block-heading::after { rotate: 180deg !important; }


/* ══════════════════════════════════════════════════
   TABLET 768–1024px
══════════════════════════════════════════════════ */
@media (max-width: 1024px) and (min-width: 768px) {
  .eszlwcf-products-block { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
  .eszlwcf-product .eszlwcf-product-thumb { height: 180px !important; min-height: 180px !important; flex: 0 0 180px !important; }
  .eszlwcf-product .eszlwcf-product-title,
  .eszlwcf-product h2.eszlwcf-product-title,
  .eszlwcf-product h3.eszlwcf-product-title { font-size: 13px !important; min-height: 60px !important; max-height: 60px !important; padding: 10px 12px 0 12px !important; }
  .eszlwcf-product .eszlwcf-product-meta { padding: 2px 12px 8px 12px !important; }
  .eszlwcf-product .eszlwcf-product-price { font-size: 12px !important; }
  .eszlwcf-product .eszlwcf-product-button a { padding: 10px 12px !important; font-size: 12px !important; }
}


/* ══════════════════════════════════════════════════
   MOBILE ≤767px — Sarinskin style
══════════════════════════════════════════════════ */
@media (max-width: 767px) {

  .eszlwcf-extra-filter-frame {
    position: sticky !important; top: 0 !important; z-index: 999 !important;
    background: #fff !important; padding: 10px 0 !important; margin-bottom: 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    display: flex !important; align-items: center !important; gap: 10px !important;
  }
  .eszlwcf-filters-open-button-container { display: block !important; flex-shrink: 0 !important; }
  .eszlwcf-filters-open-widget {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    padding: 9px 18px !important; background: #111827 !important; color: #fff !important;
    border: none !important; border-radius: 6px !important;
    font-size: 13px !important; font-weight: 700 !important;
    letter-spacing: 0.06em !important; text-transform: uppercase !important;
    cursor: pointer !important; text-decoration: none !important;
  }
  .eszlwcf-filters-open-widget:hover { background: #2e7d32 !important; color: #fff !important; }
  .eszlwcf-sorting-select { flex: 1 !important; width: 100% !important; font-size: 13px !important; padding: 9px 32px 9px 12px !important; border-radius: 6px !important; }

  .eszlwcf-filter-frame {
    position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    top: auto !important; height: 88vh !important; max-height: 88vh !important;
    z-index: 9999999 !important; background: #fff !important;
    border-radius: 20px 20px 0 0 !important;
    box-shadow: 0 -8px 40px rgba(0,0,0,0.18) !important;
    transform: translate3d(0, 120%, 0) !important;
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1) !important;
    overflow: hidden !important; padding: 0 !important;
    display: flex !important; flex-direction: column !important;
  }
  .eszlwcf-filter-frame.filter-open { transform: translate3d(0, 0, 0) !important; }
  .eszlwcf-filter-frame::before {
    content: '' !important; display: block !important;
    width: 40px !important; height: 4px !important;
    background: #d1d5db !important; border-radius: 99px !important;
    margin: 12px auto 0 !important; flex-shrink: 0 !important;
  }
  .eszlwcf-widget-close-container {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 12px 20px !important; border-bottom: 1px solid #e5e7eb !important;
    flex-shrink: 0 !important; background: #fff !important;
  }
  .wpc-widget-popup-title { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; text-align: left !important; width: auto !important; padding: 0 !important; }
  .eszlwcf-widget-close-icon { width: auto !important; height: auto !important; }
  .eszlwcf-widget-close-icon i {
    width: 30px !important; height: 30px !important; background: #f3f4f6 !important;
    color: #111827 !important; border-radius: 50% !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    font-size: 16px !important; cursor: pointer !important; font-style: normal !important;
    font-weight: 700 !important; line-height: 1 !important;
  }
  .eszlwcf-filter-form { flex: 1 !important; overflow-y: auto !important; padding: 0 20px 120px 20px !important; -webkit-overflow-scrolling: touch !important; }

  .eszlwcf-products-block { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .eszlwcf-product .eszlwcf-product-thumb { height: 160px !important; min-height: 160px !important; flex: 0 0 160px !important; }
  .eszlwcf-product .eszlwcf-product-title,
  .eszlwcf-product h2.eszlwcf-product-title,
  .eszlwcf-product h3.eszlwcf-product-title { font-size: 12px !important; min-height: 54px !important; max-height: 54px !important; line-height: 1.5 !important; padding: 8px 10px 0 10px !important; }
  .eszlwcf-product .eszlwcf-product-meta { padding: 1px 10px 6px 10px !important; }
  .eszlwcf-product .eszlwcf-product-price { font-size: 11px !important; }
  .eszlwcf-product .eszlwcf-product-button a { padding: 9px 10px !important; font-size: 11px !important; letter-spacing: 0 !important; }
  .eszlwcf-product-cat-tag { font-size: 9px !important; padding: 3px 8px !important; top: 8px !important; left: 8px !important; }
}


/* ══════════════════════════════════════════════════
   SMALL PHONE ≤420px
══════════════════════════════════════════════════ */
@media (max-width: 420px) {
  .eszlwcf-products-block { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  .eszlwcf-product .eszlwcf-product-thumb { height: 150px !important; min-height: 150px !important; flex: 0 0 150px !important; }
  .eszlwcf-product .eszlwcf-product-title,
  .eszlwcf-product h2.eszlwcf-product-title,
  .eszlwcf-product h3.eszlwcf-product-title { font-size: 11px !important; min-height: 50px !important; max-height: 50px !important; padding: 8px 8px 0 8px !important; }
  .eszlwcf-product .eszlwcf-product-meta { padding: 1px 8px 6px 8px !important; }
  .eszlwcf-product .eszlwcf-product-price { font-size: 11px !important; }
  .eszlwcf-product .eszlwcf-product-button a { padding: 8px 8px !important; font-size: 10px !important; letter-spacing: 0 !important; }
  .eszlwcf-product-cat-tag { font-size: 8px !important; padding: 2px 6px !important; top: 6px !important; left: 6px !important; }
}


/* ══════════════════════════════════════════════════
   MOBILE FIXES
══════════════════════════════════════════════════ */

/* ── Remove pink/purple Elementor border ── */
.elementor-widget-eszlwcf-product-filter,
.elementor-widget-eszlwcf-product-filter .elementor-widget-container,
.eszlwcf-section,
.eszlwcf-products-section,
.eszlwcf-products-frame {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── "Preview for applied filters" chip ── */
.eszlwcf-filter-clear-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
}
.eszlwcf-clear {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: #e6f4ec !important;
  color: #2e7d32 !important;
  border: 1.5px solid #2e7d32 !important;
  border-radius: 99px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}
.eszlwcf-clear:hover { background: #fde8e8 !important; color: #c0392b !important; border-color: #c0392b !important; }
.eszlwcf-clear i { font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; margin-left: 2px !important; }

/* ── Title clamp fix on mobile ── */
@media (max-width: 767px) {
  .eszlwcf-product .eszlwcf-product-title,
  .eszlwcf-product h2.eszlwcf-product-title,
  .eszlwcf-product h3.eszlwcf-product-title {
    -webkit-line-clamp: 2 !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 420px) {
  .eszlwcf-product .eszlwcf-product-title,
  .eszlwcf-product h2.eszlwcf-product-title,
  .eszlwcf-product h3.eszlwcf-product-title {
    -webkit-line-clamp: 2 !important;
    min-height: 33px !important;
    max-height: 33px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }
}


/* ── Hide "Preview for applied filters" tag ── */
.eszlwcf-filter-clear-options,
.eszlwcf-clear,
.eszlwcf-clear-all {
  display: none !important;
}

/* ── Reduce gap between title and price for single-line titles ── */
.eszlwcf-product .eszlwcf-product-title,
.eszlwcf-product h2.eszlwcf-product-title,
.eszlwcf-product h3.eszlwcf-product-title {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.eszlwcf-product .eszlwcf-product-meta {
  padding-top: 0 !important;
  gap: 0 !important;
}
.eszlwcf-product .eszlwcf-product-price {
  margin-top: 2px !important;
  padding-top: 0 !important;
}

/* ── Remove fixed min-height on title — no more empty space ── */
.eszlwcf-product .eszlwcf-product-title,
.eszlwcf-product h2.eszlwcf-product-title,
.eszlwcf-product h3.eszlwcf-product-title {
  min-height: unset !important;
  max-height: unset !important;
  -webkit-line-clamp: 3 !important;
  padding-bottom: 4px !important;
}

/* ── CATEGORY TAG — Top Left Green Pill ── */
.eszlwcf-product .eszlwcf-product-thumb {
  position: relative !important;
}
.eszlwcf-product-cat-tag {
  display: inline-block !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  bottom: auto !important;
  right: auto !important;
  background: #2e7d32 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  z-index: 3 !important;
  white-space: nowrap !important;
  max-width: 75% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
  line-height: 1.4 !important;
}
@media (max-width: 767px) {
  .eszlwcf-product-cat-tag {
    font-size: 9px !important;
    padding: 3px 8px !important;
    top: 6px !important;
    left: 6px !important;
  }
}

/* ── Fix category tag color to Green Cap brand green ── */
.eszlwcf-product-cat-tag {
  background: #2e7d32 !important;
  color: #ffffff !important;
  border: none !important;
}

/* ── Price filter spacing fix ── */
/* Reduce gap above Product Price heading */
.eszlwcf-filter-block {
  padding-top: 0 !important;
}
.eszlwcf-filter-block-heading {
  padding: 12px 0 8px 0 !important;
  margin: 0 !important;
}

/* Reduce space between price label and slider */
.eszlwcf-filter-filed-range {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.eszlwcf-filter-filed-range .eszlwcf-field-box {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Price min/max text ($0 - $119) tighter */
.eszlwcf-price-amount,
.eszlwcf-price-label,
.price_label,
.eszlwcf-filter-filed-range span,
.eszlwcf-filter-filed-range p {
  margin: 0 !important;
  padding: 0 0 4px 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Slider itself — reduce top margin */
.eszlwcf-filter-filed-wrapper .eszlwcf-price-range {
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

/* Remove extra padding inside each filter block */
.eszlwcf-filter-block .eszlwcf-filter-filed-wrapper,
.eszlwcf-filter-block .eszlwcf-filter-filed-range {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ── Price range text on one line ── */
.eszlwcf-filter-filed-range,
.eszlwcf-filter-filed-wrapper .price_label,
.eszlwcf-filter-filed-wrapper .eszlwcf-price-label,
.ui-slider-range ~ span,
.eszlwcf-price-range + span,
.eszlwcf-price-range + p,
.eszlwcf-filter-block .eszlwcf-field-box span {
  white-space: nowrap !important;
  display: inline-block !important;
}

/* Layout: price text left, slider right — side by side */
.eszlwcf-filter-filed-range .eszlwcf-filter-filed-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* Force the price amount container to not wrap */
.eszlwcf-price-label,
.price_label,
.eszlwcf-amount {
  white-space: nowrap !important;
  min-width: fit-content !important;
  font-size: 13px !important;
  color: #6b7280 !important;
}

/* ── Price range — one line fix ── */
.eszlwcf-filter-filed-range {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.eszlwcf-range-value-display {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-size: 13px !important;
  color: #6b7280 !important;
  min-width: 90px !important;
  line-height: 1 !important;
}
.eszlwcf-filter-filed-range .eszlwcf-price-range {
  flex: 1 !important;
  margin: 0 !important;
  width: auto !important;
}

/* ── Align filter sidebar top with product grid ── */
.eszlwcf-section {
  align-items: flex-start !important;
}
.eszlwcf-filter-frame {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.eszlwcf-products-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove top padding from first filter block (Product Search) */
.eszlwcf-filter-block:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.eszlwcf-filter-block:first-child .eszlwcf-filter-block-heading,
.eszlwcf-filter-block:first-child .eszlwcf-filter-heading-box {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.eszlwcf-filter-block:first-child .eszlwcf-filter-filed-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Search input top alignment */
.eszlwcf-filter-filed-search {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── Price slider full width fix ── */
.eszlwcf-filter-filed-range {
  display: block !important;
  flex-wrap: unset !important;
  gap: unset !important;
}
.eszlwcf-range-value-display {
  display: block !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  color: #6b7280 !important;
  margin-bottom: 10px !important;
  line-height: 1.4 !important;
}
.eszlwcf-filter-filed-range .eszlwcf-price-range {
  width: 100% !important;
  display: block !important;
  flex: unset !important;
  margin: 0 0 10px 0 !important;
  height: 4px !important;
  background: #e5e7eb !important;
  border-radius: 99px !important;
  border: none !important;
}
.eszlwcf-filter-filed-range .eszlwcf-price-range .ui-slider-range {
  background: #2e7d32 !important;
  border-radius: 99px !important;
}
.eszlwcf-filter-filed-range .eszlwcf-price-range .ui-slider-handle {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #2e7d32 !important;
  border: 3px solid #fff !important;
  box-shadow: 0 2px 6px rgba(46,125,50,0.35) !important;
  top: -7px !important;
  cursor: grab !important;
  outline: none !important;
}

/* ── Slider overflow fix ── */
.eszlwcf-filter-filed-range {
  padding: 0 8px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.eszlwcf-filter-filed-range .eszlwcf-price-range {
  width: calc(100% - 16px) !important;
  margin: 0 !important;
}

/* ══════════════════════════════════════════════════
   MOBILE COMPREHENSIVE FIX
══════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* ── Section layout — stack vertically ── */
  .eszlwcf-section {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  /* ── Sorting bar — full width row ── */
  .eszlwcf-extra-filter-frame {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 10px 0 !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* ── Filter button — dark pill ── */
  .eszlwcf-filters-open-button-container {
    display: block !important;
    flex-shrink: 0 !important;
  }
  .eszlwcf-filters-open-widget {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 18px !important;
    background: #111827 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  .eszlwcf-filters-open-widget:hover,
  .eszlwcf-filters-open-widget:active {
    background: #2e7d32 !important;
    color: #fff !important;
  }

  /* ── Sort dropdown ── */
  .eszlwcf-sorting-block {
    flex: 1 !important;
    text-align: right !important;
    margin: 0 !important;
  }
  .eszlwcf-sorting-select {
    width: auto !important;
    min-width: 130px !important;
    font-size: 13px !important;
    padding: 9px 30px 9px 10px !important;
    border-radius: 6px !important;
  }

  /* ── Products area takes full width ── */
  .eszlwcf-products-section {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* ── 2 column grid ── */
  .eszlwcf-products-block {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* ── Card ── */
  .eszlwcf-product {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* ── Image ── */
  .eszlwcf-product .eszlwcf-product-thumb {
    height: 150px !important;
    min-height: 150px !important;
    flex: 0 0 150px !important;
  }

  /* ── Title ── */
  .eszlwcf-product .eszlwcf-product-title,
  .eszlwcf-product h2.eszlwcf-product-title,
  .eszlwcf-product h3.eszlwcf-product-title {
    font-size: 12px !important;
    padding: 8px 8px 0 8px !important;
    min-height: unset !important;
    max-height: unset !important;
    -webkit-line-clamp: 2 !important;
  }

  /* ── Price ── */
  .eszlwcf-product .eszlwcf-product-meta {
    padding: 2px 8px 6px 8px !important;
  }
  .eszlwcf-product .eszlwcf-product-price {
    font-size: 11px !important;
  }

  /* ── Buy Now ── */
  .eszlwcf-product .eszlwcf-product-button a {
    padding: 9px 8px !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  /* ── Filter panel — slide up from bottom ── */
  .eszlwcf-filter-frame {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    height: 85vh !important;
    max-height: 85vh !important;
    z-index: 9999999 !important;
    background: #fff !important;
    border-radius: 20px 20px 0 0 !important;
    box-shadow: 0 -8px 40px rgba(0,0,0,0.18) !important;
    transform: translate3d(0, 120%, 0) !important;
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1) !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .eszlwcf-filter-frame.filter-open {
    transform: translate3d(0, 0, 0) !important;
  }

  /* Drag handle */
  .eszlwcf-filter-frame::before {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 4px !important;
    background: #d1d5db !important;
    border-radius: 99px !important;
    margin: 12px auto 0 !important;
    flex-shrink: 0 !important;
  }

  /* Panel header */
  .eszlwcf-widget-close-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid #e5e7eb !important;
    flex-shrink: 0 !important;
    background: #fff !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
  }
  .wpc-widget-popup-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    text-align: left !important;
    width: auto !important;
    padding: 0 !important;
  }
  .eszlwcf-widget-close-icon {
    width: auto !important;
    height: auto !important;
  }
  .eszlwcf-widget-close-icon i {
    width: 32px !important;
    height: 32px !important;
    background: #f3f4f6 !important;
    color: #111827 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    line-height: 1 !important;
  }

  /* Scrollable filter content */
  .eszlwcf-filter-form {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 0 20px 100px 20px !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Slider fix inside panel */
  .eszlwcf-filter-filed-range {
    padding: 0 8px !important;
    overflow: visible !important;
  }
  .eszlwcf-filter-filed-range .eszlwcf-price-range {
    width: calc(100% - 16px) !important;
  }

  /* Category tag smaller */
  .eszlwcf-product-cat-tag {
    font-size: 9px !important;
    padding: 3px 7px !important;
    top: 6px !important;
    left: 6px !important;
  }
}

/* ══════════════════════════════════════════════════
   MOBILE FILTER PANEL — PRECISE FIXES
══════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* ── Panel full width, no overflow ── */
  .eszlwcf-filter-frame {
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  /* ── Filter form no overflow ── */
  .eszlwcf-filter-form {
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 16px 100px 16px !important;
  }

  /* ── Every filter block full width ── */
  .eszlwcf-filter-block {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* ── Price slider — contained properly ── */
  .eszlwcf-filter-filed-range {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 10px !important;
    overflow: visible !important;
  }
  .eszlwcf-filter-filed-wrapper .eszlwcf-price-range {
    width: calc(100% - 20px) !important;
    margin: 8px 0 12px 0 !important;
    box-sizing: border-box !important;
  }

  /* ── Remove empty space below collapsed Tags ── */
  .product_tag-filter-box .eszlwcf-filter-filed-wrapper,
  .product_tag-filter-box .eszlwcf-filter-filed-extras,
  .product_cat-filter-box .eszlwcf-filter-filed-wrapper,
  .product_cat-filter-box .eszlwcf-filter-filed-extras {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    min-height: 0 !important;
  }
  .product_tag-filter-box.is-open .eszlwcf-filter-filed-wrapper,
  .product_tag-filter-box.is-open .eszlwcf-filter-filed-extras,
  .product_cat-filter-box.is-open .eszlwcf-filter-filed-wrapper,
  .product_cat-filter-box.is-open .eszlwcf-filter-filed-extras {
    display: block !important;
    height: auto !important;
    padding-bottom: 12px !important;
    overflow-y: auto !important;
    max-height: 220px !important;
  }

  /* ── Slider handle visible (not cut off) ── */
  .eszlwcf-price-range.ui-slider {
    overflow: visible !important;
  }
  .eszlwcf-price-range .ui-slider-handle {
    outline: none !important;
  }

  /* ── Fix Tags chevron direction ── */
  .product_tag-filter-box .eszlwcf-filter-block-heading::after {
    rotate: 0deg !important;
  }
  .product_tag-filter-box.is-open .eszlwcf-filter-block-heading::after {
    rotate: 180deg !important;
  }

  /* ── No horizontal scroll on page ── */
  .eszlwcf-section,
  .eszlwcf-products-frame,
  .eszlwcf-filter-frame,
  .eszlwcf-filter-form {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

/* ══════════════════════════════════════════════════
   MOBILE FILTER — Sarinskin Left Slide Panel Style
══════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* ── Filter panel — slides in from LEFT ── */
  .eszlwcf-filter-frame {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: auto !important;
    width: 85vw !important;
    max-width: 320px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
    transform: translate3d(-110%, 0, 0) !important;
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1) !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.15) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    z-index: 9999999 !important;
    background: #fff !important;
    padding: 0 !important;
  }
  .eszlwcf-filter-frame.filter-open {
    transform: translate3d(0, 0, 0) !important;
  }

  /* Remove drag handle — not needed for left panel */
  .eszlwcf-filter-frame::before {
    display: none !important;
  }

  /* ── Dark overlay behind panel ── */
  .eszlwcf-filter-frame.filter-open::after {
    content: '' !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0,0,0,0.5) !important;
    z-index: -1 !important;
  }

  /* ── Panel header: "Filter" + X ── */
  .eszlwcf-widget-close-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid #e5e7eb !important;
    flex-shrink: 0 !important;
    background: #fff !important;
  }
  .wpc-widget-popup-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    text-align: left !important;
    width: auto !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .eszlwcf-widget-close-icon {
    width: auto !important;
    height: auto !important;
  }
  .eszlwcf-widget-close-icon i {
    width: 28px !important;
    height: 28px !important;
    background: transparent !important;
    color: #111827 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    border: 1.5px solid #e5e7eb !important;
  }

  /* ── Scrollable filter list ── */
  .eszlwcf-filter-form {
    flex: 1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 20px 40px 20px !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  /* ── Each filter block ── */
  .eszlwcf-filter-block {
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ── Filter heading ── */
  .eszlwcf-filter-block-heading {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #111827 !important;
    padding: 16px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
    cursor: default !important;
  }

  /* ── Price filter — From / To inputs ── */
  .eszlwcf-filter-filed-range {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .eszlwcf-range-value-display {
    display: none !important;
  }

  /* Show From/To labels + inputs side by side */
  .eszlwcf-filter-filed-range .eszlwcf-field-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
  }
  .eszlwcf-filter-filed-range .eszlwcf-field-box label {
    display: block !important;
    font-size: 11px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
  }
  .eszlwcf-filter-filed-range .eszlwcf-field-box input[type="number"] {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #111827 !important;
    background: #f9fafb !important;
    box-sizing: border-box !important;
    outline: none !important;
  }
  .eszlwcf-filter-filed-range .eszlwcf-field-box input[type="number"]:focus {
    border-color: #2e7d32 !important;
    background: #fff !important;
  }

  /* Slider below inputs */
  .eszlwcf-filter-filed-wrapper .eszlwcf-price-range {
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* ── Cat & Tag collapse inside left panel ── */
  .product_cat-filter-box .eszlwcf-filter-block-heading,
  .product_tag-filter-box .eszlwcf-filter-block-heading {
    cursor: pointer !important;
  }
  .product_cat-filter-box .eszlwcf-filter-filed-wrapper,
  .product_cat-filter-box .eszlwcf-filter-filed-extras,
  .product_tag-filter-box .eszlwcf-filter-filed-wrapper,
  .product_tag-filter-box .eszlwcf-filter-filed-extras {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .product_cat-filter-box.is-open .eszlwcf-filter-filed-wrapper,
  .product_cat-filter-box.is-open .eszlwcf-filter-filed-extras,
  .product_tag-filter-box.is-open .eszlwcf-filter-filed-wrapper,
  .product_tag-filter-box.is-open .eszlwcf-filter-filed-extras {
    display: block !important;
    height: auto !important;
    padding-bottom: 12px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
  }

  /* ── FILTER button — stays at top ── */
  .eszlwcf-filters-open-widget {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    background: #111827 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  .eszlwcf-filters-open-widget:hover { background: #2e7d32 !important; }

  /* ── Sorting top bar ── */
  .eszlwcf-extra-filter-frame {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 10px 0 !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
  }
}

/* ══ MOBILE PANEL FINAL FIXES ══ */
@media (max-width: 767px) {

  /* ── White background on panel + form ── */
  .eszlwcf-filter-frame,
  .eszlwcf-filter-form,
  .eszlwcf-filter-block,
  .eszlwcf-widget-close-container {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  /* ── Header: Filter LEFT, X RIGHT ── */
  .eszlwcf-widget-close-container {
    flex-direction: row !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
  }
  .wpc-widget-popup-title {
    order: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
  }
  .eszlwcf-widget-close-icon {
    order: 1 !important;
  }
  .eszlwcf-widget-close-icon i {
    background: transparent !important;
    border: 1.5px solid #e5e7eb !important;
    color: #111827 !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    line-height: 1 !important;
  }

  /* ── Slider contained — no overflow ── */
  .eszlwcf-filter-filed-range,
  .eszlwcf-filter-filed-wrapper {
    overflow: visible !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }
  .eszlwcf-filter-filed-wrapper .eszlwcf-price-range {
    width: calc(100% - 0px) !important;
    margin: 8px 0 14px 0 !important;
    overflow: visible !important;
  }

  /* ── Remove grey overlay from page behind panel ── */
  .eszlwcf-section::before {
    background: rgba(0,0,0,0.45) !important;
    z-index: 9999998 !important;
  }
  .eszlwcf-filter-frame {
    z-index: 9999999 !important;
  }
}



/* ══ MOBILE HEADER + HEADING FINAL FIX ══ */
@media (max-width: 767px) {

  /* Panel header — Filter LEFT, X RIGHT, no row-reverse */
  .eszlwcf-widget-close-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: #fff !important;
    flex-shrink: 0 !important;
  }
  .wpc-widget-popup-title {
    order: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    text-align: left !important;
    width: auto !important;
    padding: 0 !important;
  }
  .eszlwcf-widget-close-icon {
    order: 1 !important;
    width: auto !important;
    height: auto !important;
  }
  .eszlwcf-widget-close-icon i {
    width: 28px !important;
    height: 28px !important;
    border: 1.5px solid #e5e7eb !important;
    background: transparent !important;
    color: #111827 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    font-style: normal !important;
    cursor: pointer !important;
  }

  /* ALL filter block headings — always row, never shift */
  .eszlwcf-filter-block-heading {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 0 !important;
    cursor: default !important;
    background: #fff !important;
  }

  /* Cat & Tag headings clickable but same row layout */
  .product_cat-filter-box .eszlwcf-filter-block-heading,
  .product_tag-filter-box .eszlwcf-filter-block-heading {
    cursor: pointer !important;
    flex-direction: row !important;
  }
}/* End custom CSS */