@media (max-width:1100px){#btn_to_top{display:none !important}.pagination,.cover-series,.issue-cover,.panel-online-top,.panel-online-bottom,.panel-img,.adv{display:none}.adv-mobile{display:block}}.bigimg-mobile{display:none}
@media (max-width:1200px){
html,body{width:100%;overflow-x:hidden}*{box-sizing:border-box}img{max-width:100%;height:auto}.wrapper{width:100%;padding:0 8px}.btn-container-read-first{width:100%}.adv-mobile{margin-top:15px;min-height:15px}
.header{display:none}.mobile-header{display:block;background:#2A2A2A;border-bottom:1px solid #555}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding:5px 15px 3px 10px}.mobile-logo img{height:32px}.burger{width:40px;height:30px;display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;max-width:3px 0}.burger span{display:block;height:3px;background:#fff;border-radius:2px;transition:0.3s}.mobile-menu{display:none;flex-direction:column;background:#1f1f1f}.mobile-menu a{padding:12px;color:#fff;text-decoration:none;border-top:1px solid #333}.mobile-menu a:hover{background:#333}.mobile-menu.active{display:flex}
.footer{display:none}.mobile-footer{display:block;background-color:#282828;color:#fff;padding:30px 10px 15px 10px;margin-top:20px;background-image:url('../img/front/linefooter.png');background-repeat:repeat-x;font-family:verdana,tahoma,sans-serif;text-align:center}.acc-item{border-bottom:1px solid #333}.acc-title{padding:12px;font-size:14px;font-weight:bold;cursor:pointer;color:#fff;background:#2A2A2A;border-top:1px solid #444;border-bottom:1px solid #444;transition:0.2s}.acc-title:hover{background:#333}.acc-content{display:none;flex-direction:column;background:#1f1f1f}.acc-content a{padding:12px;color:#fff;text-decoration:none;font-size:11pt;border-top:1px solid #2f2f2f;transition:0.15s}.acc-content a:hover{background:#333}.acc-item.active .acc-content{display:flex}.mobile-footer-bottom{margin-top:15px;font-size:12pt;font-family:"Times New Roman",serif;opacity:0.9}
.comics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.comic-card{padding:6px}.comic-image img{height:220px}.comic-title-ru{font-size:16px}.comic-title-en{margin-top:3px;font-size:14px}.btn-common-grid{font-size:16px;padding:5px 0}
.mobile-paginator{width:100%;text-align:center;margin:10px 0;overflow:hidden;display:block}.mobile-paginator .page-selector{text-align:center;font-size:16px;padding:10px;width:100%;max-width:280px;border:1px solid #444;border-radius:5px;background-color:#333;color:#e0e0e0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:background-color 0.3s ease,border-color 0.3s ease;outline:none;box-sizing:border-box;max-height:200px;overflow-y:auto}.mobile-paginator .page-selector:hover{background-color:#444;border-color:#666}.mobile-paginator .page-selector:focus{background-color:#444;border-color:#888}.mobile-paginator .page-selector option{font-size:14px;padding:8px;background-color:#333;color:#e0e0e0}.mobile-paginator .page-selector option[selected]{font-weight:bold;background-color:#2a2a2a;color:#fff}.mobile-paginator .page-selector,.mobile-paginator .page-selector:focus{transition:none}.mobile-paginator .page-selector::-webkit-scrollbar{width:12px}.mobile-paginator .page-selector::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.mobile-paginator .page-selector::-webkit-scrollbar-track{background-color:#333}
.breadcrumb{font-size:14px;white-space:nowrap;overflow-x:auto;padding:5px 5px;color:var(--text-secondary)}.breadcrumb a{font-size:14px;color:var(--text-main);margin:0px 3px;text-decoration:none}.breadcrumb::-webkit-scrollbar{height:3px}.breadcrumb::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.3);border-radius:10px}.breadcrumb::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}
.cover-series-mobile{display:block;margin-top:10px;text-align:center;width:100%}.series-main{display:block}.series-main img{height:100%}h1{font-size:18px;text-align:center;margin:5px 0}h2{font-size:16px;text-align:center;margin:10px 0;color:var(--text-secondary)}.series-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin:5px 0}.label,.value{display:block;text-align:left;width:100%}.label{font-weight:bold;font-size:14px}.value{font-size:14px}.series-description{font-size:14px}.series-tab-menu{display:block}.series-tab-menu .tab-item a{font-size:14px;padding:5px 6px}.series-tab-menu .tab-item.active{font-size:14px;padding:5px 6px}.character_list{padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:5px}.character_list .title{grid-column:1 / -1;font-size:16px;margin-bottom:5px}.character_list .part{display:block}.character_list .part a{display:block;padding:4px 6px;font-size:16px;text-decoration:none;background-color:var(--btn-bg);color:var(--btn-text);border:1px solid #555;transition:background-color 0.15s,border-color 0.15s,color 0.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character_list .part a:hover{background-color:var(--btn-bg-hover);border-color:#888;color:#fff}
.cover-issue-mobile{display:block;margin-top:10px;text-align:center;width:100%}.issue-grid-main{display:block}.issue-info h1{font-size:18px;text-align:center;margin:5px 0}.issue-info h2{font-size:16px;text-align:center;margin:10px 0;color:var(--text-secondary)}.btn-container-read-online-issues,.btn-container-download-issue,.btn-container-download-issues{width:100%}.character-list-issue{margin-top:15px;padding:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:5px}.character-list-issue .title{grid-column:1 / -1;font-size:16px;margin-bottom:5px}.character-list-issue .part{display:block}.character-list-issue .part a{padding:5px 5px;font-size:13pt}.character-list-issue .name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-list-issue .role{margin-top:4px;font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0.9}
.main-text{padding:10px 0}h1{font-size:18px;line-height:1.2}.comics-grid-main{grid-template-columns:repeat(3,1fr);gap:6px}.comic-card-main{padding:3px}.comic-card-main img{height:140px;object-fit:cover;object-position:top}.random-comics-grid-main{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.random-comic-card-main{padding:4px}.random-comic-card-main-title{font-size:10pt;margin:4px 0}.random-comic-card-main img{width:100%;height:160px;object-fit:cover}
.map-comics{padding:10px}.map-letter{font-size:14pt;padding:4px 8px}.map-col a{font-size:11pt;padding:3px 5px}.map-columns{gap:10px}
.panel-online-bottom-mobile,.panel-img-mobile{display:block}.wrapper-online{margin-bottom:0}.bottom-nav-wrapper{position:sticky;bottom:0;z-index:50}.bottom-nav{display:flex;align-items:center;justify-content:space-between;background:#111;border-top:1px solid #333;padding:10px}.nav-btn-modile{margin:5px}.nav-page{font-size:16px;text-align:center;flex:1}.bigimg-mobile{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.95);display:none;flex-direction:column}.bigimg-mobile.active{display:flex}.bigimg-mobile-overlay{position:absolute;inset:0}.bigimg-content-mobile{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:flex-start;padding:10px}.bigimg-content-mobile img{width:auto;max-width:none;height:auto;display:block;background:#fff;border:1px solid #bbb;box-shadow:0 10px 30px rgba(0,0,0,0.6)}.viewer-bottom-bar{height:30px;background:#111;border-top:2px solid #333;display:flex;align-items:center;justify-content:center}.viewer-close-bottom{width:100%;height:30px;background:#0f0f0f;color:#e4e4e4;font-size:14px}.mobile-action-bar{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#111;border-top:1px solid #333}.mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid #444;margin:0 5px;height:55px;border-radius:6px;cursor:pointer;transition:0.15s}.mobile-action-btn:active{transform:scale(0.95);background:#222}.mobile-action-btn img{height:32px;width:auto;display:block}.modal{position:fixed;inset:0;z-index:10000}.modal.active{display:block}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.75)}.modal-box{position:absolute;inset:0;width:100%;height:100dvh;margin:0;border:none;box-shadow:none;display:flex;flex-direction:column;background:var(--bg-card)}.modal-head{flex:0 0 auto;padding:12px 14px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px}.modal-close{font-size:22px;padding:4px 8px}.modal-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.modal-list a{font-size:14px;padding:12px 10px}.modal-list::-webkit-scrollbar{width:6px}
.publishers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.publishers-card a{text-decoration:none}.publishers-card-title{width:auto;font-size:18px;line-height:1.2em;height:3.3em}.publishers-card img{width:100%;height:180px}
.search-comics-grid{grid-template-columns:repeat(2,1fr);gap:5px}.menu-search a,.menu-search span{font-size:16px}
}
@media (max-width:900px) and (orientation:landscape){
html,body{width:100%;overflow-x:hidden}.wrapper{width:100%;padding:0 10px}.btn-container-read-first{width:100%}
.header{display:none}.mobile-header{display:block}
.footer{display:none}.mobile-footer{display:block;padding:15px 10px}
.comics-grid{grid-template-columns:repeat(3,1fr);gap:8px}.comic-card{padding:6px}.comic-image img{height:100%}.comic-title-ru{font-size:14px}.comic-title-en{font-size:12px}.btn-common-grid{font-size:14px;padding:6px 0}
.mobile-paginator{margin:5px 0}.mobile-paginator .page-selector{font-size:14px;padding:6px}
.breadcrumb{font-size:13px}
.cover-series-mobile{display:none}.cover-series{display:block}.series-main{display:grid;grid-template-columns:1fr 250px;gap:15px}.series-main img{height:100%}h1{font-size:16px;text-align:left}h2{font-size:14px;text-align:left}.series-info-grid{grid-template-columns:140px 1fr}
.cover-issue-mobile{display:none}.issue-cover{display:block}.issue-grid-main{display:grid;grid-template-columns:250px 1fr;gap:15px}.issue-info h1{font-size:16px;text-align:left}.issue-info h2{font-size:14px;text-align:left}
.main-text{padding:5px 5px}h1{font-size:16px}.comics-grid-main{grid-template-columns:repeat(5,1fr);gap:6px}.comic-card-main img{height:120px}
.map-columns{grid-template-columns:1fr 1fr;gap:15px}
.bottom-nav{padding:6px}.nav-page{font-size:14px}.mobile-action-btn{height:45px}.modal-list a{font-size:16px}
.publishers-grid{grid-template-columns:repeat(3,1fr)}
.search-comics-grid{grid-template-columns:repeat(3,1fr)}.menu-search a,.menu-search span{font-size:14px}
}
@media (min-width:769px) and (max-width:1200px){
.comics-grid-main{grid-template-columns:repeat(5,1fr);gap:6px}.comic-card-main img{height:220px}
.viewer-bottom-bar{height:50px;background:#111;border-top:2px solid #333;display:flex;align-items:center;justify-content:center}.viewer-close-bottom{width:100%;height:50px;background:#0f0f0f;color:#e4e4e4;font-size:15px}
}
@charset "utf-8";