.darkof-wsf-wrap{font-family:inherit;margin:0 0 18px;clear:both}.darkof-wsf-toggle{display:inline-flex;align-items:center;gap:8px;width:auto!important;min-height:38px;background:#fff;color:var(--darkof-wsf-brand);border:1px solid #e5e7eb;border-radius:12px;padding:9px 14px;font-size:15px;font-weight:900;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.07);cursor:pointer}.darkof-wsf-toggle svg{color:var(--darkof-wsf-accent)}.darkof-wsf-form{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px;box-shadow:0 8px 25px rgba(0,0,0,.06)}.darkof-wsf-head{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:12px;color:var(--darkof-wsf-brand)}.darkof-wsf-close{background:#fff!important;color:#111!important;border:1px solid #dcdcdc!important;border-radius:12px!important;font-size:32px!important;font-weight:400!important;line-height:1!important;width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.08)!important;opacity:1!important}.darkof-wsf-box{border-top:1px solid #f0f0f0;padding:14px 0}.darkof-wsf-box:first-of-type{border-top:0}.darkof-wsf-box h4{margin:0 0 10px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;color:#111827}.darkof-wsf-box label{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:14px;color:#222}.darkof-wsf-box label .name{flex:1}.darkof-wsf-box em{margin-left:auto;color:#777;font-size:12px;font-style:normal}.darkof-wsf-box input[type=checkbox],.darkof-wsf-box input[type=radio]{accent-color:var(--darkof-wsf-brand);width:16px;height:16px;flex:0 0 auto}.darkof-wsf-price{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.darkof-wsf-price input{width:100%;height:42px;border:1px solid #ddd!important;border-radius:0!important;padding:0 12px;box-shadow:none!important;outline:none!important;background:#fff!important}.darkof-wsf-range{position:relative;margin:6px 2px 10px;height:30px}.darkof-wsf-range-track{position:absolute;left:0;right:0;top:13px;height:3px;background:#e5e7eb;border-radius:50px;box-shadow:none}.darkof-wsf-range-fill{position:absolute;top:13px;height:3px;background:var(--darkof-wsf-accent);border-radius:50px;box-shadow:none}.darkof-wsf-range input[type=range]{position:absolute;left:0;top:0;width:100%;height:30px;margin:0;background:transparent!important;pointer-events:none;-webkit-appearance:none;appearance:none;box-shadow:none!important;outline:none!important;border:0!important}.darkof-wsf-range input[type=range]::-webkit-slider-runnable-track{height:3px;background:transparent;border:0;box-shadow:none}.darkof-wsf-range input[type=range]::-moz-range-track{height:3px;background:transparent;border:0;box-shadow:none}.darkof-wsf-range input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--darkof-wsf-accent);box-shadow:none;cursor:pointer;margin-top:-8px}.darkof-wsf-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--darkof-wsf-accent);box-shadow:none;cursor:pointer}.darkof-range-min{z-index:3}.darkof-range-max{z-index:4}.darkof-wsf-range-values{display:flex;justify-content:space-between;font-size:12px;color:#777;margin-top:-2px}.darkof-wsf-actions{display:grid;gap:8px;margin-top:8px}.darkof-wsf-apply,.darkof-wsf-clear{display:block;text-align:center;background:var(--darkof-wsf-brand)!important;color:#fff!important;border:0!important;text-decoration:none!important;border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer}.darkof-wsf-overlay{display:none}
@media(min-width:769px){.darkof-wsf-toggle{display:none}.darkof-wsf-form{display:block}.darkof-wsf-apply{display:none!important}.darkof-wsf-clear{margin-top:4px;background:#111!important;color:#fff!important}}
@media(max-width:768px){.darkof-wsf-wrap{margin:2px 0 14px;text-align:right}.darkof-wsf-form{position:fixed;z-index:999999;left:-96%;top:0;width:88%;max-width:390px;height:100vh;overflow:auto;border-radius:0 18px 18px 0;transition:left .25s ease;padding:18px;padding-top:16px;text-align:left}.darkof-wsf-wrap.is-open .darkof-wsf-form{left:0}.darkof-wsf-close{display:inline-flex!important}.darkof-wsf-wrap.is-open .darkof-wsf-overlay{display:block;position:fixed;z-index:999998;inset:0;background:rgba(0,0,0,.46);backdrop-filter:blur(1px)}.darkof-wsf-actions{position:static;background:#fff;padding:8px 0 0}.darkof-wsf-apply{background:#111!important;color:#fff!important}.darkof-wsf-clear{background:#fff!important;color:#111!important;border:1px solid #e5e7eb!important}.darkof-wsf-toggle{margin:0}.darkof-wsf-mobile-top{margin-top:-2px!important;margin-bottom:12px!important;text-align:right!important}.woocommerce-breadcrumb+.darkof-wsf-wrap,.woocommerce-products-header+.darkof-wsf-wrap{text-align:right!important}}

.darkof-wsf-availability .darkof-wsf-count{margin-left:auto;color:#777;font-size:12px;font-style:normal;display:inline-block!important}

/* AJAX no-reload filter loading state */
.darkof-wsf-loading{position:relative;min-height:180px;opacity:.72;pointer-events:none;transition:opacity .15s ease}
.darkof-wsf-loader{position:absolute;z-index:20;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:28px;background:rgba(255,255,255,.54);backdrop-filter:blur(1px)}
.darkof-wsf-loader span{display:inline-flex;align-items:center;gap:8px;background:#111;color:#fff;border-radius:999px;padding:9px 16px;font-weight:800;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.darkof-wsf-loader span:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:darkofWsfSpin .75s linear infinite}@keyframes darkofWsfSpin{to{transform:rotate(360deg)}}

/* Polished centered brand loader: no text, professional spinner */
.darkof-wsf-loader{align-items:center!important;justify-content:center!important;padding-top:0!important;background:rgba(255,255,255,.62)!important;backdrop-filter:blur(1.5px)!important}
.darkof-wsf-loader span{width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;background:#fff!important;border:4px solid rgba(17,17,17,.12)!important;border-top-color:var(--darkof-wsf-brand)!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important;font-size:0!important;color:transparent!important;animation:darkofWsfSpin .75s linear infinite!important}
.darkof-wsf-loader span:before{display:none!important;content:none!important}


/* Final polished DARKOF AJAX loader */
.darkof-wsf-loader{position:absolute!important;z-index:50!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.55)!important;backdrop-filter:blur(2px)!important;padding:0!important}
.darkof-wsf-loader span{position:relative!important;width:50px!important;height:50px!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(17,17,17,.08)!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important;padding:0!important;font-size:0!important;color:transparent!important;animation:none!important}
.darkof-wsf-loader span:before{content:""!important;display:block!important;position:absolute!important;inset:8px!important;border-radius:50%!important;border:3px solid rgba(17,17,17,.12)!important;border-top-color:var(--darkof-wsf-brand)!important;border-right-color:var(--darkof-wsf-brand)!important;animation:darkofWsfSpin .7s linear infinite!important}
.darkof-wsf-loader span:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:8px!important;height:8px!important;margin:-4px 0 0 -4px!important;border-radius:50%!important;background:var(--darkof-wsf-brand)!important;opacity:.9!important}

/* Final premium centered loader override - viewport center */
.darkof-wsf-loading{opacity:1!important;pointer-events:none!important;}
.darkof-wsf-loader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.darkof-wsf-loader span{
  position:relative!important;
  width:68px!important;
  height:68px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.06)!important;
  font-size:0!important;
  color:transparent!important;
  animation:none!important;
  overflow:hidden!important;
}
.darkof-wsf-loader span:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:50%!important;
  background:conic-gradient(var(--darkof-wsf-brand) 0 90deg,rgba(17,17,17,.10) 90deg 360deg)!important;
  animation:darkofWsfSpin .75s linear infinite!important;
  border:0!important;
}
.darkof-wsf-loader span:after{
  content:""!important;
  position:absolute!important;
  inset:15px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  left:15px!important;
  top:15px!important;
  opacity:1!important;
}

/* Simple clean loader override - final */
.darkof-wsf-loading{opacity:1!important;pointer-events:none!important;}
.darkof-wsf-loader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:rgba(255,255,255,.45)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.darkof-wsf-loader span{
  width:46px!important;
  height:46px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  background:transparent!important;
  border:4px solid rgba(17,17,17,.16)!important;
  border-top-color:var(--darkof-wsf-brand,#111)!important;
  box-shadow:none!important;
  font-size:0!important;
  color:transparent!important;
  animation:darkofWsfSpin .8s linear infinite!important;
}
.darkof-wsf-loader span:before,
.darkof-wsf-loader span:after{
  display:none!important;
  content:none!important;
}

/* DARKOF mobile breadcrumb + filter alignment only */
@media(max-width:768px){
  .darkof-wsf-mobile-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    margin:12px 0 14px!important;
    padding:0!important;
    clear:both!important;
  }
  .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    flex:1 1 auto!important;
    margin:0!important;
    padding:0!important;
    line-height:38px!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .darkof-wsf-mobile-row .darkof-wsf-wrap{
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    clear:none!important;
    text-align:right!important;
  }
  .darkof-wsf-mobile-row .darkof-wsf-toggle{
    margin:0!important;
    min-height:38px!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


/* DARKOF final mobile alignment + brand hover fix */
@media(max-width:768px){
  body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:0 36px!important;
    margin:10px 0 18px!important;
    clear:both!important;
  }
  body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    grid-column:1!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    line-height:42px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    align-self:center!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    grid-column:2!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    clear:none!important;
    text-align:right!important;
    align-self:center!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111!important;
    border-color:#e5e7eb!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:active{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
    outline:none!important;
    box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover svg,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus svg,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:active svg{
    color:#fff!important;
    stroke:#fff!important;
  }
}
@media(max-width:390px){
  body .darkof-wsf-mobile-row{padding:0!important;}
}

/* DARKOF mobile row final pixel adjustment: align with product grid edges */
@media(max-width:768px){
  body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:0!important;
    margin:8px 0 18px!important;
    clear:both!important;
  }
  body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    grid-column:1!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    line-height:40px!important;
    font-size:15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    align-self:center!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    grid-column:2!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    clear:none!important;
    text-align:right!important;
    align-self:center!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:40px!important;
    min-height:40px!important;
    padding:8px 13px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:15px!important;
    line-height:1!important;
    background:#fff!important;
    color:#111!important;
    border-color:#e5e7eb!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    color:var(--darkof-wsf-accent,#6d3df5)!important;
    stroke:var(--darkof-wsf-accent,#6d3df5)!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:active{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
    outline:none!important;
    box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover svg,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus svg,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:active svg{
    color:#fff!important;
    stroke:#fff!important;
  }
}

/* DARKOF mobile breadcrumb/filter final size + vertical center only */
@media(max-width:768px){
  body .darkof-wsf-mobile-row{
    align-items:center!important;
    column-gap:10px!important;
    margin:8px 0 18px!important;
  }
  body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    display:flex!important;
    align-items:center!important;
    min-height:36px!important;
    line-height:1.25!important;
    font-size:15px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    margin:0!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin:0!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:36px!important;
    min-height:36px!important;
    padding:7px 12px!important;
    border-radius:10px!important;
    font-size:14px!important;
    line-height:1!important;
    gap:7px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.07)!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:17px!important;
    height:17px!important;
  }
}

/* DARKOF mobile final vertical middle fix: breadcrumb aligns to filter button center */
@media(max-width:768px){
  body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
  }
  body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    height:36px!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    line-height:1.2!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(3px)!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
  }
  body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:36px!important;
    min-height:36px!important;
    padding:7px 12px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
}


/* DARKOF FINAL MOBILE POLISH: cache-busted top row, true middle alignment, less top gap */
@media (max-width: 768px){
  body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    padding:0 32px!important;
    margin:-8px 0 15px!important;
    min-height:38px!important;
    line-height:1!important;
  }

  body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1.15!important;
    transform:none!important;
    position:relative!important;
    top:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    text-align:right!important;
  }

  body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:34px!important;
    min-height:34px!important;
    padding:6px 11px!important;
    border-radius:9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
    line-height:1!important;
    transform:none!important;
    background:#fff!important;
    color:#111!important;
    border-color:#e5e7eb!important;
    box-shadow:0 5px 14px rgba(0,0,0,.06)!important;
  }

  body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:16px!important;
    height:16px!important;
    color:var(--darkof-wsf-accent)!important;
  }

  body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:active{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
  }

  body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover svg,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus svg,
  body .darkof-wsf-mobile-row .darkof-wsf-toggle:active svg{
    color:#fff!important;
  }
}


/* DARKOF FINAL FIX 2026-06-03: mobile breadcrumb/filter true center + compact footer gap */
@media (max-width: 768px){
  html body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    width:auto!important;
    max-width:none!important;
    min-height:40px!important;
    height:40px!important;
    margin:-10px 36px 18px!important;
    padding:0!important;
    line-height:1!important;
  }

  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    min-height:40px!important;
    height:40px!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    position:relative!important;
    top:3px!important;
    transform:none!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    min-height:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    text-align:right!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    height:38px!important;
    min-height:38px!important;
    padding:7px 13px!important;
    gap:7px!important;
    margin:0!important;
    line-height:1!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#111!important;
    border:1px solid #e5e7eb!important;
    box-shadow:0 5px 14px rgba(0,0,0,.06)!important;
    transform:none!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:16px!important;
    height:16px!important;
    color:var(--darkof-wsf-accent)!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:active{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover svg,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus svg,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:active svg{
    color:#fff!important;
  }

  html body .woocommerce ul.products{
    margin-bottom:16px!important;
  }
  html body .woocommerce nav.woocommerce-pagination,
  html body nav.woocommerce-pagination{
    margin-top:16px!important;
    margin-bottom:18px!important;
    padding-bottom:0!important;
  }
  html body.woocommerce-shop #primary,
  html body.tax-product_cat #primary,
  html body.woocommerce-shop .site-main,
  html body.tax-product_cat .site-main{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
}

@media (max-width: 380px){
  html body .darkof-wsf-mobile-row{
    margin-left:28px!important;
    margin-right:28px!important;
    column-gap:8px!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    padding-left:11px!important;
    padding-right:11px!important;
  }
}

/* DARKOF FINAL OVERRIDE: mobile row product-grid alignment + footer gap cleanup */
@media (max-width: 768px){
  html body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:38px!important;
    height:38px!important;
    margin:-6px 0 14px!important;
    padding:0!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }

  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    line-height:38px!important;
    position:static!important;
    top:auto!important;
    transform:none!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    text-align:right!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:36px!important;
    min-height:36px!important;
    padding:6px 12px!important;
    gap:7px!important;
    margin:0!important;
    line-height:1!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#111!important;
    border:1px solid #e5e7eb!important;
    box-shadow:0 4px 12px rgba(0,0,0,.055)!important;
    transform:none!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:16px!important;
    height:16px!important;
    color:var(--darkof-wsf-accent,#6d3df5)!important;
    stroke:var(--darkof-wsf-accent,#6d3df5)!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:active{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover svg,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus svg,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:active svg{
    color:#fff!important;
    stroke:#fff!important;
  }

  html body .woocommerce ul.products,
  html body ul.products{
    margin-bottom:6px!important;
    padding-bottom:0!important;
  }
  html body .woocommerce nav.woocommerce-pagination,
  html body nav.woocommerce-pagination{
    margin-top:14px!important;
    margin-bottom:8px!important;
    padding-bottom:0!important;
  }
  html body.woocommerce-shop #primary,
  html body.tax-product_cat #primary,
  html body.woocommerce-shop .site-main,
  html body.tax-product_cat .site-main,
  html body.woocommerce-shop .ast-woocommerce-container,
  html body.tax-product_cat .ast-woocommerce-container{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
  html body.woocommerce-shop .site-content,
  html body.tax-product_cat .site-content{
    padding-bottom:0!important;
  }
  html body .site-footer,
  html body footer.site-footer{
    margin-top:0!important;
  }
}

@media (max-width: 380px){
  html body .darkof-wsf-mobile-row{
    column-gap:8px!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* DARKOF FINAL TUNE: compact mobile filter button only */
@media (max-width: 768px){
  html body .darkof-wsf-mobile-row{
    min-height:34px!important;
    height:34px!important;
    margin:-6px 0 13px!important;
  }
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    height:34px!important;
    min-height:34px!important;
    line-height:34px!important;
    font-size:15px!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    height:34px!important;
    min-height:34px!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:32px!important;
    min-height:32px!important;
    padding:5px 10px!important;
    gap:6px!important;
    border-radius:9px!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:0 3px 9px rgba(0,0,0,.045)!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:14px!important;
    height:14px!important;
  }
}
@media (max-width: 380px){
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    padding-left:9px!important;
    padding-right:9px!important;
    font-size:13.5px!important;
  }
}

/* DARKOF FINAL MOBILE FINISHING: exact topbar alignment + footer gap */
@media (max-width: 768px){
  html body .darkof-wsf-mobile-row{
    width:calc(100% - 72px)!important;
    max-width:none!important;
    margin:-22px auto 22px!important;
    padding:0!important;
    min-height:32px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    column-gap:10px!important;
    clear:both!important;
  }
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    flex:1 1 auto!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    line-height:32px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:16px!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-wrap,
  html body .darkof-wsf-mobile-row .darkof-wsf-mobile-top{
    flex:0 0 auto!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    text-align:right!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:32px!important;
    min-height:32px!important;
    padding:5px 10px!important;
    border-radius:9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    margin:0!important;
    line-height:1!important;
    font-size:14px!important;
    font-weight:800!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:14px!important;
    height:14px!important;
  }

  html body .woocommerce nav.woocommerce-pagination,
  html body nav.woocommerce-pagination,
  html body .darkof-wsf-pagination{
    margin-top:14px!important;
    margin-bottom:8px!important;
    padding-bottom:0!important;
  }
  html body.woocommerce-shop .site-main,
  html body.tax-product_cat .site-main,
  html body.woocommerce-shop .ast-woocommerce-container,
  html body.tax-product_cat .ast-woocommerce-container,
  html body.woocommerce-shop #primary,
  html body.tax-product_cat #primary{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body .site-footer,
  html body footer,
  html body footer.site-footer{
    margin-top:0!important;
  }
}
@media (max-width: 380px){
  html body .darkof-wsf-mobile-row{width:calc(100% - 56px)!important;margin-top:-18px!important;}
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{font-size:15px!important;}
}

/* DARKOF FINAL FINISHING 2026-06-04: mobile topbar edge align + compact filter + balanced gaps */
@media (max-width: 768px){
  html body .darkof-wsf-mobile-row{
    width:calc(100% - 72px)!important;
    max-width:none!important;
    margin:-8px auto 24px!important;
    padding:0!important;
    height:34px!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    column-gap:10px!important;
    box-sizing:border-box!important;
    clear:both!important;
  }

  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    flex:1 1 auto!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    line-height:1.2!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:16px!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-wrap,
  html body .darkof-wsf-mobile-row .darkof-wsf-mobile-top{
    flex:0 0 auto!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    text-align:right!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:34px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    margin:0!important;
    line-height:1!important;
    font-size:14.5px!important;
    font-weight:800!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }

  html body .woocommerce nav.woocommerce-pagination,
  html body nav.woocommerce-pagination,
  html body .darkof-wsf-pagination{
    margin-bottom:8px!important;
    padding-bottom:0!important;
  }
}

@media (max-width: 380px){
  html body .darkof-wsf-mobile-row{
    width:calc(100% - 56px)!important;
    margin-top:-4px!important;
    margin-bottom:22px!important;
  }
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    font-size:15px!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    font-size:14px!important;
    border-radius:9px!important;
  }
}

/* DARKOF TRUE FINAL MOBILE POLISH: product-edge aligned breadcrumb/filter + compact gap */
@media (max-width: 768px){
  html body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    box-sizing:border-box!important;
    min-height:34px!important;
    height:34px!important;
    margin-top:16px!important;
    margin-bottom:18px!important;
    padding:0!important;
    line-height:1!important;
  }

  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    line-height:1.15!important;
    font-size:14.5px!important;
    font-weight:400!important;
    position:static!important;
    top:auto!important;
    transform:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#777!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    text-align:right!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:32px!important;
    min-height:32px!important;
    padding:5px 10px!important;
    gap:6px!important;
    margin:0!important;
    line-height:1!important;
    border-radius:9px!important;
    font-size:13.5px!important;
    font-weight:800!important;
    background:#fff!important;
    color:#111!important;
    border:1px solid #e5e7eb!important;
    box-shadow:0 3px 10px rgba(0,0,0,.05)!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:14px!important;
    height:14px!important;
    color:var(--darkof-wsf-accent,#6d3df5)!important;
    stroke:var(--darkof-wsf-accent,#6d3df5)!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:active{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
    outline:none!important;
  }

  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:hover svg,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:focus svg,
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle:active svg{
    color:#fff!important;
    stroke:#fff!important;
  }

  html body .woocommerce ul.products,
  html body ul.products{
    margin-top:0!important;
  }

  html body .woocommerce nav.woocommerce-pagination,
  html body nav.woocommerce-pagination{
    margin-top:14px!important;
    margin-bottom:8px!important;
    padding-bottom:0!important;
  }

  html body .site-footer,
  html body footer.site-footer,
  html body footer{
    margin-top:0!important;
  }
}

/* DARKOF ABSOLUTE FINAL MOBILE EDGE ALIGN CSS FALLBACK */
@media (max-width:768px){
  html body .darkof-wsf-mobile-row{
    align-items:center!important;
    column-gap:8px!important;
  }
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    font-size:13.5px!important;
    line-height:1.15!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle{
    height:30px!important;
    min-height:30px!important;
    padding:4px 9px!important;
    gap:5px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg{
    width:13px!important;
    height:13px!important;
  }
}

/* DARKOF FINAL ANTI-JUMP FIX: keeps mobile breadcrumb/filter at final size before JS alignment */
@media (max-width:768px){
  html body.woocommerce-page .woocommerce-breadcrumb,
  html body.post-type-archive-product .woocommerce-breadcrumb,
  html body.tax-product_cat .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    font-size:13.5px!important;
    font-weight:400!important;
    line-height:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row,
  html body .darkof-wsf-mobile-row *,
  html body .darkof-wsf-wrap,
  html body .darkof-wsf-toggle{
    transition:none!important;
    animation:none!important;
  }
  html body .darkof-wsf-toggle{
    height:30px!important;
    min-height:30px!important;
    padding:4px 9px!important;
    gap:5px!important;
    border-radius:9px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  html body .darkof-wsf-toggle svg{
    width:13px!important;
    height:13px!important;
  }
}


/* DARKOF TRUE NO-JUMP MOBILE FINAL OVERRIDE - only breadcrumb/filter visual row */
@media (max-width:768px){
  html body .darkof-wsf-mobile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-top:6px!important;
    margin-bottom:16px!important;
    padding:0!important;
    height:32px!important;
    min-height:32px!important;
    line-height:1!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body.woocommerce-page .woocommerce-breadcrumb,
  html body.post-type-archive-product .woocommerce-breadcrumb,
  html body.tax-product_cat .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    font-size:13.5px!important;
    font-weight:400!important;
    line-height:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#777!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    text-align:right!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle,
  html body .darkof-wsf-toggle{
    height:30px!important;
    min-height:30px!important;
    padding:4px 9px!important;
    gap:5px!important;
    border-radius:9px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    margin:0!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg,
  html body .darkof-wsf-toggle svg{
    width:13px!important;
    height:13px!important;
  }
}


/* DARKOF EDGE FINAL ONLY: keep mobile breadcrumb/filter aligned to product grid edges without zoom/jump */
@media (max-width:768px){
  html body .darkof-wsf-mobile-row{
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-top:6px!important;
    margin-bottom:16px!important;
    padding:0!important;
    height:32px!important;
    min-height:32px!important;
    line-height:1!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .woocommerce-breadcrumb,
  html body .darkof-wsf-mobile-row nav.woocommerce-breadcrumb{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:32px!important;
    min-height:32px!important;
    line-height:32px!important;
    margin:0!important;
    padding:0!important;
    font-size:13.5px!important;
    font-weight:400!important;
    color:#777!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle,
  html body .darkof-wsf-toggle{
    height:30px!important;
    min-height:30px!important;
    padding:4px 9px!important;
    gap:5px!important;
    border-radius:9px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    margin:0!important;
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
  html body .darkof-wsf-mobile-row .darkof-wsf-toggle svg,
  html body .darkof-wsf-toggle svg{
    width:13px!important;
    height:13px!important;
  }
}


/* DARKOF PRODUCT EDGE ALIGNMENT FINAL: mobile row uses parent-relative product grid edges, no extra centering. */
@media (max-width:768px){
  html body .darkof-wsf-mobile-row{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:auto!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
}