[x-cloak]{display:none!important}.catalog-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(15,46,181,.14),transparent 32%),#000;color:#f4f4f5;padding:52px 24px 90px}.catalog-shell{width:min(1240px,100%);margin:auto}.catalog-heading{text-align:center;margin-bottom:34px}.catalog-heading h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em}.catalog-heading p{color:#92929d;margin-top:7px}.catalog-search{position:relative;width:min(680px,100%);margin:0 auto 30px}.catalog-search svg{position:absolute;left:18px;top:17px;width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.catalog-search input{width:100%;height:54px;border:1px solid #292934;border-radius:9px;background:#111116;padding:0 50px;color:white;outline:none}.catalog-search input:focus{border-color:#4e7cff;box-shadow:0 0 0 3px #4e7cff1f}.catalog-search>a{position:absolute;right:17px;top:9px;color:#777;font-size:24px}.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;border-block:1px solid #1d1d26;padding:16px 0;gap:20px}.view-switcher{display:flex;background:#111116;border:1px solid #272731;border-radius:8px;padding:4px}.view-switcher button{width:38px;height:36px;border-radius:6px;color:#777;display:grid;place-items:center}.view-switcher button.active{background:#203fc5;color:white}.view-switcher svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.filter-fields{display:flex;align-items:end;gap:10px}.filter-fields>label{display:grid;gap:6px}.filter-fields small{font-size:10px;color:#777;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.filter-fields select,.genre-filter>button,.apply-filter{height:40px;border:1px solid #292934;background:#111116;border-radius:7px;padding:0 34px 0 13px;color:#d9d9df;font-size:13px}.filter-fields select{min-width:145px}.genre-filter{position:relative}.genre-filter>button{display:flex;align-items:center;gap:8px;padding-right:12px}.genre-filter button svg{width:14px;fill:none;stroke:currentColor;stroke-width:2}.genre-filter b{background:#3157e8;border-radius:20px;padding:1px 6px;font-size:10px}.apply-filter{padding:0 20px;background:#2344ca;border-color:#3157e8;color:#fff;font-weight:700}.genre-menu{position:absolute;z-index:20;right:0;top:48px;width:290px;border:1px solid #30303a;background:#101014;border-radius:10px;box-shadow:0 20px 50px #000;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:310px;overflow:auto}.genre-menu>div{grid-column:1/-1;border-bottom:1px solid #27272f;padding-bottom:10px;display:flex;justify-content:space-between}.genre-menu>div span{font-size:10px;color:#777}.genre-menu label{cursor:pointer}.genre-menu input{display:none}.genre-menu label span{display:block;border-radius:6px;padding:8px;color:#999;font-size:12px}.genre-menu input:checked+span{background:#2444be;color:white}.result-head{display:flex;justify-content:space-between;color:#777;font-size:13px;margin:28px 0 20px}.result-head strong{color:#ddd}.result-head a{color:#6386ff}.catalog-results{display:grid}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px}.catalog-item{min-width:0}.cover{position:relative;display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#141419;border:1px solid #27272f}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.catalog-item:hover .cover img{transform:scale(1.04)}.cover i{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000e);opacity:0;transition:.25s}.catalog-item:hover .cover i{opacity:1}.cover em{position:absolute;left:10px;top:10px;background:var(--badge,#2458e7);padding:5px 8px;border-radius:5px;color:white;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.cover>b{position:absolute;left:14px;right:14px;bottom:13px;font-size:12px;opacity:0;transform:translateY(8px);transition:.25s}.catalog-item:hover .cover>b{opacity:1;transform:none}.no-cover{height:100%;display:grid;place-items:center;color:#393943;font-size:11px}.item-copy{padding:12px 2px}.item-copy>small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#5d7ef3;font-weight:800}.item-copy h2{font-size:14px;line-height:1.3;font-weight:700;margin-top:5px}.item-copy h2 a:hover{color:#6e91ff}.item-copy>p,.item-copy>div,.item-copy>footer{display:none}.mode-compact{grid-template-columns:repeat(7,minmax(0,1fr));gap:22px 13px}.mode-compact .item-copy h2{font-size:12px}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mode-list .catalog-item{display:grid;grid-template-columns:125px 1fr;background:#0d0d11;border:1px solid #24242d;border-radius:10px;padding:13px;gap:18px}.mode-list .cover{height:174px}.mode-list .item-copy{padding:5px 6px 4px 0}.mode-list .item-copy h2{font-size:18px;margin:7px 0 10px}.mode-list .item-copy>p{display:-webkit-box;color:#8e8e99;font-size:12px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mode-list .item-copy>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.mode-list .item-copy>div span{border:1px solid #2a2a34;border-radius:4px;padding:4px 7px;font-size:9px;color:#aaa}.mode-list .item-copy>footer{display:block;margin-top:14px;color:#777;font-size:10px}.catalog-pagination{margin-top:55px;display:flex;justify-content:center}.catalog-empty{text-align:center;border:1px dashed #303039;background:#0c0c10;border-radius:12px;padding:75px 20px}.catalog-empty h2{font-size:19px;font-weight:700}.catalog-empty p{color:#777;margin:6px 0 20px}.catalog-empty a{display:inline-flex;background:#2446ce;padding:10px 16px;border-radius:7px;font-weight:700;font-size:13px}@media(max-width:1024px){.mode-grid{grid-template-columns:repeat(4,1fr)}.mode-compact{grid-template-columns:repeat(6,1fr)}.mode-list{grid-template-columns:1fr}}@media(max-width:760px){.catalog-page{padding:34px 16px 70px}.catalog-toolbar{align-items:stretch;flex-direction:column}.filter-fields{display:grid;grid-template-columns:1fr 1fr;width:100%}.filter-fields select,.genre-filter>button,.apply-filter{width:100%}.genre-filter>button{justify-content:space-between}.genre-menu{left:0;right:auto;width:min(290px,90vw)}.mode-grid{grid-template-columns:repeat(3,1fr);gap:20px 11px}.mode-compact{grid-template-columns:repeat(4,1fr);gap:16px 9px}.mode-list .catalog-item{grid-template-columns:100px 1fr;gap:13px;padding:10px}.mode-list .cover{height:145px}.mode-list .item-copy h2{font-size:15px}.mode-list .item-copy>p{display:none}}@media(max-width:480px){.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-compact{grid-template-columns:repeat(3,1fr)}.filter-fields{grid-template-columns:1fr}}
/* Ajuste de fidelidade da composição original /comics */
.catalog-page{background:#000;padding:70px 20px 80px}
.catalog-shell{width:min(1318px,100%)}
.catalog-heading{display:none}
.catalog-controls{display:grid;grid-template-columns:minmax(320px,524px) 132px;justify-content:center;gap:16px 16px}
.catalog-search{grid-column:1;grid-row:1;width:100%;margin:0}
.catalog-search input{height:50px;border-radius:7px;background:#111115;border-color:#25252c;padding-left:16px;padding-right:48px}
.catalog-search svg{left:auto;right:17px;top:15px;color:#969ba8}
.catalog-toolbar{display:contents}
.view-switcher{grid-column:2;grid-row:1;height:50px;padding:4px;align-items:center;justify-content:space-between;background:#111115;border:0}
.view-switcher button{width:38px;height:38px}
.filter-fields{grid-column:1/3;grid-row:2;display:flex;justify-content:center;align-items:center;gap:12px}
.filter-fields>label{display:block}
.filter-fields>label small{display:none}
.filter-fields select,.genre-filter>button{height:41px;background:#101014;border:0;border-radius:7px;font-size:14px;font-weight:600;color:#fff}
.filter-fields select{min-width:183px;padding-left:16px}
.genre-filter>button{min-width:204px;justify-content:space-between}
.result-head{display:none}
.catalog-results{margin-top:55px}
.mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mode-list .catalog-item{height:260px;grid-template-columns:160px 1fr;padding:12px;gap:25px;background:linear-gradient(120deg,#111115 55%,#191119);border:1px solid #22232b;border-radius:11px;overflow:hidden}
.mode-list .cover{width:160px;height:234px;border:0;border-radius:7px}
.mode-list .item-copy{position:relative;padding:5px 4px 8px 0}
.mode-list .item-copy>small{display:none}
.mode-list .item-copy h2{font-size:16px;margin:0 0 14px;color:#fff}
.mode-list .item-copy>p{font-size:14px;line-height:1.45;color:#f0f0f2;-webkit-line-clamp:3}
.mode-list .item-copy>div{margin-top:0;margin-bottom:8px;order:-1}
.mode-list .item-copy>div span{background:#292a30;border:0;padding:3px 8px;font-size:11px;color:#f3f3f5}
.mode-list .item-copy>footer{position:absolute;left:0;bottom:5px;color:#fff;font-size:14px}
.mode-list .cover em{left:auto;right:-453px;top:4px;white-space:nowrap;font-size:13px;padding:6px 16px;border-radius:8px}
@media(max-width:900px){.catalog-page{padding-top:70px}.mode-list{grid-template-columns:1fr}.catalog-controls{grid-template-columns:minmax(0,1fr) 132px}.mode-list .cover em{right:10px}}
@media(max-width:620px){.catalog-page{padding:45px 12px 70px}.catalog-controls{grid-template-columns:1fr}.catalog-search{grid-column:1}.view-switcher{grid-column:1;grid-row:2;width:132px}.filter-fields{grid-column:1;grid-row:3;justify-content:flex-start;flex-wrap:wrap}.filter-fields select,.genre-filter>button{min-width:0}.catalog-results{margin-top:35px}.mode-list .catalog-item{height:220px;grid-template-columns:125px 1fr;gap:14px}.mode-list .cover{width:125px;height:194px}.mode-list .item-copy>p{font-size:12px}.mode-list .item-copy>footer{font-size:12px}}
.list-status{display:none}.mode-list .list-status{display:block;position:absolute;right:4px;top:4px;background:var(--badge,#2458e7);padding:6px 16px;border-radius:8px;color:#fff;font-size:13px;font-style:normal;font-weight:700}.mode-list .cover>em{display:none}
.view-switcher svg{width:18px;height:18px;min-width:18px;max-width:none;flex:none}
.catalog-select{position:relative}
.catalog-select>svg{position:absolute;left:16px;top:50%;width:18px;height:18px;max-width:none;transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:1.7;pointer-events:none;color:#f4f4f5}
.filter-fields .catalog-select select{padding-left:50px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e5e7eb' stroke-width='1.7'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.genre-filter button .genre-icon{width:18px;height:18px;max-width:none;flex:none}
.genre-filter button .genre-chevron{width:14px;height:14px;max-width:none;flex:none;margin-left:auto}