body.darkmode {
    background: #1a1a1a;
    color: #eee;
}

.darkmode #sidebar .widgets ul.years li a {
    background: #2b2b2b;
    color: #ccc;
}

.darkmode #sidebar .widgets ul.genre li a:before {
    color: #555;
}

.darkmode input#searchchapter {
    background: #33333382;
    color: #ccc;
    border-color: #33333382;
}

.darkmode .authdet {
    color: #999;
}

.darkmode .reader-area #chimageprev {
    cursor: url(../images/DcursorPrev.png), auto;
}

.darkmode .reader-area #chimagenext {
    cursor: url(../images/DcursorNext.png), auto;
}

.darkmode.single-blog .sharesection {
    border-color: #333333d6;
}

.darkmode input#searchchapter::placeholder {
    color: #ccc;
}

.darkmode .filtersearch form {
    background: #33333342;
}

.darkmode .filtersearch tr .inputx {
    background: #1a1a1a;
    border-color: #1a1a1a;
}

.darkmode .widget.az-list .items {
    border-color: #333;
}

.darkmode .widgetfilter .filters .filter button {
    background: #3333338f;
    color: #ccc;
}

.darkmode .char {}

.darkmode .widgetfilter .filters .filter button:hover,
.darkmode .widgetfilter .filters .filter.open button {
    border-color: #444;
}

.darkmode .widgetfilter .filters .filter ul li input+label:before,
.darkmode .widgetfilter .filters .filter ul li input:not(:checked)+label:before {
    background: #444;
}

.darkmode .widgetfilter .filters .filter ul {
    background: #333;
}

.darkmode .widgetfilter .filters .filter ul li {
    color: #ccc;
}

.darkmode .widgetfilter .filters .filter ul label {
    color: #ccc;
}

.darkmode .widgetfilter .filters .filter .inputx {
    background: #2b2b2b;
    border-color: #2b2b2b;
    color: #ccc;
}

.darkmode .widgetfilter .filters .filter .inputx::placeholder {
    color: #ccc;
}

.darkmode .filtersearch .filter_title {
    color: #ccc;
    border-color: #444;
}

.darkmode .pagination {
    border-color: #333333d6;
}

.darkmode .noschedule {
    color: #999
}

.darkmode .stooltip {
    background: #333333 !important;
    border-color: #333333 !important;
}

.darkmode .filtersearch .radio {
    color: #ccc;
}

.darkmode .checkfil {
    background: #555;
}

.darkmode .checkfilx {
    background: #555;
}

.darkmode .archiveanime-rating-bar:before {
    color: #555;
}

.darkmode .episodeinf .infoanime .infox .desc {
    color: #888;
}

.darkmode .plepslist .lstepsiode {
    background: #333;
}

.darkmode .load_slider {
    background: #333;
}

.darkmode a#east_logout {
    background: #3333339e;
}

.darkmode .rating-area {
    background: #3333338f;
    border-color: #3333338f;
}

.darkmode .stooltip .metadata {
    background: #222222a6;
}

.darkmode .stooltip .ttls {
    border-color: #444;
}

.darkmode .stooltip .genres .mta a {
    color: #ccc;
    border-color: #444;
}

.darkmode .pagination a {
    border-color: #333333d6;
    color: #ccc;
}

.darkmode .pagination span {
    color: #ccc;
    border-color: #333333d6;
}

.darkmode .widget_senction {
    border-color: #333;
}

.darkmode #primary-menu {
    background: #222;
}

.darkmode .live-search {
    background: #222;
}

.darkmode .live-search ul li .title {
    color: #ccc;
}

.darkmode .live-search ul li {
    border-color: #3333335e;
}

.darkmode .live-search ul li:hover {
    background: #3336;
}

.darkmode .live-search .info .genre {
    color: #999;
}

.darkmode .live-search ul li .score {
    color: #999;
}

.darkmode .animetitle-episode {
    color: #ccc;
}

.darkmode .lgsg_form {
    background: #222;
    color: #ccc;
}

.darkmode .side-account ul.amenu {
    background: #222;
}

.darkmode .side-account a {
    color: #ccc;
}

.darkmode .side-account ul.amenu li a {
    border-color: #333333ab;
}

.darkmode .lgsg_form header h1 {
    color: #fff;
}

.darkmode form.update_profile fieldset input[type="text"],
.darkmode form.update_profile fieldset input[type="password"] {
    background: #333333ad;
    border-color: #333333ad;
    color: #ccc;
}

.darkmode .info_episode .epx .lg {
    background: #333;
    color: #ccc;
}

.darkmode form.update_profile fieldset select {
    background: #333333ad;
    border-color: #333333ad;
    color: #ccc;
}

.darkmode #breadcrumbs li a {
    color: #ccc;
}

.darkmode .entry-header h1 {
    color: #fff;
}

.info_episode .year {
    color: #888;
}

.darkmode .desch {
    color: #ccc;
    border-color: #333333cf;
}

.darkmode .info_episode .epx {
    color: #888;
}

.darkmode .info_episode .epx a {
    color: #888;
}

.darkmode .entry-header {
    border-color: #333
}

.darkmode .sttle {
    border-color: #333;
}

.darkmode blockquote p {
    color: #ccc;
}

.darkmode blockquote {
    background: #33333382;
}

.darkmode .post_taxs {
    border-color: #333;
}

.darkmode .commentarea h3 {
    color: #ccc;
}

.darkmode .mode_post a.enable {
    background: #333;
    color: #fff
}

.darkmode .widget-title h1 {
    color: #fff;
}

.darkmode .lgsg_form fieldset label {
    color: #ccc;
}

.darkmode .lgsg_form fieldset input[type="text"],
.darkmode .lgsg_form fieldset input[type="password"] {
    background: #3333338f;
    border-color: #3333338f;
    color: #ccc;
}

.darkmode .ajax-auth h1,
.darkmode .ajax-auth h3 {
    color: #fff;
}

.darkmode form.ajax-auth {
    background: #222;
    color: #ccc;
}

.darkmode a.posts_tags {
    background: #333 !important;
}

.darkmode #respond #comment {
    background: #333;
    border-color: #333;
}

.darkmode #respond input {
    background: #333;
    border-color: #333;
}

.darkmode .sharesection b {
    color: #ccc;
    border-color: #333;
}

.darkmode .lstepsiode ul li {
    border-color: #333333d6;
}

.darkmode .blog-post .box-blog h2 a {
    color: #ccc;
}

.darkmode .blog-post .box-blog .exp p {
    color: #999;
}

.darkmode .lstepsiode ul li:hover {
    background: #292929;
}

.darkmode .anime.infoanime .infox .spe b {
    border-color: #333333d6;
}

.darkmode .anim-senct {
    border-color: #333;
}

.darkmode .noteps {
    color: #ccc;
    background: #333;
}

.darkmode #fav-count {
    color: #999;
}

.darkmode .non {
    background: #333;
    border-color: #333;
    color: #ccc;
}

.darkmode .letter_az {
    border-color: #333333d6;
}

.darkmode .listeps a {
    color: #ccc;
}

.darkmode .listeps a:visited {
    color: #666;
}

.darkmode .header-area {}

.darkmode .animepost .animposx .title {
    color: #ccc;
    border-color: #333333d6;
}

.darkmode .animepost .animposx .data .type {
    color: #999;
}

.darkmode .animepost .animposx .data .score {
    color: #999;
}

.darkmode .animepost .animposx .data .plyepisode {
    color: #666;
}

.darkmode .chdt {
    color: #777;
}

.darkmode .animepost .animposx .data .plyepisode a {
    color: #999;
}

.darkmode .widget-title span,
.darkmode .widget-title h3 {
    color: #fff !important;
}

.darkmode .tax_fil {
    color: #ccc;
}

.darkmode .filter-sort li label {
    color: #ccc;
}

.darkmode .radiox {
    color: #ccc;
}

.darkmode .filterss {
    color: #ccc !important;
    border-color: #3333339c !important;
    background: #3333339c;
}

.darkmode #sidebar .widgets h3 {
    color: #fff;
}

.darkmode .letter_home ul.lttr_azhome li a {
    color: #fff;
}

.darkmode .widgetseries ul li .lftinfo span b {
    color: #ddd;
}

.darkmode #sidebar .widgetseries ul li .lftinfo h2 a.series {
    color: #ccc;
}

.darkmode .widget-title {
    border-color: #333333d6;
}

.darkmode .listbar {
    border-color: #333333d6;
}

.darkmode .mode_post a.disable {
    background: #333;
    color: #ccc;
}

.darkmode .content-separate:before {
    border-color: #333;
}

.darkmode .filtersearch .filter_title {
    color: #ccc;
    border-color: #333;
}

.darkmode #footer {
    background: #262626;
    color: #ccc;
}

.darkmode .copyright_eastheme {
    background: #262626;
    border-color: #333;
}

.darkmode #foot_nav .footer-widget a {
    color: #ccc;
}

.darkmode #footer .footer-desc p {
    color: #ccc;
}

.darkmode .letter_home ul.lttr_azhome {
    background: #262626;
}

.darkmode .blog-post li h2 a {
    color: #ccc;
}

.darkmode .blog-post li {
    border-color: #333;
}

.darkmode .letter_home {
    border-color: #333;
}

.darkmode .widgetseries ul li {
    border-color: #333333d6;
    color: #ccc;
}

.darkmode .animepost .animposx .data_tw .ltseps {
    background: #333333b8;
    border-color: #333333b8;
    color: #ccc;
}

.darkmode .post-show .animepost .animposx .data {
    border-color: #333;
}

.darkmode #sidebar .widgets a {
    color: #ccc;
}

.darkmode .widgetseries ul li.onepiece .lftinfo span {
    color: #ddd !important;
}

.darkmode .widgetseries ul li.onepiece .lftinfo span a {
    color: #ddd !important;
}

.darkmode #sidebar .widgets a.linkwidget {
    color: #fff;
}

.darkmode .recommended {
    background: #333;
}

.darkmode .recommended a {
    color: #ccc;
}

.darkmode .widget_senction {
    background: #222;
}

.darkmode .naveps .nvs a {
    color: #ccc;
}

.darkmode .naveps .nvs.nvsc a {
    color: #fff;
}

.darkmode #server ul li .east_player_notice {
    border-color: #333;
}

.darkmode .infoanime .infox h1 {
    color: #fff;
}

.darkmode .desc .entry-content.entry-content-single p {
    color: #ccc;
}

.darkmode .synop-shadow {
    background: linear-gradient(0deg, #222 0, hsla(0, 0%, 13%, 0.31) 60%, hsla(0, 0%, 96.5%, 0));
}

.darkmode .genre-info a {
    background: #3333338f;
    border-color: #3333339e;
    color: #ccc;
}

.darkmode .starstruck-wrap .east_rating_data {
    border-color: #333;
}

.darkmode .widget.az-list .items .item {
    border-color: #333;
}

.darkmode .widget.az-list .items .item .info .name {
    color: #ccc;
}

.darkmode .starstruck-wrap .east_rating_vgs {
    background: #333;
}

.darkmode .starstruck {
    border-color: #333;
}

.darkmode .starstruck .star-off-png:before {
    color: #333;
}

.darkmode .anime.infoanime {
    border-color: #333;
}

.darkmode h3.anim-detail {
    border-color: #333333d6;
}

.darkmode .infoanime .infox .spe span {
    color: #ccc;
    border-color: #333333d6;
}

.darkmode .anime.infoanime .infox .spe span:hover {
    background: #333333b8;
}

.darkmode .letterlist a {
    background: #3333339c;
    border-color: #3333339c;
    color: #ccc;
}

.darkmode .widget_senction {
    border-color: #333;
}

.darkmode ul.history-page li {
    border-color: #333;
}

.darkmode ul.history-page li .date {
    color: #999;
}

.darkmode ul.history-page li a {
    color: #ccc;
}

.darkmode #server .east_player_option {
    background: #333;
}

.darkmode .letterlist {
    border-color: #333333d6;
}

.darkmode .video-nav {
    border-color: #333;
}

.darkmode #breadcrumbs {
    border-color: #333;
}

.darkmode .itemleft .icon span {
    color: #ccc;
}

.darkmode .naveps .nvs select {
    background: #33333387;
    border-color: #33333387;
    color: #ccc;
}

.darkmode .naveps .nevxs {
    background: #222;
}

.darkmode .naveps .nvs .previmg,
.darkmode .naveps .nvs .nextimg {
    color: #ccc;
}

.darkmode .links_table table thead tr {
    background: #333;
}

.darkmode .links_table table thead tr th {
    color: #ccc;
}

.darkmode .links_table {
    border-color: #333;
    background: #222;
}

.darkmode .episodeinf .areainfo {
    border-color: #333;
}

.darkmode .links_table table tbody tr {
    border-color: #333;
}

.darkmode .links_table table tbody tr:hover {
    background: #292929;
}

.darkmode .links_table table tbody tr td a {
    color: #ccc;
}

.darkmode .links_table table tbody tr td strong.quality {
    background: #333;
    border-color: #333;
    color: #ccc;
}

.darkmode .listabj {
    border-color: #333;
}

.darkmode .listttl a {
    color: #ccc;
}

.darkmode .listabj a {
    color: #999;
}

.darkmode .tab-dates {
    background: #333333b8;
    color: #ccc;
}

.darkmode h3.notfound {
    color: #ccc;
}

.darkmode .recanim {
    border-color: #333;
}

.darkmode .comments {
    border-color: #333;
}

.darkmode .infoanime .infox .spe span a {
    color: #ccc;
}

.darkmode a.btn.prevf,
.darkmode a.btn.nextf {
    color: #ccc;
}

.darkmode #sidebar .widgets ul.genre li {
    border-color: #333333d6;
}

.darkmode #sidebar .widgets ul.genre li:hover {
    background: #33333361;
}

.darkmode #sidebar .widgets ul.genre li a {
    color: #ccc !important;
}

.darkmode .search_desktop #form #s {
    background: #33333382;
    border-color: #4444445e;
}

.darkmode .search_desktop #form #s::placeholder {
    color: #ccc !important;
}

.darkmode .fullbody .infoanime .thumb {
    border-color: #222;
}

.darkmode .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #333;
}

@media only screen and (max-width: 769px) {
    .darkmode #primary-menu ul li {
        color: #ccc !important;
        border-color: #333 !important;
    }

    .darkmode #primary-menu ul li a {
        color: #ccc;
    }

    .darkmode .inner-switch {
        color: #ccc;
        border-color: #333;
    }


    .darkmode .search_responsive {
        background: #222;
        color: #ccc;
    }

    .darkmode form.form-resp-ab {
        border-color: #333;
    }

    .darkmode form.form-resp-ab button[type=submit] {
        color: #ccc;
    }

    .darkmode form.form-resp-ab input[type=text] {
        color: #ccc;
    }

    .darkmode #primary-menu {

        background: #222 !important;
    }
}

.darkmode #sidebar .widgets {
    background: #222;
}

/* ============================================
   ManhwaWeb Style Library Page
   ============================================ */

/* Library Page Container */
.library-page-mw {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

/* Library Form */
.library-form-mw {
    background: #1e1e2e;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #333;
}

/* Search Row */
.library-search-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.search-input-wrapper {
    flex: 1;
}

.search-input-wrapper .inputx {
    width: 100%;
    padding: 12px 16px;
    background: #2a2a3a;
    border: 1px solid #444;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    transition: border-color 0.3s ease;
}

.search-input-wrapper .inputx:focus {
    border-color: #5bc0be;
    outline: none;
}

.search-input-wrapper .inputx::placeholder {
    color: #888;
}

.search-btn-mw {
    padding: 12px 24px;
    background: linear-gradient(135deg, #5bc0be, #3a9d9b);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.search-btn-mw:hover {
    background: linear-gradient(135deg, #6fd1cf, #4ab0ae);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(91, 192, 190, 0.3);
}

/* Filter Sections */
.filters-section-mw {
    margin-bottom: 10px;
}

.filter-toggle-btn {
    width: 100%;
    padding: 12px 16px;
    background: #2a2a3a;
    border: 1px solid #444;
    border-radius: 8px;
    color: #ccc;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}

.filter-toggle-btn:hover {
    background: #333;
    border-color: #555;
}

.filter-toggle-btn.active {
    background: #333;
    border-color: #5bc0be;
    color: #fff;
}

.filter-toggle-btn .toggle-icon {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.filter-toggle-btn.active .toggle-icon {
    transform: rotate(180deg);
}

/* Collapsible Content */
.filter-collapsible {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    background: #252535;
    border-radius: 0 0 8px 8px;
}

.filter-collapsible.active {
    max-height: 500px;
    padding: 15px;
    border: 1px solid #444;
    border-top: none;
}

/* Filter Grid */
.filter-grid-mw {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.filter-group-mw {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-label-mw {
    font-size: 13px;
    font-weight: 600;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.filter-options-mw {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-options-mw .radio {
    padding: 6px 12px;
    background: #333;
    border-radius: 6px;
    font-size: 13px;
    color: #ccc;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-options-mw .radio:hover {
    background: #444;
    color: #fff;
}

.filter-options-mw .radio input:checked+.checkfilx,
.filter-options-mw .radio.active {
    background: #5bc0be !important;
    color: #000;
}

/* Filter Select */
.filter-select-mw {
    padding: 8px 12px;
    background: #333;
    border: 1px solid #444;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    min-width: 120px;
}

.filter-select-mw:focus {
    outline: none;
    border-color: #5bc0be;
}

/* Genres Grid */
.genres-grid-mw {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.genres-grid-mw .checkfil {
    padding: 6px 14px;
    background: #333;
    border-radius: 20px;
    font-size: 12px;
    color: #ccc;
    cursor: pointer;
    transition: all 0.2s ease;
}

.genres-grid-mw .checkfil:hover {
    background: #444;
    color: #fff;
}

/* Order Section */
.order-section-mw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #333;
    flex-wrap: wrap;
    gap: 15px;
}

.order-group-mw {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-select-mw {
    padding: 10px 16px;
    background: #2a2a3a;
    border: 1px solid #444;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    min-width: 180px;
}

.order-select-mw:focus {
    outline: none;
    border-color: #5bc0be;
}

.apply-filters-btn {
    padding: 10px 24px;
    background: linear-gradient(135deg, #5bc0be, #3a9d9b);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.apply-filters-btn:hover {
    background: linear-gradient(135deg, #6fd1cf, #4ab0ae);
    transform: translateY(-2px);
}

/* Library Results Grid */
.library-results-mw .relat {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* ============================================
   ManhwaWeb Style Manga Cards
   ============================================ */

.manga-card-mw {
    background: #1e1e2e;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.manga-card-mw:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    border-color: #5bc0be;
}

.manga-card-link-mw {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Type Bar */
.type-bar-mw {
    padding: 6px 12px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.type-bar-mw.type-manga {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
}

.type-bar-mw.type-manhwa {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
}

.type-bar-mw.type-manhua {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff;
}

.type-bar-mw.type-novela {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
}

/* Cover Container */
.manga-cover-mw {
    position: relative;
    padding-top: 140%;
    background: #2a2a3a;
    overflow: hidden;
}

.manga-cover-mw img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.manga-card-mw:hover .manga-cover-mw img {
    transform: scale(1.08);
}

/* +18 Badge */
.badge-18-mw {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    color: #ef4444;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 8px;
    border-radius: 50px;
    border: 2px solid #ef4444;
    z-index: 5;
}

/* Demographic Badge */
.demo-badge-mw {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    z-index: 4;
}

.demo-badge-mw.demo-seinen {
    background: linear-gradient(180deg, transparent, rgba(239, 68, 68, 0.9));
}

.demo-badge-mw.demo-shounen {
    background: linear-gradient(180deg, transparent, rgba(249, 115, 22, 0.9));
}

.demo-badge-mw.demo-shoujo {
    background: linear-gradient(180deg, transparent, rgba(236, 72, 153, 0.9));
}

.demo-badge-mw.demo-josei {
    background: linear-gradient(180deg, transparent, rgba(139, 92, 246, 0.9));
}

/* Hover Overlay */
.manga-overlay-mw {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.manga-overlay-mw i {
    font-size: 40px;
    color: #fff;
    transform: scale(0.5);
    transition: transform 0.3s ease;
}

.manga-card-mw:hover .manga-overlay-mw {
    opacity: 1;
}

.manga-card-mw:hover .manga-overlay-mw i {
    transform: scale(1);
}

/* Card Info */
.manga-info-mw {
    padding: 12px;
    background: #1e1e2e;
}

.manga-title-mw {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}

.manga-rating-mw {
    font-size: 12px;
    color: #fbbf24;
    display: flex;
    align-items: center;
    gap: 4px;
}

.manga-rating-mw i {
    font-size: 11px;
}

/* Hot Label Override */
.manga-cover-mw .hot-label,
.manga-cover-mw .hots {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}

/* Responsive */
@media (max-width: 768px) {
    .library-search-row {
        flex-direction: column;
    }

    .search-btn-mw {
        width: 100%;
        justify-content: center;
    }

    .filter-grid-mw {
        grid-template-columns: 1fr;
    }

    .order-section-mw {
        flex-direction: column;
        align-items: stretch;
    }

    .order-group-mw {
        flex-direction: column;
        align-items: stretch;
    }

    .order-select-mw {
        width: 100%;
    }

    .apply-filters-btn {
        width: 100%;
        justify-content: center;
    }

    .library-results-mw .relat {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .library-results-mw .relat {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .manga-info-mw {
        padding: 8px;
    }

    .manga-title-mw {
        font-size: 12px;
    }
}

/* Override old styles for library page */
.library-page-mw .relat {
    margin-top: 0 !important;
}

.library-page-mw .animepost,
.library-page-mw .animpost {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}