/* Large illustrated category navigation with full text labels. */
.category-icon{display:block;flex:none;width:100%;aspect-ratio:1;background-image:url("/static/img/category-icons-5a3e561d8db5.webp");background-repeat:no-repeat;background-size:400% 400%;background-position:var(--icon-x) var(--icon-y);border-radius:9px}
.home .tile__ic:has(.category-icon){width:100%;height:auto;aspect-ratio:1;margin:0 0 6px;overflow:hidden;background:#fff}
.home .tile:has(.category-icon){padding:9px 6px 10px}
.home .tile__name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.category-card:has(.category-icon){padding:10px 7px;overflow:visible}
.category-card .category-icon{max-width:160px;margin-bottom:8px}
.category-card b{display:block;width:100%;min-width:0;min-height:3.9em;height:auto;max-height:none;line-height:1.3;font-size:13px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-wrap:balance}
.chips.subchips{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,180px));gap:10px;overflow:visible;margin:0 0 22px;padding:0}
.chips.subchips .chip{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:0;max-width:none;width:100%;height:auto;border-radius:14px;padding:10px 7px 9px;overflow:visible;white-space:normal;text-align:center;background:#fff;border:1px solid #e2e7eb;color:#20252a;box-sizing:border-box}
.subchips .category-icon{width:100%;max-width:132px}
.category-label{display:block;min-width:0;width:100%;min-height:3.9em;height:auto;padding-top:6px;font-size:12px;font-weight:700;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-wrap:balance}
.category-count{display:block;font-size:11px;color:#6c7782;font-weight:400;line-height:1.3;margin-top:5px}
@media(max-width:760px){
.home .tile__name{font-size:12px;line-height:1.3;min-height:3.9em;align-items:center;justify-content:center;text-wrap:balance}
.home .tile__cnt{font-size:10px;margin-top:5px}
.chips.subchips{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-right:0;width:100%}
.chips.subchips .chip{padding:8px 5px 10px}
.category-card b{font-size:12px}
}
@media(max-width:350px){.category-label,.category-card b,.home .tile__name{font-size:11.5px}.chips.subchips{gap:7px}}

@media(max-width:380px){.home .tiles,.category-cards,.catidx__sec .category-cards,.chips.subchips{grid-template-columns:repeat(2,minmax(0,1fr))}.home .tile__name{display:block;width:100%}.home .tile__ic:has(.category-icon){max-width:160px}.category-card .category-icon{max-width:160px}}

.catidx:has(.category-icon){columns:auto;column-count:1}

/* The same illustrated controls on every nested category and filter drawer. */
.chips.subchips{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:10px}
.chips.subchips .chip{border:1.5px solid #d5dce0;border-radius:18px;box-shadow:0 3px 0 #e8ecef;padding:9px 7px 10px;transition:background .15s,border-color .15s}
.chips.subchips .chip:hover{border-color:#b99a32;background:#fff9e8}
.chips.subchips .chip.on{background:#fff2bd;border-color:#c69e2c;box-shadow:0 3px 0 #e7cc73;color:#3c3423}
.subchips .category-icon{max-width:108px;border-radius:12px}
.category-label{padding-top:5px;min-height:3.9em;display:flex;align-items:center;justify-content:center}
.chips.subchips .chip:focus-visible,.category-card:focus-visible{outline:3px solid #3987a6;outline-offset:3px}
.flt-box{border:1.5px solid #d5dce0;border-radius:18px;box-shadow:0 3px 0 #e8ecef;background:#fff}
.flt__title{color:#30383d;display:flex;align-items:center;gap:7px}
.flt__title:before{content:'';width:9px;height:9px;flex:none;border-radius:50%;background:#ffce41;border:1px solid #d4ad31}
.flt__field{border:1.5px solid #d5dce0;border-radius:11px;background:#fffdf6}
.flt__field:focus-within{border-color:#c69e2c;box-shadow:0 0 0 2px #fff2bd}
.flt__opt input{width:20px;height:20px;accent-color:#e2ac16}
.flt__opt{min-height:32px;border-radius:8px}
.flt__opt.is-on{background:#fff7dc}
.flt__more,.flt-reset{color:#705814;text-decoration-color:#d9ba59}
.flt-apply,.listing-toolbar .lt-filters{border-radius:11px;border:1.5px solid #c69e2c;background:#ffce41;color:#2b2922;font-weight:700}
@media(max-width:760px){.chips.subchips{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.subchips .category-icon{max-width:110px}.filters-slot.is-open .flt-box{border:0;border-radius:0}.flt__opt{min-height:44px}}
@media(max-width:380px){.chips.subchips{grid-template-columns:repeat(2,minmax(0,1fr))}}
