/* Keep the filter action available at every viewport height. */
.arok-shop-sidebar{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.arok-filter-form{display:flex;flex-direction:column;max-height:inherit;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.arok-filter-head{position:sticky;top:0;z-index:8;flex:0 0 auto;background:#fff}
.arok-filter-actions{position:sticky;bottom:0;z-index:9;flex:0 0 auto;background:#fff;border-top:1px solid var(--aps-line);box-shadow:0 -10px 22px rgba(22,62,43,.09)}
.arok-filter-actions button{min-width:0;white-space:nowrap}
@media(max-width:767px){.arok-shop-sidebar{max-height:100vh;max-height:100dvh;overflow:hidden}.arok-filter-form{height:100%;max-height:100vh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.arok-filter-actions{padding-bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 -12px 25px rgba(22,62,43,.13)}}