.shelf-navigation{position:absolute;z-index:17;left:50%;bottom:100px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:390px;padding:9px;border:1px solid #cbbd9e;border-radius:20px;background:#fffaf0ef;box-shadow:0 7px 25px #493c3120;backdrop-filter:blur(12px);color:#493c31}.shelf-navigation[hidden]{display:none}.shelf-navigation>div{text-align:center;min-width:110px;max-width:220px}.shelf-navigation strong,.shelf-navigation span{display:block}.shelf-navigation strong{font:500 16px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-navigation span{font:11px Arial,sans-serif;margin-top:5px;color:#716852}.shelf-navigation button{width:44px;height:44px;flex-shrink:0;border:1px solid #cbbd9e;border-radius:50%;font-size:28px;background:#f5eedf;color:#493c31;cursor:pointer}.shelf-navigation button:disabled{opacity:.35;cursor:default}.shelf-navigation button:focus-visible{outline:3px solid #bd9549;outline-offset:2px}
@media(max-width:620px){.shelf-navigation{bottom:91px;gap:2px;padding:5px;border-radius:16px;max-width:calc(100% - 174px)}.shelf-navigation>div{min-width:0;max-width:125px}.shelf-navigation strong{font-size:12px}.shelf-navigation span{font-size:9px}.shelf-navigation button{width:36px;height:42px;border-radius:12px;font-size:24px}}