/* Ana sayfa: diğer sayfalarla aynı alan kullanımı (~%85) */
    main#main-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    .homepage-wrapper {
        padding: clamp(0.5rem, 2.5vw, 1.25rem) 0;
        width: var(--aml-max) !important;
        max-width: var(--aml-max) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    .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;
    }
    .homepage-inner .genre-cloud-section {
        margin-top: 1.75rem;
    }

    .homepage-container-custom {
        max-width: 120rem;
        margin: 0 auto;
        padding: 0 clamp(0.5rem, 4vw, 1.5rem);
    }

    .homepage-content-wrapper {
        display: grid;
        grid-template-columns: 1fr 18.75rem;
        gap: 0;
        align-items: start;
    }

    .homepage-content-wrapper.homepage-single-grid {
        grid-template-columns: 1fr;
    }
    .homepage-single-grid .homepage-sidebar-content {
        display: none;
    }

    /* Combined tabs – keşfet paneli */
    .homepage-combined-tabs {
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
        background: linear-gradient(165deg, var(--theme-bg) 0%, color-mix(in srgb, var(--theme-bg) 96%, transparent) 55%, var(--theme-bg) 100%);
        border: 1px solid color-mix(in srgb, var(--theme-info) 16%, transparent);
        border-radius: 18px;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0.85rem clamp(0.75rem, 3vw, 1.35rem) 1.1rem;
        box-shadow: 0 1px 0 color-mix(in srgb, var(--theme-text) 4%, transparent) inset, 0 10px 36px rgba(0, 0, 0, 0.35);
        text-align: center;
    }
    .homepage-inner .homepage-combined-tabs {
        width: 100%;
        max-width: 100%;
    }
    .combined-tabs-intro {
        margin: 0 auto 0.85rem;
        padding: 0.15rem 0.15rem 0.65rem;
        border-bottom: 1px solid color-mix(in srgb, var(--theme-info) 12%, transparent);
        text-align: center;
        max-width: 40rem;
    }
    .combined-tabs-intro__text {
        margin: 0 auto;
    }
    .combined-tabs-eyebrow {
        margin: 0 0 0.2rem;
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--theme-info);
    }
    .combined-tabs-heading {
        margin: 0 0 0.25rem;
        font-size: clamp(1.15rem, 2.2vw, 1.4rem);
        font-weight: 800;
        color: var(--theme-text);
        letter-spacing: -0.02em;
        line-height: 1.25;
    }
    .combined-tabs-lead {
        margin: 0 auto;
        font-size: 0.88rem;
        color: color-mix(in srgb, var(--theme-muted) 62%, transparent);
        line-height: 1.45;
        max-width: 36rem;
    }
    .combined-tabs-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.45rem;
        padding: 0.55rem 0.15rem;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        background: transparent;
        border: none;
        border-radius: 0;
        margin: 0 auto 0.35rem;
    }
    .combined-tabs-header--scroll {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--theme-info) 35%, transparent) transparent;
        padding-bottom: 0.35rem;
        justify-content: center;
    }
    .combined-tabs-header--scroll .combined-tab-btn {
        flex-shrink: 0;
        text-align: left;
    }
    .combined-tab-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.55rem 0.85rem;
        background: color-mix(in srgb, var(--theme-text) 3%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 8%, transparent);
        border-radius: 12px;
        color: color-mix(in srgb, var(--theme-text) 78%, transparent);
        font-size: 0.86rem;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
        text-align: left;
    }
    .combined-tab-btn__icon {
        width: 2rem;
        height: 2rem;
        border-radius: 9px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: color-mix(in srgb, var(--theme-info) 10%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-info) 18%, transparent);
        flex-shrink: 0;
    }
    .combined-tab-btn__icon i {
        font-size: 1.05rem;
        color: var(--theme-info);
        opacity: 1;
    }
    .combined-tab-btn__meta {
        display: flex;
        flex-direction: column;
        gap: 0.05rem;
        min-width: 0;
    }
    .combined-tab-btn__label {
        font-size: 0.84rem;
        font-weight: 700;
        line-height: 1.2;
        color: inherit;
    }
    .combined-tab-btn__hint {
        font-size: 0.68rem;
        font-weight: 500;
        color: color-mix(in srgb, var(--theme-muted) 48%, transparent);
        line-height: 1.2;
    }
    .combined-tab-btn:hover {
        color: var(--theme-text);
        background: color-mix(in srgb, var(--theme-info) 8%, transparent);
        border-color: color-mix(in srgb, var(--theme-info) 28%, transparent);
        transform: translateY(-1px);
    }
    .combined-tab-btn:hover .combined-tab-btn__hint {
        color: color-mix(in srgb, var(--theme-muted) 70%, transparent);
    }
    .combined-tab-btn.active {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-info) 22%, transparent) 0%, color-mix(in srgb, var(--theme-info) 28%, transparent) 100%);
        border-color: color-mix(in srgb, var(--theme-info) 45%, transparent);
        color: var(--theme-text);
        box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.12), 0 6px 18px rgba(0, 0, 0, 0.22);
    }
    .combined-tab-btn.active .combined-tab-btn__icon {
        background: color-mix(in srgb, var(--theme-info) 22%, transparent);
        border-color: color-mix(in srgb, var(--theme-info) 40%, transparent);
    }
    .combined-tab-btn.active .combined-tab-btn__icon i {
        color: var(--theme-muted);
        background: none;
        -webkit-text-fill-color: currentColor;
    }
    .combined-tab-btn.active .combined-tab-btn__hint {
        color: color-mix(in srgb, var(--theme-muted) 75%, transparent);
    }
    .combined-tabs-content {
        padding: 0.85rem 0 0.35rem;
        min-height: 180px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        background: transparent;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .combined-tab-panel {
        display: none;
        content-visibility: auto;
        contain-intrinsic-size: 320px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
    }
    .combined-tab-panel.active {
        display: block;
        animation: combinedTabFade 0.16s ease-out;
    }
    .combined-panel-head {
        margin: 0 auto 0.9rem;
        padding: 0 0.1rem;
        text-align: center;
        max-width: 36rem;
    }
    .combined-panel-head--row {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center;
        gap: 0.75rem;
        max-width: none;
    }
    .combined-panel-head__title {
        margin: 0 0 0.2rem;
        font-size: 1.05rem;
        font-weight: 800;
        color: var(--theme-text);
        letter-spacing: -0.01em;
    }
    .combined-panel-head__desc {
        margin: 0 auto;
        font-size: 0.82rem;
        color: color-mix(in srgb, var(--theme-muted) 62%, transparent);
        line-height: 1.4;
    }
    .combined-tab-ajax,
    .daily-anime-ajax,
    .news-feed-section--in-tab,
    .most-viewed-widget-standalone,
    .top100-panel,
    .home-new-members-grid,
    .home-custom-lists-grid {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
    }
    .news-feed-grid-in-tab {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 0.9rem;
        justify-content: center;
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }
    .widget-header-modern {
        margin-left: auto;
        margin-right: auto;
    }
    .widget-tabs-modern {
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        max-width: 28rem;
    }
    .top100-sort-buttons {
        justify-content: center !important;
    }
    .home-new-members-grid,
    .home-custom-lists-grid {
        justify-items: stretch;
        max-width: 100%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    @keyframes combinedTabFade {
        from { opacity: 0.55; transform: translateY(4px); }
        to { opacity: 1; transform: none; }
    }
    .combined-tab-panel[hidden] {
        display: none !important;
    }
    .combined-tab-empty {
        text-align: center;
        padding: 2rem 1rem;
        color: color-mix(in srgb, var(--theme-text) 50%, transparent);
        font-size: 0.92rem;
    }
    .combined-tab-empty__icon {
        display: block;
        font-size: 1.75rem;
        margin-bottom: 0.5rem;
        color: color-mix(in srgb, var(--theme-info) 55%, transparent);
    }
    .combined-tab-skeleton {
        display: none;
        gap: 1rem;
        align-items: flex-start;
        padding: 0.5rem 0 1rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 920px;
        width: 100%;
        text-align: left;
    }
    .combined-tab-panel.is-loading .combined-tab-skeleton {
        display: flex;
    }
    .combined-tab-panel.is-loading .combined-tab-empty--lazy {
        display: none;
    }
    .combined-tab-skeleton__poster {
        width: 120px;
        height: 170px;
        border-radius: 12px;
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-text) 4%, transparent), color-mix(in srgb, var(--theme-text) 9%, transparent), color-mix(in srgb, var(--theme-text) 4%, transparent));
        background-size: 200% 100%;
        animation: combinedShimmer 1s linear infinite;
        flex-shrink: 0;
    }
    .combined-tab-skeleton__lines {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
        padding-top: 0.35rem;
    }
    .combined-tab-skeleton__lines span {
        display: block;
        height: 0.75rem;
        border-radius: 6px;
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-text) 4%, transparent), color-mix(in srgb, var(--theme-text) 10%, transparent), color-mix(in srgb, var(--theme-text) 4%, transparent));
        background-size: 200% 100%;
        animation: combinedShimmer 1s linear infinite;
    }
    .combined-tab-skeleton__lines span:nth-child(1) { width: 55%; }
    .combined-tab-skeleton__lines span:nth-child(2) { width: 80%; }
    .combined-tab-skeleton__lines span:nth-child(3) { width: 40%; }
    @keyframes combinedShimmer {
        0% { background-position: 100% 0; }
        100% { background-position: -100% 0; }
    }
    .news-feed-section--in-tab {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
    }
    .most-viewed-widget-standalone,
    .top100-panel,
    .combined-tab-ajax,
    .daily-anime-ajax {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .news-feed-card__badge {
        position: absolute;
        top: 0.5rem;
        left: 0.5rem;
        z-index: 1;
        font-size: 0.65rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        padding: 0.2rem 0.45rem;
        border-radius: 6px;
        background: color-mix(in srgb, var(--theme-bg) 75%, transparent);
        color: var(--theme-muted);
        border: 1px solid color-mix(in srgb, var(--theme-info) 25%, transparent);
    }
    .news-feed-card__cta {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        margin-top: 0.45rem;
        font-size: 0.75rem;
        font-weight: 700;
        color: var(--theme-info);
    }
    .news-feed-image-wrap {
        position: relative;
    }

    /* Günün Animesi — tema uyumlu feature kart */
    .daily-anime-ajax--hero {
        padding: 0;
    }
    .daily-pick {
        --dp-bg: color-mix(in srgb, var(--theme-surface) 94%, transparent);
        --dp-border: var(--theme-border);
        --dp-glow: color-mix(in srgb, var(--theme-accent) 10%, transparent);
        --dp-text: var(--theme-text);
        --dp-muted: var(--theme-muted);
        --dp-soft: color-mix(in srgb, var(--theme-text) 72%, transparent);
        --dp-chip-fg: var(--theme-chip-fg);
        --dp-chip-bg: var(--theme-chip-bg);
        --dp-chip-bd: var(--theme-chip-bd);
        --dp-tag-fg: var(--theme-chip-fg);
        --dp-tag-bg: var(--theme-chip-bg);
        --dp-tag-bd: var(--theme-chip-bd);
        --dp-theme-fg: var(--theme-muted);
        --dp-theme-bg: color-mix(in srgb, var(--theme-text) 5%, transparent);
        --dp-theme-bd: var(--theme-border);
        --dp-btn-fg: var(--theme-text);
        --dp-btn-bg: var(--theme-surface);
        --dp-btn-bd: var(--theme-border);
        --dp-btn-hover: var(--theme-hover-bg);
        --dp-poster-bd: var(--theme-border);
        --dp-poster-bg: var(--theme-bg);
        --dp-shadow: var(--theme-panel-shadow);
        --dp-label: var(--theme-muted);
        --dp-score-mal-bg: var(--theme-chip-bg);
        --dp-score-al-bg: var(--theme-chip-bg);
        --dp-score-bd: var(--theme-chip-bd);
        --dp-score-fg: var(--theme-text);
        --dp-title-hover: var(--theme-accent);
        --dp-bg-veil: linear-gradient(120deg, color-mix(in srgb, var(--theme-bg) 15%, transparent), color-mix(in srgb, var(--theme-bg) 78%, transparent));
        --dp-poster-blur-op: 0.18;

        position: relative;
        display: grid;
        grid-template-columns: 148px minmax(0, 1fr);
        gap: 0.95rem 1.1rem;
        align-items: stretch;
        overflow: hidden;
        border-radius: 16px;
        border: 1px solid var(--dp-border);
        background: var(--dp-bg);
        padding: 0.85rem;
        max-width: 920px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        color: var(--dp-text);
        box-shadow: var(--dp-shadow);
    }
    .daily-pick__bg {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background:
            radial-gradient(ellipse 55% 80% at 0% 40%, var(--dp-glow), transparent 60%),
            var(--dp-bg-veil);
    }
    .daily-pick__bg::after {
        content: "";
        position: absolute;
        inset: -10%;
        opacity: var(--dp-poster-blur-op);
        background-image: var(--daily-poster);
        background-size: cover;
        background-position: left center;
        filter: blur(32px) saturate(1.15);
        mask-image: linear-gradient(90deg, color-mix(in srgb, var(--theme-scrim) 70%, transparent), transparent 58%);
        -webkit-mask-image: linear-gradient(90deg, color-mix(in srgb, var(--theme-scrim) 70%, transparent), transparent 58%);
    }
    .daily-pick__poster,
    .daily-pick__content {
        position: relative;
        z-index: 1;
    }
    .daily-pick__poster {
        display: block;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid var(--dp-poster-bd);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
        aspect-ratio: 2 / 3;
        background: var(--dp-poster-bg);
        align-self: start;
        transition: transform 0.15s ease;
    }
    .daily-pick__poster:hover {
        transform: translateY(-2px);
    }
    .daily-pick__poster img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .daily-pick__badge {
        position: absolute;
        left: 0.4rem;
        bottom: 0.4rem;
        display: inline-flex;
        align-items: center;
        gap: 0.2rem;
        padding: 0.22rem 0.48rem;
        border-radius: 999px;
        font-size: 0.74rem;
        font-weight: 800;
        color: var(--theme-accent-soft-ink);
        background: color-mix(in srgb, var(--theme-bg) 85%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-accent) 35%, transparent);
    }
    .daily-pick__badge i { color: var(--theme-accent); font-size: 0.8rem; }
    .daily-pick__content {
        display: flex;
        flex-direction: column;
        gap: 0.42rem;
        min-width: 0;
        justify-content: center;
    }
    .daily-pick__top {
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
    }
    .daily-pick__chip {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.18rem 0.55rem;
        border-radius: 999px;
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--dp-chip-fg);
        background: var(--dp-chip-bg);
        border: 1px solid var(--dp-chip-bd);
    }
    .daily-pick__chip--soft {
        color: var(--dp-muted);
        background: var(--dp-theme-bg);
        border-color: var(--dp-theme-bd);
    }
    .daily-pick__title {
        margin: 0;
        font-size: clamp(1.05rem, 2vw, 1.35rem);
        font-weight: 800;
        line-height: 1.22;
        letter-spacing: -0.02em;
        color: var(--dp-text);
    }
    .daily-pick__title a {
        color: inherit !important;
        text-decoration: none !important;
    }
    .daily-pick__title a:hover { color: var(--dp-title-hover) !important; }
    .daily-pick__eng {
        margin: 0;
        font-size: 0.82rem;
        color: var(--dp-muted);
        line-height: 1.3;
    }
    .daily-pick__facts {
        margin: 0;
        font-size: 0.78rem;
        font-weight: 650;
        color: var(--dp-soft);
        line-height: 1.4;
    }
    .daily-pick__dot {
        margin: 0 0.35rem;
        color: var(--dp-label);
    }
    .daily-pick__meta {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        margin-top: 0.1rem;
    }
    .daily-pick__meta-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.35rem 0.5rem;
    }
    .daily-pick__meta-label {
        flex: 0 0 auto;
        min-width: 2.4rem;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--dp-label);
    }
    .daily-pick__tags {
        display: flex;
        flex-wrap: wrap;
        gap: 0.3rem;
        min-width: 0;
    }
    .daily-pick__tags span,
    .daily-pick__tags a {
        padding: 0.16rem 0.5rem;
        border-radius: 999px;
        font-size: 0.7rem;
        font-weight: 700;
        line-height: 1.25;
        color: var(--dp-tag-fg);
        background: var(--dp-tag-bg);
        border: 1px solid var(--dp-tag-bd);
        text-decoration: none;
        transition: border-color 0.15s ease, color 0.15s ease;
    }
    .daily-pick__tags a:hover {
        background: var(--theme-chip-hover-bg);
        border-color: var(--theme-chip-hover-bd);
        color: var(--theme-chip-hover-fg);
    }
    .daily-pick__tags--theme span,
    .daily-pick__tags--theme a {
        color: var(--dp-theme-fg);
        background: var(--dp-theme-bg);
        border-color: var(--dp-theme-bd);
    }
    .daily-pick__plot {
        margin: 0.1rem 0 0;
        font-size: 0.84rem;
        line-height: 1.55;
        color: var(--dp-muted);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: 54rem;
    }
    .daily-pick__footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.55rem 0.75rem;
        margin-top: 0.25rem;
    }
    .daily-pick__cta {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.4rem;
    }
    .daily-pick__btn {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.48rem 0.95rem;
        border-radius: 10px;
        font-size: 0.84rem;
        font-weight: 750;
        text-decoration: none !important;
        color: var(--dp-btn-fg) !important;
        background: var(--dp-btn-bg);
        border: 1px solid var(--dp-btn-bd);
        transition: transform 0.12s ease, background 0.12s ease;
    }
    .daily-pick__btn:hover {
        background: var(--dp-btn-hover);
        transform: translateY(-1px);
    }
    .daily-pick__btn--play {
        background: var(--theme-selected-bg);
        border-color: var(--theme-selected-border);
        color: var(--theme-selected-fg) !important;
        box-shadow: 0 6px 16px color-mix(in srgb, var(--theme-accent) 28%, transparent);
    }
    .daily-pick__btn--play:hover {
        background: var(--theme-accent-deep);
        border-color: var(--theme-accent-deep);
    }
    .daily-pick__scores {
        display: inline-flex;
        gap: 0.35rem;
        flex-wrap: wrap;
    }
    .daily-pick__score {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.35rem 0.65rem;
        min-height: 1.85rem;
        border-radius: 0.5rem;
        font-size: 0.78rem;
        font-weight: 700;
        text-decoration: none !important;
        color: var(--dp-score-fg) !important;
        background: var(--theme-chip-bg);
        border: 1px solid var(--dp-score-bd);
        transition: background 0.15s, border-color 0.15s, color 0.15s;
    }
    .daily-pick__score:hover {
        background: var(--theme-chip-hover-bg);
        border-color: var(--theme-chip-hover-bd);
        color: var(--theme-chip-hover-fg) !important;
    }
    .daily-pick__score b { font-weight: 800; }
    .daily-pick__score img { width: 14px; height: 14px; object-fit: contain; }
    .daily-pick__score--mal,
    .daily-pick__score--al,
    .daily-pick__score--site {
        background: var(--theme-chip-bg);
    }
    @media (max-width: 640px) {
        .daily-pick {
            grid-template-columns: 108px minmax(0, 1fr);
            gap: 0.75rem;
            padding: 0.7rem;
            max-width: none;
        }
        .daily-pick__title { font-size: 1rem; }
        .daily-pick__plot { -webkit-line-clamp: 2; font-size: 0.78rem; }
        .daily-pick__btn { padding: 0.42rem 0.75rem; font-size: 0.78rem; }
        .daily-pick__meta-label { min-width: 2.2rem; }
    }

    /* Eski markup (cache) — boşluğu kapat */
    .daily-anime-ajax--detail {
        padding: 0.15rem 0;
        max-width: 920px;
    }
    .daily-anime-ajax__row {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.9rem 1rem;
        align-items: flex-start;
    }
    .daily-anime-ajax__left {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.85rem;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
    }
    .daily-anime-ajax__poster-wrap {
        position: relative;
        width: 140px;
        max-width: 38%;
        flex-shrink: 0;
    }
    .daily-anime-ajax__poster-link {
        display: block;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    }
    .daily-anime-ajax__poster-img {
        width: 100%;
        height: auto;
        display: block;
        vertical-align: top;
    }
    .daily-anime-ajax__score-badge {
        position: absolute;
        bottom: 0.4rem;
        left: 0.4rem;
        font-size: 0.74rem;
        font-weight: 800;
        padding: 0.2rem 0.45rem;
        border-radius: 8px;
        background: color-mix(in srgb, var(--theme-bg) 72%, transparent);
        color: var(--theme-accent-soft);
        border: 1px solid color-mix(in srgb, var(--theme-accent-soft) 35%, transparent);
    }
    .daily-anime-ajax__intro {
        flex: 1;
        min-width: 0;
    }
    .daily-anime-ajax__chip {
        display: inline-block;
        font-size: 0.66rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--theme-info);
        margin-bottom: 0.25rem;
    }
    .daily-anime-ajax__title {
        font-size: 1.1rem;
        font-weight: 800;
        color: var(--theme-text);
        margin: 0 0 0.5rem 0;
        line-height: 1.25;
    }
    .daily-anime-ajax__title a {
        color: inherit !important;
        text-decoration: none !important;
    }
    .daily-anime-ajax__title a:hover {
        color: var(--theme-info) !important;
    }
    .daily-anime-ajax__cta-row {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
    }
    .daily-anime-ajax__cta {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.42rem 0.9rem;
        border-radius: 10px;
        font-size: 0.82rem;
        font-weight: 700;
        background: color-mix(in srgb, var(--theme-text) 6%, transparent);
        color: color-mix(in srgb, var(--theme-text) 92%, transparent) !important;
        text-decoration: none !important;
        border: 1px solid color-mix(in srgb, var(--theme-text) 14%, transparent);
    }
    .daily-anime-ajax__cta--primary {
        background: linear-gradient(135deg, var(--theme-info), var(--theme-info));
        border-color: color-mix(in srgb, var(--theme-text) 18%, transparent);
        color: var(--theme-text) !important;
    }
    .daily-anime-ajax__cta:hover {
        filter: brightness(1.08);
    }
    .daily-anime-ajax--detail .daily-anime-ajax__aside.adp-hero__side {
        display: none;
    }
    .daily-anime-ajax-synopsis {
        margin-top: 0.75rem;
        padding-top: 0.75rem;
        border-top: 1px solid color-mix(in srgb, var(--theme-text) 8%, transparent);
        max-width: 920px;
    }
    .daily-anime-ajax-synopsis__title {
        font-size: 0.92rem;
        font-weight: 800;
        color: color-mix(in srgb, var(--theme-text) 92%, transparent);
        margin: 0 0 0.4rem 0;
    }
    .daily-anime-ajax-synopsis__text,
    .daily-anime-ajax-synopsis__richtext {
        font-size: 0.84rem;
        line-height: 1.55;
        color: color-mix(in srgb, var(--theme-text) 70%, transparent);
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .home-ajax-hint {
        margin-top: 0.75rem;
        font-size: 0.75rem !important;
        color: color-mix(in srgb, var(--theme-text) 45%, transparent) !important;
    }

    .home-new-members-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(var(--ac-w), 1fr));
        gap: 0.45rem;
        justify-content: center;
    }
    .home-new-member-card {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.45rem;
        padding: 0.4rem 0.5rem;
        background: color-mix(in srgb, var(--theme-text) 4%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.4rem;
        text-decoration: none !important;
        color: color-mix(in srgb, var(--theme-text) 90%, transparent) !important;
        transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
        min-width: 0;
    }
    .home-new-member-card:hover {
        border-color: color-mix(in srgb, var(--theme-text) 20%, transparent);
        background: color-mix(in srgb, var(--theme-text) 8%, transparent);
        transform: translateY(-0.08rem);
    }
    .home-new-member-avatar {
        width: 2rem;
        height: 2rem;
        border-radius: 0.35rem;
        object-fit: cover;
        margin: 0;
        border: 1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);
        flex-shrink: 0;
    }
    .home-new-member-meta {
        display: flex;
        flex-direction: column;
        gap: 0.08rem;
        min-width: 0;
    }
    .home-new-member-name {
        font-size: 0.72rem;
        font-weight: 650;
        text-align: left;
        line-height: 1.2;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .home-new-member-ago {
        font-size: 0.6rem;
        color: color-mix(in srgb, var(--theme-text) 45%, transparent);
    }

    .home-custom-lists-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(var(--ac-w), 1fr));
        gap: 0.75rem;
        justify-content: center;
    }
    .home-custom-list-card {
        position: relative;
        display: block;
        padding: 0;
        aspect-ratio: 2 / 3;
        overflow: hidden;
        background: var(--theme-bg);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.45rem;
        text-decoration: none !important;
        color: inherit !important;
        transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
        box-shadow: 0 0.3rem 0.75rem rgba(0, 0, 0, 0.35);
    }
    .home-custom-list-card:hover {
        border-color: color-mix(in srgb, var(--theme-text) 20%, transparent);
        background: var(--theme-bg);
        transform: translateY(-0.12rem) scale(1.02);
        box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.45);
    }
    .home-custom-list-card__media {
        position: absolute;
        inset: 0;
        background: linear-gradient(145deg, color-mix(in srgb, var(--theme-text) 6%, transparent), color-mix(in srgb, var(--theme-bg) 35%, transparent));
    }
    .home-custom-list-card__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        display: block;
    }
    .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;
    }
    .home-custom-list-card__body {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        padding: 0.55rem 0.45rem 0.4rem;
    }
    .home-custom-list-card__title {
        font-size: 0.72rem;
        font-weight: 700;
        color: var(--theme-text);
        margin: 0 0 0.25rem;
        line-height: 1.25;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    }
    .home-custom-list-card__meta {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.35rem;
        font-size: 0.6rem;
        color: color-mix(in srgb, var(--theme-text) 70%, transparent);
    }
    .home-custom-list-card__meta i {
        opacity: 0.8;
        margin-right: 0.12rem;
    }
    .top100-section .ep-subtitle {
        font-size: 0.85rem;
        color: color-mix(in srgb, var(--theme-text) 60%, transparent);
        margin: 0.25rem 0 1rem 0;
    }
    .top100-grid,
    .top100-ajax-grid,
    .anime-grid-modern.top100-ajax-grid,
    .anime-grid-modern.top100-grid {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    .top100-ajax-grid .top100-card-wrap,
    .top100-grid .top100-card-wrap {
        width: 10.625rem;
        flex-shrink: 0;
    }
    .top100-card-wrap,
    .most-viewed-card-wrap {
        position: relative;
    }
    .top100-rank-badge {
        position: absolute;
        top: 1.85rem;
        left: 0.35rem;
        right: auto;
        z-index: 4;
        background: color-mix(in srgb, var(--theme-bg) 88%, transparent);
        color: var(--theme-text);
        font-weight: 800;
        font-size: 0.65rem;
        min-width: 1.45rem;
        height: 1.35rem;
        padding: 0 0.32rem;
        border-radius: 0.28rem;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: none;
        border: 1px solid color-mix(in srgb, var(--theme-text) 14%, transparent);
    }
    .most-viewed-rank-badge {
        position: absolute;
        top: 1.85rem;
        left: 0.35rem;
        right: auto;
        z-index: 4;
        background: color-mix(in srgb, var(--theme-bg) 88%, transparent);
        color: var(--theme-text);
        font-weight: 800;
        font-size: 0.65rem;
        min-width: 1.45rem;
        height: 1.35rem;
        padding: 0 0.32rem;
        border-radius: 0.28rem;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: none;
        border: 1px solid color-mix(in srgb, var(--theme-text) 14%, transparent);
        line-height: 1;
    }
    .top100-panel .top100-sort-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1rem;
        justify-content: center;
    }
    .top100-sort-btn {
        padding: 0.5rem 1rem;
        background: color-mix(in srgb, var(--theme-text) 5%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 8px;
        color: color-mix(in srgb, var(--theme-text) 80%, transparent);
        font-size: 0.9rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }
    .top100-sort-btn:hover {
        background: color-mix(in srgb, var(--theme-info) 12%, transparent);
        border-color: color-mix(in srgb, var(--theme-info) 35%, transparent);
        color: var(--theme-text);
    }
    .top100-sort-btn.active {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-info) 28%, transparent), color-mix(in srgb, var(--theme-info) 35%, transparent));
        border-color: color-mix(in srgb, var(--theme-info) 45%, transparent);
        color: var(--theme-text);
    }
    .top100-ajax-content {
        min-height: 120px;
    }
    .top100-pagination {
        margin-top: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.4rem;
        padding: 0.45rem 0.55rem;
        background: color-mix(in srgb, var(--theme-text) 3%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.5rem;
    }
    .top100-pagination .pagination-btn-modern {
        width: 1.75rem;
        height: 1.75rem;
        min-width: 1.75rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: color-mix(in srgb, var(--theme-text) 4%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.3rem;
        color: var(--theme-text);
        cursor: pointer;
        font-size: 0.72rem;
        box-shadow: none;
    }
    .top100-pagination .pagination-btn-modern:hover:not(:disabled) {
        background: color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-color: color-mix(in srgb, var(--theme-text) 20%, transparent);
        color: var(--theme-text);
    }
    .top100-pagination .pagination-btn-modern:disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }
    .top100-pagination .page-num-btn.active {
        background: color-mix(in srgb, var(--theme-text) 14%, transparent);
        border-color: color-mix(in srgb, var(--theme-text) 28%, transparent);
        color: var(--theme-text);
    }
    .top100-pagination .page-indicator {
        color: color-mix(in srgb, var(--theme-text) 75%, transparent);
        font-size: 0.72rem;
        font-weight: 600;
        min-width: 2.75rem;
        text-align: center;
    }
    .most-viewed-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        justify-content: center;
        gap: 1rem;
    }
    .most-viewed-widget-standalone .widget-content .most-viewed-list.most-viewed-grid,
    .most-viewed-widget-standalone .most-viewed-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        justify-content: center;
        gap: 1rem;
    }
    .most-viewed-grid .most-viewed-card-wrap {
        width: 10.625rem;
        min-width: 0;
        flex-shrink: 0;
    }
    .most-viewed-widget-standalone .most-viewed-grid .most-viewed-card-wrap {
        width: 10.625rem;
        flex-shrink: 0;
    }
    @media (max-width: 768px) {
        .combined-tabs-header {
            padding: 0.5rem 0;
            width: 100%;
        }
        .combined-tab-btn {
            padding: 0.5rem 0.75rem;
            font-size: 0.8rem;
        }
        .combined-tabs-content {
            padding: 1rem 0;
        }
    }

    .homepage-main-content {
        min-width: 0;
        overflow-x: hidden;
        padding-top: 0;
        margin-top: 0;
        padding-right: 0.5rem;
    }

    .homepage-sidebar-content {
        position: relative;
        min-width: 0;
        width: 18.75rem;
        max-width: 18.75rem;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0;
        margin-top: 0;
        flex-shrink: 0;
    }

    .recent-update-section {
        margin-top: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        contain: layout;
    }
    /* Ana sayfa: Son Güncellenenler alanı tek container içinde, çakışma olmasın */
    .homepage-inner .recent-update-section {
        width: 100%;
        max-width: none;
    }
    .homepage-inner .recent-update-section .anime-grid-modern {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: var(--ac-gap) !important;
    }
    .homepage-inner .recent-update-section .anime-grid-modern {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(var(--ru-w, calc(var(--ac-w) * 1.38)), 1fr)) !important;
        gap: 8px !important;
    }
    .homepage-inner .recent-update-section .anime-grid-modern > * {
        flex: unset !important;
        width: 100% !important;
        max-width: none !important;
    }
    /* CLS: grid için min yükseklik (en az ~2 satır) ve contain */
    #recentUpdateGrid.anime-grid-modern,
    .homepage-inner .recent-update-section .anime-grid-modern {
        min-height: 30rem;
        contain: layout;
    }
    .homepage-sidebar .sidebar-widget:first-child {
        margin-top: 0;
    }

    /* Son Haberler (RSS) */
    .news-feed-section {
        margin-bottom: 1.5rem;
    }
    .news-feed-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(min(11.5rem, 100%), 1fr));
        gap: clamp(0.65rem, 1vw, 1rem);
    }
    @media (max-width: 48rem) {
        .news-feed-grid {
            grid-template-columns: repeat(auto-fill, minmax(min(9.5rem, 100%), 1fr));
            gap: 0.65rem;
        }
    }
    .news-feed-card {
        display: block;
        background: color-mix(in srgb, var(--theme-text) 3%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-info) 14%, transparent);
        border-radius: 14px;
        overflow: hidden;
        text-decoration: none;
        color: inherit;
        transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
    }
    .news-feed-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
        border-color: color-mix(in srgb, var(--theme-info) 35%, transparent);
        background: color-mix(in srgb, var(--theme-info) 6%, transparent);
    }
    .news-feed-image-wrap {
        position: relative;
        aspect-ratio: 16/10;
        overflow: hidden;
        background: color-mix(in srgb, var(--theme-bg) 20%, transparent);
    }
    .news-feed-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .news-feed-image-placeholder {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        color: color-mix(in srgb, var(--theme-text) 30%, transparent);
    }
    .news-feed-body {
        padding: 0.75rem 0.85rem;
    }
    .news-feed-title {
        font-size: 0.95rem;
        font-weight: 600;
        margin: 0 0 0.35rem 0;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--theme-border);
    }
    .news-feed-card:hover .news-feed-title {
        color: var(--theme-info);
    }
    .news-feed-excerpt {
        font-size: 0.8rem;
        margin: 0;
        opacity: 0.85;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Editör + Türler: üst alanla aynı max alan (container + main sütun genişliği) */
    .homepage-full-width {
        width: 100%;
        max-width: 120rem;
        margin: 1.75rem auto 0;
        padding: 0 clamp(0.5rem, 4vw, 1.5rem);
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
    }
    /* Üstteki main content ile aynı genişlik: container içi - sidebar (18.75rem) */
    .homepage-full-width .ep-section,
    .homepage-full-width .genre-cloud-section {
        width: 100%;
        max-width: calc(100% - 18.75rem);
        margin-left: 0;
        margin-right: auto;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }
    .homepage-full-width .ep-section {
        margin-bottom: 1.5rem;
    }
    .homepage-full-width .ep-section:last-child,
    .homepage-full-width .genre-cloud-section:last-child {
        margin-bottom: 0;
    }
    .homepage-full-width .genre-cloud-section {
        margin-top: 0;
        margin-bottom: 0;
    }
    .homepage-full-width .ep-slider,
    .homepage-full-width .genre-cloud-wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    /* Editör kartı: konteyner izi görünmez (border/outline opacity 0) */
    .homepage-full-width .ep-slider,
    .homepage-full-width .ep-slider.swiper,
    .homepage-full-width .ep-slider .swiper-wrapper,
    .homepage-full-width .ep-slide,
    .homepage-full-width .ep-slide.swiper-slide {
        border: none !important;
        border-width: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        border-color: transparent !important;
    }
    .homepage-full-width .ep-slider {
        border-radius: 0 !important;
    }
    .homepage-full-width .ep-bg {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .homepage-full-width .ep-overlay,
    .homepage-full-width .ep-overlay-landscape {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        border-color: transparent !important;
    }
    .homepage-full-width .ep-overlay {
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 72%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 92%, transparent) 55%, var(--theme-bg) 100%) !important;
    }
    .homepage-full-width .ep-overlay-landscape {
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 78%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 92%, transparent) 50%, var(--theme-bg) 100%) !important;
    }
    .homepage-full-width .genre-cloud-section,
    .homepage-full-width .genre-cloud-wrapper {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* Ana CSS'teki sticky davranışı homepage'de istemiyoruz; sabit hizalama */
    .homepage-sidebar,
    .homepage-sidebar .sidebar-widget {
        position: static !important;
        top: auto !important;
    }

    /*
     * Sidebar grid: 1080p–2K aynı oran (negatif margin yok).
     * Sadece gerçek dar ekranda stack.
     */
    @media (min-width: 75.0625rem) {
        .homepage-content-wrapper:not(.homepage-single-grid) {
            grid-template-columns: minmax(0, 1fr) clamp(16.5rem, 18vw, 20rem);
            gap: clamp(0.75rem, 1.2vw, 1.35rem);
        }
        .homepage-main-content {
            padding-right: 0;
            min-width: 0;
        }
        .homepage-sidebar-content {
            width: 100%;
            max-width: none;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-top: 0;
        }
        .homepage-full-width .ep-section,
        .homepage-full-width .genre-cloud-section {
            max-width: 100%;
        }
    }

    /* 1200px altı: sidebar alta */
    @media (max-width: 75rem) {
        .homepage-container-custom {
            padding: 0 var(--hp-pad);
        }
        .homepage-full-width {
            padding-left: var(--hp-pad);
            padding-right: var(--hp-pad);
        }
        .homepage-content-wrapper {
            grid-template-columns: 1fr !important;
            gap: clamp(0.85rem, 2vw, 1.25rem);
        }
        .homepage-main-content {
            padding-right: 0;
        }
        .homepage-sidebar-content {
            width: 100% !important;
            max-width: 100% !important;
            order: 2;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }

    @media (max-width: 64rem) {
        .homepage-container-custom,
        .homepage-full-width {
            padding-left: var(--hp-pad);
            padding-right: var(--hp-pad);
        }
        .homepage-content-wrapper {
            gap: clamp(0.65rem, 1.5vw, 1rem);
        }
        .homepage-main-content {
            padding-right: 0;
        }
    }

    /* ===== Popüler Slider - Split layout (sol poster, sağ panel) – sadece hero OLMAYAN bölümler ===== */
    /* Hero tasarımı .popular-slider-hero ile partial'da tanımlı; bu blok eski split layout içindir. */
    .popular-slider-section:not(.popular-slider-hero) {
        margin-bottom: 1.75rem;
        height: 22rem;
        min-height: 22rem;
        max-height: 22rem;
        box-sizing: border-box;
        contain: layout style;
    }
    .popular-slider-section:not(.popular-slider-hero) .popular-slider-width-wrap {
        max-width: 120rem;
        margin: 0 auto;
        padding: 0 clamp(0.5rem, 4vw, 1.5rem);
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .popular-slider-section:not(.popular-slider-hero) .popular-slider-container {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 0.875rem;
        overflow: hidden;
        background: var(--theme-bg);
        box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.2), 0 8px 32px rgba(0, 0, 0, 0.5);
    }
    .popular-slider-section:not(.popular-slider-hero) .popular-slider-container::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 35%, transparent), color-mix(in srgb, var(--theme-info) 20%, transparent));
        -webkit-mask: linear-gradient(var(--theme-text) 0 0) content-box, linear-gradient(var(--theme-text) 0 0);
        mask: linear-gradient(var(--theme-text) 0 0) content-box, linear-gradient(var(--theme-text) 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        z-index: 2;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-slider {
        height: 22rem;
        min-height: 22rem;
        max-height: 22rem;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-slider .swiper-wrapper {
        height: 22rem;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-slide {
        height: 22rem !important;
        min-height: 22rem;
        max-height: 22rem;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-slide-inner {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        width: 100%;
        height: 22rem;
        min-height: 22rem;
        max-height: 22rem;
    }
    /* Sol: poster sütunu - CLS fix */
    .popular-slider-section:not(.popular-slider-hero) .ep-poster-col {
        flex: 0 0 28%;
        max-width: 280px;
        min-width: 200px;
        width: 28%;
        height: 22rem;
        position: relative;
        overflow: hidden;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-poster-link {
        display: block;
        width: 100%;
        height: 22rem;
        aspect-ratio: 2/3;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-poster-link img {
        width: 100%;
        height: 22rem;
        object-fit: cover;
        object-position: center top;
        display: block;
        border-radius: 0.875rem 0 0 0.875rem;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.4);
        content-visibility: auto;
        contain-intrinsic-size: 200px 22rem;
    }
    /* Sağ: içerik paneli (blur arka plan + koyu overlay) - CLS: sabit yükseklik, landscape yüklenmeden önce alan ayrılmış olur */
    .popular-slider-section:not(.popular-slider-hero) .ep-content-col {
        flex: 1;
        min-width: 0;
        position: relative;
        overflow: hidden;
        height: 22rem;
        min-height: 22rem;
        contain: layout;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-content-col .ep-bg {
        position: absolute;
        top: -2rem; left: -2rem; right: -2rem; bottom: -2rem;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        filter: blur(1.25rem) brightness(0.25);
        /* CLS: layout containment ile arka plan yüklenirken reflow sınırlı kalır */
        min-height: 100%;
        min-width: 100%;
        contain: layout;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-content-col .ep-overlay {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        display: flex;
        align-items: center;
        padding: 1.75rem 2rem 1.75rem 1.5rem;
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 92%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 95%, transparent) 55%, var(--theme-bg) 100%);
        pointer-events: none;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-content-col .ep-overlay-landscape {
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 94%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 96%, transparent) 100%);
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-info {
        flex: 1;
        min-width: 0;
        height: 100%;
        max-height: calc(22rem - 3.5rem);
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        pointer-events: auto;
        overflow: hidden;
    }
    /* Metadata üst satır: puan, tür, bölüm, tarih, badge'ler */
    .popular-slider-section:not(.popular-slider-hero) .ep-meta-row-top {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.625rem 1rem;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-meta-item {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.8125rem;
        color: color-mix(in srgb, var(--theme-text) 75%, transparent);
        font-weight: 500;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-meta-item i {
        font-size: 0.75rem;
        color: color-mix(in srgb, var(--theme-text) 50%, transparent);
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-badge-tag {
        font-size: 0.6875rem;
        font-weight: 600;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        border: 1px solid color-mix(in srgb, var(--theme-text) 20%, transparent);
        background: color-mix(in srgb, var(--theme-text) 6%, transparent);
        color: var(--theme-border);
    }
    /* Başlık */
    .popular-slider-section:not(.popular-slider-hero) .ep-anime-title {
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.25;
        margin: 0;
        color: var(--theme-text);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-genres {
        display: flex;
        gap: 0.375rem;
        flex-wrap: wrap;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-genre {
        font-size: 0.75rem;
        color: var(--theme-text);
        background: var(--theme-neutral);
        border: 0;
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        text-decoration: none;
        transition: background 0.15s, color 0.15s;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-genre:hover {
        color: var(--theme-accent-ink);
        background: var(--theme-accent);
        border: 0;
        text-decoration: none;
    }
    /* Açıklama */
    .popular-slider-section:not(.popular-slider-hero) .ep-desc {
        font-size: 0.9375rem;
        line-height: 1.5;
        color: color-mix(in srgb, var(--theme-text) 70%, transparent);
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    /* Butonlar: İzle (gradient) + Listeme Ekle (çerçeveli) */
    .popular-slider-section:not(.popular-slider-hero) .ep-actions {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-btn-watch {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1.25rem;
        font-size: 0.9375rem;
        font-weight: 700;
        color: var(--theme-text);
        text-decoration: none;
        border-radius: 8px;
        border: none;
        cursor: pointer;
        background: linear-gradient(135deg, var(--theme-info) 0%, var(--theme-accent) 50%, var(--theme-accent-deep) 100%);
        background-size: 200% 200%;
        transition: all 0.25s ease;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-btn-watch:hover {
        color: var(--theme-text);
        text-decoration: none;
        box-shadow: 0 4px 20px rgba(124, 58, 237, 0.45);
        background-position: 100% 50%;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-btn-bookmark {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--theme-border);
        text-decoration: none;
        border-radius: 8px;
        border: 1px solid color-mix(in srgb, var(--theme-text) 25%, transparent);
        background: color-mix(in srgb, var(--theme-text) 6%, transparent);
        cursor: pointer;
        transition: all 0.25s ease;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-btn-bookmark:hover,
    .popular-slider-section:not(.popular-slider-hero) a.ep-btn-bookmark:hover {
        color: var(--theme-text);
        text-decoration: none;
        border-color: color-mix(in srgb, var(--theme-accent) 50%, transparent);
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 20%, transparent), color-mix(in srgb, var(--theme-info) 10%, transparent));
    }
    /* Nav: sağ alt köşe */
    .popular-slider-section:not(.popular-slider-hero) .ep-header-popular {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        z-index: 10;
        margin: 0;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-header-popular .ep-counter {
        font-size: 0.8125rem;
        color: color-mix(in srgb, var(--theme-text) 70%, transparent);
        font-weight: 600;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-header-popular .ep-nav {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        background: color-mix(in srgb, var(--theme-bg) 40%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);
        border-radius: 8px;
        padding: 0.25rem;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-arrow {
        width: 2rem;
        height: 2rem;
        border-radius: 6px;
        border: 1px solid color-mix(in srgb, var(--theme-text) 15%, transparent);
        background: color-mix(in srgb, var(--theme-text) 6%, transparent);
        color: color-mix(in srgb, var(--theme-text) 80%, transparent);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
        font-size: 0.7rem;
    }
    .popular-slider-section:not(.popular-slider-hero) .ep-arrow:hover {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 40%, transparent), color-mix(in srgb, var(--theme-info) 25%, transparent));
        border-color: color-mix(in srgb, var(--theme-accent) 50%, transparent);
        color: var(--theme-text);
    }

    @media (max-width: 48rem) {
        .popular-slider-section:not(.popular-slider-hero),
        .popular-slider-section:not(.popular-slider-hero) .ep-slider,
        .popular-slider-section:not(.popular-slider-hero) .ep-slider .swiper-wrapper,
        .popular-slider-section:not(.popular-slider-hero) .ep-slide,
        .popular-slider-section:not(.popular-slider-hero) .ep-slide-inner { 
            height: 20rem !important; 
            min-height: 20rem !important; 
            max-height: 20rem !important; 
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-content-col {
            height: 20rem;
            min-height: 20rem;
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-poster-col { 
            flex: 0 0 32%; 
            min-width: 140px; 
            height: 20rem;
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-poster-link,
        .popular-slider-section:not(.popular-slider-hero) .ep-poster-link img { 
            height: 20rem; 
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-anime-title { font-size: 1.375rem; }
        .popular-slider-section:not(.popular-slider-hero) .ep-desc { -webkit-line-clamp: 2; font-size: 0.875rem; }
    }
    @media (max-width: 36rem) {
        .popular-slider-section:not(.popular-slider-hero),
        .popular-slider-section:not(.popular-slider-hero) .ep-slider,
        .popular-slider-section:not(.popular-slider-hero) .ep-slider .swiper-wrapper,
        .popular-slider-section:not(.popular-slider-hero) .ep-slide,
        .popular-slider-section:not(.popular-slider-hero) .ep-slide-inner { 
            height: 28rem !important; 
            min-height: 28rem !important; 
            max-height: 28rem !important; 
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-slide-inner { flex-direction: column; }
        .popular-slider-section:not(.popular-slider-hero) .ep-content-col {
            height: 14rem;
            min-height: 14rem;
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-poster-col {
            flex: 0 0 auto;
            max-width: none;
            min-width: 0;
            width: 100%;
            height: 14rem;
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-poster-link,
        .popular-slider-section:not(.popular-slider-hero) .ep-poster-link img {
            height: 14rem;
            border-radius: 0.875rem 0.875rem 0 0;
        }
        .popular-slider-section:not(.popular-slider-hero) .ep-content-col .ep-overlay { padding: 1rem 1rem 3rem; }
        .popular-slider-section:not(.popular-slider-hero) .ep-anime-title { font-size: 1.25rem; -webkit-line-clamp: 2; }
        .popular-slider-section:not(.popular-slider-hero) .ep-desc { -webkit-line-clamp: 2; }
    }

    /* Modern Section Header - yükseklik %40 artırıldı */
    .section-header-modern {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-bottom: 1.25rem;
        margin-top: 0;
        padding: 0.625rem 1rem;
        min-height: 3.2rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 12%, transparent), color-mix(in srgb, var(--theme-info) 10%, transparent));
        border-radius: 0.75rem;
        border: 0.0625rem solid color-mix(in srgb, var(--theme-accent) 25%, transparent);
    }

    .section-title-wrapper {
        flex: 0 0 auto;
    }

    .section-title-modern {
        font-family: var(--aml-font-display), "Plus Jakarta Sans", system-ui, sans-serif;
        font-size: var(--aml-text-h2);
        font-weight: var(--aml-fw-semibold);
        color: var(--theme-text);
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        letter-spacing: -0.015em;
    }

    .section-title-modern i {
        background: linear-gradient(135deg, var(--theme-accent), var(--theme-info));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-size: 2rem;
    }

    .section-filters-modern {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        flex: 0 0 auto;
        justify-content: center;
        margin-left: auto;
        margin-right: 0.5rem;
    }

    .filter-btn-modern {
        padding: 0.5rem 1rem;
        background: color-mix(in srgb, var(--theme-text) 5%, transparent);
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.4375rem;
        color: var(--theme-border);
        font-size: 0.875rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

    .filter-btn-modern:hover {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 25%, transparent), color-mix(in srgb, var(--theme-info) 20%, transparent));
        border-color: color-mix(in srgb, var(--theme-accent) 50%, transparent);
        color: var(--theme-text);
        transform: translateY(-0.125rem);
    }

    .filter-btn-modern.active {
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 40%, var(--theme-info) 100%);
        border-color: color-mix(in srgb, var(--theme-accent) 80%, transparent);
        color: var(--theme-text);
        box-shadow: 0 0.25rem 0.9375rem rgba(124, 58, 237, 0.4);
    }

    .pagination-nav-modern {
        display: flex;
        align-items: center;
        gap: 0.5625rem;
        flex: 0 0 auto;
    }

    .pagination-btn-modern {
        width: 2.75rem;
        height: 2.75rem;
        min-width: 2.75rem;
        background: color-mix(in srgb, var(--theme-text) 4%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        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: flex;
        align-items: center;
        justify-content: center;
        box-shadow: none;
        transform: none;
    }

    .pagination-btn-modern:hover:not(:disabled) {
        background: color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-color: color-mix(in srgb, var(--theme-text) 22%, transparent);
        color: var(--theme-text);
        transform: none;
    }

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

    .page-indicator {
        color: color-mix(in srgb, var(--theme-text) 75%, transparent);
        font-size: 0.72rem;
        font-weight: 600;
        min-width: 2.75rem;
        text-align: center;
    }

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

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

    .pagination-btn-modern.page-num-btn.active {
        background: color-mix(in srgb, var(--theme-text) 16%, transparent);
        border-color: color-mix(in srgb, var(--theme-text) 28%, transparent);
        color: var(--theme-text);
        box-shadow: none;
    }

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

    .pagination-goto-input {
        width: 3rem;
        padding: 0.28rem 0.35rem;
        background: color-mix(in srgb, var(--theme-text) 4%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.3rem;
        color: var(--theme-text);
        font-size: 0.72rem;
        text-align: center;
    }

    .pagination-goto-input::-webkit-inner-spin-button { opacity: 0.5; }

    .pagination-goto-btn {
        padding: 0.28rem 0.6rem;
        background: color-mix(in srgb, var(--theme-text) 10%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 16%, transparent);
        border-radius: 0.3rem;
        color: var(--theme-text);
        font-size: 0.72rem;
        font-weight: 650;
        cursor: pointer;
        transition: background 0.15s ease;
        box-shadow: none;
    }

    .pagination-goto-btn:hover {
        background: color-mix(in srgb, var(--theme-text) 16%, transparent);
        color: var(--theme-text);
    }

    .pagination-nav-bottom {
        margin-top: 0.9rem;
        padding: 0.45rem 0.55rem;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.4rem;
        background: color-mix(in srgb, var(--theme-text) 3%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.5rem;
    }

    /* Modern Anime Grid - flex + center: eksik satır ortada */
    .anime-grid-modern {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 0.75rem;
        width: 100%;
        padding: 0;
    }

    .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;
    }

    /* CLS: poster alanı yüklenmeden önce oranı rezerve et (kart boyutu sabit kalsın) */
    .anime-poster-modern {
        contain: layout;
    }

    .anime-card-modern {
        text-decoration: none;
        display: block;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
    }

    .anime-card-modern:hover {
        transform: translateY(-0.375rem);
        z-index: 10;
    }

.anime-poster-modern {
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
    aspect-ratio: 2/3;
    width: 100%;
    height: auto;
    background: var(--theme-bg);
    box-shadow: 0 0.25rem 0.9375rem rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    display: block;
}

    .anime-card-modern:hover .anime-poster-modern {
        box-shadow: 0 0.55rem 1.25rem rgba(0, 0, 0, 0.45);
        border: 1px solid color-mix(in srgb, var(--theme-text) 16%, transparent);
    }

.anime-poster-modern img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.5s ease;
    background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 10%, transparent), color-mix(in srgb, var(--theme-info) 5%, transparent));
}

    .anime-card-modern:hover .anime-poster-modern img {
        transform: scale(1.08);
    }

    .anime-overlay-modern {
        position: absolute;
        inset: 0;
        background: color-mix(in srgb, var(--theme-bg) 78%, transparent);
        backdrop-filter: blur(0.5rem);
        display: flex;
        align-items: stretch;
        justify-content: center;
        opacity: 0;
        transition: all 0.3s ease;
        padding: 0.5rem 0.625rem;
    }

    .anime-overlay-modern img {
        position: relative;
        vertical-align: middle;
    }

    .anime-card-modern:hover .anime-overlay-modern {
        opacity: 1;
    }

    .anime-tooltip-modern {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 0.5rem;
    }

    .tooltip-content {
        text-align: center;
        color: var(--theme-text);
        width: 100%;
        max-width: 100%;
        padding: 0 0.25rem;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .tooltip-title {
        font-size: 0.9rem;
        font-weight: 700;
        margin: 0 0 0.35rem 0;
        line-height: 1.25;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex-shrink: 0;
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent) 33%, var(--theme-info) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .tooltip-tags {
        font-size: 0.65rem;
        color: var(--theme-muted);
        margin-bottom: 0.35rem;
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 0.25rem;
        flex-shrink: 0;
    }

    .tooltip-desc {
        font-size: 0.68rem;
        color: var(--theme-border);
        line-height: 1.45;
        margin-bottom: 0.45rem;
        padding: 0 0.25rem;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex: 1 1 auto;
        min-height: 0;
    }

    .tooltip-meta-row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.4rem;
        font-size: 0.8rem;
        color: color-mix(in srgb, var(--theme-text) 90%, transparent);
        flex-shrink: 0;
        width: 100%;
    }

    .tooltip-meta-row > span,
    .tooltip-meta-row .tooltip-rating {
        display: inline-flex;
        align-items: center;
        gap: 0.2rem;
        white-space: nowrap;
    }

    .tooltip-ratings-inline {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 0.6rem;
        justify-content: center;
        width: 100%;
    }

    .tooltip-ratings-sep {
        color: color-mix(in srgb, var(--theme-text) 40%, transparent);
        font-size: 0.7rem;
        user-select: none;
    }

    .tooltip-meta-row i {
        color: var(--theme-accent);
    }

    .tooltip-rating {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.8rem;
        font-weight: 600;
        color: color-mix(in srgb, var(--theme-text) 95%, transparent);
        position: relative;
    }

    .tooltip-rating-cell {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .tooltip-rating .tooltip-rating-logo {
        display: block;
        height: 18px;
        width: 18px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .tooltip-rating--anilist .tooltip-rating-logo,
    .tooltip-rating--mal .tooltip-rating-logo {
        height: 18px;
        width: 18px;
    }

    /* Hover overlay'daki "X Bölüm" kutusu: alt çizgi / rozet ile aynı palet */
    .tooltip-episodes {
        font-size: 0.625rem;
        color: var(--theme-text);
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.2rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-info) 95%, transparent), color-mix(in srgb, var(--theme-accent) 92%, transparent));
        padding: 0.25rem 0.45rem;
        border-radius: 0.25rem;
        border: 1px solid color-mix(in srgb, var(--theme-info) 60%, transparent);
        box-shadow: 0 2px 8px rgba(0, 212, 255, 0.25);
        flex-shrink: 0;
    }

    .tooltip-episodes i {
        color: var(--theme-accent-soft);
        font-size: 0.55rem;
    }

    /* Bölüm / kategori: kompakt nötr (anime-cards.css ile uyumlu) */
    .anime-episode-badge-top {
        position: absolute;
        top: 0.35rem;
        left: 0.35rem;
        z-index: 3;
        background: color-mix(in srgb, var(--theme-bg) 82%, transparent);
        backdrop-filter: blur(4px);
        border: 1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);
        padding: 0.16rem 0.38rem;
        border-radius: 0.28rem;
        font-size: 0.62rem;
        font-weight: 700;
        color: var(--theme-text);
        display: flex;
        align-items: center;
        gap: 0.22rem;
        box-shadow: none;
        text-shadow: none;
        transition: opacity 0.2s ease;
    }

    .anime-episode-badge-top i {
        font-size: 0.55rem;
        color: color-mix(in srgb, var(--theme-text) 75%, transparent);
    }

    .anime-category-badge-corner {
        position: absolute;
        top: 0.35rem;
        right: 0.35rem;
        z-index: 3;
        background: color-mix(in srgb, var(--theme-text) 12%, transparent);
        backdrop-filter: blur(4px);
        border: 1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);
        padding: 0.16rem 0.36rem;
        border-radius: 0.28rem;
        font-size: 0.58rem;
        font-weight: 600;
        color: var(--theme-text);
        box-shadow: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: 0;
        transition: opacity 0.2s ease;
    }

    .anime-card-modern:hover .anime-episode-badge-top,
    .anime-card-modern:hover .anime-category-badge-corner {
        opacity: 1;
    }

    /* Alt kısım anime adı: alçak footer */
    .anime-title-strip {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        background: transparent;
        padding: 0.55rem 0.4rem 0.32rem;
        font-size: 0.7rem;
        font-weight: 650;
        color: var(--theme-text);
        line-height: 1.2;
        white-space: normal;
        overflow: hidden;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        border-top: 0;
        box-shadow: none;
        transition: none;
    }

    .anime-card-modern:hover .anime-title-strip {
        opacity: 1;
    }

    .anime-title-strip--with-last-ep {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.125rem;
        white-space: normal;
    }

    .anime-title-strip__name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }

    .anime-title-strip__ep {
        font-size: 0.7rem;
        font-weight: 700;
        opacity: 0.92;
        line-height: 1.15;
    }

    @media (max-width: 64rem) {
        .anime-grid-modern {
            gap: 0.8125rem;
        }
    }

    @media (max-width: 62rem) {
        .section-header-modern {
            flex-direction: column;
            align-items: stretch;
        }
        /* Son Güncellemeler: anime-cards grid düzeni (sağa kaymayı bozma) */
        .recent-update-section .section-header-modern {
            flex-direction: unset !important;
            align-items: center !important;
        }
        .section-filters-modern {
            justify-content: flex-start;
            margin-left: 0;
        }
        .recent-update-section .section-filters-modern {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .pagination-nav-modern {
            justify-content: flex-start;
        }
        .recent-update-section .pagination-nav-top {
            justify-content: flex-end !important;
        }
        .anime-grid-modern {
            gap: 0.9375rem;
        }
    }

    @media (max-width: 48rem) {
        .homepage-inner {
            width: 100%;
            max-width: 100%;
            padding-left: 0.3rem !important;
            padding-right: 0.3rem !important;
        }
        .homepage-container-custom {
            padding: 0 0.3rem;
        }
        .homepage-full-width {
            padding-left: 0.3rem;
            padding-right: 0.3rem;
        }
        .homepage-wrapper {
            padding: 0.5rem 0;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .section-header-modern {
            padding: 0;
            gap: 0.5rem;
        }
        .sidebar-widget {
            padding: 0.625rem 0.75rem;
        }
        .section-title-modern {
            font-size: 1.3rem;
        }
        .section-filters-modern {
            margin-right: 0;
        }
        .filter-btn-modern {
            padding: 0.3125rem 0.75rem;
            font-size: 0.78rem;
        }
        .anime-grid-modern {
            gap: 0.75rem;
            padding: 0;
        }
        #recentUpdateGrid.anime-grid-modern,
        .homepage-inner .recent-update-section .anime-grid-modern {
            min-height: 26rem;
        }
        .ep-header {
            flex-wrap: wrap;
            gap: 0.5rem;
        }
        .ep-title {
            font-size: 0.875rem;
        }
        .ep-nav {
            flex-wrap: wrap;
        }
        
        .anime-episode-badge-top {
            font-size: 0.55rem;
            padding: 0.1875rem 0.375rem;
        }
        
        .anime-category-badge-corner {
            font-size: 0.5rem;
            padding: 0.1875rem 0.375rem;
        }
        
        .anime-title-strip {
            font-size: 0.75rem;
            padding: 0.5rem;
        }
        
        .tooltip-title {
            font-size: 0.85rem;
        }
        
        .tooltip-tags {
            font-size: 0.65rem;
            margin-bottom: 0.5rem;
        }
        
        .tooltip-desc {
            font-size: 0.68rem;
            margin-bottom: 0.625rem;
        }
        
        .tooltip-meta-row {
            font-size: 0.7rem;
            gap: 0.9375rem;
        }
        
        .tooltip-episodes {
            font-size: 0.75rem;
            padding: 0.375rem 0.75rem;
        }
    }

    @media (max-width: 36rem) {
        .homepage-inner {
            width: 100%;
            max-width: 100%;
        }
        .homepage-container-custom {
            padding: 0 0.375rem;
        }
        .homepage-full-width {
            padding-left: 0.375rem;
            padding-right: 0.375rem;
        }
        .homepage-wrapper {
            padding: 0.625rem 0;
        }
        .section-header-modern {
            padding: 0;
        }
        .sidebar-widget {
            padding: 0.5rem 0.625rem;
        }
        .section-title-modern {
            font-size: 1.15rem;
        }
        .anime-grid-modern,
        .homepage-inner .recent-update-section .anime-grid-modern {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            gap: 0.5rem;
            padding: 0;
        }
        .anime-grid-modern > * {
            flex: 0 0 8.125rem !important;
            width: 8.125rem !important;
            max-width: 8.125rem !important;
        }
        .homepage-inner .recent-update-section .anime-grid-modern {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(var(--ru-w, 11.2rem), 1fr)) !important;
            gap: 6px !important;
        }
        .homepage-inner .recent-update-section .anime-grid-modern > * {
            flex: unset !important;
            width: 100% !important;
            max-width: none !important;
        }
        #recentUpdateGrid.anime-grid-modern,
        .homepage-inner .recent-update-section .anime-grid-modern {
            min-height: 24rem;
        }
        .ep-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }
        .ep-see-all {
            font-size: 0.6875rem;
        }
    }

    @media (max-width: 23.4375rem) {
        .homepage-container-custom {
            padding: 0 0.3125rem;
        }
        .section-header-modern,
        .sidebar-widget {
            padding: 0.5rem 0.625rem;
        }
        .section-header-modern {
            padding: 0;
        }
        .section-title-modern {
            font-size: 1.05rem;
        }
        .anime-grid-modern,
        .homepage-inner .recent-update-section .anime-grid-modern {
            grid-template-columns: repeat(2, 8.125rem);
            justify-content: center;
            gap: 0.4375rem;
            padding: 0;
        }
        #recentUpdateGrid.anime-grid-modern,
        .homepage-inner .recent-update-section .anime-grid-modern {
            min-height: 22rem;
        }
    }

    @media (max-width: 20rem) {
        .homepage-container-custom {
            padding: 0 0.25rem;
        }
        .homepage-wrapper {
            padding: 0.5rem 0;
        }
        .section-title-modern {
            font-size: 1rem;
        }
        .section-header-modern {
            padding: 0;
        }
        .sidebar-widget {
            padding: 0.375rem 0.5rem;
        }
        .anime-grid-modern,
        .homepage-inner .recent-update-section .anime-grid-modern {
            grid-template-columns: repeat(2, 8.125rem);
            justify-content: center;
            gap: 0.375rem;
            padding: 0;
        }
        .filter-btn-modern {
            padding: 0.25rem 0.5rem;
            font-size: 0.7rem;
        }
        .ep-title {
            font-size: 0.8125rem;
        }
    }

    /* 1200px altı: sidebar alta, mobil düzen */
    @media (max-width: 75rem) {
        .homepage-container-custom {
            padding: 0 clamp(0.5rem, 4vw, 0.875rem);
        }
        .homepage-wrapper {
            padding: 1rem 0;
        }
        .homepage-content-wrapper {
            grid-template-columns: 1fr;
            gap: 1.25rem;
        }
        .homepage-main-content {
            padding-right: 0;
        }
        .homepage-sidebar-content {
            position: relative;
            top: 0;
            margin-left: 0 !important;
            margin-right: 0 !important;
            width: 100%;
            max-width: 100%;
            padding-top: 0 !important;
        }
        .homepage-full-width .ep-section,
        .homepage-full-width .genre-cloud-section {
            max-width: 100%;
        }
        .ep-header {
            flex-wrap: wrap;
            gap: 0.625rem;
        }
        .ep-nav {
            flex-wrap: wrap;
        }

        .most-viewed-item-modern {
            grid-template-columns: 3.75rem 1fr;
            gap: 0.625rem;
            padding: 0.5rem;
        }

        .mv-rank {
            font-size: 1.1rem;
            width: 1.5rem;
            height: 1.5rem;
        }
        
        .mv-poster {
            width: 3.75rem;
            height: 5.25rem;
        }
        
        .mv-title {
            font-size: 0.8rem;
        }
        
        .mv-stats {
            gap: 0.25rem;
        }
        
        .mv-stat {
            font-size: 0.65rem;
            padding: 0.1875rem 0.3125rem;
        }
        
        .mv-type {
            font-size: 0.65rem;
            padding: 0.1875rem 0.375rem;
        }

        .sidebar-widget {
            padding: 0.625rem 0.75rem;
        }
    }

    .widget-header-modern {
        margin-bottom: 1rem;
    }
    .widget-header-modern--compact {
        margin-bottom: 0.85rem;
    }

    .widget-title-modern {
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--theme-text);
        margin: 0 0 0.75rem 0;
    }

    .widget-tabs-modern {
        display: flex;
        gap: 0.4rem;
        padding: 0.25rem;
        background: color-mix(in srgb, var(--theme-bg) 22%, transparent);
        border: 1px solid color-mix(in srgb, var(--theme-text) 6%, transparent);
        border-radius: 12px;
    }

    .widget-tab-modern {
        flex: 1;
        background: transparent;
        border: 1px solid transparent;
        padding: 0.5rem 0.7rem;
        border-radius: 9px;
        color: color-mix(in srgb, var(--theme-muted) 70%, transparent);
        font-size: 0.78rem;
        font-weight: 700;
        cursor: pointer;
        transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
        text-align: center;
    }

    .widget-tab-modern:hover {
        background: color-mix(in srgb, var(--theme-info) 10%, transparent);
        border-color: color-mix(in srgb, var(--theme-info) 20%, transparent);
        color: var(--theme-text);
    }

    .widget-tab-modern.active {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-info) 28%, transparent), color-mix(in srgb, var(--theme-info) 35%, transparent));
        border-color: color-mix(in srgb, var(--theme-info) 40%, transparent);
        color: var(--theme-text);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    .most-viewed-list {
        transition: opacity 0.3s ease;
    }

    /* Sidebar */
    .homepage-sidebar {
        width: 100%;
    }

    .sidebar-widget {
        background: color-mix(in srgb, var(--theme-text) 2%, transparent);
        border-radius: 0.75rem;
        padding: 0.75rem 0.9375rem;
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 5%, transparent);
        width: 100%;
    }

    .widget-content {
        max-height: none;
        overflow: visible;
        width: 100%;
    }
    .most-viewed-widget-standalone .widget-content {
        width: 100%;
    }

    /* Modern Most Viewed Items (sidebar) */
    .homepage-sidebar-content .most-viewed-item-modern,
    .most-viewed-item-modern {
        display: grid;
        grid-template-columns: 4.375rem 1fr;
        gap: 0.75rem;
        padding: 0.625rem;
        background: color-mix(in srgb, var(--theme-text) 3%, transparent);
        border-radius: 0.5rem;
        margin-bottom: 0.625rem;
        text-decoration: none;
        transition: all 0.3s ease;
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 5%, transparent);
        width: 100%;
    }

    .most-viewed-item-modern:hover {
        background: color-mix(in srgb, var(--theme-info) 8%, transparent);
        border-color: color-mix(in srgb, var(--theme-info) 40%, transparent);
        transform: translateX(0.1875rem);
    }

    .mv-info {
        position: relative;
    }

    .mv-rank {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        font-size: 0.7rem;
        font-weight: 700;
        color: var(--theme-text);
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 50%, var(--theme-info) 100%);
        min-width: 1.15rem;
        height: 1.15rem;
        padding: 0 0.25rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.6);
        box-shadow: 0 0.0625rem 0.25rem rgba(124, 58, 237, 0.5);
        line-height: 1;
    }

    .mv-title {
        padding-right: 1.5rem;
    }

    .mv-poster {
        width: 4.375rem;
        height: 6.125rem;
        border-radius: 0.375rem;
        overflow: hidden;
        box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.4);
        border: 0.125rem solid color-mix(in srgb, var(--theme-info) 35%, transparent);
        flex-shrink: 0;
        position: relative;
    }

    .mv-poster img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mv-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0.5rem;
        min-width: 0;
    }

    .mv-title {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--theme-text);
        margin: 0 0 0.3125rem 0;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
    }

    .most-viewed-item-modern:hover .mv-title {
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent) 50%, var(--theme-info) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .mv-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.25rem;
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .mv-stat {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.1875rem;
        font-size: 0.65rem;
        color: var(--theme-muted);
        background: color-mix(in srgb, var(--theme-text) 5%, transparent);
        padding: 0.25rem 0.375rem;
        border-radius: 0.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mv-stat i {
        font-size: 0.7rem;
        color: var(--theme-accent-soft);
    }
    .homepage-sidebar-content .mv-stat-score,
    .mv-stat-score {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.15rem;
    }
    .homepage-sidebar-content .mv-stat-score .mv-stat-logo,
    .mv-stat-score .mv-stat-logo {
        width: 14px;
        height: 14px;
        margin-right: 0;
        flex-shrink: 0;
        vertical-align: middle;
        object-fit: contain;
    }

    .mv-meta-bottom {
        display: flex;
        gap: 0.25rem;
        align-items: center;
    }

    .mv-type {
        flex: 1;
        font-size: 0.6rem;
        color: var(--theme-text);
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 50%, var(--theme-info) 100%);
        padding: 0.1875rem 0.375rem;
        border-radius: 0.25rem;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.01875rem;
    }

    .mv-category-badge {
        flex: 1;
        font-size: 0.6rem;
        color: color-mix(in srgb, var(--theme-text) 90%, transparent);
        background: color-mix(in srgb, var(--theme-info) 20%, transparent);
        border: 0.0625rem solid color-mix(in srgb, var(--theme-info) 30%, transparent);
        padding: 0.1875rem 0.375rem;
        border-radius: 0.25rem;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* ===== Editörün Seçimleri Hero Slider ===== */
    .ep-section {
        margin-bottom: 1.75rem;
    }

    .ep-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.875rem;
    }

    .ep-title {
        font-size: 1rem;
        font-weight: 700;
        color: var(--theme-border);
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .ep-title i {
        font-size: 1.375rem;
        background: linear-gradient(135deg, var(--theme-accent), var(--theme-info));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .ep-nav {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    /* Tümünü Gör - ultraviolet açık ton */
    .ep-see-all {
        font-size: 0.75rem;
        color: var(--theme-accent-soft);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.3125rem;
        transition: color 0.2s;
        font-weight: 500;
    }

    .ep-see-all:hover {
        color: var(--theme-info);
        text-decoration: none;
    }

    .ep-see-all i {
        font-size: 0.625rem;
        transition: transform 0.2s;
    }

    .ep-see-all:hover i {
        transform: translateX(0.1875rem);
    }

    .ep-counter {
        font-size: 0.75rem;
        color: color-mix(in srgb, var(--theme-text) 40%, transparent);
        font-weight: 600;
        min-width: 2.25rem;
        text-align: center;
    }

    .ep-arrow {
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 0.5rem;
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 8%, transparent);
        background: color-mix(in srgb, var(--theme-text) 4%, transparent);
        color: color-mix(in srgb, var(--theme-text) 50%, transparent);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
        font-size: 0.6875rem;
    }

    .ep-arrow:hover {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 30%, transparent), color-mix(in srgb, var(--theme-info) 20%, transparent));
        color: var(--theme-accent-soft);
        border-color: color-mix(in srgb, var(--theme-accent) 50%, transparent);
    }

    /* Slider container - yükseklik eski halinden biraz daha fazla */
    .ep-slider {
        position: relative;
        border-radius: 0.875rem;
        overflow: hidden;
        height: 18rem;
    }

    /* Her slide */
    .ep-slide {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .ep-card-link {
        position: absolute;
        inset: 0;
        z-index: 5;
    }

    /* Arkaplan */
    .ep-bg {
        position: absolute;
        top: -1.25rem; left: -1.25rem; right: -1.25rem; bottom: -1.25rem;
        background-size: cover;
        background-position: center;
        filter: blur(0.875rem) brightness(0.3);
    }

    /* Overlay içerik */
    .ep-overlay {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        z-index: 7;
        display: flex;
        align-items: center;
        padding: 1.25rem 1.5rem;
        gap: 1.25rem;
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 70%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 30%, transparent) 55%, color-mix(in srgb, var(--theme-bg) 10%, transparent) 100%);
        pointer-events: none;
    }

    .ep-overlay-landscape {
        background: linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 80%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 40%, transparent) 50%, transparent 100%);
    }

    .ep-slide .ep-overlay-landscape ~ .ep-bg {
        filter: brightness(0.35);
    }

    /* Sol: bilgiler */
    .ep-info {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0.4375rem;
        overflow: hidden;
        position: relative;
        z-index: 6;
    }

    .ep-badge-row { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }

    .ep-badge {
        font-size: 0.625rem; font-weight: 700; padding: 0.1875rem 0.625rem;
        border-radius: 0.25rem; text-transform: uppercase; letter-spacing: 0.03125rem; white-space: nowrap;
    }

    .ep-badge-pick {
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 50%, var(--theme-info) 100%); color: var(--theme-text);
        display: inline-flex; align-items: center; gap: 0.25rem;
    }
    .ep-badge-pick i { font-size: 0.75rem; }

    .ep-badge-score {
        background: color-mix(in srgb, var(--theme-accent) 15%, transparent); color: var(--theme-accent);
        display: inline-flex; align-items: center; gap: 0.1875rem;
    }

    .ep-badge-type { background: color-mix(in srgb, var(--theme-text) 10%, transparent); color: color-mix(in srgb, var(--theme-text) 70%, transparent); }

    .ep-anime-title {
        font-size: 1.25rem; font-weight: 800; line-height: 1.2;
        margin: 0; color: var(--theme-text);
        text-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.5);
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }

    .ep-genres { display: flex; gap: 0.375rem; flex-wrap: nowrap; overflow: hidden; }

    .ep-genre {
        font-size: 0.6875rem; color: color-mix(in srgb, var(--theme-text) 50%, transparent);
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 15%, transparent); padding: 0.125rem 0.5rem;
        border-radius: 0.25rem; text-decoration: none;
        transition: all 0.2s; white-space: nowrap; flex-shrink: 0;
        pointer-events: auto;
    }

    .ep-genre:hover {
        color: var(--theme-accent-soft); border-color: color-mix(in srgb, var(--theme-accent) 50%, transparent);
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 20%, transparent), color-mix(in srgb, var(--theme-info) 15%, transparent)); text-decoration: none;
    }

    .ep-desc {
        font-size: 0.75rem; line-height: 1.45; color: color-mix(in srgb, var(--theme-text) 55%, transparent);
        margin: 0; display: -webkit-box; -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; overflow: hidden;
    }

    .ep-meta-row { display: flex; gap: 0.875rem; }
    .ep-meta { font-size: 0.6875rem; color: color-mix(in srgb, var(--theme-text) 40%, transparent); display: flex; align-items: center; gap: 0.3125rem; }
    .ep-meta i { font-size: 0.625rem; }

    .ep-btn-watch {
        display: inline-flex; align-items: center; gap: 0.5rem;
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 50%, var(--theme-info) 100%); color: var(--theme-text); padding: 0.4375rem 1.25rem;
        border-radius: 0.5rem; font-size: 0.75rem; font-weight: 700;
        text-decoration: none; transition: all 0.25s; margin-top: 0.125rem;
        align-self: flex-start; pointer-events: auto;
    }

    .ep-btn-watch:hover { background: linear-gradient(135deg, var(--theme-info) 0%, var(--theme-accent) 50%, var(--theme-info) 100%); color: var(--theme-text); text-decoration: none; }

    /* SaÄŸ: poster */
    .ep-poster {
        width: 9.375rem; height: 13.125rem; flex-shrink: 0;
        border-radius: 0.625rem; overflow: hidden;
        box-shadow: 0 0.5rem 1.875rem rgba(0,0,0,0.5);
    }

    .ep-poster img {
        width: 100%; height: 100%;
        object-fit: cover;
        object-position: center top;
        display: block;
    }

    @media (max-width: 48rem) {
        .ep-slider { height: 14rem; }
        .ep-overlay { padding: 0.875rem 1rem; gap: 0.75rem; }
        .ep-anime-title { font-size: 1.0625rem; }
        .ep-poster { width: 7rem; height: 10rem; }
        .ep-desc { -webkit-line-clamp: 1; }
    }

    @media (max-width: 36rem) {
        .ep-slider { height: 12rem; }
        .ep-overlay { padding: 0.75rem 0.875rem; gap: 0.5rem; }
        .ep-anime-title { font-size: 0.9375rem; }
        .ep-poster { width: 5.5rem; height: 8rem; }
        .ep-desc, .ep-genres { display: none; }
    }

    /* ===== Son Yorumlar (AJAX alanı – diğer içeriklerle hizalı padding) ===== */
    .latest-comments-section {
        margin-top: 1.75rem;
        margin-bottom: 1.5rem;
        padding-left: clamp(0.75rem, 4vw, 1.5rem);
        padding-right: clamp(0.75rem, 4vw, 1.5rem);
        box-sizing: border-box;
    }

    .lc-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.875rem;
    }

    .lc-section-title {
        font-size: 1rem;
        font-weight: 700;
        color: var(--theme-border);
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .lc-section-title i {
        font-size: 1.25rem;
        background: linear-gradient(135deg, var(--theme-accent), var(--theme-info));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .lc-nav-arrows {
        display: flex;
        gap: 0.375rem;
    }

    .lc-arrow {
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 0.5rem;
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 8%, transparent);
        background: color-mix(in srgb, var(--theme-text) 4%, transparent);
        color: color-mix(in srgb, var(--theme-text) 50%, transparent);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
        font-size: 0.6875rem;
    }

    .lc-arrow:hover {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 30%, transparent), color-mix(in srgb, var(--theme-info) 20%, transparent));
        color: var(--theme-accent-soft);
        border-color: color-mix(in srgb, var(--theme-accent) 50%, transparent);
    }

    /* Grid - horizontal scroll */
    .lc-grid-wrap {
        display: flex;
        gap: 0.875rem;
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 0.25rem;
    }

    .lc-grid-wrap::-webkit-scrollbar {
        display: none;
    }

    /* Kart: yatay layout - sol body, sağ büyük görsel */
    .lc-card {
        display: flex;
        flex-direction: row;
        background: color-mix(in srgb, var(--theme-text) 2%, transparent);
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 6%, transparent);
        border-radius: 0.625rem;
        overflow: hidden;
        height: 12.5rem;
        min-width: calc(33.333% - 0.625rem);
        max-width: calc(33.333% - 0.625rem);
        flex-shrink: 0;
        color: inherit;
        position: relative;
        transition: all 0.25s ease;
    }

    .lc-card-link {
        position: absolute;
        inset: 0;
        z-index: 1;
        min-height: 48px;
        min-width: 48px;
    }

    .lc-card:hover {
        border-color: color-mix(in srgb, var(--theme-accent) 40%, transparent);
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 8%, transparent), color-mix(in srgb, var(--theme-info) 5%, transparent));
        transform: translateY(-0.125rem);
        box-shadow: 0 0.375rem 1.25rem rgba(0,0,0,0.25), 0 0 15px rgba(124,58,237,0.15);
        text-decoration: none;
        color: inherit;
    }

    /* Sağ taraf: büyük anime görseli */
    .lc-img {
        width: 6.875rem;
        flex-shrink: 0;
        position: relative;
        order: 2;
    }

    .lc-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .lc-card:hover .lc-img img {
        transform: scale(1.05);
    }

    .lc-img-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 0.375rem 0.5rem;
        background: linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 80%, transparent) 0%, transparent 100%);
        font-size: 0.625rem;
        font-weight: 600;
        color: var(--theme-text);
        line-height: 1.3;
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .lc-card:hover .lc-img-overlay {
        opacity: 1;
    }

    .lc-ep-badge {
        position: absolute;
        bottom: 0.375rem;
        left: 0.375rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 90%, transparent), color-mix(in srgb, var(--theme-info) 85%, transparent));
        color: var(--theme-text);
        font-size: 0.625rem;
        font-weight: 700;
        padding: 0.125rem 0.4375rem;
        border-radius: 0.25rem;
        backdrop-filter: blur(0.25rem);
    }

    /* Sol taraf: yorum içeriği */
    .lc-body {
        flex: 1;
        min-width: 0;
        padding: 0.75rem;
        display: flex;
        flex-direction: column;
        order: 1;
    }

    .lc-user-line {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        margin-bottom: 0.375rem;
    }

    .lc-avatar {
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 0.5rem;
        object-fit: cover;
        border: 0.09375rem solid color-mix(in srgb, var(--theme-text) 10%, transparent);
    }

    .lc-avatar-ph {
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 0.5rem;
        background: color-mix(in srgb, var(--theme-text) 8%, transparent);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.625rem;
        color: color-mix(in srgb, var(--theme-text) 35%, transparent);
    }

    .lc-uname {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--theme-border);
    }

    a.lc-uname-link {
        position: relative;
        z-index: 2;
        text-decoration: none;
        color: var(--theme-border);
        transition: color 0.2s;
        min-height: 48px;
        min-width: 48px;
        display: inline-flex;
        align-items: center;
        padding: 0.5rem 0.5rem;
    }

    a.lc-uname-link:hover {
        color: var(--theme-accent-soft);
        text-decoration: none;
    }

    .lc-ago {
        font-size: 0.625rem;
        color: color-mix(in srgb, var(--theme-text) 25%, transparent);
        margin-left: auto;
    }

    /* -webkit-line-clamp tek blokta iyi; içinde .comment-quote-block div olunca alıntı/bozulma olur → max-height */
    .lc-text {
        font-size: 0.875rem;
        line-height: 1.55;
        color: color-mix(in srgb, var(--theme-text) 70%, transparent);
        margin: 0;
        flex: 1;
        min-width: 0;
        display: block;
        max-height: 7.75em;
        overflow: hidden;
        position: relative;
    }

    .lc-text .comment-quote-block {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin: 0.4rem 0 0.55rem;
        padding: 0.5rem 0.65rem 0.55rem 0.75rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 22%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 65%, transparent) 100%);
        border: 1px solid color-mix(in srgb, var(--theme-info) 45%, transparent);
        border-left: 4px solid var(--theme-accent-soft);
        border-radius: 0 10px 10px 0;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 color-mix(in srgb, var(--theme-text) 6%, transparent);
    }
    .lc-text .comment-quote-head {
        font-size: 0.625rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--theme-accent-soft);
        margin-bottom: 0.35rem;
        display: flex;
        align-items: center;
        gap: 0.35rem;
        flex-wrap: wrap;
    }
    .lc-text .comment-quote-head .lc-quote-chip {
        font-size: 0.5625rem;
        font-weight: 800;
        color: var(--theme-surface);
        background: linear-gradient(135deg, var(--theme-accent-soft) 0%, var(--theme-accent-soft) 100%);
        padding: 0.125rem 0.4rem;
        border-radius: 0.25rem;
        letter-spacing: 0.04em;
    }
    .lc-text .comment-quote-head .comment-quote-user-link {
        color: var(--theme-muted);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--theme-info-soft) 45%, transparent);
        font-weight: 600;
    }
    .lc-text .comment-quote-body {
        font-size: 0.8125rem;
        line-height: 1.45;
        color: color-mix(in srgb, var(--theme-muted) 95%, transparent);
    }

    .lc-spoiler-tag {
        font-size: 0.6875rem;
        background: color-mix(in srgb, var(--theme-accent) 12%, transparent);
        color: var(--theme-accent);
        padding: 0.1875rem 0.5rem;
        border-radius: 0.1875rem;
        font-weight: 600;
        margin-right: 0.375rem;
        vertical-align: middle;
        line-height: 1.2;
    }

    .lc-spoiler-blur {
        filter: blur(0.25rem);
        transition: filter 0.25s;
        cursor: pointer;
    }

    .lc-spoiler-blur.show {
        filter: none;
    }

    /* [spoiler]...[/spoiler] inline (Son Yorumlar) */
    .lc-text .partial-spoiler {
        cursor: pointer;
        display: inline;
        position: relative;
        margin: 0 0.125rem;
        padding: 0 0.125rem;
        background: color-mix(in srgb, var(--theme-text) 5%, transparent);
        border-radius: 0.25rem;
    }
    .lc-text .partial-spoiler .partial-spoiler-text {
        filter: blur(0.5rem);
        transition: all 0.3s ease;
        user-select: none;
        color: transparent !important;
        display: inline;
    }
    .lc-text .partial-spoiler.revealed .partial-spoiler-text {
        filter: blur(0);
        user-select: auto;
        color: inherit !important;
    }
    /* Ana sayfada inline spoiler'da "SPOILER" yazısı yok, sadece blur */

    .lc-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
        padding-top: 0.375rem;
    }

    .lc-anime-tag {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--theme-text);
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 50%, var(--theme-info) 100%);
        border: 1px solid color-mix(in srgb, var(--theme-accent) 50%, transparent);
        padding: 0.25rem 0.625rem;
        border-radius: 0.375rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 8.5rem;
        box-shadow: 0 0 12px rgba(0, 212, 255, 0.15);
    }

    .lc-reactions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .lc-heart-stat {
        display: inline-flex;
        align-items: center;
        gap: 0.2rem;
        font-size: 0.6875rem;
        font-weight: 600;
        color: color-mix(in srgb, var(--theme-text) 55%, transparent);
        user-select: none;
    }

    .lc-heart-emoji {
        font-size: 0.8125rem;
        line-height: 1;
        filter: grayscale(0.15);
    }

    .lc-heart-count {
        font-variant-numeric: tabular-nums;
        color: color-mix(in srgb, var(--theme-accent) 95%, transparent);
    }

    @media (max-width: 61.9375rem) {
        .lc-card {
            min-width: calc(50% - 0.4375rem);
            max-width: calc(50% - 0.4375rem);
            height: 11.75rem;
        }
        .lc-img {
            width: 5.9375rem;
        }
    }

    @media (max-width: 36rem) {
        .lc-card {
            min-width: 85%;
            max-width: 85%;
            height: 11rem;
        }
        .lc-img {
            width: 5.625rem;
        }
        .lc-body {
            padding: 0.625rem;
        }
    }

    /* Türler: basit bulut (detaylı arama/filtre yapısı kullanılmıyor) */
    .genre-cloud-section {
        text-align: center;
    }
    .genre-cloud-header {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.875rem;
    }
    .genre-cloud-header .section-title-modern {
        margin: 0;
    }
    .genre-cloud-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0;
        justify-content: center;
    }

    .genre-cloud-item {
        display: inline-flex;
        align-items: center;
        padding: 0.375rem 0.875rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 35%, transparent) 0%, color-mix(in srgb, var(--theme-accent) 28%, transparent) 40%, color-mix(in srgb, var(--theme-info) 32%, transparent) 100%);
        border: 0.0625rem solid color-mix(in srgb, var(--theme-accent) 35%, transparent);
        border-radius: 1.875rem;
        color: color-mix(in srgb, var(--theme-text) 90%, transparent);
        text-decoration: none;
        transition: all 0.25s ease;
        font-size: 0.8125rem;
        font-weight: 500;
    }

    .genre-cloud-item:hover {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 50%, transparent) 0%, color-mix(in srgb, var(--theme-accent) 45%, transparent) 40%, color-mix(in srgb, var(--theme-info) 45%, transparent) 100%);
        border-color: color-mix(in srgb, var(--theme-accent) 60%, transparent);
        color: var(--theme-text);
        transform: translateY(-0.0625rem);
        text-decoration: none;
    }

    .genre-name {
        line-height: 1;
    }

    /* Liste, arşiv, arama, filtre sayfaları: ana sayfa ile aynı renk ve stil */
    .homepage-wrapper .page-header {
        margin-bottom: 1.25rem;
    }
    .homepage-wrapper .page-title {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--theme-text);
        margin: 0 0 0.25rem 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .homepage-wrapper .page-title i {
        background: linear-gradient(135deg, var(--theme-accent), var(--theme-info));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    .homepage-wrapper .page-subtitle {
        font-size: 0.95rem;
        color: color-mix(in srgb, var(--theme-text) 70%, transparent);
        margin: 0;
    }
    .homepage-wrapper .section-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0.625rem;
        margin-bottom: 1.25rem;
        margin-top: 0;
        padding: 0.75rem 0.9375rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 12%, transparent), color-mix(in srgb, var(--theme-info) 10%, transparent));
        border-radius: 0.75rem;
        border: 0.0625rem solid color-mix(in srgb, var(--theme-accent) 25%, transparent);
        position: relative;
    }
    .homepage-wrapper .section-title {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--theme-text);
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.625rem;
    }
    .homepage-wrapper .section-title i {
        background: linear-gradient(135deg, var(--theme-accent), var(--theme-info));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    .homepage-wrapper .pagination-arrows {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .homepage-wrapper .arrow-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.25rem;
        height: 2.25rem;
        padding: 0 0.75rem;
        background: color-mix(in srgb, var(--theme-text) 5%, transparent);
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.375rem;
        color: var(--theme-text);
        font-size: 0.85rem;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    .homepage-wrapper .arrow-btn:hover:not(.disabled) {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 35%, transparent), color-mix(in srgb, var(--theme-info) 25%, transparent));
        border-color: var(--theme-accent);
        color: var(--theme-text);
        transform: scale(1.05);
    }
    .homepage-wrapper .arrow-btn.disabled {
        opacity: 0.3;
        cursor: not-allowed;
        background: color-mix(in srgb, var(--theme-text) 5%, transparent);
        color: var(--theme-muted);
    }
    .homepage-wrapper .page-info {
        font-weight: 600;
        color: var(--theme-accent-soft);
        font-size: 0.8rem;
        padding: 0 0.5rem;
    }
    .homepage-wrapper .pagination-wrapper {
        margin-top: 1.25rem;
    }
    .homepage-wrapper .pagination-arrows-bottom {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        flex-wrap: wrap;
    }
    .homepage-wrapper .pagination-numbers {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        flex-wrap: wrap;
    }
    .homepage-wrapper .page-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2rem;
        height: 2rem;
        padding: 0 0.5rem;
        background: color-mix(in srgb, var(--theme-text) 5%, transparent);
        border: 0.0625rem solid color-mix(in srgb, var(--theme-text) 10%, transparent);
        border-radius: 0.375rem;
        color: var(--theme-text);
        font-size: 0.8rem;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    .homepage-wrapper .page-number:hover {
        background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 35%, transparent), color-mix(in srgb, var(--theme-info) 25%, transparent));
        border-color: var(--theme-accent);
        color: var(--theme-text);
    }
    .homepage-wrapper .page-number.active {
        background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 50%, var(--theme-info) 100%);
        border-color: var(--theme-accent);
        color: var(--theme-text);
        font-weight: 600;
    }
    .homepage-wrapper .filter-page-title {
        font-size: clamp(1.2rem, 2.5vw, 1.5rem);
        font-weight: 700;
        color: var(--theme-text);
        margin: 0 0 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .homepage-wrapper .filter-page-title i { background: linear-gradient(135deg, var(--theme-accent), var(--theme-info)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .homepage-wrapper .genre-title,
    .homepage-wrapper .genre-header .genre-title {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--theme-text);
        margin: 0 0 0.25rem 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .homepage-wrapper .genre-title i { background: linear-gradient(135deg, var(--theme-accent), var(--theme-info)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .homepage-wrapper .custom-pagination .page-link { background: color-mix(in srgb, var(--theme-text) 5%, transparent); border-color: color-mix(in srgb, var(--theme-text) 10%, transparent); color: var(--theme-text); }
    .homepage-wrapper .custom-pagination .page-item:not(.disabled):not(.active) .page-link:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 35%, transparent), color-mix(in srgb, var(--theme-info) 25%, transparent)); border-color: var(--theme-accent); color: var(--theme-text); }
    .homepage-wrapper .custom-pagination .page-item.active .page-link { background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-deep) 50%, var(--theme-info) 100%); border-color: var(--theme-accent); color: var(--theme-text); box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4); }
    .homepage-wrapper .custom-pagination .page-item.disabled .page-link { color: var(--theme-muted); }

    /* Ana sayfa SEO bloku (yalnızca home) — masaüstünde görünür; xs/sm’de gizli (hidden-xs hidden-sm benzeri) */
    .home-seo-intro {
        margin-top: clamp(1.5rem, 4vw, 2.5rem);
        padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1rem, 3vw, 1.5rem);
        border-radius: 14px;
        background: linear-gradient(145deg, color-mix(in srgb, var(--theme-accent) 8%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 65%, transparent) 50%, color-mix(in srgb, var(--theme-info) 6%, transparent) 100%);
        border: 1px solid color-mix(in srgb, var(--theme-text) 8%, transparent);
        box-sizing: border-box;
    }
    .home-seo-intro--desktop-only {
        display: none;
    }
    @media (min-width: 768px) {
        .home-seo-intro--desktop-only {
            display: block;
        }
    }
    .home-seo-intro__inner {
        max-width: 56rem;
        margin: 0 auto;
    }
    .home-seo-intro__kicker {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--theme-info);
        margin: 0 0 0.35rem 0;
        letter-spacing: 0.02em;
        text-transform: none;
    }
    .home-seo-intro__hook {
        font-size: 0.95rem;
        color: color-mix(in srgb, var(--theme-muted) 95%, transparent);
        margin: 0 0 0.5rem 0;
        line-height: 1.4;
    }
    .home-seo-intro__title {
        margin: 0 0 0.35rem 0;
        font-size: inherit;
        font-weight: inherit;
        line-height: 1.2;
    }
    .home-seo-intro__main-link-wrap {
        margin: 0 0 0.35rem 0;
    }
    .home-seo-intro__main-link {
        font-size: clamp(1.35rem, 3vw, 1.85rem);
        font-weight: 800;
        color: var(--theme-text) !important;
        text-decoration: none;
        letter-spacing: -0.03em;
    }
    .home-seo-intro__main-link:hover {
        color: var(--theme-info) !important;
        text-decoration: underline;
    }
    .home-seo-intro__keywords {
        font-size: 0.78rem;
        line-height: 1.45;
        color: color-mix(in srgb, var(--theme-info) 95%, transparent);
        margin: 0 0 1rem 0;
    }
    .home-seo-intro__body {
        border-top: 1px solid color-mix(in srgb, var(--theme-text) 6%, transparent);
        padding-top: 0.85rem;
    }
    .home-seo-intro h2:not(.home-seo-intro__kicker):not(.home-seo-intro__title),
    .home-seo-intro h3 {
        font-size: clamp(1.05rem, 2.2vw, 1.25rem);
        font-weight: 700;
        color: var(--theme-text);
        margin: 0 0 0.75rem 0;
        letter-spacing: -0.02em;
    }
    .home-seo-intro p {
        font-size: 0.92rem;
        line-height: 1.65;
        color: color-mix(in srgb, var(--theme-muted) 88%, transparent);
        margin: 0 0 0.85rem 0;
    }
    .home-seo-intro a {
        color: var(--theme-accent-soft);
        text-decoration-color: color-mix(in srgb, var(--theme-info-soft) 65%, transparent);
        text-underline-offset: 2px;
    }
    .home-seo-intro a:hover {
        color: var(--theme-accent-soft);
        text-decoration-color: color-mix(in srgb, var(--theme-accent-soft) 90%, transparent);
    }
    .home-seo-intro strong {
        color: var(--theme-text);
        font-weight: 700;
    }
    .home-seo-intro__body p:last-child { margin-bottom: 0; }
    .home-seo-intro ul {
        margin: 0.5rem 0 0;
        padding-left: 1.2rem;
        color: color-mix(in srgb, var(--theme-muted) 85%, transparent);
        font-size: 0.9rem;
        line-height: 1.55;
    }
    .home-seo-intro li { margin-bottom: 0.35rem; }

/* —— Haberler (ana sayfa altı — panel) —— */
.home-news {
  --hn-accent: var(--theme-accent);
  margin-top: clamp(1.75rem, 3.5vw, 2.75rem);
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}
.home-news__panel {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
  background:
    radial-gradient(90% 70% at 0% 0%, color-mix(in srgb, var(--hn-accent) 14%, transparent), transparent 55%),
    radial-gradient(70% 50% at 100% 100%, color-mix(in srgb, var(--theme-text) 4%, transparent), transparent 50%),
    linear-gradient(165deg, color-mix(in srgb, var(--theme-bg) 92%, transparent) 0%, color-mix(in srgb, var(--theme-bg) 88%, transparent) 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--theme-text) 3%, transparent) inset,
    0 14px 32px rgba(0, 0, 0, 0.3);
  padding: 0.85rem 0.9rem 1rem;
}
.home-news__panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--hn-accent) 70%, var(--theme-surface)) 35%,
    transparent 100%
  );
  opacity: 0.85;
  pointer-events: none;
}
.home-news__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.home-news__head-main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.home-news__eyebrow {
  display: grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 0.5rem;
  color: var(--hn-accent);
  background: color-mix(in srgb, var(--hn-accent) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--hn-accent) 32%, transparent);
  flex-shrink: 0;
}
.home-news__eyebrow i {
  font-size: 1rem;
  line-height: 1;
}
.home-news__empty {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 1.1rem 1.15rem;
  border-radius: 0.75rem;
  border: 1px dashed color-mix(in srgb, var(--theme-text) 14%, transparent);
  background: color-mix(in srgb, var(--theme-bg) 22%, transparent);
  color: color-mix(in srgb, var(--theme-muted) 80%, transparent);
  font-size: 0.92rem;
}
.home-news__title {
  margin: 0;
  font-family: var(--aml-font-display), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.home-news__all {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--theme-muted) 72%, transparent);
  text-decoration: none;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);
  background: color-mix(in srgb, var(--theme-text) 4%, transparent);
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.home-news__all:hover {
  color: var(--theme-text);
  border-color: color-mix(in srgb, var(--hn-accent) 40%, transparent);
  background: color-mix(in srgb, var(--hn-accent) 12%, transparent);
}
.home-news__grid {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  /* 4×2 ≈ 8 haber iki sırada */
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}
@media (max-width: 1100px) {
  .home-news__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .home-news__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 420px) {
  .home-news__grid {
    grid-template-columns: 1fr;
  }
}
.home-news__card {
  min-width: 0;
}
.home-news__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  border-radius: 0.65rem;
  overflow: hidden;
  background: color-mix(in srgb, var(--theme-bg) 45%, transparent);
  border: 1px solid color-mix(in srgb, var(--theme-text) 9%, transparent);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.home-news__link:hover {
  border-color: color-mix(in srgb, var(--hn-accent) 45%, color-mix(in srgb, var(--theme-text) 15%, transparent));
  transform: translateY(-2px);
}
.home-news__media {
  display: block;
  position: relative;
  overflow: hidden;
}
.home-news__cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  background: color-mix(in srgb, var(--theme-surface) 70%, var(--theme-bg));
  transition: transform 0.3s ease;
}
.home-news__link:hover .home-news__cover {
  transform: scale(1.03);
}
.home-news__cover--ph {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--hn-accent) 18%, var(--theme-surface)),
    var(--theme-bg)
  );
}
.home-news__body {
  padding: 0.5rem 0.55rem 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
}
.home-news__date {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--hn-accent) 75%, var(--theme-muted));
}
.home-news__card-title {
  margin: 0;
  font-family: var(--aml-font-display), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-news__excerpt {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.35;
  color: color-mix(in srgb, var(--theme-muted) 80%, transparent);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-news__more {
  display: none;
}
.home-news-page {
  padding-top: 1.25rem;
  padding-bottom: 2rem;
}
.home-news--page {
  width: var(--aml-max);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--hp-pad);
}
.home-news--page .home-news__head {
  margin-bottom: 1rem;
}
.home-news--page .home-news__title {
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  color: var(--theme-text);
}
.home-news--page .home-news__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}
@media (max-width: 900px) {
  .home-news--page .home-news__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .home-news--page .home-news__grid {
    grid-template-columns: 1fr;
  }
}
.home-news--page .home-news__link {
  background: var(--theme-surface);
  border-color: var(--theme-border);
  box-shadow: var(--theme-shadow-soft);
}
.home-news--page .home-news__card-title {
  font-size: 0.95rem;
  color: var(--theme-text);
}

/* Haber detay */
.news-article {
  padding: 1.25rem 0 2.5rem;
}
.news-article__inner {
  width: min(44rem, 100%);
  margin: 0 auto;
  padding: 0 var(--hp-pad);
}
.news-article__crumb {
  font-size: 0.85rem;
  color: var(--theme-muted);
  margin: 0 0 1rem;
}
.news-article__crumb a {
  color: var(--theme-accent);
  text-decoration: none;
}
.news-article__crumb a:hover {
  color: var(--theme-accent-deep);
}
.news-article__date {
  display: block;
  font-size: 0.8rem;
  color: var(--theme-muted);
  margin-bottom: 0.4rem;
}
.news-article__title {
  margin: 0 0 0.65rem;
  font-family: var(--aml-font-display), "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: clamp(1.55rem, 3.5vw, 2.1rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--theme-text);
}
.news-article__lead {
  margin: 0 0 1.25rem;
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--theme-muted);
}
.news-article__cover {
  display: block;
  width: 100%;
  max-height: 28rem;
  object-fit: cover;
  border-radius: 0.85rem;
  margin-bottom: 1.35rem;
  background: var(--theme-surface);
  box-shadow: var(--theme-shadow-soft);
}
.news-article__body {
  font-size: 1.02rem;
  line-height: 1.7;
  color: var(--theme-text);
}
.news-article__body p {
  margin: 0 0 1rem;
}
.news-article__body h2 {
  margin: 1.5rem 0 0.65rem;
  font-size: 1.35rem;
}
.news-article__body h3 {
  margin: 1.25rem 0 0.5rem;
  font-size: 1.15rem;
}
.news-article__body img {
  max-width: 100%;
  height: auto;
  border-radius: 0.65rem;
  margin: 0.75rem 0;
}
.news-article__body a {
  color: var(--theme-accent);
}
.news-article__body ul,
.news-article__body ol {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
}
.news-article__body blockquote {
  margin: 0 0 1rem;
  padding: 0.5rem 0.9rem;
  border-left: 3px solid color-mix(in srgb, var(--theme-text) 22%, transparent);
  color: color-mix(in srgb, var(--theme-muted) 85%, transparent);
}
.news-article__body iframe,
.adm-rte .tiptap iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 220px;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  border-radius: 0.65rem;
  margin: 0.85rem 0;
  background: color-mix(in srgb, var(--theme-bg) 35%, transparent);
}