.listing-layout { align-items: start; }
.subcategory-showcase h1{margin:0 0 14px;color:var(--ink);font-size:25px;line-height:1.7}.subcategory-showcase+ .listing-toolbar{margin-top:18px}

.filters-panel.modern-filters {
    position: sticky;
    top: 126px;
    padding: 0;
    border:1px solid var(--color-border);
    border-radius: 18px;
    background:var(--color-surface);
    overflow: hidden;
    box-shadow:0 7px 26px rgba(68, 55, 34, .045);
}

.modern-filters .filter-head {
    min-height: 58px;
    margin: 0;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid var(--color-border);
}

.modern-filters .filter-head > div { display: flex; align-items: center; gap: 8px; }
.modern-filters .filter-head > div > i { color:var(--gold-dark); font-size: 17px; }
.modern-filters .filter-head b { color:var(--ink); font-size: 14px; }

.modern-filters .filter-section,
.modern-filters .attribute-filters details {
    margin: 0;
    padding: 0 15px;
    border:0;
    border-bottom:1px solid var(--color-border);
    background:var(--color-surface);
}

.modern-filters .filter-section summary,
.modern-filters .attribute-filters summary {
    min-height: 52px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    color:var(--ink);
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
}

.modern-filters summary::-webkit-details-marker { display: none; }
.modern-filters summary > i { color:var(--color-muted); font-size: 10px; transition: transform .18s ease; }
.modern-filters details[open] > summary > i { transform: rotate(180deg); }

.price-filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 0 14px; }
.price-filter-grid > label { display: grid; gap: 5px; color:var(--muted); font-size: 9px; }
.price-filter-grid > label > div { height: 43px; display: flex; align-items: center; gap: 4px; padding: 0 9px; border:1px solid var(--color-border); border-radius: 11px; background:var(--color-surface); }
.price-filter-grid input { width: 100%; min-width: 0; height: 100%; padding: 0; border:0; outline:0; background:transparent; direction: ltr; text-align: right; font-size: 10px; }
.price-filter-grid small { flex: 0 0 auto; color:var(--color-muted); font-size: 8px; }
.price-filter-grid input::-webkit-inner-spin-button { appearance: none; }

.availability-filter { padding: 0 0 14px; }
.availability-filter select { width: 100%; height: 43px; padding: 0 10px; border:1px solid var(--color-border); border-radius: 11px; outline:0; background:var(--color-surface); color:var(--text); font-size: 10px; }

.modern-filters .attribute-filters { margin: 0; }
.modern-filters .attribute-filters details > div { max-height: 230px; padding: 0 1px 13px; display: grid; gap: 4px; overflow-y: auto; overflow-x: hidden; }
.modern-filters .attribute-filters label { min-height: 35px; margin: 0; padding: 5px 3px; display: flex; align-items: center; gap: 9px; border-radius: 9px; cursor: pointer; font-size: 10px; }
.modern-filters .attribute-filters label:hover { background:var(--surface); }

.modern-filters .attribute-filters input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border:1.5px solid var(--color-border) !important;
    border-radius: 5px !important;
    background:var(--color-surface) !important;
    box-shadow:none !important;
    cursor: pointer;
    position: relative;
}

.modern-filters .attribute-filters input[type="checkbox"]:checked {
    border-color:var(--gold-dark) !important;
    background:var(--gold-dark) !important;
}

.modern-filters .attribute-filters input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 4px;
    top: 4px;
    left: 4px;
    border-left:2px solid var(--color-border);
    border-bottom:2px solid var(--color-border);
    transform: rotate(-45deg);
}

.modern-filters .attribute-filters label > span { min-width: 0; display: flex; align-items: center; gap: 7px; color:var(--text); }
.modern-filters .filter-color { flex: 0 0 18px; width: 18px; height: 18px; border: 2px solid #fff; border-radius: 50%; background: var(--color); box-shadow: 0 0 0 1px #d2cbc0; }

.modern-filters .filter-submit {
    width: calc(100% - 24px);
    margin: 14px 12px;
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.listing-toolbar { min-height: 58px; padding-inline: 15px; border:0; border-bottom:1px solid var(--color-border); border-radius: 0; background:transparent; }
.listing-toolbar > b { color:var(--ink); font-size: 11px; }
.listing-toolbar label { display: flex; align-items: center; gap: 8px; color:var(--muted); font-size: 10px; }
.listing-toolbar select { min-width: 125px; height: 38px; border:0; border-radius: 10px; background:var(--surface); padding-inline: 10px; color:var(--ink); font-weight: 700; outline:0; }
.sort-select-fallback{display:none!important}.sort-tabs{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.sort-tabs::-webkit-scrollbar{display:none}.sort-tabs strong{display:flex;align-items:center;gap:5px;margin-left:4px;color:var(--ink);font-size:10px}.sort-tabs strong i{font-size:18px}.sort-tabs button{height:36px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--color-text);font-size:10px;cursor:pointer;transition:.16s}.sort-tabs button:hover{color:var(--gold-dark);background:rgba(211,189,145,.1)}.sort-tabs button.active{color:var(--color-accent);font-weight:800;background:var(--color-surface-soft)}

@media (max-width: 767px) {
    .filters-panel.modern-filters { position: fixed; top: auto; padding-bottom: env(safe-area-inset-bottom); border-radius: 22px 22px 0 0; }
    .modern-filters .filter-submit { position: sticky; bottom: 0; z-index: 2; }
    .listing-toolbar { padding-inline: 10px; }
}