.mobile-toggle{display:none!important}.toolbar-items-container{display:flex;flex-direction:column;gap:15px}@media screen and (max-width:1024px){.pages-container{margin-right:0!important;transition:none}.bookmark-panel,.comments-panel,.thumbnails-panel{width:100%!important;right:-100%!important;z-index:2000;box-shadow:none}.bookmark-open .bookmark-panel,.comments-open .comments-panel,.thumbnails-open .thumbnails-panel{right:0!important}}@media screen and (max-width:900px){body{padding:0;overflow-x:hidden;background-color:#f8f8f8}.pages-container{padding:10px;width:100%;max-width:100%;margin:0;flex-direction:column;align-items:center}.page-pair{flex-direction:column!important;width:100%!important;height:auto!important;min-height:auto!important;margin-bottom:20px;gap:20px;align-items:center!important;justify-content:flex-start!important}.quran-page{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;border:none!important;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:0 0 20px 0!important;padding-bottom:20px;border-radius:8px}.quran-page.arabic-page{order:-1}.page-border{display:none}.inner-border{display:none}.page-content{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:auto;padding:15px;overflow:visible}.content-section{height:auto;overflow:visible}.arabic-text{font-size:24px;line-height:2;text-align:right;text-align-last:center;padding:0 5px}.verse-translation{font-size:16px;line-height:1.5}.verse-container{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.page-header{position:sticky;top:0;background-color:#fff;z-index:10;margin:-15px -15px 15px -15px;padding:10px 15px;border-bottom:1px solid #d8ac05;box-shadow:0 2px 5px rgba(0,0,0,.05)}}@media screen and (max-width:900px){.page-controls{padding:10px 5px;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:9999}.control-button{padding:8px 10px;font-size:14px;margin:0 2px}.page-input-container{font-size:14px;white-space:nowrap}.page-input{width:35px;padding:5px;margin:0 2px}.mobile-menu-wrapper{position:fixed;right:15px;bottom:12px;display:flex;flex-direction:column-reverse;align-items:center;z-index:10002}.toolbar-button{width:44px;height:44px;box-shadow:0 2px 8px rgba(0,0,0,.2);background-color:#fff;border-radius:50%;margin:0;font-size:18px;color:#5c4033;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.175, .885, .32, 1.275)}.toolbar-button:active{transform:scale(.95)}.view-mode-btn.active{background-color:#d8ac05;color:#fff;border:2px solid #fff}.mobile-toggle{background-color:#d8ac05!important;color:#fff!important;z-index:10003;display:flex!important;position:relative}.toolbar-items-container{display:flex;flex-direction:column;gap:8px;position:absolute;bottom:100%;right:0;padding-bottom:15px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.9);transition:all .3s cubic-bezier(.175, .885, .32, 1.275);transform-origin:bottom center;pointer-events:none;align-items:center}.mobile-menu-wrapper.expanded .toolbar-items-container{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.podcast-player{width:90%;left:5%;right:5%;bottom:140px;max-width:none}#audioNotification{width:85%;padding:20px;font-size:16px}#audioNotification button{margin-top:10px;width:100%;margin-right:0!important;margin-bottom:5px}.besmele-arabic{font-size:24px}.context-menu{position:fixed;bottom:0!important;top:auto!important;left:0!important;width:100%;border-radius:12px 12px 0 0;padding-bottom:20px;transform:translateY(100%);transition:transform .3s ease-out}.context-menu.show{transform:translateY(0)}}@media screen and (min-width:901px){.mobile-menu-wrapper{position:fixed;top:50%;right:20px;bottom:auto!important;left:auto!important;transform:translateY(-50%)!important;flex-direction:column-reverse;gap:15px;z-index:2000;align-items:center;width:auto;height:auto;margin:0;padding:0}.mobile-toggle{display:flex!important;background-color:#d8ac05!important;color:#fff!important;z-index:10003;position:relative}.toolbar-items-container{position:absolute;bottom:100%;right:0;left:0;margin:0 auto;display:flex;flex-direction:column;gap:15px;padding-bottom:20px;opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);transition:all .3s cubic-bezier(.175, .885, .32, 1.275);pointer-events:none;align-items:center}.mobile-menu-wrapper.expanded .toolbar-items-container{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}}