.mc-as{position:relative;}
.mc-as *{box-sizing:border-box;}

.mc-as-title{font:inherit;font-size:18px;letter-spacing:.02em;color:var(--mc-ps-title,#111);margin:0 0 14px;}

.mc-as-block{border:1px solid var(--mc-ps-border,#e9e6df);background:#fff;padding:14px 12px;margin:0 0 14px;}

.mc-as-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;}
.mc-as-label{font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-ps-text,#333);opacity:.85;}

.mc-as-clear{font:inherit;font-size:12px;color:#111;text-decoration:none;opacity:.7;}
.mc-as-clear:hover{opacity:1;text-decoration:underline;}

/* Search */
.mc-as-search{display:flex;gap:10px;align-items:center;}
.mc-as-input{flex:1 1 auto;min-width:0;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--mc-ps-border,#e9e6df);border-radius:999px;outline:none;}
.mc-as-input:focus{border-color:rgba(0,0,0,.35);}
.mc-as-btn{flex:0 0 auto;width:38px;height:46px;border:none;background:var(--mc-gold,#c8a24a);cursor:pointer;position:relative;transition: .3s ease background;}
.mc-as-btn:hover{background: #111;}
.mc-as-btn:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 18a8 8 0 1 1 5.293-14.293A8 8 0 0 1 10 18m0-2a6 6 0 1 0 0-12a6 6 0 0 0 0 12m8.707 6.707-4.172-4.172 1.414-1.414 4.172 4.172z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.mc-as-btn span{display:none;}

/* Categories dropdown */
.mc-as-dd{position:relative;}
.mc-as-ddbtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;border:1px solid var(--mc-ps-border,#e9e6df);background:#fff;cursor:pointer;font:inherit;font-size:14px;color:#111;}
.mc-as-ddbtn__label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}
.mc-as-ddbtn__chev{flex:0 0 auto;width:14px;height:14px;opacity:.85;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'%3E%3Cpath fill='%23111' d='M5.5 7.5 10 12l4.5-4.5 1.5 1.5-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;}

.mc-as-ddpanel{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:99;background:#fff;border:1px solid var(--mc-ps-border,#e9e6df);border-radius:16px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);max-height:420px;overflow:auto;}

.mc-as-ddtop{display:flex;align-items:center;gap:10px;margin:0 0 10px;}
.mc-as-ddsearch{flex:1 1 auto;min-width:0;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--mc-ps-border,#e9e6df);border-radius:999px;outline:none;}
.mc-as-ddsearch:focus{border-color:rgba(0,0,0,.35);}
.mc-as-ddclear{font:inherit;font-size:12px;color:#111;text-decoration:none;opacity:.7;white-space:nowrap;}
.mc-as-ddclear:hover{opacity:1;text-decoration:underline;}

/* Categories */
.mc-as-catlist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.mc-as-catrow{display:flex;align-items:center;gap:8px;}
.mc-as-catlink{flex:1 1 auto;min-width:0;font:inherit;font-size:14px;color:#111;text-decoration:none;line-height:1.25;}
.mc-as-catlink:hover{text-decoration:underline;}
.mc-as-count{flex:0 0 auto;font:inherit;font-size:12px;opacity:.6;}

.mc-as-cat.is-active > .mc-as-catrow .mc-as-catlink{font-weight:600;}

/* Ring sizes */
.mc-as-radio{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto;padding-right:6px;}
.mc-as-radioitem{display:flex;align-items:center;gap:10px;font:inherit;font-size:14px;color:#111;cursor:pointer;}
.mc-as-radioitem input{accent-color:#111;}

/* Loading state controlled by JS */
.mc-pg.is-loading{opacity:.55;pointer-events:none;}
.mc-pg.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,transparent);} 

.mc-as-empty{font:inherit;font-size:13px;opacity:.7;}

/* Price slider */
.mc-as-pricevals{
  display:flex;
  justify-content:space-between;
  margin: 8px 0 10px;
  font-size: 14px;
}

.mc-as-price-slider{
  margin: 8px 6px 4px;
}

/* jQuery UI slider visible defaults (WP doesn't ship theme CSS) */
.mc-as-price-slider.ui-slider{
  position: relative;
  height: 4px;
  border-radius: 999px;
  background: #e7e7e7;
}

.mc-as-price-slider .ui-slider-range{
  position: absolute;
  height: 100%;
  border-radius: 999px;
  background: #c9b26b; /* jei nenori spalvos - pakeisk į #bdbdbd */
}

.mc-as-price-slider .ui-slider-handle{
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #c9b26b;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,.18);
}
/* ── Mobile filter toggle button ─────────────────────────────────────── */
.mc-as-mobile-toggle {
  display: none;
  align-items: center;
  gap: 10px;
  padding: 11px 20px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 999px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background .2s ease;
  position: relative;
}
.mc-as-mobile-toggle:hover { background: #333; }
.mc-as-mobile-toggle svg { flex: 0 0 18px; }

.mc-as-mobile-toggle__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--mc-gold, #c8a24a);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

/* ── Drawer inner wrapper ─────────────────────────────────────────────── */
/* Desktop: always visible regardless of hidden attribute */
.mc-as-inner {
  display: block !important;
}

/* ── Overlay ─────────────────────────────────────────────────────────── */
.mc-as-overlay {
  display: none;
}

/* ── Drawer head/foot: hidden on desktop ─────────────────────────────── */
.mc-as-drawer-head {
  display: none;
}
.mc-as-drawer-foot {
  display: none;
}

/* ── Active filter chips in products-grid extended ───────────────────── */

/* ── MOBILE (≤ 768px) ─────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Show toggle button */
  .mc-as-mobile-toggle {
    display: inline-flex;
    margin-bottom: 16px;
  }

  /* On mobile, inner is hidden by default via visibility/pointer-events */
  /* We can't use display:none because we need CSS transitions */
  .mc-as-inner {
    display: block !important; /* keep block for transitions */
    visibility: hidden;
    pointer-events: none;
  }
  .mc-as-inner.is-open {
    visibility: visible;
    pointer-events: auto;
  }

  /* Overlay */
  .mc-as-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 10100;
    opacity: 0;
    transition: opacity .28s ease;
    pointer-events: none;
  }
  .mc-as-inner.is-open .mc-as-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  /* Drawer slides in from left */
  .mc-as-drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(88vw, 340px);
    background: #fff;
    z-index: 10110;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 4px 0 40px rgba(0,0,0,.18);
    transform: translateX(-105%);
    transition: transform .28s cubic-bezier(.4,0,.2,1);
  }
  .mc-as-inner.is-open .mc-as-drawer {
    transform: translateX(0);
  }

  /* Drawer body scrolls */
  .mc-as-drawer-body {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 0 0 8px;
  }

  /* Header */
  .mc-as-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
    height: 60px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    flex: 0 0 auto;
    background: #fff;
  }
  .mc-as-drawer-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #111;
  }
  .mc-as-drawer-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: none;
    background: rgba(0,0,0,.05);
    border-radius: 999px;
    cursor: pointer;
    color: #111;
    -webkit-tap-highlight-color: transparent;
    transition: background .15s ease;
  }
  .mc-as-drawer-close:hover { background: rgba(0,0,0,.1); }

  /* Footer with apply button */
  .mc-as-drawer-foot {
    display: block;
    flex: 0 0 auto;
    padding: 14px 16px;
    border-top: 1px solid rgba(0,0,0,.08);
    background: #fff;
  }
  .mc-as-apply {
    display: block;
    width: 100%;
    padding: 14px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 999px;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background .2s ease;
    -webkit-tap-highlight-color: transparent;
  }
  .mc-as-apply:hover { background: #333; }

  /* Blocks inside drawer */
  .mc-as-block { margin: 0; border-left: none; border-right: none; border-top: none; border-radius: 0; }
  .mc-as-block:last-child { border-bottom: none; }
}