.categories-list{padding-top:2.2rem;padding-bottom:clamp(6rem,9vw,9rem)}.catalog-filter-toolbar{border:1px solid var(--color-line,#e2e8f0);border-radius:var(--radius-lg,16px);z-index:20;background:#fff;margin-bottom:2.2rem;padding:.85rem 1rem;position:relative;box-shadow:0 4px 20px #0000000a}.catalog-toolbar-row{align-items:center;gap:1rem;width:100%;display:flex}.search-input-col{flex:2;min-width:0}.category-select-col{flex:1;min-width:260px;position:relative}.search-input-box{align-items:center;width:100%;display:flex;position:relative}.search-icon-wrap{color:#64748b;pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-icon-wrap .search-icon{width:18px;height:18px}#catalog-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:48px;padding:0 2.8rem;font-size:.92rem;font-weight:500;transition:all .2s}#catalog-search-input:focus{background:#fff;border-color:#ed1c24;box-shadow:0 0 0 3px #ed1c241f}.clear-search-btn{color:#0f172a;cursor:pointer;z-index:2;background:#cbd5e1;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search-btn:hover{color:#fff;background:#ed1c24}.custom-dropdown{width:100%;position:relative}.dropdown-trigger-btn{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:.6rem;width:100%;height:48px;padding:0 1rem;transition:all .2s;display:flex}.dropdown-trigger-btn:hover{background:#fff;border-color:#cbd5e1}.custom-dropdown.is-open .dropdown-trigger-btn{background:#fff;border-color:#ed1c24;box-shadow:0 0 0 3px #ed1c241f}.trigger-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.trigger-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.custom-dropdown.is-open .trigger-icon{color:#ed1c24}.trigger-selected-label{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:.92rem;font-weight:600;transition:color .2s;overflow:hidden}.trigger-selected-label.has-selection{color:#ed1c24;font-weight:700}.trigger-chevron{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s,color .2s;display:flex}.custom-dropdown.is-open .trigger-chevron{color:#ed1c24;transform:rotate(180deg)}.dropdown-menu-panel{z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;min-width:270px;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 6px);left:0;right:0;transform:translateY(-6px)scale(.98);box-shadow:0 16px 36px -4px #0f172a26,0 4px 12px #0000000a}.custom-dropdown.is-open .dropdown-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown-options-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;gap:3px;max-height:320px;padding-right:2px;display:flex;overflow-y:auto}.dropdown-options-list::-webkit-scrollbar{width:3px}.dropdown-options-list::-webkit-scrollbar-track{background:0 0}.dropdown-options-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.dropdown-options-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-option-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:.65rem .85rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.dropdown-option-item:hover{color:#0f172a;background:#f1f5f9}.dropdown-option-item.is-selected{color:#ed1c24;background:#ed1c2414;font-weight:700}.option-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.option-check{color:#ed1c24;flex-shrink:0;margin-left:.5rem;display:none}.dropdown-option-item.is-selected .option-check{justify-content:center;align-items:center;display:flex}.categories-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:1.8rem;display:grid;position:relative}.category-card{border:1px solid var(--color-line,#e2e8f0);border-radius:var(--radius-lg,16px);background:#fff;flex-direction:column;height:100%;padding:1.5rem;transition:border-color .2s;display:flex}.cat-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;display:inline-flex}.categories-grid{z-index:1!important;grid-template-columns:repeat(3,1fr)!important;gap:1.8rem!important;width:100%!important;display:grid!important;position:relative!important}.category-card{border:1px solid var(--color-line,#e2e8f0)!important;border-radius:var(--radius-lg,16px)!important;box-sizing:border-box!important;background:#fff!important;flex-direction:column!important;height:100%!important;padding:1.5rem!important;transition:border-color .2s!important;display:flex!important}.category-card:hover{box-shadow:none!important;border-color:#ed1c2466!important;transform:none!important}.cat-image-box{border-radius:var(--radius-md,12px)!important;background:#f1f5f9!important;width:100%!important;height:210px!important;margin-bottom:1.25rem!important;position:relative!important;overflow:hidden!important}.cat-image-box img{object-fit:cover!important;width:100%!important;height:100%!important;transition:transform .35s!important;display:block!important}.category-card:hover .cat-image-box img{transform:scale(1.05)!important}.cat-details{flex-direction:column!important;flex:1!important;display:flex!important}.cat-details h3{color:var(--color-ink,#0f172a)!important;margin-bottom:.5rem!important;font-size:1.25rem!important;font-weight:700!important}.cat-desc{color:var(--color-muted,#64748b)!important;flex:1!important;margin-bottom:1.2rem!important;font-size:.88rem!important;line-height:1.55!important}@media (width<=1024px){.categories-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.categories-grid{grid-template-columns:1fr!important}}.empty-msg{text-align:center;color:var(--color-muted);padding:3rem 1rem}.no-results-box{text-align:center;border:1px dashed var(--color-line,#e2e8f0);border-radius:var(--radius-lg,16px);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:3.5rem 1.5rem;display:flex}.no-results-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.4rem;display:flex}.no-results-box h4{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.no-results-box p{color:#64748b;max-width:480px;margin:0;font-size:.9rem;line-height:1.5}@media (width<=1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.catalog-toolbar-row{flex-direction:column;gap:.75rem}.search-input-col,.category-select-col{flex:none;width:100%;min-width:0}}@media (width<=640px){.categories-grid{grid-template-columns:1fr}.categories-list{padding-bottom:2.5rem}}