/* =========================================
   TRYZUB FILTERS — SOURCE ANTI-FLASH
   ========================================= */
@media (max-width: 1180px) {
  .tryzub-filters-panel {
    display: none !important;
  }
}

/* =========================================
   TRYZUB SHOP — DESKTOP FILTER LAYOUT
   Filters desktop mode: 1181px+
   ========================================= */
@media (min-width: 1181px) {
  .mfn-archive-product-tmpl-builder .mcb-wrap-d2oovhkg8 > .mcb-wrap-inner {
    --tryzub-filters-width: clamp(240px, 22vw, 340px);
    --tryzub-shop-gap: clamp(18px, 2vw, 34px);
    display: grid !important;
    grid-template-columns: var(--tryzub-filters-width) minmax(0, 1fr) !important;
    column-gap: var(--tryzub-shop-gap) !important;
    align-items: start !important;
  }

  .mfn-archive-product-tmpl-builder .tryzub-filters-panel,
  .mfn-archive-product-tmpl-builder .column_shop_products {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
  }

  .mfn-archive-product-tmpl-builder .tryzub-filters-panel {
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  .mfn-archive-product-tmpl-builder .column_shop_products {
    grid-column: 2 !important;
    min-width: 0 !important;
  }
}

/* TRYZUB Filters 0.1.5 — desktop-only experimental UI */
@media (min-width: 1181px){
  body.tryzub-filters-mode .tryzub-filters-panel,
  body.tryzub-filters-mode .tryzub-flab__source{
    position:absolute !important;
    left:-10000px !important;
    top:0 !important;
    width:320px !important;
    height:auto !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.tryzub-filters-mode .tryzub-flab{
    position:relative;
    float:left;
    width:360px;
    max-width:360px;
    margin:0 28px 36px 0;
    padding:22px 18px 20px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid rgba(17,24,39,.09);
    border-radius:18px;
    box-shadow:0 14px 34px rgba(17,24,39,.06);
    color:#121722;
    font-family:inherit;
    z-index:4;
  }

  body.tryzub-filters-mode .tryzub-flab__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 4px 14px;
    border-bottom:1px solid rgba(17,24,39,.08);
  }

  body.tryzub-filters-mode .tryzub-flab__title{
    margin:0 !important;
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-.02em;
  }

  body.tryzub-filters-mode .tryzub-flab__reset{
    display:none;
    border:0;
    padding:0;
    background:transparent;
    color:#7b8494;
    font-size:12px;
    font-weight:650;
    cursor:pointer;
  }
  body.tryzub-filters-mode .tryzub-flab__reset.is-visible{display:block}
  body.tryzub-filters-mode .tryzub-flab__reset:hover{color:#111}

  body.tryzub-filters-mode .tryzub-flab__section{
    border-bottom:1px solid rgba(17,24,39,.08);
  }
  body.tryzub-filters-mode .tryzub-flab__section:last-child{border-bottom:0}

  body.tryzub-filters-mode .tryzub-flab__section-toggle{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 4px;
    border:0;
    background:transparent;
    color:#121722;
    font-size:15px;
    font-weight:760;
    text-align:left;
    cursor:pointer;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle i{
    position:relative;
    width:14px;
    height:14px;
    flex:0 0 14px;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::before,
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::after{
    content:"";
    position:absolute;
    background:#111827;
    border-radius:2px;
    transition:.18s ease;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::before{left:1px;top:6px;width:12px;height:2px}
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::after{left:6px;top:1px;width:2px;height:12px}
  body.tryzub-filters-mode .tryzub-flab__section.is-open .tryzub-flab__section-toggle i::after{opacity:0;transform:scaleY(0)}

  body.tryzub-filters-mode .tryzub-flab__section-body{
    display:none;
    padding:0 4px 18px;
  }
  body.tryzub-filters-mode .tryzub-flab__section.is-open .tryzub-flab__section-body{display:block}

  body.tryzub-filters-mode .tryzub-flab__category-list{display:grid;gap:5px}
  body.tryzub-filters-mode .tryzub-flab__category{
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:7px 7px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#303849;
    font-size:15px;
    text-align:left;
    cursor:pointer;
  }
  body.tryzub-filters-mode .tryzub-flab__category:hover{background:#f6f7f9}
  body.tryzub-filters-mode .tryzub-flab__category.is-child{padding-left:26px;font-size:13px;color:#596273}
  body.tryzub-filters-mode .tryzub-flab__radio{
    width:18px;height:18px;flex:0 0 18px;border:1.5px solid #c6cbd3;border-radius:50%;background:#fff;box-sizing:border-box;
  }
  body.tryzub-filters-mode .tryzub-flab__category.is-active .tryzub-flab__radio{
    border:5px solid #f3c623;
  }
  body.tryzub-filters-mode .tryzub-flab__option-label{min-width:0;flex:1 1 auto}
  body.tryzub-filters-mode .tryzub-flab__count{margin-left:auto;color:#9aa2af;font-size:12px}

  body.tryzub-filters-mode .tryzub-flab__size-button{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 13px;
    border:1px solid #e1e4e9;
    border-radius:12px;
    background:#fff;
    color:#151b27;
    cursor:pointer;
  }
  body.tryzub-filters-mode .tryzub-flab__size-button:hover{border-color:#cbd0d8;background:#fafafa}
  body.tryzub-filters-mode .tryzub-flab__size-grid-icon{width:18px;height:18px;border:1.5px solid #8992a1;border-radius:4px;box-shadow:inset 7px 0 0 transparent;position:relative}
  body.tryzub-filters-mode .tryzub-flab__size-summary{min-width:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:650}
  body.tryzub-filters-mode .tryzub-flab__chevron{width:8px;height:8px;border-right:1.5px solid #707988;border-bottom:1.5px solid #707988;transform:rotate(-45deg)}

  body.tryzub-filters-mode .tryzub-flab__price{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}
  body.tryzub-filters-mode .tryzub-flab__price label{position:relative;display:block;margin:0}
  body.tryzub-filters-mode .tryzub-flab__price label>span{display:block;margin:0 0 6px;color:#8b93a1;font-size:11px}
  body.tryzub-filters-mode .tryzub-flab__price input{width:100%;height:44px;margin:0;padding:0 27px 0 10px;border:1px solid #e1e4e9;border-radius:10px;background:#fff;font-size:13px;font-weight:650;box-sizing:border-box}
  body.tryzub-filters-mode .tryzub-flab__price b{position:absolute;right:9px;bottom:13px;color:#7c8492;font-size:12px;font-weight:600}
  body.tryzub-filters-mode .tryzub-flab__price em{padding-bottom:14px;color:#a0a7b2;font-style:normal}

  body.tryzub-filters-mode .tryzub-flab__pill-list{display:flex;flex-wrap:wrap;gap:8px}
  body.tryzub-filters-mode .tryzub-flab__pill{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    border:1px solid #e0e3e8;
    border-radius:999px;
    background:#fff;
    color:#313847;
    font-size:12px;
    font-weight:650;
    cursor:pointer;
  }
  body.tryzub-filters-mode .tryzub-flab__pill:hover{background:#f7f8f9}
  body.tryzub-filters-mode .tryzub-flab__pill.is-active{border-color:#111827;background:#111827;color:#fff}
  body.tryzub-filters-mode .tryzub-flab__pill small{opacity:.62;font-size:10px}

  body.tryzub-filters-mode .tryzub-flab__colors{display:flex;flex-wrap:wrap;gap:10px}
  body.tryzub-filters-mode .tryzub-flab__color{
    width:35px;height:35px;padding:0;border:1.5px solid rgba(0,0,0,.14);border-radius:50%;box-shadow:0 2px 7px rgba(0,0,0,.10);cursor:pointer;position:relative;
  }
  body.tryzub-filters-mode .tryzub-flab__color.is-active::after{
    content:"";position:absolute;inset:-5px;border:2px solid #111827;border-radius:50%;
  }
}

@media (max-width: 1180px){
  body.tryzub-filters-mode .tryzub-flab{display:none !important}
}

/* =========================================
   TRYZUB Filters 0.1.1 refinements
   larger typography + active tags + price slider
   ========================================= */
@media (min-width: 1181px){
  body.tryzub-filters-mode .tryzub-flab{
    width:360px;
    max-width:360px;
    padding:24px 20px 22px;
  }

  body.tryzub-filters-mode .tryzub-flab__title{
    font-size:21px !important;
  }

  body.tryzub-filters-mode .tryzub-flab__reset{
    font-size:13px;
  }

  body.tryzub-filters-mode .tryzub-flab__section-toggle{
    min-height:62px;
    font-size:17px;
  }

  body.tryzub-filters-mode .tryzub-flab__category{
    min-height:42px;
    padding:8px 8px;
    font-size:15.5px;
  }

  body.tryzub-filters-mode .tryzub-flab__category.is-child{
    font-size:14.5px;
  }

  body.tryzub-filters-mode .tryzub-flab__count{
    font-size:13px;
  }

  body.tryzub-filters-mode .tryzub-flab__size-button{
    min-height:54px;
    font-size:15px;
  }

  body.tryzub-filters-mode .tryzub-flab__size-summary{
    font-size:14px;
  }

  body.tryzub-filters-mode .tryzub-flab__pill{
    min-height:42px;
    padding:9px 13px;
    font-size:13.5px;
  }

  body.tryzub-filters-mode .tryzub-flab__pill small{
    font-size:11px;
  }

  body.tryzub-filters-mode .tryzub-flab__active{
    display:none;
    flex-wrap:wrap;
    gap:8px;
    padding:14px 4px 12px;
    border-bottom:1px solid rgba(17,24,39,.08);
  }

  body.tryzub-filters-mode .tryzub-flab__active.is-visible{
    display:flex;
  }

  body.tryzub-filters-mode .tryzub-flab__active-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    max-width:100%;
    padding:7px 9px 7px 11px;
    border:1px solid rgba(17,24,39,.10);
    border-radius:999px;
    background:#f4f5f7;
    color:#202633;
    font-size:12.5px;
    font-weight:700;
    line-height:1.15;
    cursor:pointer;
  }

  body.tryzub-filters-mode .tryzub-flab__active-tag span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body.tryzub-filters-mode .tryzub-flab__active-tag i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    flex:0 0 20px;
    border-radius:50%;
    background:#111827;
    color:#fff;
    font-size:13px;
    font-style:normal;
    line-height:1;
  }

  body.tryzub-filters-mode .tryzub-flab__price-wrap{
    display:grid;
    gap:18px;
  }

  body.tryzub-filters-mode .tryzub-flab__price-slider{
    position:relative;
    height:8px;
    margin:8px 9px 2px;
    border:0 !important;
    border-radius:999px;
    background:#d9dde3;
    box-shadow:none !important;
  }

  body.tryzub-filters-mode .tryzub-flab__price-slider .ui-slider-range{
    height:8px;
    border:0 !important;
    border-radius:999px;
    background:#f3c623;
  }

  body.tryzub-filters-mode .tryzub-flab__price-slider .ui-slider-handle{
    top:50% !important;
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    border:2px solid #111827 !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
    transform:translate(-50%,-50%) !important;
    cursor:grab;
    outline:none !important;
  }

  body.tryzub-filters-mode .tryzub-flab__price-slider .ui-slider-handle:active{
    cursor:grabbing;
  }

  body.tryzub-filters-mode .tryzub-flab__price label>span{
    font-size:12.5px;
  }

  body.tryzub-filters-mode .tryzub-flab__price input{
    height:48px;
    font-size:14px;
  }

  body.tryzub-filters-mode .tryzub-flab__price b{
    bottom:15px;
    font-size:13px;
  }
}

/* 0.1.2 — guaranteed active tags and native dual range */
@media (min-width:1181px){
  body.tryzub-filters-mode .tryzub-flab__active{display:none;flex-wrap:wrap;gap:8px;padding:14px 4px 12px;border-bottom:1px solid rgba(17,24,39,.08)}
  body.tryzub-filters-mode .tryzub-flab__active.is-visible{display:flex!important}
  body.tryzub-filters-mode .tryzub-flab__active-tag{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:100%;padding:7px 9px 7px 12px;border:1px solid rgba(17,24,39,.11);border-radius:999px;background:#f3f4f6;color:#202633;font-size:13px;font-weight:700;cursor:pointer}
  body.tryzub-filters-mode .tryzub-flab__active-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.tryzub-filters-mode .tryzub-flab__active-tag i{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#111827;color:#fff;font-size:14px;font-style:normal}

  body.tryzub-filters-mode .tryzub-flab__price-wrap{display:grid;gap:18px}
  body.tryzub-filters-mode .tryzub-flab__dual-range{position:relative;height:30px;margin:4px 8px 0}
  body.tryzub-filters-mode .tryzub-flab__range-track{position:absolute;left:0;right:0;top:11px;height:7px;border-radius:999px;background:#d9dde3;overflow:hidden}
  body.tryzub-filters-mode .tryzub-flab__range-track span{position:absolute;top:0;bottom:0;border-radius:999px;background:#f3c623}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]{position:absolute;inset:0;width:100%;height:30px;margin:0;padding:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]::-webkit-slider-runnable-track{height:7px;background:transparent;border:0}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8.5px;border:2px solid #111827;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18);pointer-events:auto;-webkit-appearance:none;appearance:none;cursor:grab}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]::-moz-range-track{height:7px;background:transparent;border:0}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]::-moz-range-thumb{width:21px;height:21px;border:2px solid #111827;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18);pointer-events:auto;cursor:grab}
  body.tryzub-filters-mode .tryzub-flab__range-min{z-index:3}
  body.tryzub-filters-mode .tryzub-flab__range-max{z-index:4}
  body.tryzub-filters-mode .tryzub-flab__size-button.is-waiting{opacity:.55;cursor:wait}
  body.tryzub-filters-mode .tryzub-flab__size-button:disabled{pointer-events:none}
}


/* 0.1.4 — wider panel and stable interactions */
@media (min-width:1181px){
  body.tryzub-filters-mode .tryzub-flab{
    width:360px !important;
    max-width:360px !important;
    margin-right:34px !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
  body.tryzub-filters-mode .tryzub-flab.is-busy .tryzub-flab__category{
    pointer-events:none;
  }
  body.tryzub-filters-mode .tryzub-flab__category{
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  body.tryzub-filters-mode .tryzub-flab__category:active{
    transform:none !important;
  }
  body.tryzub-filters-mode .tryzub-flab__size-button:disabled{
    opacity:1 !important;
    cursor:pointer !important;
  }
}


/* =========================================
   0.1.5 — inline size and text color filters
   ========================================= */
@media (min-width: 1181px){
  body.tryzub-filters-mode .tryzub-flab__size-button,
  body.tryzub-filters-mode .tryzub-flab__colors{
    display:none !important;
  }

  body.tryzub-filters-mode .tryzub-flab__check-list{
    display:grid;
    gap:6px;
  }

  body.tryzub-filters-mode .tryzub-flab__check-list--sizes{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body.tryzub-filters-mode .tryzub-flab__check-option{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:#303849;
    font-size:14px;
    font-weight:600;
    text-align:left;
    cursor:pointer;
    transition:background .16s ease,border-color .16s ease,transform .12s ease;
  }

  body.tryzub-filters-mode .tryzub-flab__check-option:hover{
    background:#f6f7f9;
  }

  body.tryzub-filters-mode .tryzub-flab__check-option:active{
    transform:scale(.985);
  }

  body.tryzub-filters-mode .tryzub-flab__check-list--sizes .tryzub-flab__check-option{
    border-color:#e1e4e9;
    background:#fff;
  }

  body.tryzub-filters-mode .tryzub-flab__check-list--sizes .tryzub-flab__check-option:hover{
    border-color:#cbd0d8;
    background:#fafafa;
  }

  body.tryzub-filters-mode .tryzub-flab__checkbox{
    position:relative;
    width:18px;
    height:18px;
    flex:0 0 18px;
    border:1.5px solid #b8c0cc;
    border-radius:5px;
    background:#fff;
    box-sizing:border-box;
  }

  body.tryzub-filters-mode .tryzub-flab__check-option.is-active{
    border-color:rgba(17,24,39,.16);
    background:#f3f4f6;
    color:#111827;
  }

  body.tryzub-filters-mode .tryzub-flab__check-option.is-active .tryzub-flab__checkbox{
    border-color:#111827;
    background:#111827;
  }

  body.tryzub-filters-mode .tryzub-flab__check-option.is-active .tryzub-flab__checkbox::after{
    content:"";
    position:absolute;
    left:4px;
    top:1px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
  }
}

/* =========================================
   TRYZUB Filters 0.1.7
   live size section + responsive desktop + mobile drawer
   ========================================= */
body.tryzub-filters-mode .tryzub-flab__mobile-head,
body.tryzub-filters-mode .tryzub-flab__overlay{display:none}

@media (min-width:1181px){
  body.tryzub-filters-mode .tryzub-flab{
    width:clamp(300px,22vw,360px) !important;
    max-width:360px !important;
    flex:0 0 clamp(300px,22vw,360px);
    margin-right:clamp(16px,2vw,28px) !important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.tryzub-filters-mode .tryzub-flab{
    width:300px !important;
    max-width:300px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle{font-size:15px !important}
  body.tryzub-filters-mode .tryzub-flab__category{font-size:14px !important}
}

body.tryzub-filters-mode .tryzub-flab__size-live{min-height:46px}
body.tryzub-filters-mode .tryzub-flab__size-placeholder{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
body.tryzub-filters-mode .tryzub-flab__size-placeholder span{
  display:block;height:42px;border-radius:10px;
  background:linear-gradient(90deg,#f2f3f5 25%,#fafafa 37%,#f2f3f5 63%);
  background-size:400% 100%;animation:tryzubFlabPulse 1.15s ease infinite;
}
@keyframes tryzubFlabPulse{0%{background-position:100% 0}100%{background-position:0 0}}

@media (max-width:1180px){
  body.tryzub-filters-mode .tryzub-flab__source,
  body.tryzub-filters-mode body>.tryzub-filters-panel{
    display:none !important;
  }
  body.tryzub-filters-mode .tryzub-flab{
    display:block !important;
    position:fixed !important;
    top:0 !important;left:0 !important;bottom:0 !important;
    width:min(88vw,420px) !important;
    max-width:420px !important;
    height:100dvh !important;
    margin:0 !important;
    padding:0 18px 28px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 20px 20px 0 !important;
    box-shadow:0 0 36px rgba(0,0,0,.2) !important;
    z-index:1000001 !important;
    transform:translateX(-105%);
    visibility:hidden;
    transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s;
  }
  body.tryzub-filters-mode.tryzub-flab-mobile-open .tryzub-flab{
    transform:translateX(0);visibility:visible;
    transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s;
  }
  body.tryzub-filters-mode .tryzub-flab__overlay{
    display:block;position:fixed;inset:0;background:rgba(0,0,0,.38);
    z-index:1000000;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .25s ease,visibility 0s linear .25s;
  }
  body.tryzub-filters-mode.tryzub-flab-mobile-open .tryzub-flab__overlay{
    opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s;
  }
  body.tryzub-filters-mode.tryzub-flab-mobile-open{overflow:hidden !important}
  body.tryzub-filters-mode .tryzub-flab__mobile-head{
    position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;
    min-height:68px;margin:0 -18px;padding:0 18px;background:#fff;border-bottom:1px solid rgba(17,24,39,.08);
  }
  body.tryzub-filters-mode .tryzub-flab__mobile-head strong{font-size:21px}
  body.tryzub-filters-mode .tryzub-flab__close{
    width:42px;height:42px;border:0;background:transparent;font-size:36px;line-height:1;color:#111;cursor:pointer;
  }
  body.tryzub-filters-mode .tryzub-flab__head{padding-top:18px}
  body.tryzub-filters-mode .tryzub-flab__title{display:none}
  body.tryzub-filters-mode .tryzub-flab__section-toggle{min-height:60px;font-size:17px}
  body.tryzub-filters-mode .tryzub-flab__category{min-height:46px;font-size:16px}
  body.tryzub-filters-mode .tryzub-flab__category.is-child{font-size:15px}
  body.tryzub-filters-mode .tryzub-flab__check-option{min-height:46px}
}

@media (max-width:480px){
  body.tryzub-filters-mode .tryzub-flab{width:100vw !important;max-width:none !important;border-radius:0 !important}
}

/* =========================================
   TRYZUB Filters 0.1.8
   MOBILE COMPLETE UI STYLES
   The original base UI was accidentally scoped to desktop only.
   ========================================= */
@media (max-width:1180px){
  body.tryzub-filters-mode > .tryzub-filters-panel,
  body.tryzub-filters-mode .tryzub-flab__source{
    display:none !important;
  }

  body.tryzub-filters-mode .tryzub-flab{
    box-sizing:border-box !important;
    color:#121722 !important;
    font-family:inherit !important;
  }

  body.tryzub-filters-mode .tryzub-flab__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:16px 2px 14px !important;
    border-bottom:1px solid rgba(17,24,39,.08) !important;
  }

  body.tryzub-filters-mode .tryzub-flab__reset{
    display:none !important;
    border:0 !important;
    padding:0 !important;
    background:transparent !important;
    color:#70798a !important;
    font-size:14px !important;
    font-weight:650 !important;
    cursor:pointer !important;
  }
  body.tryzub-filters-mode .tryzub-flab__reset.is-visible{display:block !important}

  body.tryzub-filters-mode .tryzub-flab__active{
    display:none !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    padding:14px 2px !important;
    border-bottom:1px solid rgba(17,24,39,.08) !important;
  }
  body.tryzub-filters-mode .tryzub-flab__active.is-visible{display:flex !important}
  body.tryzub-filters-mode .tryzub-flab__active-tag{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:38px !important;
    max-width:100% !important;
    padding:8px 9px 8px 12px !important;
    border:1px solid rgba(17,24,39,.11) !important;
    border-radius:999px !important;
    background:#f3f4f6 !important;
    color:#202633 !important;
    font-size:14px !important;
    font-weight:700 !important;
  }
  body.tryzub-filters-mode .tryzub-flab__active-tag i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    background:#111827 !important;
    color:#fff !important;
    font-style:normal !important;
  }

  body.tryzub-filters-mode .tryzub-flab__section{
    border-bottom:1px solid rgba(17,24,39,.08) !important;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:0 2px !important;
    border:0 !important;
    background:transparent !important;
    color:#121722 !important;
    font-weight:780 !important;
    text-align:left !important;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle i{
    position:relative !important;
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::before,
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::after{
    content:"" !important;
    position:absolute !important;
    background:#111827 !important;
    border-radius:2px !important;
  }
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::before{left:1px !important;top:6px !important;width:12px !important;height:2px !important}
  body.tryzub-filters-mode .tryzub-flab__section-toggle i::after{left:6px !important;top:1px !important;width:2px !important;height:12px !important}
  body.tryzub-filters-mode .tryzub-flab__section.is-open .tryzub-flab__section-toggle i::after{opacity:0 !important}

  body.tryzub-filters-mode .tryzub-flab__section-body{
    display:none !important;
    padding:0 2px 18px !important;
  }
  body.tryzub-filters-mode .tryzub-flab__section.is-open .tryzub-flab__section-body{display:block !important}

  body.tryzub-filters-mode .tryzub-flab__category-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:4px !important;
  }
  body.tryzub-filters-mode .tryzub-flab__category{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    padding:9px 8px !important;
    border:0 !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#303849 !important;
    text-align:left !important;
  }
  body.tryzub-filters-mode .tryzub-flab__category.is-child{
    padding-left:28px !important;
    color:#596273 !important;
  }
  body.tryzub-filters-mode .tryzub-flab__category.is-active{background:#f6f7f9 !important}
  body.tryzub-filters-mode .tryzub-flab__radio{
    width:19px !important;
    height:19px !important;
    flex:0 0 19px !important;
    border:1.5px solid #c6cbd3 !important;
    border-radius:50% !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }
  body.tryzub-filters-mode .tryzub-flab__category.is-active .tryzub-flab__radio{border:5px solid #f3c623 !important}
  body.tryzub-filters-mode .tryzub-flab__option-label{min-width:0 !important;flex:1 1 auto !important}
  body.tryzub-filters-mode .tryzub-flab__count{margin-left:auto !important;color:#9aa2af !important;font-size:13px !important}

  body.tryzub-filters-mode .tryzub-flab__check-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  body.tryzub-filters-mode .tryzub-flab__check-list--sizes{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.tryzub-filters-mode .tryzub-flab__check-option{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 12px !important;
    border:1px solid #dfe3e9 !important;
    border-radius:11px !important;
    background:#fff !important;
    color:#303849 !important;
    font-size:15px !important;
    font-weight:650 !important;
    text-align:left !important;
  }
  body.tryzub-filters-mode .tryzub-flab__checkbox{
    position:relative !important;
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    border:1.5px solid #b8c0cc !important;
    border-radius:5px !important;
    background:#fff !important;
  }
  body.tryzub-filters-mode .tryzub-flab__check-option.is-active{
    border-color:#111827 !important;
    background:#f4f5f7 !important;
    color:#111827 !important;
  }
  body.tryzub-filters-mode .tryzub-flab__check-option.is-active .tryzub-flab__checkbox{
    border-color:#111827 !important;
    background:#111827 !important;
  }
  body.tryzub-filters-mode .tryzub-flab__check-option.is-active .tryzub-flab__checkbox::after{
    content:"" !important;
    position:absolute !important;
    left:5px !important;
    top:2px !important;
    width:5px !important;
    height:9px !important;
    border-right:2px solid #fff !important;
    border-bottom:2px solid #fff !important;
    transform:rotate(45deg) !important;
  }

  body.tryzub-filters-mode .tryzub-flab__price-wrap{display:grid !important;gap:18px !important}
  body.tryzub-filters-mode .tryzub-flab__dual-range{position:relative !important;height:32px !important;margin:4px 8px 0 !important}
  body.tryzub-filters-mode .tryzub-flab__range-track{position:absolute !important;left:0 !important;right:0 !important;top:12px !important;height:7px !important;border-radius:999px !important;background:#d9dde3 !important;overflow:hidden !important}
  body.tryzub-filters-mode .tryzub-flab__range-track span{position:absolute !important;top:0 !important;bottom:0 !important;border-radius:999px !important;background:#f3c623 !important}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]{position:absolute !important;inset:0 !important;width:100% !important;height:32px !important;margin:0 !important;padding:0 !important;background:transparent !important;pointer-events:none !important;-webkit-appearance:none !important;appearance:none !important;border:0 !important}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]::-webkit-slider-runnable-track{height:7px !important;background:transparent !important;border:0 !important}
  body.tryzub-filters-mode .tryzub-flab__dual-range input[type="range"]::-webkit-slider-thumb{width:24px !important;height:24px !important;margin-top:-8.5px !important;border:2px solid #111827 !important;border-radius:50% !important;background:#fff !important;box-shadow:0 4px 12px rgba(0,0,0,.18) !important;pointer-events:auto !important;-webkit-appearance:none !important;appearance:none !important}
  body.tryzub-filters-mode .tryzub-flab__price{display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;align-items:end !important;gap:8px !important}
  body.tryzub-filters-mode .tryzub-flab__price label{position:relative !important;display:block !important;margin:0 !important}
  body.tryzub-filters-mode .tryzub-flab__price label>span{display:block !important;margin:0 0 6px !important;color:#8b93a1 !important;font-size:12px !important}
  body.tryzub-filters-mode .tryzub-flab__price input{width:100% !important;height:46px !important;margin:0 !important;padding:0 28px 0 11px !important;border:1px solid #e1e4e9 !important;border-radius:10px !important;background:#fff !important;font-size:14px !important;font-weight:650 !important;box-sizing:border-box !important}
  body.tryzub-filters-mode .tryzub-flab__price b{position:absolute !important;right:9px !important;bottom:14px !important;color:#7c8492 !important;font-size:12px !important}
  body.tryzub-filters-mode .tryzub-flab__price em{padding-bottom:14px !important;color:#a0a7b2 !important;font-style:normal !important}

  body.tryzub-filters-mode .tryzub-flab__pill-list{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
  }
  body.tryzub-filters-mode .tryzub-flab__pill{
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:9px 13px !important;
    border:1px solid #e0e3e8 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#313847 !important;
    font-size:14px !important;
    font-weight:650 !important;
  }
  body.tryzub-filters-mode .tryzub-flab__pill.is-active{border-color:#111827 !important;background:#111827 !important;color:#fff !important}
  body.tryzub-filters-mode .tryzub-flab__pill small{opacity:.62 !important;font-size:11px !important}
}


/* 0.2.0 — smoother persistent options and in-place mobile category updates */
body.tryzub-filters-mode .tryzub-flab__sections{transition:opacity .18s ease,transform .18s ease}
body.tryzub-filters-mode .tryzub-flab.is-refreshing .tryzub-flab__sections{opacity:.72;transform:translateY(2px)}
body.tryzub-filters-mode .tryzub-flab__pill,
body.tryzub-filters-mode .tryzub-flab__check-option,
body.tryzub-filters-mode .tryzub-flab__category,
body.tryzub-filters-mode .tryzub-flab__active-tag{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .14s ease,opacity .18s ease}
body.tryzub-filters-mode .tryzub-flab__pill:hover,
body.tryzub-filters-mode .tryzub-flab__check-option:hover,
body.tryzub-filters-mode .tryzub-flab__category:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.08)}
body.tryzub-filters-mode .tryzub-flab__pill.is-pressing,
body.tryzub-filters-mode .tryzub-flab__check-option.is-pressing,
body.tryzub-filters-mode .tryzub-flab__category.is-pressing{transform:scale(.975)!important}
body.tryzub-filters-mode .tryzub-flab__pill.is-active,
body.tryzub-filters-mode .tryzub-flab__check-option.is-active{box-shadow:0 0 0 2px rgba(17,24,39,.12),0 5px 14px rgba(15,23,42,.12)}
body.tryzub-filters-mode .tryzub-flab__active-tag.is-removing{opacity:.4;transform:scale(.96)}
body.tryzub-filters-mode .tryzub-flab.is-content-updating .tryzub-flab__sections:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.18);pointer-events:none}
body.tryzub-filters-mode .tryzub-flab__sections{position:relative}
body.tryzub-filters-mode .tryzub-flab__empty-note{padding:12px 14px;border:1px dashed #d7dce3;border-radius:12px;background:#fafbfc;color:#697386;font-size:13px;line-height:1.35}
@media(max-width:1180px){
 body.tryzub-filters-mode.tryzub-flab-mobile-open .tryzub-flab{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease!important}
 body.tryzub-filters-mode .tryzub-flab__pill,body.tryzub-filters-mode .tryzub-flab__check-option{min-height:46px}
}


/* 0.2.2 — stable accordion and size loading */
.tryzub-flab__section-body{overflow:hidden;}
.tryzub-flab__section:not(.is-open) > .tryzub-flab__section-body{display:none !important;}
.tryzub-flab__section.is-open > .tryzub-flab__section-body{display:block !important;}
.tryzub-flab__size-live{min-height:48px;}
.tryzub-flab__size-live.is-loading{display:flex;align-items:center;}
.tryzub-flab.is-refreshing .tryzub-flab__sections{opacity:.985;}

/* 0.3.0 stable refresh: no whole-column movement during synchronization */
body.tryzub-filters-mode .tryzub-flab.is-refreshing .tryzub-flab__sections,
body.tryzub-filters-mode .tryzub-flab.is-content-updating .tryzub-flab__sections{opacity:1 !important;transform:none !important;}
body.tryzub-filters-mode .tryzub-flab__sections{transition:none !important;}

/* =========================================
   TRYZUB Filters 0.3.2
   narrow desktop/tablet: switch to off-canvas before overlap
   ========================================= */
body.tryzub-filters-mode .tryzub-flab-trigger-column{
  display:none !important;
}

@media (min-width:1181px){
  body.tryzub-filters-mode .tryzub-flab{
    min-width:0 !important;
  }

  body.tryzub-filters-mode .column_shop_products,
  body.tryzub-filters-mode .products_wrapper,
  body.tryzub-filters-mode .products_wrapper ul.products,
  body.tryzub-filters-mode .woocommerce ul.products{
    min-width:0 !important;
  }
}

@media (max-width:1180px){
  /* The existing BeTheme button column is normally hidden on laptop widths. */
  body.tryzub-filters-mode .tryzub-flab-trigger-column{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    float:none !important;
    clear:both !important;
    margin:0 0 18px !important;
  }

  body.tryzub-filters-mode .tryzub-filter-bar{
    display:flex !important;
    width:100% !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  body.tryzub-filters-mode .tryzub-filter-btn{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:50px !important;
    padding:12px 20px 12px 18px !important;
    border:1px solid rgba(17,24,39,.10) !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%) !important;
    color:#121722 !important;
    box-shadow:0 8px 22px rgba(17,24,39,.08),inset 0 1px 0 rgba(255,255,255,.9) !important;
    font:inherit !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
    transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease !important;
  }

  body.tryzub-filters-mode .tryzub-filter-btn::before{
    content:"";
    width:18px;
    height:14px;
    flex:0 0 18px;
    background:
      linear-gradient(#111827,#111827) 0 1px/18px 2px no-repeat,
      linear-gradient(#111827,#111827) 0 6px/18px 2px no-repeat,
      linear-gradient(#111827,#111827) 0 11px/18px 2px no-repeat;
    opacity:.82;
  }

  body.tryzub-filters-mode .tryzub-filter-btn:active{
    transform:scale(.985) !important;
    box-shadow:0 4px 12px rgba(17,24,39,.08) !important;
  }

  /* Technical BeTheme source stays hidden; custom panel is the drawer. */
  body.tryzub-filters-mode .tryzub-flab__source,
  body.tryzub-filters-mode .tryzub-filters-panel.tryzub-flab__source{
    display:none !important;
  }

  body.tryzub-filters-mode .column_shop_products,
  body.tryzub-filters-mode .products_wrapper,
  body.tryzub-filters-mode .products_wrapper ul.products,
  body.tryzub-filters-mode .woocommerce ul.products{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
  }
}


/* 0.3.4 — initial search-page skeleton only */
body.tryzub-filters-mode .tryzub-flab__skeleton{display:grid;gap:12px;padding:4px 0 10px}
body.tryzub-filters-mode .tryzub-flab__skeleton span{display:block;height:52px;border-radius:13px;background:linear-gradient(90deg,#f1f3f6 25%,#fafbfc 50%,#f1f3f6 75%);background-size:200% 100%;animation:tryzub-flab-skeleton 1.15s linear infinite}
body.tryzub-filters-mode .tryzub-flab__skeleton span:nth-child(2){height:92px}
body.tryzub-filters-mode .tryzub-flab__skeleton span:nth-child(4){height:72px}
body.tryzub-filters-mode .tryzub-flab.is-ready .tryzub-flab__skeleton{display:none!important}
@keyframes tryzub-flab-skeleton{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){body.tryzub-filters-mode .tryzub-flab__skeleton span{animation:none}}


/* =========================================
   0.3.7 — SEARCH RESULTS AJAX LOADING STATE
   Visual feedback without changing layout height.
   ========================================= */

body.search.search-results.tryzub-filters-mode .products_wrapper {
  position: relative;
}

/* Keep current products visible, but make it clear they are being refreshed. */
body.search.search-results.tryzub-filters-mode.tryzub-products-refreshing
.products_wrapper > ul.products {
  opacity: .48;
  filter: saturate(.82);
  transition: opacity .14s ease, filter .14s ease;
  pointer-events: none;
}

/* Lightweight veil that does not participate in document flow. */
body.search.search-results.tryzub-filters-mode.tryzub-products-refreshing
.products_wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 40;
  background: rgba(255, 255, 255, .34);
  border-radius: 12px;
  pointer-events: none;
}

/* Compact branded status pill. */
body.search.search-results.tryzub-filters-mode.tryzub-products-refreshing
.products_wrapper::after {
  content: "Оновлюємо товари…";
  position: absolute;
  z-index: 41;
  top: clamp(72px, 14vh, 150px);
  left: 50%;
  transform: translateX(-50%);

  min-height: 46px;
  padding: 12px 18px 12px 46px;
  display: inline-flex;
  align-items: center;

  color: #151515;
  background:
    radial-gradient(circle at 23px 50%, transparent 0 5px, #f3c623 5.5px 7.5px, transparent 8px),
    #ffffff;
  border: 1px solid rgba(17, 24, 39, .10);
  border-radius: 999px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, .13);

  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;

  animation: tryzub-search-loading-pulse .85s ease-in-out infinite alternate;
}

@keyframes tryzub-search-loading-pulse {
  from {
    box-shadow: 0 10px 26px rgba(17, 24, 39, .10);
    background-position: 0 0;
  }
  to {
    box-shadow: 0 14px 36px rgba(17, 24, 39, .17);
    background-position: 2px 0;
  }
}

@media (max-width: 767px) {
  body.search.search-results.tryzub-filters-mode.tryzub-products-refreshing
  .products_wrapper::after {
    top: 56px;
    min-height: 42px;
    padding: 10px 15px 10px 42px;
    font-size: 13px;
    background:
      radial-gradient(circle at 21px 50%, transparent 0 4px, #f3c623 4.5px 7px, transparent 7.5px),
      #ffffff;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.search.search-results.tryzub-filters-mode.tryzub-products-refreshing
  .products_wrapper::after {
    animation: none;
  }
}


/* =========================================
   0.4.1 — MOBILE "ДО ТОВАРІВ" ACTION
   Sticky inside the scrolling drawer.
   Entrance animation runs only once per drawer opening.
   ========================================= */

.tryzub-flab__mobile-action {
  display: none;
}

@media (max-width: 1180px) {
  body.tryzub-filters-mode .tryzub-flab {
    padding-bottom: 0 !important;
  }

  body.tryzub-filters-mode .tryzub-flab__mobile-action {
    position: sticky;
    bottom: 0;
    z-index: 12;

    display: flex;
    width: 100%;
    max-height: 0;
    margin-top: 0;
    padding: 0 18px;
    box-sizing: border-box;

    background: linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.96) 30%,
      #fff 62%
    );

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    overflow: hidden;
    transition:
      max-height .28s cubic-bezier(.16,1,.3,1),
      margin-top .28s ease,
      padding .28s ease,
      opacity .2s ease,
      transform .28s cubic-bezier(.16,1,.3,1),
      visibility 0s linear .28s;
  }

    body.tryzub-filters-mode .tryzub-flab.has-mobile-products-action
  .tryzub-flab__mobile-action {
    max-height: 106px;
    margin-top: 12px;
    padding: 18px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
  }


  body.tryzub-filters-mode .tryzub-flab__to-products {
    position: relative;
    width: 100%;
    min-height: 58px;
    padding: 10px 52px 10px 18px;

    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
    gap: 2px;

    border: 0;
    border-radius: 16px;
    background: #111;
    color: #fff;
    box-shadow: 0 14px 30px rgba(17,17,17,.22);

    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    transition: opacity .18s ease, transform .12s ease;
  }

  body.tryzub-filters-mode .tryzub-flab.is-first-mobile-action-reveal
  .tryzub-flab__to-products::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      110deg,
      transparent 20%,
      rgba(255,255,255,.12) 42%,
      transparent 64%
    );
    transform: translateX(-120%);
    animation: tryzub-mobile-products-shine .78s .12s ease-out both;
    pointer-events: none;
  }

  body.tryzub-filters-mode .tryzub-flab__to-products-label {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.15;
  }

  body.tryzub-filters-mode .tryzub-flab__to-products-count {
    position: relative;
    z-index: 1;
    color: rgba(255,255,255,.68);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
  }

  body.tryzub-filters-mode .tryzub-flab__to-products i {
    position: absolute;
    top: 50%;
    right: 18px;
    z-index: 1;

    width: 30px;
    height: 30px;
    margin-top: -15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #f3c623;
    color: #111;
    font-size: 17px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;

    opacity: 1;
    transform: none;
  }

  body.tryzub-filters-mode .tryzub-flab.is-first-mobile-action-reveal
  .tryzub-flab__to-products i {
    animation: tryzub-mobile-products-arrow .44s .12s cubic-bezier(.16,1,.3,1) both;
  }

  body.tryzub-filters-mode .tryzub-flab.is-mobile-action-loading
  .tryzub-flab__to-products {
    opacity: .72;
    cursor: wait;
  }

  body.tryzub-filters-mode .tryzub-flab.is-mobile-action-loading
  .tryzub-flab__to-products i {
    opacity: .48;
  }

  body.tryzub-filters-mode .tryzub-flab.has-no-products .tryzub-flab__to-products {
    background:#f3f4f6;
    color:#111827;
    box-shadow:inset 0 0 0 1px rgba(17,24,39,.08);
    cursor:default;
    opacity:1;
  }

  body.tryzub-filters-mode .tryzub-flab.has-no-products .tryzub-flab__to-products-count {
    color:#6b7280;
  }

  body.tryzub-filters-mode .tryzub-flab.has-no-products .tryzub-flab__to-products i {
    background:#e5e7eb;
    color:#6b7280;
  }

  body.tryzub-filters-mode .tryzub-flab__to-products:active:not(:disabled) {
    transform: scale(.985);
  }
}

@keyframes tryzub-mobile-action-enter {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tryzub-mobile-products-shine {
  to { transform: translateX(120%); }
}

@keyframes tryzub-mobile-products-arrow {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(.88);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.tryzub-filters-mode .tryzub-flab__mobile-action,
  body.tryzub-filters-mode .tryzub-flab__to-products::before,
  body.tryzub-filters-mode .tryzub-flab__to-products i {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================
   TRYZUB Filters 0.5.5
   Desktop-only compact sticky accordion.
   No nested sidebar scrolling.
   ========================================= */
@media (min-width:1181px){
  body.tryzub-filters-mode{
    --tryzub-filters-sticky-top:112px;
  }

  body.admin-bar.tryzub-filters-mode{
    --tryzub-filters-sticky-top:144px;
  }

  .mfn-archive-product-tmpl-builder .mcb-wrap-d2oovhkg8,
  .mfn-archive-product-tmpl-builder .mcb-wrap-d2oovhkg8 > .mcb-wrap-inner{
    overflow:visible !important;
  }

  .mfn-archive-product-tmpl-builder .mcb-wrap-d2oovhkg8 > .mcb-wrap-inner > .tryzub-flab{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:start !important;
  }

  body.tryzub-filters-mode .tryzub-flab{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:var(--tryzub-filters-sticky-top,16px) !important;
    align-self:start !important;
    max-height:none !important;
    overflow:visible !important;
    overscroll-behavior:auto !important;
    touch-action:auto !important;
  }

  body.tryzub-filters-mode .tryzub-flab__section-toggle{
    min-height:52px;
  }

  body.tryzub-filters-mode .tryzub-flab__section-body{
    padding-bottom:14px;
  }

  body.tryzub-filters-mode .tryzub-flab__desktop-hidden{
    display:none !important;
  }

  body.tryzub-filters-mode .tryzub-flab__list-toggle{
    width:100%;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    margin:9px 0 0;
    padding:5px 3px 1px;
    border:0;
    background:transparent;
    color:#667085;
    font-size:12px;
    font-weight:750;
    text-align:left;
    cursor:pointer;
  }

  body.tryzub-filters-mode .tryzub-flab__list-toggle:hover{
    color:#111827;
  }

  body.tryzub-filters-mode .tryzub-flab__list-toggle i{
    width:7px;
    height:7px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
    transition:transform .16s ease;
  }

  body.tryzub-filters-mode .tryzub-flab__section.is-list-expanded .tryzub-flab__list-toggle i{
    transform:translateY(2px) rotate(225deg);
  }
}

/* =========================================
   TRYZUB Filters 0.5.6
   Desktop category tree + clearer list action.
   ========================================= */
@media (min-width:1181px){
  body.tryzub-filters-mode .tryzub-flab__section--categories .tryzub-flab__category-list{
    display:grid;
    gap:4px;
  }

  body.tryzub-filters-mode .tryzub-flab__category-group{
    min-width:0;
  }

  body.tryzub-filters-mode .tryzub-flab__category-main{
    display:flex;
    align-items:center;
    gap:4px;
    min-width:0;
  }

  body.tryzub-filters-mode .tryzub-flab__category-main > .tryzub-flab__category{
    flex:1 1 auto;
    min-width:0;
    font-size:14px !important;
    font-weight:650;
  }

  body.tryzub-filters-mode .tryzub-flab__category-children-toggle{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#667085;
    cursor:pointer;
    transition:background-color .16s ease,color .16s ease;
  }

  body.tryzub-filters-mode .tryzub-flab__category-children-toggle:hover{
    background:#f3f4f6;
    color:#111827;
  }

  body.tryzub-filters-mode .tryzub-flab__category-children-toggle i{
    width:8px;
    height:8px;
    border-right:1.6px solid currentColor;
    border-bottom:1.6px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
    transition:transform .16s ease;
  }

  body.tryzub-filters-mode .tryzub-flab__category-group.is-open .tryzub-flab__category-children-toggle i{
    transform:translateY(2px) rotate(225deg);
  }

  body.tryzub-filters-mode .tryzub-flab__subcategory-list{
    display:none;
    gap:3px;
    margin:2px 0 7px;
    padding:3px 0 2px 12px;
    border-left:1px solid #e7eaf0;
  }

  body.tryzub-filters-mode .tryzub-flab__category-group.is-open .tryzub-flab__subcategory-list{
    display:grid;
  }

  body.tryzub-filters-mode .tryzub-flab__subcategory-list .tryzub-flab__category.is-child{
    min-height:35px;
    padding-left:12px !important;
    font-size:13px !important;
    color:#596273;
  }

  body.tryzub-filters-mode .tryzub-flab__list-toggle{
    min-height:39px;
    justify-content:center;
    margin-top:10px;
    padding:8px 12px;
    border:1px solid #e4e7ec;
    border-radius:10px;
    background:#f8f9fb;
    color:#475467;
    font-size:13px;
    font-weight:750;
    text-align:center;
  }

  body.tryzub-filters-mode .tryzub-flab__list-toggle:hover{
    background:#f1f3f6;
    border-color:#d7dce3;
    color:#111827;
  }
}


/* =========================================
   TRYZUB Filters 0.5.7
   Mobile compact catalog start.
   - remove the empty WooCommerce pre-content spacer;
   - keep a small intentional gap below the fixed header;
   - tighten the filter trigger and sorting area without touching desktop.
   ========================================= */
@media (max-width:1180px){
  /* BeTheme outputs this empty section before the archive template.
     On mobile it only adds vertical whitespace, so it is safe to collapse. */
  body.tryzub-filters-mode .woocommerce_before_main_content{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Remove inherited top spacing from the first archive section and create
     one small controlled gap instead. */
  body.tryzub-filters-mode .mfn-archive-product-tmpl-builder > .mcb-section:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body.tryzub-filters-mode .mfn-archive-product-tmpl-builder > .mcb-section:first-child > .section_wrapper{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body.tryzub-filters-mode .tryzub-flab-trigger-column{
    margin:10px 0 8px !important;
  }

  body.tryzub-filters-mode .tryzub-filter-bar{
    min-height:44px !important;
  }

  body.tryzub-filters-mode .tryzub-filter-btn{
    min-height:44px !important;
    padding:9px 16px 9px 15px !important;
    border-radius:13px !important;
    font-size:14px !important;
    gap:8px !important;
  }

  body.tryzub-filters-mode .tryzub-filter-btn::before{
    width:17px !important;
    height:13px !important;
    flex-basis:17px !important;
    background:
      linear-gradient(#111827,#111827) 0 1px/17px 2px no-repeat,
      linear-gradient(#111827,#111827) 0 6px/17px 2px no-repeat,
      linear-gradient(#111827,#111827) 0 11px/17px 2px no-repeat !important;
  }

  /* BeTheme's native sorting block follows the trigger column. Keep it close
     to the filter button so the mobile controls read as one compact toolbar. */
  body.tryzub-filters-mode .column_shop_products > .mcb-column-inner,
  body.tryzub-filters-mode .mfn-woo-filters-wrapper.shop-filters{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body.tryzub-filters-mode .mfn-woo-filters-wrapper.shop-filters{
    margin-bottom:10px !important;
  }

  body.tryzub-filters-mode .woocommerce-ordering{
    margin-top:0 !important;
    margin-bottom:8px !important;
  }
}

@media (max-width:480px){
  body.tryzub-filters-mode .tryzub-flab-trigger-column{
    margin-top:8px !important;
  }
}