.category-drawer-open,.category-drawer-open body{overflow:hidden}
.mobile-category-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(86vw,370px);max-width:100%;height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;background:#fff;color:#243e34;box-shadow:8px 0 28px #123e3326;overflow:hidden}
.mobile-category-drawer[open]{display:flex;flex-direction:column;animation:category-drawer-in .22s ease-out}
.mobile-category-drawer::backdrop{background:rgba(12,31,24,.48)}
.category-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:#66c295;color:#fff;flex-shrink:0}
.category-drawer-header strong{font-size:17px}.category-drawer-header button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.category-drawer-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}
.mobile-category-drawer .paired-categories{display:block}.mobile-category-drawer .paired-rail{padding:0;border:0}.mobile-category-drawer .paired-row{min-height:68px;padding:12px 45px 12px 16px}.mobile-category-drawer .paired-cell b{font-size:14px}.mobile-category-drawer .paired-caption{font-size:11px!important}.mobile-category-drawer .paired-panel:not([hidden]){display:block;padding:16px;background:#f4f9f6}.mobile-category-drawer .paired-panels:empty{display:none}
.mobile-category-drawer a:focus-visible,.mobile-category-drawer button:focus-visible{outline:2px solid #247750;outline-offset:-2px}
@keyframes category-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mobile-category-drawer[open]{animation:none}}