/**
 * Kompakt anime kartları + Son Güncellemeler chrome
 * home.css'ten sonra yüklenmeli.
 */

/*
 * Tek continuum: 1080p → 2K → 4K aynı kompozisyon (≈7 kolon),
 * sadece ölçek büyür. Ayrı 2560/3840 “başka layout” yok.
 */
html {
    font-size: clamp(14px, 0.3vw + 10.6px, 18.5px) !important;
}

:root {
    --ac-cols: 6;
    --ac-radius: clamp(0.55rem, 0.4rem + 0.25vw, 0.85rem);
    --ac-gap: clamp(0.55rem, 0.4rem + 0.4vw, 0.9rem);
    --hp-shell: min(var(--aml-max), 2240px);
    --aml-shell-w: min(var(--aml-max), 2240px);
    --hp-pad: clamp(0.65rem, 0.4rem + 0.85vw, 1.2rem);
    /* Kart genişliği = shell / kolon — 1080p ile 2K’de aynı satır düzeni */
    --ac-w: clamp(
        7.25rem,
        round(
            calc(
                (var(--hp-shell) - (2 * var(--hp-pad)) - ((var(--ac-cols) - 1) * var(--ac-gap)))
                    / var(--ac-cols)
            ),
            1px
        ),
        12.5rem
    );
    /* Tipografi: düşük çözünürlükte daha okunaklı taban */
    --ac-fs-title: clamp(0.72rem, 0.58rem + 0.28vw, 0.96rem);
    --ac-fs-badge: clamp(0.6rem, 0.5rem + 0.18vw, 0.84rem);
    --ac-fs-score: clamp(0.6rem, 0.5rem + 0.16vw, 0.82rem);
    --ac-fs-section: clamp(1.05rem, 0.88rem + 0.32vw, 1.36rem);
    --ac-fs-filter: clamp(0.78rem, 0.66rem + 0.22vw, 1.02rem);
    /* --ac-foot-bg / --ac-badge-bg / --ac-shadow* / --ac-chrome* / --ac-accent: tokens.css */
    --ac-border: var(--theme-border);
}

/* 1080p ve altı / laptop: yazıları bir kademe daha büyüt */
@media (max-width: 120rem) {
    html {
        font-size: clamp(14.25px, 0.34vw + 10.7px, 17.25px) !important;
    }
    :root {
        --ac-fs-title: clamp(0.76rem, 0.64rem + 0.3vw, 0.98rem);
        --ac-fs-badge: clamp(0.64rem, 0.54rem + 0.2vw, 0.86rem);
        --ac-fs-score: clamp(0.64rem, 0.54rem + 0.18vw, 0.84rem);
        --ac-fs-section: clamp(1.12rem, 0.95rem + 0.34vw, 1.4rem);
        --ac-fs-filter: clamp(0.84rem, 0.72rem + 0.24vw, 1.05rem);
    }
    .section-title-modern,
    .recent-update-section .section-title-modern,
    .most-viewed-slider-section .mvs-section-title,
    .homepage-combined-tabs .section-title-modern,
    .genre-cloud-section .section-title-modern {
        font-size: var(--ac-fs-section) !important;
    }
    .anime-card__title,
    .anime-title-strip__name,
    .anime-card-modern .anime-title-strip__name {
        font-size: var(--ac-fs-title) !important;
        font-weight: 700;
        line-height: 1.25;
    }
    .filter-btn-modern,
    .recent-update-section .filter-btn-modern,
    .widget-tab-modern {
        font-size: var(--ac-fs-filter) !important;
    }
}

/* Tablet / mobil: kolon sayısı düşer, oran aynı kalır */
@media (max-width: 75rem) {
    :root { --ac-cols: 6; }
}
@media (max-width: 64rem) {
    :root { --ac-cols: 5; --hp-shell: 100vw; }
}
@media (max-width: 48rem) {
    :root {
        --ac-cols: 3;
        --ac-fs-title: clamp(0.78rem, 0.72rem + 0.4vw, 0.95rem);
        --ac-fs-filter: clamp(0.78rem, 0.72rem + 0.35vw, 0.92rem);
        --ac-fs-badge: clamp(0.72rem, 0.68rem + 0.3vw, 0.88rem);
        --ac-fs-score: clamp(0.72rem, 0.68rem + 0.3vw, 0.88rem);
        --hp-pad: 0.3rem;
    }
}
@media (max-width: 30rem) {
    :root {
        --ac-cols: 2;
        --ac-fs-title: clamp(0.8rem, 0.74rem + 0.5vw, 0.98rem);
        --ac-fs-filter: clamp(0.8rem, 0.74rem + 0.4vw, 0.95rem);
        --ac-fs-badge: clamp(0.75rem, 0.7rem + 0.35vw, 0.9rem);
        --ac-fs-score: clamp(0.75rem, 0.7rem + 0.35vw, 0.9rem);
        --hp-pad: 0.25rem;
    }
}

/* ---- Grid ---- */
.anime-grid,
.anime-grid-modern,
.homepage-inner .recent-update-section .anime-grid-modern {
    display: flex;
    flex-wrap: wrap;
    /* Eksik satır ortada — auto-fill grid sağda boşluk bırakıyordu */
    justify-content: center;
    align-items: flex-start;
    gap: var(--ac-gap);
    width: 100%;
    padding: 0;
}

.anime-grid > *,
.anime-grid-modern > * {
    flex: 0 0 var(--ac-w);
    width: var(--ac-w);
    max-width: var(--ac-w);
    min-width: 0;
    box-sizing: border-box;
}

/* ---- Card ---- */
.anime-card,
.anime-card-modern {
    text-decoration: none;
    color: inherit;
    display: block;
    position: relative;
    transition: transform 0.2s ease;
}

.anime-card:hover,
.anime-card-modern:hover,
.anime-card:focus-visible,
.anime-card-modern:focus-visible {
    transform: translateY(-0.2rem);
    z-index: 5;
    outline: none;
}

.anime-card__poster,
.anime-poster-modern {
    position: relative;
    border-radius: var(--ac-radius);
    overflow: hidden;
    aspect-ratio: 2 / 3;
    width: 100%;
    background: var(--theme-surface);
    border: 1px solid var(--ac-border);
    box-shadow: var(--ac-shadow);
    transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
    contain: layout;
}

.anime-card:hover .anime-card__poster,
.anime-card-modern:hover .anime-poster-modern {
    box-shadow:
        var(--ac-shadow-hover),
        0 0 0 1px color-mix(in srgb, var(--theme-accent) 45%, transparent);
    border-color: color-mix(in srgb, var(--theme-accent) 40%, var(--theme-border));
}

.anime-card__poster img,
.anime-poster-modern img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.35s var(--aml-ease, ease), filter 0.25s ease;
}

.anime-card:hover .anime-card__poster img,
.anime-card-modern:hover .anime-poster-modern img {
    transform: scale(1.05);
    filter: brightness(1.03) saturate(1.06);
}

.anime-card__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    /* Poster üstü yazı için her temada koyu foot — theme-text değil */
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.82) 0%,
        rgba(0, 0, 0, 0.42) 38%,
        transparent 68%
    );
    transition: opacity 0.22s ease;
}
.anime-card:hover .anime-card__shade,
.anime-card-modern:hover .anime-card__shade {
    opacity: 1;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.88) 0%,
        color-mix(in srgb, var(--theme-accent) 22%, rgba(0, 0, 0, 0.35)) 36%,
        transparent 70%
    );
}

.anime-card__overlay,
.anime-overlay-modern,
.anime-card__tooltip,
.anime-tooltip-modern {
    display: none !important;
}

/* Bölüm rozeti — accent kenar, okunaklı beyaz */
.anime-card__badge,
.anime-episode-badge-top,
.anime-card-modern .anime-episode-badge-top {
    position: absolute;
    top: 0.35rem;
    left: 0.35rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.16rem 0.38rem;
    border-radius: 0.28rem;
    background: rgba(0, 0, 0, 0.55) !important;
    border: 1px solid color-mix(in srgb, var(--theme-accent) 45%, transparent) !important;
    color: #fff !important;
    font-size: var(--ac-fs-badge) !important;
    font-weight: 700;
    line-height: 1;
    backdrop-filter: blur(6px);
    box-shadow: none !important;
    text-shadow: none !important;
    max-width: calc(100% - 3.1rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anime-card__badge i,
.anime-episode-badge-top i,
.anime-card-modern .anime-episode-badge-top i {
    font-size: 0.55rem !important;
    color: var(--theme-accent) !important;
}

.anime-card__cat,
.anime-category-badge-corner,
.anime-card-modern .anime-category-badge-corner {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    z-index: 3;
    padding: 0.16rem 0.36rem;
    border-radius: 0.28rem;
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
    font-size: 0.58rem !important;
    font-weight: 600;
    line-height: 1.1;
    backdrop-filter: blur(6px);
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    max-width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anime-card__score {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.16rem 0.38rem;
    border-radius: 0.28rem;
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid color-mix(in srgb, var(--theme-info) 50%, transparent);
    color: var(--theme-info);
    font-size: var(--ac-fs-score);
    font-weight: 800;
    line-height: 1;
    backdrop-filter: blur(6px);
}

.anime-card__score i {
    font-size: 0.55rem;
}

/* İsim — poster üstü, her temada beyaz */
.anime-card__foot,
.anime-title-strip,
.anime-card-modern .anime-title-strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 0.65rem 0.45rem 0.4rem !important;
    background: transparent !important;
    color: #fff;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    opacity: 1 !important;
    font-size: var(--ac-fs-title);
    line-height: 1.2;
    transition: color 0.2s ease;
}

.anime-card:hover .anime-card__foot,
.anime-card-modern:hover .anime-title-strip,
.anime-card:hover .anime-title-strip {
    color: #fff;
}

.anime-card__title,
.anime-title-strip__name,
.anime-card-modern .anime-title-strip__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--aml-font-display), "Plus Jakarta Sans", system-ui, sans-serif;
    font-size: var(--ac-fs-title);
    font-weight: var(--aml-fw-semibold);
    line-height: 1.25;
    letter-spacing: -0.015em;
    white-space: normal !important;
    text-overflow: unset;
    color: #fff !important;
}

.anime-card__sub,
.anime-title-strip__ep {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.62rem;
    font-weight: 600;
    color: color-mix(in srgb, var(--theme-accent) 75%, #fff) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none;
}

.anime-title-strip--with-last-ep {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.anime-card-rank-wrap,
.most-viewed-card-wrap,
.top100-card-wrap {
    position: relative;
}

/* Sıra: sol üstte bölümün ALTINDA — puan (sağ) ile çakışmaz */
.anime-card__rank,
.most-viewed-rank-badge,
.top100-rank-badge {
    position: absolute !important;
    top: 1.85rem !important;
    left: 0.35rem !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 4 !important;
    min-width: 1.45rem;
    height: 1.35rem;
    padding: 0 0.32rem;
    border-radius: 0.28rem;
    background: color-mix(in srgb, var(--theme-bg) 88%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--theme-text) 14%, transparent) !important;
    color: var(--theme-text) !important;
    font-size: clamp(0.58rem, 0.5rem + 0.15vw, 0.68rem) !important;
    font-weight: 800;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    text-shadow: none !important;
}

.user-history-card-wrap {
    position: relative;
    isolation: isolate;
}
.user-history-card-wrap .user-history-remove-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 30;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--theme-bg) 72%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-text) 35%, transparent);
    color: var(--theme-text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    opacity: 1;
    pointer-events: auto;
    transition: background 0.2s ease, opacity 0.15s ease, transform 0.15s ease;
}
.user-history-card-wrap .user-history-remove-btn:hover,
.user-history-card-wrap .user-history-remove-btn:focus-visible {
    background: color-mix(in srgb, var(--theme-accent) 95%, transparent);
    color: var(--theme-text);
    transform: scale(1.06);
    outline: none;
}
/* Masaüstü: hover’da X; mobilde her zaman */
@media (hover: hover) and (pointer: fine) {
    .user-history-card-wrap .user-history-remove-btn {
        opacity: 0;
        pointer-events: none;
    }
    .user-history-card-wrap:hover .user-history-remove-btn,
    .user-history-card-wrap:focus-within .user-history-remove-btn {
        opacity: 1;
        pointer-events: auto;
    }
}

/* =========================================================
   Son Güncellemeler — kompakt chrome
   ========================================================= */
.recent-update-section {
    /* 6 kolon: kart genişliği ana alana göre (auto-fill değil) */
    --ru-cols: 6;
    --ru-gap: 0.8rem;
    --ru-w: calc((100% - (5 * var(--ru-gap) / 6)));
    margin-top: 0.75rem;
    margin-bottom: 0.85rem;
}
.homepage-inner > .recent-update-section {
    /* kenarda ~8px nefes; içi doldur */
    margin-left: calc(-1 * var(--hp-pad) + 8px) !important;
    margin-right: calc(-1 * var(--hp-pad) + 8px) !important;
    width: calc(100% + 2 * var(--hp-pad) - 16px) !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}
.recent-update-section .section-header-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.4rem 0.55rem;
    margin-bottom: 0.55rem;
    padding: 0;
    min-height: 0;
    background: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.recent-update-section .section-title-modern {
    font-size: var(--ac-fs-section);
    font-weight: 700;
    color: var(--theme-text);
    margin: 0;
    gap: 0.45rem;
    line-height: 1.2;
}

.recent-update-section .section-title-modern i {
    font-size: calc(var(--ac-fs-section) * 1.08);
    background: none;
    -webkit-text-fill-color: var(--theme-muted);
    color: var(--theme-muted);
}

.recent-update-section .section-filters-modern {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: 0.35rem;
}

.recent-update-section .filter-btn-modern {
    padding: clamp(0.22rem, 0.15rem + 0.2vw, 0.28rem) clamp(0.45rem, 0.3rem + 0.45vw, 0.65rem);
    background: var(--theme-neutral);
    border: 1px solid var(--theme-border);
    border-radius: 0.35rem;
    color: var(--theme-muted);
    font-size: var(--ac-fs-filter);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
    box-shadow: none;
    transform: none;
}

.recent-update-section .filter-btn-modern:hover {
    background: color-mix(in srgb, var(--theme-text) 8%, var(--theme-neutral));
    border-color: var(--theme-border);
    color: var(--theme-text);
    transform: none;
    box-shadow: none;
}

.recent-update-section .filter-btn-modern.active {
    background: var(--theme-accent);
    border-color: var(--theme-accent);
    color: var(--theme-accent-ink);
    box-shadow: none;
}

.recent-update-section .pagination-nav-modern {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.recent-update-section .pagination-btn-modern {
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
    background: var(--theme-neutral);
    border: 1px solid var(--theme-border);
    border-radius: 0.3rem;
    color: var(--theme-text);
    font-size: 0.72rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transform: none;
}

.recent-update-section .pagination-btn-modern:hover:not(:disabled) {
    background: color-mix(in srgb, var(--theme-text) 8%, var(--theme-neutral));
    border-color: var(--theme-border);
    transform: none;
}

.recent-update-section .pagination-btn-modern:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.recent-update-section .pagination-btn-modern.page-num-btn {
    min-width: 1.75rem;
    font-size: 0.72rem;
    font-weight: 650;
}

.recent-update-section .pagination-btn-modern.page-num-btn.active {
    background: var(--theme-accent);
    border-color: var(--theme-accent);
    color: var(--theme-accent-ink);
    box-shadow: none;
}

.recent-update-section .page-indicator {
    color: var(--theme-muted);
    font-size: 0.72rem;
    font-weight: 600;
    min-width: 2.75rem;
    text-align: center;
}

.recent-update-section .pagination-numbers {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex-wrap: wrap;
}

.recent-update-section .pagination-goto {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.recent-update-section .pagination-goto-input {
    width: 3rem;
    padding: 0.28rem 0.35rem;
    background: var(--theme-neutral);
    border: 1px solid var(--theme-border);
    border-radius: 0.3rem;
    color: var(--theme-text);
    font-size: 0.72rem;
    text-align: center;
}

.recent-update-section .pagination-goto-btn {
    padding: 0.28rem 0.6rem;
    background: var(--theme-accent);
    border: 1px solid var(--theme-accent);
    border-radius: 0.3rem;
    color: var(--theme-accent-ink);
    font-size: 0.72rem;
    font-weight: 650;
    cursor: pointer;
    transition: background 0.15s ease, filter 0.15s ease;
}

.recent-update-section .pagination-goto-btn:hover {
    background: var(--theme-accent-deep);
    border-color: var(--theme-accent-deep);
}

.recent-update-section .pagination-nav-bottom {
    margin-top: 0.9rem;
    padding: 0.45rem 0.55rem;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    background: var(--ac-chrome-bg);
    border: 1px solid var(--ac-chrome-border);
    border-radius: var(--ac-radius);
}

/* Son Güncellemeler — sabit 6 kolon (Miruro); boyut = ana kolon / 6 */
main#main-content .homepage-inner .recent-update-section .anime-grid-modern,
main#main-content #recentUpdateGrid.anime-grid-modern,
.homepage-inner .recent-update-section .anime-grid-modern,
#recentUpdateGrid.anime-grid-modern {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1rem 0.8rem !important;
    justify-content: stretch !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

main#main-content .homepage-inner .recent-update-section .anime-grid-modern > *,
main#main-content #recentUpdateGrid.anime-grid-modern > *,
.homepage-inner .recent-update-section .anime-grid-modern > *,
#recentUpdateGrid.anime-grid-modern > *,
.recent-update-section .anime-grid-modern > * {
    flex: unset !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-column: auto;
    margin-left: 0 !important;
}

main#main-content .homepage-inner .recent-update-section .anime-card,
main#main-content .homepage-inner .recent-update-section .anime-card-modern,
#recentUpdateGrid .anime-card,
#recentUpdateGrid .anime-card-modern,
#recentUpdateGrid .mac,
.recent-update-section .mac {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 75rem) {
    main#main-content .homepage-inner .recent-update-section .anime-grid-modern,
    main#main-content #recentUpdateGrid.anime-grid-modern,
    .homepage-inner .recent-update-section .anime-grid-modern,
    #recentUpdateGrid.anime-grid-modern,
    html body main#main-content .recent-update-section .anime-grid-modern,
    html body main#main-content #recentUpdateGrid.anime-grid-modern {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 64rem) {
    main#main-content .homepage-inner .recent-update-section .anime-grid-modern,
    main#main-content #recentUpdateGrid.anime-grid-modern,
    .homepage-inner .recent-update-section .anime-grid-modern,
    #recentUpdateGrid.anime-grid-modern,
    html body main#main-content .recent-update-section .anime-grid-modern,
    html body main#main-content #recentUpdateGrid.anime-grid-modern {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* =========================================================
   Son Yorumlar — kompakt chrome
   ========================================================= */
.latest-comments-section {
    margin-top: 1.35rem;
    margin-bottom: 1.15rem;
    padding-left: 0;
    padding-right: 0;
}

.latest-comments-section .lc-header,
.latest-comments-section .section-header-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.4rem 0.65rem;
    min-height: 0;
    background: var(--ac-chrome-bg);
    border-radius: var(--ac-radius);
    border: 1px solid var(--ac-chrome-border);
}

.latest-comments-section .lc-section-title,
.latest-comments-section .section-title-modern {
    font-size: var(--ac-fs-section);
    font-weight: 700;
    color: var(--theme-text);
    margin: 0;
    gap: 0.45rem;
    line-height: 1.2;
}

.latest-comments-section .lc-section-title i,
.latest-comments-section .section-title-modern i {
    font-size: calc(var(--ac-fs-section) * 1.08);
    background: none;
    -webkit-text-fill-color: var(--theme-muted);
    color: var(--theme-muted);
}

.latest-comments-section .lc-nav-arrows {
    display: flex;
    gap: 0.3rem;
}

.latest-comments-section .lc-arrow {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.3rem;
    border: 1px solid var(--theme-border);
    background: var(--theme-neutral);
    color: var(--theme-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    font-size: 0.7rem;
    box-shadow: none;
    transform: none;
}

.latest-comments-section .lc-arrow:hover {
    background: color-mix(in srgb, var(--theme-text) 8%, var(--theme-neutral));
    border-color: var(--theme-border);
    color: var(--theme-text);
}

.latest-comments-section .lc-grid-wrap {
    gap: 0.65rem;
}

.latest-comments-section .lc-card {
    background: var(--theme-neutral);
    border: 1px solid var(--ac-chrome-border);
    border-radius: var(--ac-radius);
    height: 10.75rem;
    min-width: calc(33.333% - 0.45rem);
    max-width: calc(33.333% - 0.45rem);
    box-shadow: none;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.latest-comments-section .lc-card:hover {
    border-color: var(--theme-border);
    background: var(--theme-surface);
    transform: translateY(-0.1rem);
    box-shadow: var(--theme-shadow-soft);
}

.latest-comments-section .lc-img {
    width: 5.75rem;
}

.latest-comments-section .lc-img-overlay {
    padding: 0.3rem 0.4rem;
    font-size: 0.6rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 75%, transparent) 0%, transparent 100%);
}

.latest-comments-section .lc-ep-badge {
    bottom: 0.3rem;
    left: 0.3rem;
    background: var(--ac-badge-bg) !important;
    border: 1px solid color-mix(in srgb, var(--theme-info) 40%, transparent);
    color: var(--theme-text);
    font-size: 0.58rem;
    font-weight: 700;
    padding: 0.12rem 0.35rem;
    border-radius: 0.25rem;
    backdrop-filter: blur(4px);
    box-shadow: none;
}

.latest-comments-section .lc-body {
    padding: 0.55rem 0.65rem;
}

.latest-comments-section .lc-user-line {
    gap: 0.35rem;
    margin-bottom: 0.3rem;
}

.latest-comments-section .lc-avatar,
.latest-comments-section .lc-avatar-ph {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
}

.latest-comments-section .lc-uname,
.latest-comments-section a.lc-uname-link {
    font-size: 0.7rem;
    font-weight: 650;
    color: var(--theme-text);
    min-height: 0;
    min-width: 0;
    padding: 0;
}

.latest-comments-section a.lc-uname-link:hover {
    color: var(--theme-accent);
}

.latest-comments-section .lc-ago {
    font-size: 0.6rem;
    color: var(--theme-muted);
}

.latest-comments-section .lc-text {
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--theme-muted);
    max-height: 5.6em;
}

.latest-comments-section .lc-text .comment-quote-block {
    margin: 0.3rem 0 0.4rem;
    padding: 0.35rem 0.5rem 0.4rem 0.55rem;
    background: color-mix(in srgb, var(--theme-text) 4%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
    border-left: 2px solid color-mix(in srgb, var(--theme-text) 28%, transparent);
    border-radius: 0 0.3rem 0.3rem 0;
    box-shadow: none;
}

.latest-comments-section .lc-text .comment-quote-head {
    font-size: 0.58rem;
    color: color-mix(in srgb, var(--theme-text) 65%, transparent);
    letter-spacing: 0.03em;
    margin-bottom: 0.2rem;
}

.latest-comments-section .lc-text .comment-quote-head .lc-quote-chip {
    font-size: 0.52rem;
    color: color-mix(in srgb, var(--theme-text) 90%, transparent);
    background: color-mix(in srgb, var(--theme-text) 12%, transparent);
    padding: 0.08rem 0.3rem;
    border-radius: 0.2rem;
}

.latest-comments-section .lc-text .comment-quote-head .comment-quote-user-link {
    color: color-mix(in srgb, var(--theme-text) 90%, transparent);
    border-bottom-color: color-mix(in srgb, var(--theme-text) 25%, transparent);
}

.latest-comments-section .lc-text .comment-quote-body {
    font-size: 0.72rem;
    color: color-mix(in srgb, var(--theme-text) 75%, transparent);
}

.latest-comments-section .lc-spoiler-tag {
    font-size: 0.6rem;
    background: color-mix(in srgb, var(--theme-accent) 12%, transparent);
    color: var(--theme-accent);
    padding: 0.12rem 0.35rem;
    border-radius: 0.2rem;
}

.latest-comments-section .lc-bottom {
    padding-top: 0.3rem;
}

.latest-comments-section .lc-anime-tag {
    font-size: 0.62rem;
    font-weight: 650;
    color: var(--theme-text);
    background: var(--theme-neutral) !important;
    border: 1px solid var(--theme-border) !important;
    padding: 0.14rem 0.4rem;
    border-radius: 0.25rem;
    max-width: 7.5rem;
    box-shadow: none !important;
}

.latest-comments-section .lc-heart-stat {
    font-size: 0.65rem;
    color: color-mix(in srgb, var(--theme-text) 50%, transparent);
    gap: 0.25rem;
}

.latest-comments-section .lc-heart-icon {
    font-size: 0.62rem;
    color: color-mix(in srgb, var(--theme-accent) 85%, transparent);
}

.latest-comments-section .lc-heart-count {
    color: color-mix(in srgb, var(--theme-text) 55%, transparent);
}

@media (max-width: 61.9375rem) {
    .latest-comments-section .lc-card {
        min-width: calc(50% - 0.35rem);
        max-width: calc(50% - 0.35rem);
        height: 10.25rem;
    }

    .latest-comments-section .lc-img {
        width: 5.25rem;
    }

    /* Son Güncellemeler: <991px — başlık+sayfa / filtreler (sağa kayma yok) */
    .recent-update-section .section-header-modern,
    html body .homepage-inner .recent-update-section .section-header-modern {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "title pager"
            "filters filters" !important;
        align-items: center !important;
        justify-content: stretch !important;
        flex-direction: unset !important;
        flex-wrap: nowrap !important;
        gap: 0.5rem 0.65rem !important;
        width: 100% !important;
    }
    .recent-update-section .section-title-wrapper {
        grid-area: title !important;
        flex: unset !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .recent-update-section .section-title-modern {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .recent-update-section .section-filters-modern,
    html body .homepage-inner .recent-update-section .section-filters-modern {
        grid-area: filters !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 0.35rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: unset !important;
    }
    .recent-update-section .pagination-nav-top,
    .recent-update-section .pagination-nav-modern.pagination-nav-top {
        grid-area: pager !important;
        justify-content: flex-end !important;
        margin-left: 0 !important;
        width: auto !important;
        flex: unset !important;
    }
}

@media (max-width: 36rem) {
    .latest-comments-section .lc-card {
        min-width: 88%;
        max-width: 88%;
        height: 9.75rem;
    }

    .latest-comments-section .lc-img {
        width: 5rem;
    }

    .latest-comments-section .lc-body {
        padding: 0.45rem 0.55rem;
    }

    .latest-comments-section .lc-section-title,
    .latest-comments-section .section-title-modern {
        font-size: 0.95rem;
    }
}

/* =========================================================
   En Çok İzlenenler — yatay slider
   ========================================================= */
.most-viewed-slider-section {
    /* masaüstü: önceki %20 + %15 → ~%38 */
    --mvs-w: calc(var(--ac-w) * 1.38);
    margin-top: 1.35rem;
    margin-bottom: 1.15rem;
}
.most-viewed-slider-section .mvs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.4rem 0.65rem;
    min-height: 0;
    background: var(--ac-chrome-bg);
    border-radius: var(--ac-radius);
    border: 1px solid var(--ac-chrome-border);
}
.most-viewed-slider-section .mvs-section-title {
    font-size: var(--ac-fs-section);
    font-weight: 700;
    color: var(--theme-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    line-height: 1.2;
}
.most-viewed-slider-section .mvs-section-title i {
    font-size: calc(var(--ac-fs-section) * 1.08);
    background: none;
    -webkit-text-fill-color: var(--theme-muted);
    color: var(--theme-muted);
}
.most-viewed-slider-section .mvs-period-tabs {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    margin-left: auto;
}
.most-viewed-slider-section .widget-tab-modern {
    padding: 0.22rem 0.55rem;
    background: var(--theme-neutral);
    border: 1px solid var(--theme-border);
    border-radius: 0.3rem;
    color: var(--theme-muted);
    font-size: var(--ac-fs-filter);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.most-viewed-slider-section .widget-tab-modern:hover {
    background: color-mix(in srgb, var(--theme-text) 8%, var(--theme-neutral));
    color: var(--theme-text);
}
.most-viewed-slider-section .widget-tab-modern.active {
    background: var(--theme-accent);
    border-color: var(--theme-accent);
    color: var(--theme-accent-ink);
}
.most-viewed-slider-section .mvs-slider-body {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}
.most-viewed-slider-section .mvs-arrow {
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    border: 1px solid var(--theme-border);
    background: var(--theme-surface);
    color: var(--theme-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
    font-size: 0.78rem;
    z-index: 2;
    box-shadow: var(--theme-shadow-soft);
}
.most-viewed-slider-section .mvs-arrow:hover {
    background: var(--theme-accent);
    border-color: var(--theme-accent);
    color: var(--theme-accent-ink);
    transform: scale(1.05);
}
.most-viewed-slider-section .mvs-arrow--side {
    align-self: center;
}
.most-viewed-slider-section .mvs-grid-wrap {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    cursor: grab;
    padding: 0.15rem 0 0.35rem;
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    user-select: none;
}
.most-viewed-slider-section .mvs-grid-wrap.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}
.most-viewed-slider-section .mvs-grid-wrap.is-dragging a {
    pointer-events: none;
}
.most-viewed-slider-section .mvs-grid-wrap::-webkit-scrollbar {
    display: none;
}
.most-viewed-slider-section .most-viewed-slider-track,
.most-viewed-slider-section .most-viewed-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    gap: var(--ac-gap);
    justify-content: flex-start !important;
    width: max-content;
    min-width: 100%;
}
.most-viewed-slider-section .most-viewed-card-wrap,
.most-viewed-slider-section .anime-card-rank-wrap {
    flex: 0 0 auto !important;
    width: var(--mvs-w) !important;
    min-width: var(--mvs-w) !important;
    max-width: var(--mvs-w) !important;
}
.most-viewed-slider-section .most-viewed-card-wrap .anime-card,
.most-viewed-slider-section .most-viewed-card-wrap .anime-card-modern,
.most-viewed-slider-section .anime-card-rank-wrap .anime-card,
.most-viewed-slider-section .anime-card-rank-wrap .anime-card-modern {
    width: 100% !important;
    max-width: 100% !important;
}
.latest-comments-section--embedded {
    margin-top: 0.35rem;
    margin-bottom: 0;
}
.latest-comments-section--embedded .lc-nav-arrows--embedded {
    display: flex;
    justify-content: flex-end;
    gap: 0.3rem;
    margin-bottom: 0.55rem;
}

@media (max-width: 48rem) {
    .most-viewed-slider-section {
        /* mobilde +%15 (önceki %20 üzerine) */
        --mvs-w: calc(var(--ac-w) * 1.38);
    }
    .most-viewed-slider-section .mvs-header {
        gap: 0.4rem;
    }
    .most-viewed-slider-section .mvs-period-tabs {
        order: 3;
        width: 100%;
        margin-left: 0;
    }
    .most-viewed-slider-section .mvs-arrow {
        width: 1.9rem;
        height: 1.9rem;
        font-size: 0.7rem;
    }
    .most-viewed-slider-section .mvs-slider-body {
        gap: 0.3rem;
    }
}

@media (max-width: 64rem) {
    :root {
        --ac-gap: clamp(0.4rem, 0.25rem + 0.4vw, 0.65rem);
        --hp-pad: clamp(0.6rem, 2vw, 1rem);
    }
}

@media (max-width: 48rem) {
    .recent-update-section .section-header-modern {
        flex-direction: column;
        align-items: stretch;
        gap: 0.4rem;
    }

    .recent-update-section .section-filters-modern {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
        justify-content: space-between;
        gap: 0.22rem;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        touch-action: pan-x pan-y;
    }

    .recent-update-section .section-filters-modern::-webkit-scrollbar {
        display: none;
    }

    .recent-update-section .filter-btn-modern {
        flex: 1 1 0;
        min-width: 0;
        padding: 0.35rem 0.4rem !important;
        font-size: var(--ac-fs-filter) !important;
        font-weight: 700 !important;
        line-height: 1.25;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .recent-update-section .pagination-nav-top {
        justify-content: flex-end;
    }
}

@media (max-width: 40rem) {
    :root {
        --ac-gap: clamp(0.35rem, 0.2rem + 0.4vw, 0.5rem);
        --ac-radius: 0.35rem;
    }

    .anime-card__score {
        padding: 0.14rem 0.3rem;
    }

    .recent-update-section .filter-btn-modern {
        padding: 0.32rem 0.35rem !important;
        font-size: var(--ac-fs-filter) !important;
        font-weight: 700 !important;
    }
}

/* --ac-w kolon formülünden gelir; dar ekranda --ac-cols=2 yeter */

@media (prefers-reduced-motion: reduce) {
    .anime-card,
    .anime-card-modern,
    .anime-card__poster img,
    .anime-poster-modern img {
        transition: none;
    }

    .anime-card:hover,
    .anime-card-modern:hover {
        transform: none;
    }
}

/* =========================================================
   Ana sayfa — eşit shell + iç içerik ortalama
   ========================================================= */
:root {
    /* Shell: izleme sayfasıyla aynı — %88 vw */
    --hp-max: min(var(--aml-max), 2240px);
    --hp-pad: clamp(0.65rem, 0.4rem + 0.85vw, 1.2rem);
    --hp-gap: clamp(0.75rem, 0.5rem + 0.7vw, 1.25rem);
    --hp-radius: var(--ac-radius);
    /* --hp-chrome-bg / --hp-chrome-border / --hp-surface / --hp-text-muted: tokens.css */
    --hp-read: min(60rem, 100%);
    --hp-fs-title: clamp(0.9rem, 0.76rem + 0.3vw, 1.2rem);
    --hp-fs-lead: clamp(0.74rem, 0.64rem + 0.22vw, 0.9rem);
    --hp-fs-tab: clamp(0.7rem, 0.6rem + 0.18vw, 0.88rem);
    --hp-fs-hint: clamp(0.58rem, 0.5rem + 0.14vw, 0.7rem);
    --hp-slider-h: clamp(12rem, 14vw + 5rem, 20rem);
}

/* custom.css sabit 30px padding'i ez — çözünürlükle ölçeklensin */
.homepage-inner > section:not(.popular-slider-section),
section.recent-update-section,
section.latest-comments-section,
section.homepage-combined-tabs,
section.genre-cloud-section,
section.home-seo-intro,
section.site-announcement-block {
    padding-top: clamp(0.35rem, 0.2rem + 0.6vw, 0.85rem) !important;
    padding-bottom: clamp(0.35rem, 0.2rem + 0.6vw, 0.85rem) !important;
}

section.popular-slider-section.popular-slider-hero {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.homepage-inner,
.watch-history-page .homepage-inner,
.anix-footer .footer-az-container,
.anix-footer .footer-container,
.anix-footer .footer-middle,
.anix-footer .footer-bottom {
    width: 100% !important;
    max-width: var(--hp-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--hp-pad) !important;
    padding-right: var(--hp-pad) !important;
    box-sizing: border-box !important;
}

/* Slider artık homepage-inner içinde: ekstra yan padding yok */
.homepage-inner > .popular-slider-section.popular-slider-hero,
.popular-slider-section.popular-slider-hero:not(.popular-slider-hero--cinematic) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Cinematic + tam genişlik bleed — custom.css section{width:85%!important} özgüllüğünü ez */
html body main#main-content > .home-hero-bleed,
html body main#main-content > .home-hero-bleed > section.popular-slider-section,
html body main#main-content > .home-hero-bleed > section.popular-slider-section.popular-slider-hero,
html body main#main-content > .home-hero-bleed > section.popular-slider-section.popular-slider-hero--cinematic {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}
html body main#main-content > .home-hero-bleed {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-bottom: 0.4rem !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Slider → Son Güncellemeler arası boşluk */
html body main#main-content > .homepage-wrapper {
    padding-top: 0.2rem !important;
}
html body main#main-content .homepage-inner > .site-announcement-block {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
html body main#main-content .homepage-inner > section.recent-update-section {
    margin-top: 0 !important;
    padding-top: 0.4rem !important;
}
html body main#main-content > .home-hero-bleed .popular-slider-width-wrap,
html body main#main-content > .home-hero-bleed .popular-slider-container,
html body main#main-content > .home-hero-bleed #popSlider,
html body main#main-content > .home-hero-bleed .swiper,
html body main#main-content > .home-hero-bleed .swiper-wrapper,
html body main#main-content > .home-hero-bleed .swiper-slide,
html body main#main-content > .home-hero-bleed .ep-hero-slide {
    width: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ana sayfa dışı sayfalar da aynı sütun */
.homepage-wrapper > .homepage-container-custom,
.homepage-wrapper.homepage-container-custom,
main#main-content > .container:not(.container-fluid),
.section--bg > .container > .homepage-container-custom {
    width: 100% !important;
    max-width: var(--hp-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--hp-pad) !important;
    padding-right: var(--hp-pad) !important;
    box-sizing: border-box !important;
}

.homepage-wrapper {
    width: var(--aml-max) !important;
    max-width: var(--aml-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0.2rem 0 1.5rem !important;
    box-sizing: border-box !important;
}

.homepage-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.homepage-inner > .popular-slider-section.popular-slider-hero,
.popular-slider-section.popular-slider-hero {
    margin-bottom: var(--hp-gap) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.popular-slider-section.popular-slider-hero:not(.popular-slider-hero--cinematic) .popular-slider-width-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: var(--hp-radius);
}
.popular-slider-section.popular-slider-hero--cinematic .popular-slider-width-wrap,
.home-hero-bleed .popular-slider-width-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Bölüm kutuları: izleme ile aynı shell (%88) */
main#main-content .homepage-wrapper,
main#main-content .homepage-inner,
body .homepage-wrapper,
body .homepage-inner,
body.aml-shell .homepage-wrapper,
body.aml-shell .homepage-inner {
    width: var(--aml-max) !important;
    max-width: var(--aml-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--hp-pad) !important;
    padding-right: var(--hp-pad) !important;
    box-sizing: border-box !important;
}

main#main-content .homepage-inner > section:not(.anix-header):not(.anix-footer),
main#main-content .homepage-inner > section.site-announcement-block,
main#main-content .homepage-inner > section.popular-slider-section,
main#main-content .homepage-inner > section.recent-update-section,
main#main-content .homepage-inner > section.latest-comments-section,
main#main-content .homepage-inner > section.homepage-combined-tabs,
main#main-content .homepage-inner > section.genre-cloud-section,
main#main-content .homepage-inner > section.home-seo-intro,
body .homepage-inner > section:not(.anix-header):not(.anix-footer) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: var(--hp-gap) !important;
    box-sizing: border-box !important;
}

/* Eski dar blok (yedek) */
.homepage-inner > .site-announcement-block,
.homepage-inner > .popular-slider-section,
.homepage-inner > .recent-update-section,
.homepage-inner > .latest-comments-section,
.homepage-inner > .homepage-combined-tabs,
.homepage-inner > .genre-cloud-section,
.homepage-inner > .home-seo-intro {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: var(--hp-gap) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.homepage-inner > .home-seo-intro {
    margin-bottom: 0 !important;
}

/* İç içe daraltmaları iptal et (Keşfet panel gövdeleri hariç — aşağıda ortak inset) */
.homepage-inner .combined-tab-panel,
.homepage-inner .combined-tabs-content,
.homepage-inner .news-feed-grid,
.homepage-inner .news-feed-grid-in-tab,
.homepage-inner .top100-ajax-content,
.homepage-inner .home-new-members-grid,
.homepage-inner .home-custom-lists-grid,
.homepage-inner .daily-anime-ajax-synopsis,
.homepage-inner .widget-tabs-modern,
.homepage-inner .most-viewed-grid,
.homepage-inner .top100-grid,
.homepage-inner .top100-ajax-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Keşfet panelleri: shell ile aynı genişlik (2K/1080p continuum) */
.homepage-inner .combined-tab-panel > .news-feed-section--in-tab,
.homepage-inner .combined-tab-panel > .most-viewed-widget-standalone,
.homepage-inner .combined-tab-panel > .combined-tab-ajax,
.homepage-inner .combined-tab-panel > .top100-panel,
.homepage-inner .combined-tab-panel .daily-anime-ajax,
.homepage-inner .combined-tab-panel .daily-anime-ajax--detail,
.homepage-inner .combined-tab-panel .daily-pick {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.homepage-inner .combined-tab-panel > .most-viewed-widget-standalone {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.homepage-inner .combined-tabs-content {
    padding: clamp(0.65rem, 0.45rem + 0.6vw, 0.95rem) clamp(0.25rem, 0.5vw, 0.5rem) clamp(0.35rem, 0.25rem + 0.4vw, 0.55rem) !important;
}

.homepage-inner .combined-tab-panel .combined-panel-head {
    margin-bottom: clamp(0.65rem, 0.45rem + 0.5vw, 0.95rem) !important;
}

/* İçerik ortalama (grid / flex) */
.homepage-inner .anime-grid,
.homepage-inner .anime-grid-modern,
.homepage-inner .news-feed-grid,
.homepage-inner .news-feed-grid-in-tab,
.homepage-inner .most-viewed-grid,
.homepage-inner .top100-grid,
.homepage-inner .top100-ajax-grid,
.homepage-inner .home-new-members-grid,
.homepage-inner .home-custom-lists-grid {
    justify-content: center !important;
    justify-items: stretch;
}

.homepage-inner .lc-grid-wrap {
    width: 100% !important;
    justify-content: center !important;
}

.homepage-inner .pagination-nav-bottom,
.homepage-inner .pagination-nav-modern.pagination-nav-bottom,
.homepage-inner .top100-pagination,
.homepage-inner .top100-pagination.top100-pagination-nav {
    margin-top: 0.9rem !important;
    padding: 0.45rem 0.55rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    width: 100% !important;
    background: var(--hp-chrome-bg) !important;
    border: 1px solid var(--hp-chrome-border) !important;
    border-radius: var(--hp-radius) !important;
    box-shadow: none !important;
}

.homepage-inner .top100-pagination .pagination-btn-modern,
.homepage-inner .top100-pagination .page-num-btn {
    width: 1.75rem !important;
    height: 1.75rem !important;
    min-width: 1.75rem !important;
    padding: 0 !important;
    background: var(--theme-neutral) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 0.3rem !important;
    color: var(--theme-text) !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    transform: none !important;
}

.homepage-inner .top100-pagination .pagination-btn-modern:hover:not(:disabled),
.homepage-inner .top100-pagination .page-num-btn:hover {
    background: color-mix(in srgb, var(--theme-text) 8%, var(--theme-neutral) !important);
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

.homepage-inner .top100-pagination .pagination-btn-modern:disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

.homepage-inner .top100-pagination .page-num-btn.active {
    background: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-accent-ink) !important;
}

.homepage-inner .top100-pagination .page-indicator {
    color: var(--theme-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    min-width: 2.75rem !important;
    text-align: center !important;
}

.homepage-inner .top100-pagination .pagination-numbers {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.3rem !important;
    justify-content: center !important;
}

.homepage-inner .top100-sort-btn {
    padding: 0.28rem 0.65rem !important;
    font-size: var(--ac-fs-filter) !important;
    background: var(--theme-neutral) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 0.35rem !important;
    color: var(--theme-muted) !important;
    box-shadow: none !important;
}

.homepage-inner .top100-sort-btn:hover {
    background: color-mix(in srgb, var(--theme-text) 8%, var(--theme-neutral) !important);
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

.homepage-inner .top100-sort-btn.active {
    background: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-accent-ink) !important;
    box-shadow: none !important;
}

.homepage-inner .top100-panel .top100-sort-buttons {
    gap: 0.35rem !important;
    margin-bottom: 0.75rem !important;
}

.homepage-inner .genre-cloud-section {
    text-align: center;
}

.homepage-inner .genre-cloud-wrapper {
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0.55rem 0.65rem;
    background: var(--hp-chrome-bg);
    border: 1px solid var(--hp-chrome-border);
    border-radius: var(--hp-radius);
    box-sizing: border-box;
}

.homepage-inner .home-seo-intro {
    padding: 0.85rem 1rem !important;
    background: var(--hp-chrome-bg) !important;
    border: 1px solid var(--hp-chrome-border) !important;
    border-radius: var(--hp-radius) !important;
    box-shadow: none !important;
}

.homepage-inner .home-seo-intro__inner {
    width: 100% !important;
    max-width: var(--hp-read) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.homepage-inner .combined-tabs-intro,
.homepage-inner .combined-panel-head {
    width: 100% !important;
    max-width: var(--hp-read) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.homepage-inner .combined-tabs-lead,
.homepage-inner .combined-panel-head__desc {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.homepage-inner .combined-tabs-header {
    justify-content: center !important;
    width: 100% !important;
}

/* Mobil: center + overflow başta/sonda sekme yazılarını keser */
@media (max-width: 48rem) {
    .homepage-inner .combined-tabs-header,
    .homepage-inner .combined-tabs-header--scroll,
    .combined-tabs-header--scroll {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scroll-padding-inline: 0.5rem;
        touch-action: pan-x pan-y !important;
    }
    .homepage-inner .combined-tab-btn,
    .combined-tabs-header--scroll .combined-tab-btn {
        flex: 0 0 auto !important;
        max-width: none !important;
    }
    .homepage-inner .combined-tab-btn__label,
    .homepage-inner .combined-tab-btn__hint,
    .combined-tab-btn__label,
    .combined-tab-btn__hint {
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .homepage-inner .combined-panel-head__title,
    .combined-panel-head__title,
    .homepage-inner .combined-tabs-heading,
    .combined-tabs-heading {
        opacity: 1 !important;
        visibility: visible !important;
        color: var(--theme-text);
    }
        /* En çok izlenenler: yatay swipe serbest */
    .most-viewed-slider-section,
    .most-viewed-slider-section .mvs-slider-body,
    .most-viewed-slider-section .mvs-grid-wrap,
    .most-viewed-slider-section .mvs-grid-wrap *,
    .most-viewed-slider-section .anime-card,
    .most-viewed-slider-section .anime-card-modern,
    .most-viewed-slider-section .anime-card a,
    .most-viewed-slider-section .anime-card-modern a,
    .most-viewed-slider-section .most-viewed-card-wrap,
    .most-viewed-slider-section .anime-card-rank-wrap {
        touch-action: pan-x pan-y !important;
    }
}

/* Diğer section’larla aynı sütun — homepage-inner tam genişlik */
main#main-content .homepage-inner > section.homepage-combined-tabs:not(.anix-header),
main#main-content .homepage-inner .homepage-combined-tabs,
body .homepage-inner > section.homepage-combined-tabs:not(.anix-header),
.homepage-inner > section.homepage-combined-tabs,
.homepage-inner .homepage-combined-tabs {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0.75rem 0.85rem 0.9rem !important;
    background: var(--hp-chrome-bg) !important;
    border: 1px solid var(--hp-chrome-border) !important;
    border-radius: var(--hp-radius) !important;
    box-shadow: none !important;
    text-align: center;
    box-sizing: border-box !important;
}

.homepage-inner .combined-tabs-content {
    align-items: stretch !important;
    width: 100% !important;
}

.homepage-inner .section-header-modern,
.homepage-inner .lc-header.section-header-modern,
.homepage-inner .genre-cloud-header.section-header-modern {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    background: var(--hp-chrome-bg);
    border: 1px solid var(--hp-chrome-border);
    border-radius: var(--hp-radius);
    padding: 0.4rem 0.65rem;
    margin-bottom: 0.75rem;
    box-shadow: none;
}

.homepage-inner .genre-cloud-header {
    justify-content: center !important;
}

.homepage-inner .section-title-modern,
.homepage-inner .lc-section-title {
    font-size: var(--hp-fs-title) !important;
    font-weight: 700;
    color: var(--theme-text);
}

.homepage-inner .section-title-modern i,
.homepage-inner .lc-section-title i {
    background: none !important;
    -webkit-text-fill-color: var(--theme-muted) !important;
    color: var(--theme-muted) !important;
}

.homepage-inner .combined-tab-btn {
    background: var(--theme-neutral);
    border: 1px solid var(--theme-border);
    border-radius: 0.35rem;
    box-shadow: none;
    transform: none;
    font-size: var(--hp-fs-tab);
    padding: clamp(0.35rem, 0.25rem + 0.35vw, 0.55rem) clamp(0.55rem, 0.4rem + 0.5vw, 0.85rem);
    color: var(--theme-muted);
}

.homepage-inner .combined-tab-btn.active {
    background: var(--theme-accent);
    border-color: var(--theme-accent);
    color: var(--theme-accent-ink);
    box-shadow: none;
}

.homepage-inner .combined-tab-btn__label {
    font-size: var(--hp-fs-tab) !important;
}

.homepage-inner .combined-tab-btn__hint {
    font-size: var(--hp-fs-hint) !important;
}

.homepage-inner .combined-tabs-heading {
    font-size: var(--hp-fs-title) !important;
}

.homepage-inner .combined-tabs-lead,
.homepage-inner .combined-panel-head__desc {
    font-size: var(--hp-fs-lead) !important;
}

.homepage-inner .combined-tab-btn__icon {
    width: clamp(1.5rem, 1.2rem + 0.6vw, 2rem);
    height: clamp(1.5rem, 1.2rem + 0.6vw, 2rem);
    background: color-mix(in srgb, var(--theme-text) 6%, transparent);
    border: 1px solid var(--theme-border);
}

.homepage-inner .combined-tab-btn__icon i {
    color: var(--theme-muted);
}

.homepage-inner .news-feed-card {
    background: var(--hp-surface);
    border: 1px solid var(--hp-chrome-border);
    border-radius: var(--hp-radius);
    box-shadow: none;
}

.homepage-inner .genre-cloud-item {
    background: var(--theme-neutral);
    border: 0;
    border-radius: 0.3rem;
    color: var(--theme-text);
    box-shadow: none;
    transform: none;
}

.homepage-inner .genre-cloud-item:hover {
    background: var(--theme-accent);
    color: var(--theme-accent-ink);
    border: 0;
    transform: none;
}

.homepage-inner .site-announcement-block {
    border-radius: var(--hp-radius);
    border: 1px solid var(--hp-chrome-border);
    box-shadow: none;
}

.homepage-inner .site-announcement-inner {
    background: var(--hp-chrome-bg);
}

.homepage-inner .filter-btn-modern.active,
.homepage-inner .top100-sort-btn.active {
    background: var(--theme-accent);
    border-color: var(--theme-accent);
    color: var(--theme-accent-ink);
    box-shadow: none;
}

@media (max-width: 64rem) {
    :root {
        --hp-max: 100%;
        --hp-shell: 100vw;
        --hp-pad: clamp(0.65rem, 2.5vw, 1.1rem);
    }
}

@media (max-width: 48rem) {
    :root {
        --hp-gap: clamp(0.7rem, 0.5rem + 0.8vw, 1rem);
        --hp-pad: clamp(0.55rem, 0.4rem + 1.2vw, 0.85rem);
    }
}

/* =========================================================
   Keşfet: Yeni Üyeler + Paylaşılan Listeler (kompakt)
   ========================================================= */
.homepage-inner .home-new-members-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)) !important;
    gap: 0.5rem !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

.homepage-inner .home-new-member-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.4rem 0.5rem !important;
    background: var(--theme-neutral) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 0.4rem !important;
    text-decoration: none !important;
    color: var(--theme-text) !important;
    min-width: 0;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    box-shadow: none !important;
}

.homepage-inner .home-new-member-card:hover {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    transform: translateY(-0.08rem);
}

.homepage-inner .home-new-member-avatar {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 0.35rem !important;
    object-fit: cover;
    margin: 0 !important;
    border: 1px solid var(--theme-border) !important;
    flex-shrink: 0;
}

.homepage-inner .home-new-member-meta {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
}

.homepage-inner .home-new-member-name {
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homepage-inner .home-new-member-ago {
    font-size: 0.6rem !important;
    color: var(--theme-muted) !important;
    line-height: 1.15;
}

.homepage-inner .home-custom-lists-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--ac-w), 1fr)) !important;
    gap: var(--ac-gap) !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

.homepage-inner .home-custom-list-card {
    position: relative;
    display: block !important;
    padding: 0 !important;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: var(--theme-bg) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 0.45rem !important;
    text-decoration: none !important;
    color: var(--theme-text) !important; /* overlay on poster */
    box-shadow: var(--theme-shadow-soft);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.homepage-inner .home-custom-list-card:hover {
    transform: translateY(-0.12rem) scale(1.02);
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow);
    background: var(--theme-bg) !important;
}

.homepage-inner .home-custom-list-card__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(145deg, color-mix(in srgb, var(--theme-text) 6%, transparent), color-mix(in srgb, var(--theme-bg) 35%, transparent));
}

.homepage-inner .home-custom-list-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.homepage-inner .home-custom-list-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, color-mix(in srgb, var(--theme-bg) 94%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 45%, transparent) 42%, transparent 72%);
    pointer-events: none;
}

.homepage-inner .home-custom-list-card__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 0.55rem 0.45rem 0.4rem;
}

.homepage-inner .home-custom-list-card__title {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: var(--theme-text) !important;
    margin: 0 0 0.25rem !important;
    line-height: 1.25 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.homepage-inner .home-custom-list-card__meta {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    font-size: 0.6rem !important;
    color: color-mix(in srgb, var(--theme-text) 70%, transparent) !important;
}

.homepage-inner .home-custom-list-card__owner,
.homepage-inner .home-custom-list-card__count {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.homepage-inner .home-custom-list-card__count {
    flex-shrink: 0;
    opacity: 0.9;
}

.homepage-inner .home-custom-list-card__meta i {
    margin-right: 0.12rem;
    opacity: 0.8;
}

@media (max-width: 40rem) {
    .homepage-inner .home-new-members-grid {
        grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)) !important;
    }

    .homepage-inner .home-custom-lists-grid {
        grid-template-columns: repeat(auto-fill, minmax(var(--ac-w), 1fr)) !important;
        gap: var(--ac-gap) !important;
    }
}

/* =========================================================
   Footer A-Z — kompakt / nötr
   ========================================================= */
.anix-footer .footer-az-section {
    padding: 1rem 0 0.85rem;
    border-top: 1px solid var(--theme-border);
    background: transparent;
}

.anix-footer .az-header-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 0.35rem 0.65rem;
    margin-bottom: 0.65rem;
    text-align: center;
}

.anix-footer .az-section-title {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: var(--theme-text) !important;
    text-decoration: none !important;
    line-height: 1.2;
}

.anix-footer .az-section-title:hover {
    color: var(--theme-accent) !important;
}

.anix-footer .az-description {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: var(--theme-muted) !important;
    line-height: 1.3;
}

.anix-footer .az-letters-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    width: 100%;
}

.anix-footer .az-letter-link,
.footer-az-section .az-letter-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1.7rem;
    height: 1.7rem;
    padding: 0 0.35rem !important;
    border-radius: 0.3rem !important;
    background: var(--theme-neutral) !important;
    border: 1px solid var(--theme-border) !important;
    color: var(--theme-text) !important;
    font-size: 0.7rem !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}

.anix-footer .az-letter-link:hover,
.footer-az-section .az-letter-link:hover {
    background: color-mix(in srgb, var(--theme-text) 8%, var(--theme-neutral) !important);
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: none !important;
    transform: none !important;
}

.anix-footer .az-letter-link.active,
.footer-az-section .az-letter-link.active {
    background: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-accent-ink) !important;
    box-shadow: none !important;
}

@media (max-width: 40rem) {
    .anix-footer .az-letter-link,
    .footer-az-section .az-letter-link {
        min-width: 1.55rem;
        height: 1.55rem;
        font-size: 0.65rem !important;
    }

    .anix-footer .az-header-row {
        flex-direction: column;
        gap: 0.2rem;
    }
}

/* Son Güncellemeler — 6 kolon doldurma */
.recent-update-section {
    --ru-cols: 6 !important;
    --ru-gap: 0.8rem !important;
}

/* =========================================================
   Scroll smooth / titreme azaltma
   ========================================================= */
/*
 * Chromium: overflow-x:hidden orta tuşu keser → clip kullan.
 * scroll-behavior:smooth + orta tık = ani/tutarsız kaydırma → auto.
 * Tek scroll kökü: html; body scroll container olmasın.
 */
html {
    scroll-behavior: auto !important;
    scrollbar-gutter: stable;
    overflow-x: clip;
    overflow-y: scroll;
    height: auto;
}
body {
    overflow-x: clip !important;
    overflow-y: visible !important;
    overscroll-behavior-y: auto;
    -webkit-font-smoothing: antialiased;
    height: auto !important;
    max-height: none !important;
}
/* custom.css overflow:hidden — sayfa kaydırmasını yer yer keser */
.recent-update-section,
.anime-grid-wrapper {
    overflow: visible !important;
}
/* contain/transform scroll ölü bölge + ani zıplama yapabiliyor */
.home-hero-bleed,
.popular-slider-section.popular-slider-hero {
    contain: none;
    transform: none;
    backface-visibility: visible;
}
.anime-grid-modern,
.anime-grid,
.recent-update-section .anime-grid-modern {
    contain: none;
}
/* Scroll sırasında ağır efektleri durdur */
html.is-scrolling .popular-slider-container .ep-hero-character,
html.is-scrolling .popular-slider-container .ep-hero-glow,
html.is-scrolling .popular-slider-container .swiper-slide-active .ep-hero-slide {
    animation-play-state: paused !important;
}
html.is-scrolling .anime-card,
html.is-scrolling .anime-card-modern,
html.is-scrolling .anime-card__poster img,
html.is-scrolling .anime-poster-modern img,
html.is-scrolling .news-feed-card,
html.is-scrolling .most-viewed-card-wrap {
    transition: none !important;
}
html.is-scrolling .anime-card__badge,
html.is-scrolling .anime-card__score,
html.is-scrolling .anime-card__eps,
html.is-scrolling .anime-badge-modern {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
    .popular-slider-container .ep-hero-character,
    .popular-slider-container .ep-hero-glow,
    .popular-slider-container .swiper-slide-active .ep-hero-slide {
        animation: none !important;
    }
}
html body main#main-content .recent-update-section .anime-grid-modern,
html body main#main-content #recentUpdateGrid.anime-grid-modern,
html body .homepage-inner .recent-update-section .anime-grid-modern {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1rem 0.8rem !important;
    justify-content: stretch !important;
}
html body main#main-content .recent-update-section .anime-grid-modern > *,
html body main#main-content #recentUpdateGrid.anime-grid-modern > *,
html body .homepage-inner .recent-update-section .anime-grid-modern > * {
    flex: unset !important;
    width: 100% !important;
    max-width: none !important;
}

/* Mobil: Son Güncellemeler yatay slider + büyük rozetler */
@media (max-width: 48rem) {
    .anime-title-strip,
    .anime-card-modern .anime-title-strip,
    .anime-card__title,
    .anime-title-strip__name,
    .anime-card-modern .anime-title-strip__name {
        font-size: var(--ac-fs-title) !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }
    /* Bölüm + puan ≈ isim boyutu */
    .recent-update-section .anime-card__badge,
    .recent-update-section .anime-episode-badge-top,
    .recent-update-section .anime-card-modern .anime-episode-badge-top,
    .recent-update-section .anime-card__score {
        font-size: var(--ac-fs-title) !important;
        padding: 0.28rem 0.48rem !important;
        border-radius: 0.35rem !important;
        gap: 0.28rem !important;
        top: 0.4rem !important;
    }
    .recent-update-section .anime-card__badge {
        left: 0.4rem !important;
        max-width: calc(100% - 3.8rem) !important;
    }
    .recent-update-section .anime-card__score {
        right: 0.4rem !important;
    }
    .recent-update-section .anime-card__badge i,
    .recent-update-section .anime-episode-badge-top i,
    .recent-update-section .anime-card__score i {
        font-size: 0.72rem !important;
    }

    html {
        scroll-behavior: auto !important;
    }
    html, body {
        overflow-x: clip !important;
        overflow-y: auto !important;
        overscroll-behavior-y: auto !important;
        touch-action: manipulation;
        height: auto !important;
        max-height: none !important;
    }
    .recent-update-section,
    html body .recent-update-section,
    html body main#main-content .recent-update-section {
        /* Tam 2 kart sığsın (gap düşülmüş) */
        --ru-gap: 0.5rem;
        --ru-card-w: calc((100% - var(--ru-gap) / 2));
        contain: none !important;
        overflow: visible !important;
        transform: none !important;
    }
    /* Yatay kaydırılabilir slider (sürükle + tekerlek + ok) */
    html body main#main-content .recent-update-section .anime-grid-modern,
    html body main#main-content #recentUpdateGrid.anime-grid-modern,
    html body .homepage-inner .recent-update-section .anime-grid-modern {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: var(--ru-gap, 0.5rem) !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        overscroll-behavior-x: contain;
        scrollbar-width: none !important; /* alt sürükleme çubuğu yok */
        -ms-overflow-style: none !important;
        padding: 0.1rem 0 0.2rem !important;
        contain: none !important;
        transform: none !important;
        grid-template-columns: none !important;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
    }
    html body main#main-content #recentUpdateGrid.anime-grid-modern.is-dragging {
        cursor: grabbing !important;
        scroll-behavior: auto !important;
        scroll-snap-type: none !important;
    }
    html body main#main-content #recentUpdateGrid.anime-grid-modern.is-dragging a,
    html body main#main-content #recentUpdateGrid.anime-grid-modern.is-dragging img {
        pointer-events: none !important;
    }
    /* Kart üstünden sürükle: görsel/link native drag engeli */
    html body main#main-content #recentUpdateGrid.anime-grid-modern a,
    html body main#main-content #recentUpdateGrid.anime-grid-modern img {
        -webkit-user-drag: none !important;
        user-drag: none !important;
        cursor: grab;
    }
    html body main#main-content #recentUpdateGrid.anime-grid-modern::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }
    html body main#main-content .recent-update-section .anime-grid-modern > *,
    html body main#main-content #recentUpdateGrid.anime-grid-modern > * {
        flex: 0 0 var(--ru-card-w) !important;
        width: var(--ru-card-w) !important;
        min-width: var(--ru-card-w) !important;
        max-width: var(--ru-card-w) !important;
        scroll-snap-align: start !important;
        touch-action: pan-x pan-y !important;
        transform: none !important;
    }
    .recent-update-section .anime-card,
    .recent-update-section .anime-card-modern,
    .recent-update-section .anime-card__poster,
    .recent-update-section .anime-poster-modern {
        width: 100% !important;
        touch-action: pan-x pan-y !important;
    }
    .recent-update-section .pagination-nav-bottom {
        display: none !important; /* mobilde kaydırma yeterli */
    }
    .recent-update-section .pagination-nav-top {
        flex-shrink: 0;
    }
    /* Diğer grid’ler 2 kolon kalır */
    .anime-grid-modern:not(#recentUpdateGrid),
    .anime-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.45rem !important;
    }
    .homepage-main-content,
    .homepage-inner,
    .homepage-wrapper,
    main#main-content,
    .home-hero-bleed,
    .popular-slider-section {
        overflow: visible !important;
        touch-action: pan-y !important;
        contain: none !important;
    }
    .home-hero-bleed,
    .popular-slider-section.popular-slider-hero {
        transform: none !important;
        backface-visibility: visible !important;
    }
    html body main#main-content > .home-hero-bleed {
        width: 100% !important;
        max-width: 100% !important;
        left: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
        touch-action: pan-y pan-x pinch-zoom !important;
    }
    html body main#main-content > .home-hero-bleed .swiper,
    html body main#main-content > .home-hero-bleed .swiper-wrapper,
    html body main#main-content > .home-hero-bleed .swiper-slide {
        touch-action: pan-y pan-x pinch-zoom !important;
    }
}
@media (max-width: 30rem) {
    .recent-update-section {
        --ru-gap: 0.45rem !important;
        --ru-card-w: calc((100% - var(--ru-gap)) / 2);
    }
}