@media (max-width:1023px){.category-browser{grid-template-columns:4.45rem minmax(0,1fr);align-items:stretch;gap:.35rem}.subcategory-rail-shell{border-block:0;border-radius:0;height:auto;min-height:100%;position:relative;top:auto;overflow:visible}.subcategory-rail{gap:.25rem;max-height:calc(100dvh - 11rem);padding:.3rem .2rem;position:sticky;top:7.1rem}.subcategory-rail-item{min-height:4.35rem;padding:.22rem .1rem;font-size:.54rem}.subcategory-rail-image{width:2.9rem;height:2.9rem}.category-toolbar{grid-template-columns:2.55rem minmax(0,1fr) auto auto;gap:.22rem;padding:.3rem;display:grid;top:7.1rem}.category-view-toggle{grid-row:auto;align-self:auto;display:block}.category-view-toggle .category-view-combined{width:2.55rem;height:2.15rem;padding:0 .25rem}.category-sort-control{grid-column:auto;width:100%}.category-tool-button{gap:.2rem;min-height:2.15rem;padding-inline:.35rem;font-size:.58rem}.category-toolbar svg{width:.85rem;height:.85rem}.category-sort-control .category-select-trigger{gap:.2rem;padding:0 .35rem;font-size:.58rem}.category-sort-control .category-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.category-directory-heading{text-align:start;margin-bottom:1rem}.category-directory-heading h1{color:#252825;letter-spacing:-.025em;font-size:clamp(1.45rem,4vw,2.2rem);font-weight:950}.category-directory-heading p{color:#68786f;margin-top:.2rem;font-size:.78rem}.category-directory-list{gap:24px;display:grid}.category-department-card{background:0 0;min-width:0}.category-department-title{justify-content:space-between;align-items:center;gap:.75rem;padding:.1rem .15rem .65rem;display:flex}.category-department-title h2{color:#252825;font-size:1rem;font-weight:950}.category-department-title a{color:#8bc53f;white-space:nowrap;font-size:.7rem;font-weight:900}.category-child-grid{scroll-snap-type:x proximity;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.category-child-card{scroll-snap-align:start;background:#8bc53f1f;border-radius:10px;flex-direction:column;flex:0 0 92px;height:124px;display:flex;overflow:hidden}.category-department-card:nth-child(2n) .category-child-card{background:#e9eaec}.category-child-card:hover{filter:brightness(.98)}.category-child-image{background:0 0;border-radius:0;width:100%;height:76px}.category-child-card strong{color:#252825;order:-1;min-height:40px;padding:6px;font-size:11px;font-weight:800;line-height:13px}.category-child-skeleton{background:#fff;border:1px solid #e2e9e2;border-radius:.85rem;overflow:hidden}.category-child-skeleton span{aspect-ratio:1;background:#eaf0e7;animation:1.1s ease-in-out infinite alternate loading-pulse;display:block}.category-child-skeleton small{background:#eaf0e7;border-radius:999px;width:65%;height:.6rem;margin:.6rem;display:block}@media (min-width:640px){.category-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.category-child-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.category-browser{grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:1rem;padding-bottom:2rem;display:grid}.subcategory-rail-shell{z-index:12;background:#fff;border:1px solid #dce8d8;border-radius:1.1rem;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 10rem);display:grid;position:sticky;top:8.5rem;overflow:hidden;box-shadow:0 10px 26px #25282514}.subcategory-rail{overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:smooth;gap:.35rem;padding:.35rem .45rem;display:grid;overflow-y:auto}.subcategory-rail::-webkit-scrollbar{display:none}.subcategory-rail-step{color:#8bc53f;background:#f4f8f1;place-items:center;height:2rem;transition:background-color .18s,color .18s;display:grid}.subcategory-rail-step:hover{color:#fff;background:#8bc53f}.subcategory-rail-step svg{width:1rem;height:1rem}.subcategory-rail-item{color:#5d6963;text-align:center;border:1px solid #0000;border-radius:.85rem;justify-items:center;gap:.38rem;min-width:0;padding:.5rem .3rem;font-size:.68rem;font-weight:800;line-height:1.2;transition:border-color .2s,background-color .2s,color .2s,transform .2s;display:grid;position:relative}.subcategory-rail-item:hover{color:#252825;background:#f6fbf2;border-color:#c8e6b7;transform:translateY(-1px)}.subcategory-rail-item.is-active{color:#dc342f;background:#fff7f6;border-color:#ef3f3a}.subcategory-rail-item.is-active:after{content:"";background:#ef3f3a;border-radius:999px;width:3px;position:absolute;top:.65rem;bottom:.65rem;right:-.46rem}.subcategory-rail-image{background:#f5f7f4;border-radius:.75rem;place-items:center;width:4.2rem;height:4.2rem;display:grid;position:relative;overflow:hidden}.subcategory-rail-image img{object-fit:contain;width:100%;height:100%;padding:.25rem}.subcategory-rail-image svg{width:1.45rem;height:1.45rem}.category-results{min-width:0}.category-toolbar{z-index:11;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dce8d8;border-radius:1rem;align-items:center;gap:.55rem;margin-bottom:.75rem;padding:.6rem;display:flex;position:sticky;top:8.5rem;box-shadow:0 8px 24px #25282512}.category-view-toggle{background:#eff4ed;border-radius:.75rem;gap:.25rem;padding:.2rem;display:flex}.category-view-toggle button{color:#8bc53f;border-radius:.6rem;place-items:center;width:2.3rem;height:2.3rem;transition:all .18s;display:grid}.category-view-toggle button.is-active{color:#fff;background:#252825;box-shadow:0 4px 10px #2528252e}.category-view-toggle svg,.category-tool-button svg,.category-sort-control svg,.category-select-trigger svg{flex:none;width:1.05rem;height:1.05rem}.category-sort-control,.category-tool-button{color:#252825;white-space:nowrap;background:#fff;border:1px solid #d7e3d3;border-radius:.75rem;align-items:center;gap:.45rem;min-height:2.7rem;padding:0 .8rem;font-size:.76rem;font-weight:850;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:inline-flex}.category-sort-control{flex:13rem;padding:0}.category-select{min-width:0;position:relative}.category-select-trigger{color:#252825;text-align:left;background:linear-gradient(#fff,#fbfdf9);border:1px solid #d7e3d3;border-radius:.72rem;align-items:center;gap:.5rem;width:100%;min-height:2.55rem;padding:0 .72rem;font-size:.76rem;font-weight:850;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.category-sort-control .category-select-trigger{background:0 0;border:0;min-height:2.7rem}.category-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.category-select-trigger>svg:last-child{width:.95rem;transition:transform .2s}.category-select.is-open .category-select-trigger{border-color:#8bc53f;box-shadow:0 0 0 3px #8bc53f1f}.category-select.is-open .category-select-trigger>svg:last-child{transform:rotate(180deg)}.category-select-menu{z-index:40;opacity:0;transform-origin:top;visibility:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #d8e5d3;border-radius:.85rem;gap:.2rem;max-height:15rem;padding:.38rem;transition:opacity .17s,transform .17s,visibility .17s;display:grid;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow:auto;transform:translateY(-6px)scale(.98);box-shadow:0 18px 38px #25282529}.category-select.is-open .category-select-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.category-select-menu button{color:#252825;text-align:left;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.5rem;min-height:2.35rem;padding:.45rem .62rem;font-size:.73rem;font-weight:760;transition:background-color .15s,color .15s,transform .15s;display:flex}.category-select-menu button:hover{color:#8bc53f;background:#eff9e9;transform:translate(2px)}.category-select-menu button.is-selected{color:#fff;background:linear-gradient(135deg,#8bc53f,#8bc53f)}.category-select-menu button svg{width:.95rem;height:.95rem}.category-tool-button:hover{border-color:#9bd67b;transform:translateY(-1px)}.category-tool-button.is-active{color:#8bc53f;background:#eef9e8;border-color:#8bc53f}.category-filter-panel{background:#f8fbf6;border:1px solid #dce8d8;border-radius:1rem;grid-template-columns:minmax(9rem,.9fr) minmax(9rem,.9fr) minmax(14rem,1.35fr) auto;align-items:end;gap:.55rem;margin-bottom:.75rem;padding:.7rem;animation:.22s both category-filter-in;display:grid}.category-dual-range{--range-start:0%;--range-end:100%;height:2.5rem;position:relative}.category-dual-range-track{background:linear-gradient(to right, #dce5d8 0 var(--range-start), #8bc53f var(--range-start) var(--range-end), #dce5d8 var(--range-end) 100%);border-radius:999px;height:.38rem;position:absolute;top:50%;left:.35rem;right:.35rem;transform:translateY(-50%)}.category-dual-range input{appearance:none;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.category-dual-range input::-webkit-slider-runnable-track{background:0 0;height:.38rem}.category-dual-range input::-moz-range-track{background:0 0;height:.38rem}.category-dual-range input::-webkit-slider-thumb{appearance:none;cursor:grab;pointer-events:auto;background:#8bc53f;border:3px solid #fff;border-radius:50%;width:1.12rem;height:1.12rem;margin-top:-.37rem;box-shadow:0 2px 8px #8bc53f47}.category-dual-range input::-moz-range-thumb{cursor:grab;pointer-events:auto;background:#8bc53f;border:3px solid #fff;border-radius:50%;width:.8rem;height:.8rem;box-shadow:0 2px 8px #8bc53f47}.category-filter-panel>button{color:#8bc53f;background:#eaf6e3;border-radius:.65rem;align-items:center;gap:.4rem;height:2.5rem;padding:0 .8rem;font-size:.72rem;font-weight:900;display:inline-flex}.category-filter-panel>button svg{width:1rem}.category-results-meta{color:#252825;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0;display:flex}.category-results-meta strong{font-size:1rem;font-weight:900}.category-results-meta span{color:#718078;font-size:.72rem;font-weight:750}.category-loading,.category-error,.category-empty{color:#8bc53f;background:#f9fbf8;border:1px dashed #cfddca;border-radius:1rem;justify-content:center;align-items:center;gap:.55rem;min-height:18rem;font-weight:750;display:flex}.category-loading svg{width:1.2rem}.category-error{color:#bd352f;background:#fff7f6}.category-browser{align-items:stretch}.subcategory-rail-shell{border-radius:.9rem;grid-template-rows:minmax(0,1fr);align-self:stretch;height:auto;min-height:100%;position:relative;top:auto;overflow:visible}.subcategory-rail{touch-action:pan-y;flex-direction:column;gap:.35rem;max-height:calc(100dvh - 10rem);padding:.45rem .32rem;display:flex;position:sticky;top:8.5rem;overflow-y:auto}.subcategory-rail-step{display:none}.subcategory-rail-item{border-radius:.68rem;flex:none;gap:.22rem;min-height:5.4rem;padding:.35rem .2rem;font-size:.68rem;line-height:1.05}.subcategory-rail-image{border-radius:.55rem;width:3.7rem;height:3.7rem}.category-toolbar{grid-template-columns:3.65rem minmax(10.5rem,1fr) auto auto;gap:.4rem;display:grid}.category-view-toggle{background:0 0;padding:0;display:block}.category-view-toggle .category-view-combined{isolation:isolate;color:#8bc53f;background:#f2f7ef;border:1px solid #d9e5d7;border-radius:.65rem;justify-content:space-around;align-items:center;gap:.28rem;width:3.65rem;height:2.7rem;padding:.25rem;transition:border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.category-view-toggle .category-view-combined:before{z-index:-1;content:"";background:#252825;border-radius:.45rem;width:calc(50% - .32rem);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:.25rem;bottom:.25rem;left:.25rem;box-shadow:0 4px 10px #25282533}.category-view-toggle .category-view-combined[data-view=list]:before{transform:translate(calc(100% + .14rem))}.category-view-combined svg{opacity:.7;width:1rem;height:1rem;transition:color .22s,opacity .22s,transform .22s;position:relative}.category-view-combined svg.is-current{color:#fff;opacity:1;transform:scale(1.05)}.category-sort-control{width:100%;min-width:0}.category-tool-button{justify-content:center}@media (max-width:1023px){.category-browser{grid-template-columns:5.1rem minmax(0,1fr);gap:.45rem;padding-bottom:5rem}.subcategory-rail-shell{border-radius:.8rem;height:calc(100dvh - 12rem);top:7.1rem}.subcategory-rail{gap:.18rem;padding:.25rem}.subcategory-rail-step{height:1.7rem}.subcategory-rail-item{border-radius:.68rem;gap:.25rem;padding:.32rem .16rem;font-size:.58rem}.subcategory-rail-item.is-active:after{width:2px;top:.35rem;bottom:.35rem;right:-.26rem}.subcategory-rail-image{border-radius:.6rem;width:3.75rem;height:3.75rem}.category-toolbar{border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);gap:.35rem;margin-bottom:.45rem;padding:.38rem;display:grid;top:7.1rem}.category-view-toggle{flex-direction:column;grid-row:1/span 2;justify-content:center;align-self:stretch}.category-view-toggle button{width:2rem;height:2rem}.category-sort-control,.category-tool-button{border-radius:.58rem;min-height:2.15rem;padding-inline:.48rem;font-size:.64rem}.category-sort-control{padding:0}.category-sort-control .category-select-trigger,.category-select-trigger{min-height:2.15rem;font-size:.64rem}.category-select-menu{min-width:9.5rem;left:auto;right:0}.category-filter-panel label .category-select-menu{min-width:0;left:0;right:0}.category-sort-control{grid-column:2;width:100%}.category-tool-button{justify-content:center}.category-filter-panel{border-radius:.75rem;grid-template-columns:1fr;gap:.55rem;margin-bottom:.5rem;padding:.65rem}.category-results-meta{margin:.45rem .1rem}.category-results-meta strong{font-size:.82rem}.category-results-meta span{font-size:.61rem}.category-loading,.category-error,.category-empty{text-align:center;min-height:12rem;padding:1rem;font-size:.72rem}}@media (max-width:420px){.category-browser{grid-template-columns:4.7rem minmax(0,1fr);gap:.35rem}.subcategory-rail-image{width:3.45rem;height:3.45rem}.category-tool-button{font-size:.6rem}}@media (max-width:1023px){.category-browser{grid-template-columns:4.25rem minmax(0,1fr);align-items:stretch;gap:.32rem}.subcategory-rail-shell{border-block:0;border-radius:0;align-self:stretch;height:auto;min-height:100%;position:relative;top:auto;overflow:visible}.subcategory-rail{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:.24rem;max-height:calc(100dvh - 11rem);padding:.3rem .18rem;display:flex;position:sticky;top:7.1rem;overflow-y:auto}.subcategory-rail-step{display:none}.subcategory-rail::-webkit-scrollbar{display:none}.subcategory-rail-item{border-radius:.62rem;flex:none;gap:.18rem;min-height:4.15rem;padding:.2rem .08rem;font-size:.52rem;line-height:1.05}.subcategory-rail-image{border-radius:.5rem;width:2.75rem;height:2.75rem}.category-toolbar{border-radius:.68rem;grid-template-columns:3.15rem minmax(0,1fr) auto auto;gap:.22rem;margin-bottom:.4rem;padding:.3rem;display:grid;top:7.1rem}.category-view-toggle{background:0 0;grid-row:auto;align-self:auto;padding:0;display:block}.category-view-toggle .category-view-combined{width:3.15rem;height:2.1rem;padding:0 .22rem}.category-sort-control{grid-column:auto;width:100%}.category-tool-button,.category-sort-control .category-select-trigger{border-radius:.55rem;gap:.18rem;min-height:2.1rem;padding-inline:.32rem;font-size:.56rem}.category-toolbar svg{width:.82rem;height:.82rem}.category-sort-control .category-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.category-directory-heading{margin-bottom:.65rem}.category-directory-list{gap:.8rem}.category-department-title a{color:#8bc53f;font-weight:700}.category-toolbar{--toolbar-radius:1rem;--toolbar-padding:.6rem;--toolbar-inner-radius:max(0px, calc(var(--toolbar-radius) - var(--toolbar-padding) - 1px));border-radius:var(--toolbar-radius);padding:var(--toolbar-padding)}.category-toolbar .category-select-trigger,.category-toolbar .category-tool-button,.category-toolbar .category-view-combined{border-radius:var(--toolbar-inner-radius)}@media (max-width:1023px){.category-toolbar{--toolbar-radius:.68rem;--toolbar-padding:.3rem}}.category-directory-page .category-child-skeleton{background:#edf1ea;border-radius:10px;flex:0 0 92px;width:92px;height:124px;position:relative}.category-directory-page .category-child-skeleton span{aspect-ratio:auto;background:#e2e9de;height:76px;margin-top:40px;animation:none}.category-directory-page .category-child-skeleton small{background:#dfe6da;border-radius:4px;width:65%;height:10px;margin:0;position:absolute;top:7px;left:7px}@media (max-width:639px){.category-results .store-product-skeletons{grid-template-columns:repeat(2,minmax(0,1fr))}}