/*.avst-grid-wrap { display:grid; grid-template-columns:260px 1fr; gap:24px; }*/
.avst-grid-wrap { display:grid; grid-template-columns:260px 1fr; gap:24px; width:100%; min-width:800px; }
@media (max-width: 992px){ .avst-grid-wrap{ grid-template-columns:1fr; } }

.avst-grid-sidebar { border:1px solid #eee; border-radius:8px; padding:16px; background:#fafafa; display:flex; flex-direction:column; gap:16px; }
.avst-box h4{ margin:0 0 10px; font-size:16px; }
.avst-box { background:#fff; border:1px solid #eee; padding:12px; border-radius:8px; }

.avst-select, .avst-input { width:100%; padding:8px; border:1px solid #ddd; border-radius:6px; margin-bottom:8px; background:#fff; }
.avst-price-row { display:flex; gap:8px; }
.avst-btn { display:inline-block; padding:8px 12px; border-radius:6px; background:#111; color:#fff; border:1px solid #111; cursor:pointer; }
.avst-btn-outline { background:#fff; color:#111; }
.avst-link { margin-left:8px; font-size:13px; }

.avst-check { display:flex; align-items:center; gap:8px; margin-bottom:6px; }

.avst-products-grid { min-height:120px; }
.avst-loading { padding:24px; text-align:center; }

.avst-grid { --cols:4; display:grid; grid-template-columns:repeat(var(--cols), minmax(0,1fr)); gap:16px; }
@media (max-width: 992px){ .avst-grid { --cols:2; } }
@media (max-width: 520px){ .avst-grid { --cols:1; } }

.avst-card { border:1px solid #eee; border-radius:10px; overflow:hidden; background:#fff; display:flex; flex-direction:column; transition:box-shadow .2s ease; }
.avst-card:hover { box-shadow:0 6px 18px rgba(0,0,0,.08); }
.avst-thumb { display:block; aspect-ratio:1/1; overflow:hidden; }
.avst-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.avst-title { font-size:16px; line-height:1.35; margin:12px 12px 4px; }
.avst-title a { color:inherit; text-decoration:none; }
.avst-price { margin:0 12px 12px; font-weight:600; }

.avst-pagination { margin-top:16px; display:flex; gap:8px; flex-wrap:wrap;     justify-content: center; }
.avst-pages .avst-page, .avst-pagination .avst-page { border:1px solid #ddd; background:#fff; padding:8px 12px; border-radius:6px; cursor:pointer; margin:0 1px; }
.avst-page.current, .avst-page[aria-current="page"] { background:#111; color:#fff; border-color:#111; }

.avst-price .ui-slider { position: relative; height: 6px; background: #e6e6e6; border-radius: 999px; }
.avst-price .ui-slider .ui-slider-range { position: absolute; height: 6px; background: #111; border-radius: 999px; }
.avst-price .ui-slider .ui-slider-handle {
  position: absolute; top: 50%; transform: translate(-50%, -50%);
  width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 2px solid #111; cursor: pointer;
}
.avst-price-meta { display:flex; align-items:center; gap:8px; justify-content:space-between; margin-top:10px; font-size:14px; }
.avst-price-actions { margin-right:auto; display:flex; gap:8px; }
#price_amount { margin-top:10px; display:block; }
.avst-price-range { margin-top:15px; margin-left:0px; margin-right:0; }