
.category-results-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}.category-filter-panel{background:#f3f6f8;border:1px solid #e5ebef;border-radius:12px;position:static;max-height:none;overflow:visible}.category-filter-inner{padding:22px}.category-filter-inner h2{font-size:19px;margin:0 0 6px}.category-filter-inner>.help{font-size:12px;color:#64748b;margin:0 0 22px}.category-filter-menu>summary{display:none}.category-filter-panel .filters,.category-filter-panel [data-category-levels]{display:flex;flex-direction:column;gap:0}.category-filter-panel .field{margin:0 0 18px;width:100%;min-width:0}.category-filter-panel .field>label,.category-filter-panel [data-category-levels] label{display:block;font-size:12px;font-weight:650;color:#334155;margin:0 0 7px}.category-filter-panel input,.category-filter-panel select{width:100%;min-height:43px;padding:10px 11px;background:#fff;border:1px solid #dce3e8;border-radius:8px;font-size:13px;color:#002f34}.category-filter-panel select[multiple]{min-height:110px}.category-filter-panel [data-category-picker]{width:100%;border-bottom:1px solid #e0e7ed;margin-bottom:20px;padding-bottom:8px}.category-filter-panel [data-category-hint]{font-size:11px;font-weight:400;line-height:1.6;color:#64748b;margin:0 0 10px}.category-filter-panel .field input+input{margin-top:8px}.category-filter-panel .filter-submit{width:100%;margin-top:4px;font-size:13px}.filter-reset{display:block;text-align:center;font-size:12px;color:#64748b;padding:14px 0 0}.category-results-content{min-width:0}.category-results-content>.section-title{margin-bottom:20px}.category-results-content .empty{background:#fff;border:1px dashed #e0e7ed;border-radius:12px;padding:64px 24px}.category-results-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-results-content .grid.list-view{grid-template-columns:1fr}
@media(max-width:1000px){.category-results-layout{grid-template-columns:245px minmax(0,1fr);gap:24px}.category-filter-inner{padding:18px}}
@media(max-width:760px){.category-results-layout{grid-template-columns:minmax(0,1fr);gap:24px}.category-filter-panel{position:static;max-height:none}.category-filter-menu>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:16px 20px;font-size:14px;font-weight:650}.category-filter-menu>summary::-webkit-details-marker{display:none}.category-filter-menu[open]>summary{border-bottom:1px solid #e5ebef}.category-filter-inner{padding:20px}.category-filter-inner h2,.category-filter-inner>.help{display:none}.category-results-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-results-content .section-title{gap:12px;align-items:center}.category-results-content .empty{padding:40px 20px}.category-results-content .empty p{font-size:13px}}
@media(max-width:500px){.category-results-content .grid{grid-template-columns:1fr}}

.category-primary{padding:22px 22px 0}.category-primary h2{font-size:16px;margin:0 0 18px}.category-primary [data-category-picker]{margin-bottom:0;padding-bottom:16px}.category-filter-panel .filters{margin:0}.category-filter-inner{padding-top:18px}.category-filter-inner h2{font-size:14px;color:#64748b;margin-bottom:18px}
@media(max-width:1000px){.category-primary{padding:18px 18px 0}}
@media(max-width:760px){.category-primary{padding:20px 20px 0}.category-primary h2{font-size:16px}.category-primary [data-category-picker]{border-bottom:0;padding-bottom:8px}.category-filter-menu{border-top:1px solid #e5ebef}.category-filter-inner{padding-top:20px}.category-filter-panel [data-category-hint]{display:none}}

.category-filter-panel .field{margin:0 0 10px}.category-filter-panel .field>label,.category-filter-panel [data-category-levels] label{margin:0 0 4px}.category-filter-panel [data-category-levels] select{display:block;margin-top:4px}.category-filter-panel [data-category-hint]{display:none}.category-primary h2,.category-filter-inner h2{margin-bottom:10px}.category-primary [data-category-picker]{padding-bottom:0}.category-filter-inner{padding-top:12px}.category-filter-panel .field input+input{margin-top:4px}

.category-filter-panel .field{gap:0}.category-filter-panel .field>label{line-height:18px}

@media(max-width:760px){.category-breadcrumbs{display:none}}

.category-filter-panel .category-inline-label select{margin-top:0}

.results-toolbar{gap:8px!important;margin-bottom:16px!important}.results-toolbar>.muted{margin:0;white-space:nowrap;font-size:13px}.results-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px}.results-tools form{margin:0}.results-tools button.secondary{min-height:36px;height:36px;padding:0 10px;font-size:12px;white-space:nowrap}.results-view{display:flex;gap:4px}.results-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #dce4ed;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;list-style:none}.results-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.results-icon:hover,.results-icon.is-active,.results-sort[open]>.results-icon{color:#2563eb;border-color:#93b4ec;background:#eff6ff}.results-icon:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.results-icon::-webkit-details-marker{display:none}.results-sort{position:relative}.results-sort-menu{position:absolute;right:0;top:44px;z-index:10;min-width:210px;padding:6px;background:#fff;border:1px solid #dce4ed;border-radius:10px;box-shadow:0 8px 24px #002f341a}.results-sort-menu a{display:block;padding:9px 12px;border-radius:6px;font-size:13px;white-space:nowrap}.results-sort-menu a:hover,.results-sort-menu a[aria-current]{background:#eff6ff;color:#2563eb}@media(max-width:380px){.results-tools{gap:4px}.results-tools button.secondary{font-size:11px;padding:0 6px}.results-icon{width:32px;height:36px}.results-toolbar>.muted{font-size:12px}}

.category-results-content .list-view .card{grid-template-columns:minmax(180px,32%) minmax(0,1fr);align-items:stretch;min-width:0}.list-view .card>.card-media{grid-column:1;grid-row:1;display:block;min-width:0;background:#f1f5f9}.list-view .card>.card-media img{width:100%;height:100%;min-height:210px;object-fit:cover;aspect-ratio:auto}.list-view .card>.card-body{grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}.list-view .card>.card-favorite{position:absolute;top:0;right:0;width:0;height:0;z-index:2}.list-view .card .finance-row{flex-wrap:wrap;gap:8px 18px}.list-view .card .card-foot{flex-wrap:wrap;gap:4px 12px}.results-sort-note{margin:0 0 8px}@media(max-width:700px){.category-results-content .list-view .card{grid-template-columns:110px minmax(0,1fr)}.list-view .card>.card-media img{min-height:180px}.list-view .card>.card-body{padding:12px}.list-view .card .finance-row{flex-direction:column;gap:6px}.list-view .card .finance-row strong{font-size:16px}.list-view .card .heart{right:8px;top:8px}.list-view .card h3{padding-right:24px;margin-top:8px;font-size:13px}.list-view .card .tags{padding-right:22px}.list-view .card .card-foot{flex-direction:column}}

/* List photos keep the complete frame instead of stretching to the text height. */
.category-results-content .list-view .card>.card-media{display:flex;align-items:center;justify-content:center;background:#fff}
.category-results-content .list-view .card>.card-media img{display:block;width:100%;height:220px;min-height:0;object-fit:contain;object-position:center;background:#fff;aspect-ratio:auto}
@media(max-width:700px){
.category-results-content .list-view .card{grid-template-columns:42% minmax(0,1fr)}
.category-results-content .list-view .card>.card-media{align-self:start;margin:12px 0 12px 10px;border-radius:8px;overflow:hidden}
.category-results-content .list-view .card>.card-media img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:contain}
.category-results-content .list-view .card>.card-body{padding-left:10px}
}

/* Compact mobile list: title above, image and finances side by side. */
@media(max-width:700px){
.category-results-content .list-view .card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;padding:12px;align-items:center}
.category-results-content .list-view .card>.card-body{display:contents}
.category-results-content .list-view .card .tags{grid-column:1/-1;grid-row:1;padding-right:30px}
.category-results-content .list-view .card .listing-card-link{grid-column:1/-1;grid-row:2;min-width:0}
.category-results-content .list-view .card h3{margin:0;padding:0;font-size:14px;line-height:1.35}
.category-results-content .list-view .card .location{grid-column:1/-1;grid-row:3;font-size:10px;line-height:1.4}
.category-results-content .list-view .card>.card-media{grid-column:1;grid-row:4;margin:4px 0;align-self:center;width:100%;border-radius:7px}
.category-results-content .list-view .card>.card-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.category-results-content .list-view .card .finance-row{grid-column:2;grid-row:4;margin:0;gap:8px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.category-results-content .list-view .card .finance-row small{font-size:10px;line-height:1.2;margin-bottom:2px}
.category-results-content .list-view .card .finance-row strong{font-size:16px;line-height:1.3;letter-spacing:-.4px}
.category-results-content .list-view .card .finance-row em{font-size:10px;white-space:nowrap}
.category-results-content .list-view .card .card-foot{grid-column:1/-1;grid-row:5;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:2px 0 0;padding-top:7px;gap:3px 8px;font-size:10px;line-height:1.4}
}

/* Match the account and administration sidebar palette. */
.category-filter-panel{background:#0f172a;color:#f8fafc;border-color:#1e293b;border-radius:16px;box-shadow:0 8px 24px #0f172a12;color-scheme:dark}
.category-filter-panel .field>label,.category-filter-panel [data-category-levels] label{color:#cbd5e1}
.category-filter-panel .category-primary h2{color:#f8fafc}
.category-filter-panel .category-filter-inner h2,.category-filter-panel .help,.category-filter-panel .filter-reset{color:#94a3b8}
.category-filter-panel input,.category-filter-panel select{background:#1e293b;border-color:#475569;color:#f8fafc}
.category-filter-panel input::placeholder{color:#94a3b8;opacity:1}
.category-filter-panel input:focus,.category-filter-panel select:focus{border-color:#2563eb;outline-color:#2563eb}
.category-filter-panel input[type=checkbox]{accent-color:#2563eb}
.category-filter-panel .filter-reset:hover{color:#fff}
.category-filter-panel [data-category-picker],.category-filter-panel .category-filter-menu,.category-filter-panel .category-filter-menu[open]>summary{border-color:#263247}
.category-filter-panel .category-filter-menu>summary{background:#1e293b;color:#fff}
@media(max-width:760px){.category-filter-panel{border-radius:12px}}

.category-filter-panel .category-primary h2,.category-filter-panel .category-filter-inner h2{color:#f8fafc;font-size:21px;font-weight:800;letter-spacing:-.7px}
.category-filter-panel .category-primary h2 span,.category-filter-panel .category-filter-inner h2 span{color:#60a5fa}
@media(max-width:760px){.category-filter-panel .category-primary h2,.category-filter-panel .category-filter-inner h2{font-size:18px}}

@media(max-width:760px){.category-filter-panel .category-filter-menu>summary{font-size:18px;font-weight:800;letter-spacing:-.7px;color:#f8fafc}.category-filter-panel .filter-summary-title>span{color:#60a5fa}}

@media(min-width:1001px){.category-results-content .grid:not(.list-view){grid-template-columns:repeat(3,minmax(0,1fr))}}

.category-filter-panel .filter-range-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.category-filter-panel .filter-range-inline input{min-width:0}.category-filter-panel .filter-range-inline input+input{margin-top:0}

.category-filter-panel .field[hidden]{display:none!important}

/* Keep the collapsed mobile filter background inside the panel's rounded edge. */
@media(max-width:760px){.category-filter-panel .category-filter-menu:not([open]){border-radius:0 0 11px 11px}.category-filter-panel .category-filter-menu:not([open])>summary{border-radius:0 0 11px 11px}}

.category-filter-menu>summary>span[aria-hidden="true"]{display:inline-block;transform:rotate(0deg);transition:transform .2s ease;transform-origin:center}
.category-filter-menu[open]>summary>span[aria-hidden="true"]{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.category-filter-menu>summary>span[aria-hidden="true"]{transition:none}}
