/* theme.css */
/**
 * Public tema — tokens.css ile aynı 4’lü palet + chrome.
 * Component’lere renk !important yazılmaz.
 */

/* Midnight Cinema — Base #0B0F17 · Surface #1A2234 · CTA #E85A72 · Info #38BDF8 */
:root,
html[data-theme="dark"] {
    color-scheme: dark;
  --c-bg: #0b0f17;
  --c-surface: #1a2234;
  --c-accent: #e85a72;
  --c-secondary: #38bdf8;
  --c-ink: #ffffff;
  --c-muted: color-mix(in srgb, var(--c-ink) 58%, transparent);
  --c-border: color-mix(in srgb, var(--c-ink) 14%, transparent);
  --c-neutral: color-mix(in srgb, var(--c-surface) 72%, var(--c-bg));
  --c-accent-ink: #ffffff;
  --c-accent-soft: color-mix(in srgb, var(--c-accent) 22%, var(--c-surface));
  --c-accent-soft-ink: color-mix(in srgb, var(--c-accent) 92%, #ffffff);
  --c-accent-deep: color-mix(in srgb, var(--c-accent) 72%, #0b0f17);
  --c-secondary-soft: color-mix(in srgb, var(--c-secondary) 22%, var(--c-surface));
  --c-panel: color-mix(in srgb, var(--c-surface) 78%, transparent);
  --c-panel-border: var(--c-border);
  --c-panel-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
  --c-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
  --c-shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.28);
  --c-glow: color-mix(in srgb, var(--c-secondary) 14%, transparent);
  --c-body-end: color-mix(in srgb, var(--c-bg) 88%, #000000);
  --c-glass: color-mix(in srgb, var(--c-surface) 50%, transparent);
  --c-glass-strong: color-mix(in srgb, var(--c-surface) 68%, transparent);
  --c-glass-hover: color-mix(in srgb, var(--c-surface) 78%, transparent);

  --theme-bg: var(--c-bg);
  --theme-surface: var(--c-surface);
  --theme-accent: var(--c-accent);
  --theme-accent-2: var(--c-secondary);
  --theme-text: var(--c-ink);
  --theme-muted: var(--c-muted);
  --theme-border: var(--c-border);
  --theme-neutral: var(--c-neutral);
  --theme-accent-ink: var(--c-accent-ink);
  --theme-accent-soft: var(--c-accent-soft);
  --theme-accent-soft-ink: var(--c-accent-soft-ink);
  --theme-accent-deep: var(--c-accent-deep);
  --theme-info: var(--c-secondary);
  --theme-info-soft: var(--c-secondary-soft);
  --theme-panel: var(--c-panel);
  --theme-panel-border: var(--c-panel-border);
  --theme-panel-shadow: var(--c-panel-shadow);
  --theme-shadow: var(--c-shadow);
  --theme-shadow-soft: var(--c-shadow-soft);
  --theme-surface-2: var(--c-neutral);
  --theme-surface-3: var(--c-neutral);
  --theme-bg-elevated: var(--c-surface);
  --theme-paper: var(--c-surface);
  --theme-surface-glass: var(--c-panel);
  --theme-neutral-glass: color-mix(in srgb, var(--c-neutral) 55%, transparent);
  --theme-scrim: color-mix(in srgb, #000 62%, transparent);
  /* rgba(var(--theme-shade-rgb), a) için kanal — bg ile aynı */
  --theme-shade-rgb: 11, 15, 23;
  --theme-shade-a1: 0.35;
  --theme-shade-a2: 0.48;
  --theme-shade-a3: 0.72;
  --theme-shade-a4: 0.32;
  --theme-shade-a5: 0.68;
  --theme-img-filter: brightness(0.62) saturate(1.08) contrast(1.04);

  --aml-bg: var(--c-bg);
  --aml-surface: var(--c-surface);
  --aml-neutral: var(--c-neutral);
  --aml-ink: var(--c-ink);
  --aml-accent: var(--c-accent);
  --aml-accent-2: var(--c-secondary);
  --aml-accent-ink: var(--c-accent-ink);
  --aml-accent-soft: var(--c-accent-soft);
  --aml-accent-soft-ink: var(--c-accent-soft-ink);
  --aml-accent-deep: var(--c-accent-deep);
  --aml-muted: var(--c-muted);
  --aml-border: var(--c-border);
  --aml-mist: var(--c-muted);
  --aml-line: var(--c-border);
  --aml-glow: var(--c-glow);
  --aml-body-end: var(--c-body-end);
  --aml-bg-elev: var(--c-surface);
  --aml-bg-soft: var(--c-neutral);
  --aml-panel: var(--c-panel);
  --aml-panel-border: var(--c-panel-border);
  --aml-panel-shadow: var(--c-panel-shadow);
  --aml-shadow: var(--c-shadow);
  --aml-shadow-soft: var(--c-shadow-soft);
  --aml-surface-glass: var(--c-panel);
  --aml-teal: var(--c-secondary);
  --aml-violet: var(--c-accent);
  --aml-ember: var(--c-accent);
  --aml-ember-deep: var(--c-accent-deep);
  --aml-cursor-dot: var(--c-ink);
  --aml-glass: var(--c-glass);
  --aml-glass-strong: var(--c-glass-strong);
  --aml-glass-hover: var(--c-glass-hover);
  --aml-glass-border: var(--c-border);
  --aml-glass-border-focus: color-mix(in srgb, var(--c-accent) 45%, transparent);
  --aml-glass-shadow: var(--c-panel-shadow);
  --aml-glass-shadow-sm: var(--c-shadow-soft);
  --aml-glass-focus-ring: 0 0 0 2px color-mix(in srgb, var(--c-accent) 18%, transparent), var(--c-panel-shadow);
  --aml-glass-text: var(--c-ink);
  --aml-glass-muted: var(--c-muted);
  --aml-glass-placeholder: color-mix(in srgb, var(--c-ink) 50%, transparent);
  --aml-glass-chip: color-mix(in srgb, var(--c-neutral) 70%, transparent);
  --aml-glass-chip-hover: color-mix(in srgb, var(--c-neutral) 90%, transparent);
  --aml-glass-chip-border: transparent;
  --aml-glass-chip-color: var(--c-ink);
  --aml-rail-bg: color-mix(in srgb, var(--c-bg) 45%, transparent);
  --aml-rail-bg-open: color-mix(in srgb, var(--c-surface) 78%, transparent);
  --aml-rail-border: color-mix(in srgb, var(--c-ink) 10%, transparent);
  --aml-rail-shadow: 8px 0 32px rgba(0, 0, 0, 0.32);
  --aml-rail-link: color-mix(in srgb, var(--c-ink) 68%, transparent);
  --aml-rail-link-active: var(--c-ink);
  --aml-rail-user: color-mix(in srgb, var(--c-ink) 72%, transparent);
  --aml-rail-foot-border: color-mix(in srgb, var(--c-ink) 10%, transparent);
  --aml-rail-link-hover-bg: var(--c-neutral);
  --ac-chrome-bg: var(--c-surface);
  --ac-chrome-border: var(--c-border);
  --ac-border: var(--c-border);
  --ac-shadow: var(--c-shadow-soft);
  --ac-shadow-hover: var(--c-shadow);
  --ac-accent: var(--c-accent);
  --ac-badge-bg: color-mix(in srgb, var(--c-bg) 72%, transparent);
  --ac-foot-bg: linear-gradient(to top, color-mix(in srgb, var(--c-bg) 90%, transparent) 0%, color-mix(in srgb, var(--c-bg) 40%, transparent) 42%, transparent 72%);
  --hp-chrome-bg: var(--c-surface);
  --hp-chrome-border: var(--c-border);
  --hp-surface: var(--c-bg);
  --hp-text-muted: var(--c-muted);

  --theme-hover-bg: color-mix(in srgb, var(--c-accent) 14%, transparent);
  --theme-hover-border: color-mix(in srgb, var(--c-accent) 38%, transparent);
  --theme-hover-fg: var(--c-ink);
  --theme-selected-bg: color-mix(in srgb, var(--c-accent) 68%, var(--c-surface));
  --theme-selected-fg: var(--c-accent-ink);
  --theme-selected-border: color-mix(in srgb, var(--c-accent) 78%, var(--c-surface));
  --theme-chip-bg: color-mix(in srgb, var(--c-ink) 7%, transparent);
  --theme-chip-fg: color-mix(in srgb, var(--c-ink) 88%, transparent);
  --theme-chip-bd: color-mix(in srgb, var(--c-ink) 14%, transparent);
  --theme-chip-hover-bg: color-mix(in srgb, var(--c-accent) 16%, transparent);
  --theme-chip-hover-bd: color-mix(in srgb, var(--c-accent) 40%, transparent);
  --theme-chip-hover-fg: var(--c-ink);
  --aml-hover-bg: var(--theme-hover-bg);
  --aml-hover-border: var(--theme-hover-border);
  --aml-selected-bg: var(--theme-selected-bg);
  --aml-selected-fg: var(--theme-selected-fg);
  --aml-chip-bg: var(--theme-chip-bg);
  --aml-chip-fg: var(--theme-chip-fg);
  --aml-chip-bd: var(--theme-chip-bd);

  --aml-max-w: 1850px;
  --aml-max: min(var(--aml-max-w), 90vw);
  --hp-pad: 0.85rem;
}

/* Clean Studio — soft gri-beyaz: Base #E9ECF0 · Surface #F4F6F8 · CTA #E11D48 · Ink #0F172A */
html[data-theme="light"] {
    color-scheme: light;
  --c-bg: #e9ecf0;
  --c-surface: #f4f6f8;
  --c-accent: #e11d48;
  --c-secondary: #0f172a;
  --c-ink: #0f172a;
  --c-muted: color-mix(in srgb, var(--c-ink) 64%, transparent);
  --c-border: color-mix(in srgb, var(--c-ink) 12%, transparent);
  --c-neutral: color-mix(in srgb, var(--c-bg) 86%, var(--c-ink));
  --c-accent-ink: #ffffff;
  --c-accent-soft: color-mix(in srgb, var(--c-accent) 11%, var(--c-surface));
  --c-accent-soft-ink: var(--c-accent);
  --c-accent-deep: color-mix(in srgb, var(--c-accent) 82%, #000000);
  --c-secondary-soft: color-mix(in srgb, var(--c-secondary) 7%, var(--c-surface));
  --c-panel: color-mix(in srgb, var(--c-surface) 90%, transparent);
  --c-panel-border: var(--c-border);
  --c-panel-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
  --c-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
  --c-shadow-soft: 0 2px 8px rgba(15, 23, 42, 0.05);
  --c-glow: transparent;
  --c-body-end: color-mix(in srgb, var(--c-bg) 94%, #d5dae2);
  --c-glass: color-mix(in srgb, var(--c-surface) 78%, transparent);
  --c-glass-strong: color-mix(in srgb, var(--c-surface) 90%, transparent);
  --c-glass-hover: var(--c-surface);

  /* Light’ta alias’ları yeniden bağla — dark :root değerleri ezilmesin */
  --theme-bg: var(--c-bg);
  --theme-surface: var(--c-surface);
  --theme-accent: var(--c-accent);
  --theme-accent-2: var(--c-secondary);
  --theme-text: var(--c-ink);
  --theme-muted: var(--c-muted);
  --theme-border: var(--c-border);
  --theme-neutral: var(--c-neutral);
  --theme-accent-ink: var(--c-accent-ink);
  --theme-accent-soft: var(--c-accent-soft);
  --theme-accent-soft-ink: var(--c-accent-soft-ink);
  --theme-accent-deep: var(--c-accent-deep);
  --theme-info: var(--c-secondary);
  --theme-info-soft: var(--c-secondary-soft);
  --theme-panel: var(--c-panel);
  --theme-panel-border: var(--c-panel-border);
  --theme-panel-shadow: var(--c-panel-shadow);
  --theme-shadow: var(--c-shadow);
  --theme-shadow-soft: var(--c-shadow-soft);
  --theme-surface-2: var(--c-neutral);
  --theme-surface-3: var(--c-neutral);
  --theme-bg-elevated: var(--c-surface);
  --theme-paper: var(--c-neutral);
  --theme-surface-glass: var(--c-panel);
  --theme-neutral-glass: color-mix(in srgb, var(--c-neutral) 72%, transparent);
  --theme-scrim: color-mix(in srgb, #000 45%, transparent);
  --theme-shade-rgb: 233, 236, 240;
  --theme-shade-a1: 0.1;
  --theme-shade-a2: 0.2;
  --theme-shade-a3: 0.36;
  --theme-shade-a4: 0.14;
  --theme-shade-a5: 0.24;
  --theme-img-filter: brightness(1.12) saturate(0.9) contrast(0.98);

  --aml-bg: var(--c-bg);
  --aml-surface: var(--c-surface);
  --aml-neutral: var(--c-neutral);
  --aml-ink: var(--c-ink);
  --aml-accent: var(--c-accent);
  --aml-accent-2: var(--c-secondary);
  --aml-accent-ink: var(--c-accent-ink);
  --aml-accent-soft: var(--c-accent-soft);
  --aml-accent-soft-ink: var(--c-accent-soft-ink);
  --aml-accent-deep: var(--c-accent-deep);
  --aml-muted: var(--c-muted);
  --aml-border: var(--c-border);
  --aml-mist: var(--c-muted);
  --aml-line: var(--c-border);
  --aml-glow: var(--c-glow);
  --aml-body-end: var(--c-body-end);
  --aml-bg-elev: var(--c-surface);
  --aml-bg-soft: var(--c-neutral);
  --aml-panel: var(--c-panel);
  --aml-panel-border: var(--c-panel-border);
  --aml-panel-shadow: var(--c-panel-shadow);
  --aml-shadow: var(--c-shadow);
  --aml-shadow-soft: var(--c-shadow-soft);
  --aml-surface-glass: var(--c-panel);
  --aml-teal: var(--c-accent);
  --aml-violet: var(--c-accent);
  --aml-ember: var(--c-accent);
  --aml-ember-deep: var(--c-accent-deep);
  --aml-cursor-dot: var(--c-ink);
  --aml-glass: var(--c-glass);
  --aml-glass-strong: var(--c-glass-strong);
  --aml-glass-hover: var(--c-glass-hover);
  --aml-glass-border: var(--c-border);
  --aml-glass-border-focus: color-mix(in srgb, var(--c-accent) 40%, transparent);
  --aml-glass-shadow: var(--c-panel-shadow);
  --aml-glass-shadow-sm: var(--c-shadow-soft);
  --aml-glass-focus-ring: 0 0 0 3px color-mix(in srgb, var(--c-accent) 12%, transparent), var(--c-panel-shadow);
  --aml-glass-text: var(--c-ink);
  --aml-glass-muted: var(--c-muted);
  --aml-glass-placeholder: color-mix(in srgb, var(--c-ink) 45%, transparent);
  --aml-glass-chip: var(--c-neutral);
  --aml-glass-chip-hover: color-mix(in srgb, var(--c-neutral) 85%, var(--c-ink));
  --aml-glass-chip-border: transparent;
  --aml-glass-chip-color: var(--c-ink);
  --aml-rail-bg: color-mix(in srgb, var(--c-surface) 62%, transparent);
  --aml-rail-bg-open: color-mix(in srgb, var(--c-surface) 92%, transparent);
  --aml-rail-border: color-mix(in srgb, var(--c-ink) 10%, transparent);
  --aml-rail-shadow: 8px 0 28px rgba(15, 23, 42, 0.08);
  --aml-rail-link: color-mix(in srgb, var(--c-ink) 55%, transparent);
  --aml-rail-link-active: var(--c-ink);
  --aml-rail-user: color-mix(in srgb, var(--c-ink) 70%, transparent);
  --aml-rail-foot-border: color-mix(in srgb, var(--c-ink) 10%, transparent);
  --aml-rail-link-hover-bg: var(--c-neutral);
  --ac-chrome-bg: var(--c-surface);
  --ac-chrome-border: var(--c-border);
  --ac-border: var(--c-border);
  --ac-shadow: var(--c-shadow-soft);
  --ac-shadow-hover: var(--c-shadow);
  --ac-accent: var(--c-accent);
  --ac-badge-bg: color-mix(in srgb, var(--c-ink) 72%, transparent);
  --ac-foot-bg: linear-gradient(to top, color-mix(in srgb, var(--c-ink) 88%, transparent) 0%, color-mix(in srgb, var(--c-ink) 40%, transparent) 42%, transparent 72%);
  --hp-chrome-bg: var(--c-surface);
  --hp-chrome-border: var(--c-border);
  --hp-surface: var(--c-bg);
  --hp-text-muted: var(--c-muted);

  --theme-hover-bg: color-mix(in srgb, var(--c-accent) 12%, transparent);
  --theme-hover-border: color-mix(in srgb, var(--c-accent) 45%, transparent);
  --theme-hover-fg: var(--c-ink);
  --theme-selected-bg: var(--c-accent);
  --theme-selected-fg: var(--c-accent-ink);
  --theme-selected-border: var(--c-accent);
  --theme-chip-bg: color-mix(in srgb, var(--c-ink) 7%, transparent);
  --theme-chip-fg: color-mix(in srgb, var(--c-ink) 88%, transparent);
  --theme-chip-bd: color-mix(in srgb, var(--c-ink) 14%, transparent);
  --theme-chip-hover-bg: color-mix(in srgb, var(--c-accent) 14%, transparent);
  --theme-chip-hover-bd: color-mix(in srgb, var(--c-accent) 45%, transparent);
  --theme-chip-hover-fg: var(--c-ink);
  --aml-hover-bg: var(--theme-hover-bg);
  --aml-hover-border: var(--theme-hover-border);
  --aml-selected-bg: var(--theme-selected-bg);
  --aml-selected-fg: var(--theme-selected-fg);
  --aml-chip-bg: var(--theme-chip-bg);
  --aml-chip-fg: var(--theme-chip-fg);
  --aml-chip-bd: var(--theme-chip-bd);
}

html.theme-switching { pointer-events: none !important; }
html.theme-switching,
html.theme-switching *,
html.theme-switching *::before,
html.theme-switching *::after {
    transition: none !important;
    animation: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
}

html {
  font-size: 16px;
}
html,
html body {
  background-color: var(--theme-bg);
  background-image: none;
  color: var(--theme-muted);
  letter-spacing: 0;
}
html[data-theme="dark"] body,
html:not([data-theme="light"]) body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[data-theme="light"] body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
html h1, html h2, html h3, html h4, html h5, html h6,
html .title, html .page-title, html .heading {
  color: var(--theme-text);
}

/* Toggle */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    margin: 0;
    padding: 0;
    border-radius: 999px;
    border: 1px solid var(--theme-border);
    background: var(--theme-surface-2);
    color: var(--theme-accent);
    cursor: pointer;
    flex-shrink: 0;
}
.theme-toggle:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 45%, transparent);
    color: var(--theme-accent-deep);
}
.theme-toggle .theme-icon-sun { display: none; }
.theme-toggle .theme-icon-moon { display: inline-block; }
html[data-theme="light"] .theme-toggle .theme-icon-sun { display: inline-block; }
html[data-theme="light"] .theme-toggle .theme-icon-moon { display: none; }
.theme-toggle--mobile {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    justify-content: flex-start;
    gap: 0.55rem;
    padding: 0.65rem 0.85rem;
    font-size: 0.95rem;
    font-weight: 600;
}
html[data-theme="dark"] .theme-toggle--mobile .theme-toggle-label::after { content: " — Gündüz"; }
html[data-theme="light"] .theme-toggle--mobile .theme-toggle-label::after { content: " — Gece"; }

.title-lang-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.35rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}
.title-lang-toggle__track {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    width: 3.6rem;
    height: 1.85rem;
    padding: 0.12rem;
    border-radius: 999px;
  border: 1px solid var(--theme-border);
  background: var(--theme-surface-2);
    box-sizing: border-box;
}
.title-lang-toggle__opt {
    position: relative;
    z-index: 1;
    font-size: 0.62rem;
    font-weight: 800;
    text-align: center;
  color: color-mix(in srgb, var(--theme-text) 40%, transparent);
    line-height: 1;
    pointer-events: none;
}
.title-lang-toggle__thumb {
    position: absolute;
    top: 0.12rem;
    left: 0.12rem;
    width: calc(50% - 0.12rem);
    height: calc(100% - 0.24rem);
    border-radius: 999px;
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
    transition: transform 0.18s ease;
    z-index: 0;
}
.title-lang-toggle.is-jp .title-lang-toggle__opt--jp,
.title-lang-toggle.is-en .title-lang-toggle__opt--en {
  color: var(--theme-accent-ink);
}
.title-lang-toggle.is-en .title-lang-toggle__thumb {
    transform: translateX(100%);
}

/* Ortak UI — token */
.filter-btn-modern,
.top100-sort-btn {
  background: var(--theme-accent-soft);
  border: 0;
  color: var(--theme-accent-soft-ink);
  transition: filter 0.15s ease;
}
.filter-btn-modern:hover,
.top100-sort-btn:hover { filter: brightness(0.96); }
.filter-btn-modern.active,
.top100-sort-btn.active {
  background: var(--theme-accent);
  color: var(--theme-accent-ink);
  filter: none;
}

.theme-panel {
  background: var(--theme-panel);
  border: 1px solid var(--theme-panel-border);
  box-shadow: var(--theme-panel-shadow);
  color: var(--theme-text);
  border-radius: 0.75rem;
}

/* Info rozetleri — dark cyan / light ink */
.theme-info,
.badge-info,
.ep-badge,
.quality-badge {
  color: var(--theme-info);
}

.fansub-player {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 47.8125%;
  overflow: hidden;
  background: #000;
}
.fansub-player iframe,
.fansub-player > video,
.fansub-player .video-player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}

.backlink-area,
div.backlink-area[aria-hidden="true"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
    padding: 0 !important;
  margin: -1px !important;
    overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  left: -9999px !important;
  visibility: hidden !important;
}

@media (max-width: 767.98px) {
  :root { --hp-pad: 0.3rem; }
}


/* —— site geneli etkileşim (chip / hover / seçili) —— */
.ix-chip,
.genre-tag,
.theme-tag,
.anime-tag,
.daily-pick__tags span,
.daily-pick__tags a,
.daily-pick__chip,
.daily-pick__score {
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Opt-in yardımcılar — bileşenler .ix-selected / .ix-hover kullanır */
.ix-selected {
  background: var(--theme-selected-bg) !important;
  border-color: var(--theme-selected-border) !important;
  color: var(--theme-selected-fg) !important;
}
.ix-hover:hover {
  background: var(--theme-hover-bg);
  border-color: var(--theme-hover-border);
  color: var(--theme-hover-fg);
}

/* Font Awesome 6 — Line Awesome .fa/.fas override’ını geri al */
i.fas,
i.fa-solid,
.fas,
.fa-solid {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
i.far,
i.fa-regular,
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}
i.fab,
i.fa-brands,
.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

/* shell-miruro.css */
/**
 * Miruro shell: sabit dar rail · genişleme overlay (sayfayı itmez)
 */

:root {
  /* Layout ölçüleri — renkler theme.css token’ında */
  --aml-rail-w: 4.7rem;
  --aml-rail-item: 2.7rem;
  --aml-rail-icon: 1.4rem;
  --aml-rail-expanded: 11.25rem;
  --aml-topbar-h: 3.65rem;
}

.aml-shell--rail {
  display: block;
  min-height: 100vh;
  min-height: 100dvh;
}

.aml-sidenav {
  --rail-accent: var(--theme-accent);
  /* İkon sütunu her durumda aynı X — sadece width değişir */
  --rail-icon-inset: calc((var(--aml-rail-w) - var(--aml-rail-item)) / 2);
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--aml-rail-w);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  padding: 0.8rem var(--rail-icon-inset) 1rem;
  box-sizing: border-box;
  background: var(--aml-rail-bg);
  border-right: 1px solid var(--aml-rail-border);
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  overflow: hidden;
  /* Kapanırken kısa gecikme → hızlı mouse geçişinde titreme azalır */
  transition:
    width 0.32s cubic-bezier(0.22, 1, 0.36, 1) 0.12s,
    background 0.28s ease 0.12s,
    box-shadow 0.28s ease 0.12s,
    padding 0.32s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}

/* Açılış anında gecikme yok */
.aml-sidenav:hover,
.aml-sidenav:focus-within {
  width: var(--aml-rail-expanded);
  padding-right: 0.55rem;
  background: var(--aml-rail-bg-open);
  box-shadow:
    var(--aml-rail-shadow),
    inset -1px 0 0 color-mix(in srgb, var(--rail-accent) 18%, transparent);
  transition-delay: 0s;
}

.aml-sidenav__brand {
  appearance: none;
  border: 0;
  cursor: pointer;
  width: var(--aml-rail-item);
  height: var(--aml-rail-item);
  margin: 0 0 0.2rem;
  border-radius: 0.75rem;
  display: grid;
  place-items: center;
  align-self: flex-start;
  background: var(--theme-accent);
  color: var(--theme-accent-ink);
  font-family: var(--aml-font-display), "Plus Jakarta Sans", system-ui, sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  flex-shrink: 0;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-accent) 28%, transparent);
}
.aml-sidenav__brand:hover {
  transform: scale(1.04);
}

.aml-sidenav__nav {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.3rem;
  width: 100%;
  flex: 1;
  min-height: 0;
}

.aml-sidenav__link {
  position: relative;
  width: 100%;
  height: var(--aml-rail-item);
  min-height: var(--aml-rail-item);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  padding: 0;
  color: var(--aml-rail-link);
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.aml-sidenav__link i {
  font-size: 1.28rem;
  width: var(--aml-rail-item);
  min-width: var(--aml-rail-item);
  line-height: 1;
  text-align: center;
  flex-shrink: 0;
}
.aml-sidenav__label {
  display: inline-block;
  font-family: var(--aml-font-body);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  min-width: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    max-width 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0.12s;
}
.aml-sidenav:hover .aml-sidenav__label,
.aml-sidenav:focus-within .aml-sidenav__label {
  max-width: 7.5rem;
  opacity: 1;
  transition-delay: 0.04s;
}
.aml-sidenav__link:hover {
  color: var(--aml-rail-link-active);
  background: var(--aml-rail-link-hover-bg);
  box-shadow: inset 2px 0 0 var(--rail-accent);
}
.aml-sidenav__link.is-active {
  color: var(--aml-rail-link-active);
  background: var(--aml-rail-link-hover-bg);
  box-shadow: inset 2px 0 0 var(--rail-accent);
}
.aml-sidenav:not(:hover):not(:focus-within) .aml-sidenav__link:hover,
.aml-sidenav:not(:hover):not(:focus-within) .aml-sidenav__link.is-active {
  box-shadow: none;
}

.aml-sidenav__foot {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.3rem;
  width: 100%;
  padding-top: 0.6rem;
  border-top: 1px solid var(--aml-rail-foot-border);
}
.aml-sidenav__prefs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
  width: 100%;
  padding: 0;
}
.aml-sidenav__prefs .theme-toggle,
.aml-sidenav__prefs .title-lang-toggle {
  flex-shrink: 0;
  margin: 0;
}
.aml-sidenav__prefs .theme-toggle:not(.theme-toggle--mobile) {
  width: var(--aml-rail-item) !important;
  height: var(--aml-rail-item) !important;
  min-width: var(--aml-rail-item) !important;
  min-height: var(--aml-rail-item) !important;
  border-radius: 0.7rem !important;
}
.aml-sidenav__prefs .theme-toggle:not(.theme-toggle--mobile) i {
  font-size: 1.15rem !important;
}
.aml-sidenav__prefs .title-lang-toggle {
  width: var(--aml-rail-item);
  height: var(--aml-rail-item);
}
.aml-sidenav__prefs .title-lang-toggle__track {
  width: 100%;
  height: 1.55rem;
  padding: 0.1rem;
}
.aml-sidenav__prefs .title-lang-toggle__opt {
  font-size: 0.55rem;
}
.aml-sidenav__prefs .title-lang-toggle__thumb {
  top: 0.1rem;
  left: 0.1rem;
  width: calc(50% - 0.1rem);
  height: calc(100% - 0.2rem);
}
.aml-sidenav__login {
  margin: 0;
}
.aml-sidenav__user {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  width: 100%;
  height: var(--aml-rail-item);
  min-height: var(--aml-rail-item);
  margin: 0.15rem 0 0;
  padding: 0;
  border-radius: 0.75rem;
  color: var(--aml-rail-user);
  text-decoration: none;
  box-sizing: border-box;
  /* Çerçeve overlay taşabilsin */
  overflow: visible;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.aml-sidenav__user i {
  font-size: 1.35rem;
  width: var(--aml-rail-item);
  min-width: var(--aml-rail-item);
  text-align: center;
  flex-shrink: 0;
  line-height: 1;
}
.aml-sidenav__user-ava {
  width: 1.65rem;
  height: 1.65rem;
  min-width: 1.65rem;
  margin-left: calc((var(--aml-rail-item) - 1.65rem) / 2);
  margin-right: calc((var(--aml-rail-item) - 1.65rem) / 2);
  border-radius: 50%;
  object-fit: cover;
  background: color-mix(in srgb, var(--theme-bg) 25%, transparent);
  flex-shrink: 0;
}
.aml-sidenav__user-meta {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 0;
  flex: 0 1 auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    max-width 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0.12s;
}
.aml-sidenav__user-name {
  font-family: var(--aml-font-body);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: var(--aml-rail-link-active);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aml-sidenav:hover .aml-sidenav__user,
.aml-sidenav:focus-within .aml-sidenav__user {
  background: var(--aml-rail-link-hover-bg);
  box-shadow: inset 2px 0 0 var(--rail-accent);
}
.aml-sidenav:hover .aml-sidenav__user-meta,
.aml-sidenav:focus-within .aml-sidenav__user-meta {
  max-width: 7rem;
  opacity: 1;
  transition-delay: 0.04s;
}
.aml-sidenav__user:hover {
  color: var(--aml-rail-link-active);
  background: var(--aml-rail-link-hover-bg);
}
.aml-sidenav__logout {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  width: 100%;
  font: inherit;
}
.aml-sidenav__link--mobile {
  display: none;
}
.aml-sidenav__link--mobile .aml-sidenav__user-ava--rail {
  width: 1.35rem;
  height: 1.35rem;
  min-width: 1.35rem;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
}
/* Rail profil: Discord tarzı çerçeve */
.aml-sidenav__user-decor.ab-decor {
  width: 2.05rem;
  height: 2.05rem;
  min-width: 2.05rem;
  margin-left: calc((var(--aml-rail-item) - 2.05rem) / 2);
  margin-right: calc((var(--aml-rail-item) - 2.05rem) / 2);
  overflow: visible !important;
}
.aml-sidenav__user-decor.ab-decor .ab-decor__face {
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--theme-text) 18%, transparent),
    0 0 0 2px color-mix(in srgb, var(--theme-bg) 55%, transparent);
  background: var(--theme-surface);
}
.aml-sidenav__user-decor.ab-decor .ab-decor__face img,
.aml-sidenav__user-decor.ab-decor .ab-decor__face .aml-sidenav__user-decor-ph {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: grid;
  place-items: center;
  font-size: 0.75rem;
  color: var(--theme-muted);
}
.aml-sidenav__user-decor--mobile.ab-decor {
  width: 1.7rem;
  height: 1.7rem;
  min-width: 1.7rem;
  margin: 0;
}
.aml-sidenav .aml-sidenav__user-decor > .ab-decor__overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;
  pointer-events: none;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 2px color-mix(in srgb, #000 35%, transparent));
}

/* Layout her zaman dar rail kadar kayar — expand itmez */
.aml-app {
  position: relative;
  margin-left: var(--aml-rail-w);
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  /* Absolute topbar için varsayılan nefes; ana sayfa hero 0’dan başlar */
  padding-top: var(--aml-topbar-h);
}
.aml-app:has(.homepage-wrapper--miruro),
.aml-app:has(.aml-shell__main--detail-flush) {
  padding-top: 0;
}

.aml-topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  height: var(--aml-topbar-h);
  display: flex;
  align-items: center;
  pointer-events: none;
  background: transparent;
  border: 0;
}

.aml-topbar__inner {
  width: min(var(--aml-max-w), calc(100% - 2rem));
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.aml-topbar__inner--search-only,
.aml-topbar__inner--search-prefs {
  max-width: 100%;
  gap: 0.55rem;
  pointer-events: none;
}
.aml-topbar__inner--search-prefs {
  justify-content: center;
}

.aml-topbar__search {
  pointer-events: auto;
  width: min(32rem, calc(100% - 6.5rem));
  flex: 0 1 32rem;
}
.aml-topbar__prefs {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}
.aml-topbar__prefs .theme-toggle:not(.theme-toggle--mobile) {
  width: 2.55rem !important;
  height: 2.55rem !important;
  min-width: 2.55rem !important;
  min-height: 2.55rem !important;
  border-radius: 999px !important;
  background: var(--aml-glass) !important;
  border-color: var(--aml-glass-border) !important;
  color: var(--aml-glass-text) !important;
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  box-shadow: var(--aml-glass-shadow-sm);
}
.aml-topbar__prefs .theme-toggle:not(.theme-toggle--mobile):hover {
  background: var(--aml-glass-hover) !important;
  border-color: var(--aml-glass-border-focus) !important;
  color: var(--aml-glass-text) !important;
}
.aml-topbar__prefs .title-lang-toggle {
  height: 2.55rem;
}
.aml-topbar__prefs .title-lang-toggle__track {
  width: 3.85rem;
  height: 2.55rem;
  padding: 0.18rem;
  background: var(--aml-glass) !important;
  border-color: var(--aml-glass-border) !important;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: var(--aml-glass-shadow-sm);
}
.aml-topbar__prefs .title-lang-toggle__opt {
  font-size: 0.68rem;
}
.aml-topbar__prefs .title-lang-toggle__thumb {
  top: 0.18rem;
  left: 0.18rem;
  width: calc(50% - 0.18rem);
  height: calc(100% - 0.36rem);
}

.aml-topbar__search .ajax-search-container {
  position: relative;
  width: 100%;
  max-width: none;
  z-index: 10050;
}
.aml-topbar__search .search-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.65rem;
  box-sizing: border-box;
  overflow: hidden;
  background: var(--aml-glass) !important;
  background-color: var(--aml-glass) !important;
  border: 1px solid var(--aml-glass-border);
  border-radius: 999px;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: var(--aml-glass-shadow);
}
.aml-topbar__search .search-box:focus-within {
  background: var(--aml-glass-strong) !important;
  background-color: var(--aml-glass-strong) !important;
  border-color: var(--aml-glass-border-focus);
  box-shadow: var(--aml-glass-focus-ring);
}
.aml-topbar__search .search-icon {
  position: absolute;
  left: 0.95rem;
  color: var(--aml-glass-muted);
  font-size: 0.875rem;
  pointer-events: none;
  z-index: 2;
}
.aml-topbar__search .search-input {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent !important;
  background-color: transparent !important;
  outline: none;
  padding: 0 2.85rem 0 2.45rem;
  color: var(--aml-glass-text) !important;
  font-size: 0.9rem;
  font-weight: 500;
  -webkit-appearance: none;
  appearance: none;
}
.aml-topbar__search .search-input::-webkit-search-decoration,
.aml-topbar__search .search-input::-webkit-search-cancel-button,
.aml-topbar__search .search-input::-webkit-search-results-button {
  -webkit-appearance: none;
}
.aml-topbar__search .search-input::placeholder {
  color: var(--aml-glass-placeholder);
}
.aml-topbar__search .filter-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--aml-glass-chip);
  border: none;
  border-left: 1px solid var(--aml-glass-chip-border);
  color: var(--aml-glass-chip-color);
  text-decoration: none;
  z-index: 3;
  transition: background 0.15s, color 0.15s;
}
.aml-topbar__search .filter-button:hover {
  background: var(--aml-glass-chip-hover);
  color: var(--aml-glass-text);
}
.aml-topbar__search .ajax-search-loader {
  display: none;
  position: absolute;
  right: 2.8rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  color: var(--aml-glass-muted);
  font-size: 0.85rem;
  pointer-events: none;
}
.aml-topbar__search .ajax-search-loader.is-visible {
  display: block;
}

/* Sonuç listesi her sayfada aynı overlay. Filtre CSS'i olmadan akışa düşmesin. */
.aml-topbar__search .ajax-search-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  width: min(26rem, calc(100vw - 1.25rem));
  min-width: min(18rem, 100%);
  background: var(--theme-surface);
  border: 1px solid var(--theme-border);
  border-radius: 0.65rem;
  box-shadow: var(--theme-panel-shadow);
  max-height: min(28rem, 70vh);
  overflow: hidden;
  z-index: 10060;
  flex-direction: column;
}
.aml-topbar__search .ajax-search-dropdown.is-open {
  display: flex;
}
.aml-topbar__search .ajax-search-list {
  flex: 1 1 auto;
  overflow-y: auto;
  max-height: min(24rem, 60vh);
  overscroll-behavior: contain;
}
.aml-topbar__search .ajax-search-list::-webkit-scrollbar { width: 4px; }
.aml-topbar__search .ajax-search-list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--theme-text) 18%, transparent);
  border-radius: 999px;
}
.aml-topbar__search .ajax-search-result-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.55rem 0.7rem;
  text-decoration: none;
  color: var(--theme-text);
  border-bottom: 1px solid var(--theme-border);
}
.aml-topbar__search .ajax-search-result-item:last-child { border-bottom: none; }
.aml-topbar__search .ajax-search-result-item:hover,
.aml-topbar__search .ajax-search-result-item.active {
  background: var(--theme-neutral);
  color: var(--theme-text);
}
.aml-topbar__search .ajax-search-result-image {
  width: 2.625rem;
  height: 3.75rem;
  flex: 0 0 2.625rem;
  object-fit: cover;
  border-radius: 0.25rem;
  background: var(--theme-bg);
}
.aml-topbar__search .ajax-search-result-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
.aml-topbar__search .ajax-search-result-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--theme-text);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aml-topbar__search .ajax-search-result-title strong {
  color: var(--theme-info);
  font-weight: 800;
}
.aml-topbar__search .ajax-search-result-subtitle {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--theme-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aml-topbar__search .ajax-search-result-subtitle strong {
  color: var(--theme-info);
  font-weight: 700;
}
.aml-topbar__search .ajax-search-result-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.15rem;
  color: var(--theme-muted);
  font-size: 0.68rem;
  overflow: hidden;
}
.aml-topbar__search .ajax-search-age {
  display: inline-flex;
  padding: 0.05rem 0.28rem;
  border: 1px solid var(--theme-border);
  border-radius: 0.15rem;
  font-size: 0.62rem;
  font-weight: 650;
}
.aml-topbar__search .ajax-search-score {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.aml-topbar__search .ajax-search-score i {
  font-size: 0.58rem;
  color: var(--theme-accent);
}
.aml-topbar__search .ajax-search-type,
.aml-topbar__search .ajax-search-year {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.aml-topbar__search .ajax-search-dot {
  color: var(--theme-border);
  user-select: none;
}
.aml-topbar__search .ajax-search-no-results {
  padding: 1.5rem 1rem;
  text-align: center;
  color: var(--theme-muted);
  font-size: 0.85rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
}
.aml-topbar__search .ajax-search-view-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.72rem 0.85rem;
  background: var(--theme-accent);
  color: var(--theme-accent-ink);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.8rem;
}
.aml-topbar__search .ajax-search-view-all:hover {
  background: var(--theme-accent-deep);
  color: var(--theme-accent-ink);
}
@media (max-width: 720px) {
  .aml-topbar__search .ajax-search-dropdown {
    position: fixed;
    top: 4.15rem;
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
    min-width: 0;
  }
}

.aml-shell--rail > .aml-header,
.aml-shell--rail .aml-app > .aml-header {
  display: none !important;
}

/* Hero: viewport tepeden 0 — topbar absolute, akışta yer kaplamaz */
html body.aml-shell.aml-shell--rail .homepage-wrapper--miruro {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 1.5rem !important;
  align-self: stretch !important;
  overflow: visible;
}
/* Auth FOUC — rail giriş/avatar flash’ı */
html:not([data-auth="1"]) .mac-add,
html:not([data-auth="1"]) .msl-list,
html:not([data-auth="1"]) .mir-list,
html:not([data-auth="1"]) .watchlist-dropdown-compact,
html:not([data-auth="1"]) .control-bookmark-btn-compact,
html:not([data-auth="1"]) .btn-watchlist-trigger {
  display: none !important;
}
html[data-auth="1"] .aml-sidenav__auth-boot--guest {
  display: none !important;
}
html:not([data-auth="1"]) .aml-sidenav__auth-boot--user {
  display: none !important;
}

/* Detay banner: rail altına kadar tam genişlik */
html body.aml-shell.aml-shell--rail .aml-shell__main--detail-flush .mir {
  overflow-x: clip;
}

html body.aml-shell.aml-shell--rail .homepage-wrapper--miruro > .msl-wrap {
  position: relative;
  z-index: 0;
  top: 0;
  left: calc(-1 * var(--aml-rail-w));
  /* 100vw scrollbar ile kaydırır — rail + içerik genişliği kullan */
  width: calc(100% + var(--aml-rail-w)) !important;
  max-width: none !important;
  /* Negatif margin: içerik görselin altına biner → resim aşağı “gidiyor” hissi */
  margin: 0 0 -6.5rem 0 !important;
  padding: 0 !important;
}
html body.aml-shell.aml-shell--rail .homepage-wrapper--miruro > .msl-wrap .msl-frame {
  border-radius: 0;
}
/* Slider altı: ekranın ~%90’ı; hero fade’in üstüne oturur */
html body.aml-shell.aml-shell--rail .homepage-wrapper--miruro > .homepage-inner {
  position: relative;
  z-index: 2;
  width: var(--aml-max) !important;
  max-width: var(--aml-max) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 720px) {
  :root {
    --aml-rail-w: 0px;
  }
  .aml-sidenav,
  .aml-sidenav:hover,
  .aml-sidenav:focus-within {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.55rem;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0.35rem 0.5rem;
    border-right: 0;
    border-top: 1px solid color-mix(in srgb, var(--theme-text) 8%, transparent);
    background: color-mix(in srgb, var(--theme-bg) 72%, transparent);
    box-shadow: none;
  }
  .aml-sidenav:hover .aml-sidenav__label,
  .aml-sidenav:focus-within .aml-sidenav__label {
    display: none;
  }
  .aml-sidenav:hover .aml-sidenav__link,
  .aml-sidenav:focus-within .aml-sidenav__link {
    width: 2.4rem;
    justify-content: center;
    padding: 0;
    gap: 0;
  }
  .aml-sidenav__brand {
    display: none;
  }
  .aml-sidenav__nav {
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
  }
  .aml-sidenav__link {
    width: 2.4rem;
    height: 2.4rem;
    justify-content: center;
    padding: 0;
  }
  .aml-sidenav__label {
    display: none;
  }
  .aml-sidenav__foot {
    display: none;
  }
  .aml-sidenav__link--mobile {
    display: grid;
  }
  .aml-app {
    margin-left: 0;
    padding-bottom: 3.75rem;
  }
  html body.aml-shell.aml-shell--rail .homepage-wrapper--miruro > .msl-wrap {
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 0.35rem !important;
  }

}

/* Chatango panel — mobil sheet + masaüstü boyutlandırılabilir pencere */
.aml-chat-panel {
  --aml-chat-accent: #9999ff;
  --aml-chat-rail: calc(3.75rem + env(safe-area-inset-bottom, 0px));
}
.aml-chat-panel__fab {
  position: fixed;
  z-index: 70;
  right: 0.75rem;
  bottom: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.55rem 0.9rem;
  border: 0;
  border-radius: 0.65rem;
  background: var(--aml-chat-accent);
  color: #0a0a12;
  font: 700 0.82rem/1 Calibri, "Segoe UI", sans-serif;
  letter-spacing: 0.01em;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--aml-chat-accent) 35%, transparent);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.aml-chat-panel--mobile .aml-chat-panel__fab {
  bottom: calc(var(--aml-chat-rail) + 0.55rem);
}
.aml-chat-panel__fab i {
  font-size: 1.15rem;
  line-height: 1;
}
.aml-chat-panel__fab:active {
  transform: scale(0.97);
}
.aml-chat-panel[data-open="1"] .aml-chat-panel__fab {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.92);
}
.aml-chat-panel__layer {
  position: fixed;
  inset: 0;
  z-index: 11000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  pointer-events: none;
  transition: visibility 0.22s step-end;
}
.aml-chat-panel[data-open="0"] .aml-chat-panel__layer {
  visibility: hidden;
  transition: visibility 0.22s step-start;
}
.aml-chat-panel[data-open="1"] .aml-chat-panel__backdrop,
.aml-chat-panel[data-open="1"] .aml-chat-panel__sheet,
.aml-chat-panel[data-open="1"] .aml-chat-panel__close,
.aml-chat-panel[data-open="1"] .aml-chat-panel__hit-close {
  pointer-events: auto;
}
.aml-chat-panel__backdrop {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: color-mix(in srgb, var(--theme-bg) 55%, transparent);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.22s ease;
}
.aml-chat-panel[data-open="0"] .aml-chat-panel__backdrop {
  opacity: 0;
}
.aml-chat-panel__sheet {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: min(72dvh, 32rem);
  max-height: calc(100dvh - 1.5rem);
  margin: 0;
  border-radius: 1rem 1rem 0 0;
  border: 1px solid color-mix(in srgb, var(--aml-chat-accent) 35%, transparent);
  border-bottom: 0;
  background: var(--theme-surface, #12141c);
  box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  transform: translateY(0);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}
.aml-chat-panel[data-open="0"] .aml-chat-panel__sheet {
  transform: translateY(110%);
}
.aml-chat-panel__close {
  position: absolute;
  z-index: 6;
  top: 0.4rem;
  right: 0.4rem;
  display: none;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.4rem;
  background: color-mix(in srgb, #fff 55%, transparent);
  color: #0a0a12;
  font-size: 1.05rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.aml-chat-panel__close:hover {
  background: #fff;
}
.aml-chat-panel__hit-close {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 2.85rem;
  height: 2.55rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.aml-chat-panel__body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  background: #0b0b12;
}
.aml-chat-panel__body iframe,
.aml-chat-panel__body > div {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
}

/* Masaüstü: sağ alt yüzen; sol-üst tutamaçla büyüt (iframe resize’ı engellemez) */
@media (min-width: 721px) {
  .aml-chat-panel--desktop .aml-chat-panel__layer {
    inset: auto;
    right: 1rem;
    bottom: 1rem;
    width: auto;
    height: auto;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .aml-chat-panel--desktop .aml-chat-panel__backdrop {
    display: none;
  }
  .aml-chat-panel--desktop .aml-chat-panel__sheet {
    width: 380px;
    height: 480px;
    min-width: 300px;
    min-height: 340px;
    max-width: min(92vw, 900px);
    max-height: min(90vh, 860px);
    border-radius: 0.85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--aml-chat-accent) 35%, transparent);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    padding-bottom: 0;
    overflow: hidden;
    transform: none;
    opacity: 1;
  }
  .aml-chat-panel--desktop[data-open="0"] .aml-chat-panel__sheet {
    transform: translateY(12px) scale(0.96);
    opacity: 0;
  }
  .aml-chat-panel--desktop .aml-chat-panel__close {
    display: grid;
  }
  .aml-chat-panel--desktop .aml-chat-panel__hit-close {
    display: none;
  }
  .aml-chat-panel--desktop .aml-chat-panel__fab {
    bottom: 1.15rem;
    right: 1.15rem;
  }
  .aml-chat-panel__resize {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    width: 1.35rem;
    height: 1.35rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.85rem 0 0.35rem 0;
    background:
      linear-gradient(
        135deg,
        color-mix(in srgb, var(--aml-chat-accent) 85%, #fff) 0 28%,
        transparent 28% 42%,
        color-mix(in srgb, var(--aml-chat-accent) 70%, #fff) 42% 52%,
        transparent 52% 66%,
        color-mix(in srgb, var(--aml-chat-accent) 55%, #fff) 66% 76%,
        transparent 76%
      );
    cursor: nwse-resize;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
  }
  .aml-chat-panel__resize:hover,
  .aml-chat-panel[data-resizing="1"] .aml-chat-panel__resize {
    background:
      linear-gradient(
        135deg,
        #fff 0 28%,
        transparent 28% 42%,
        #fff 42% 52%,
        transparent 52% 66%,
        #fff 66% 76%,
        transparent 76%
      );
  }
  /* Sürüklerken iframe pointer’ı yemesin */
  .aml-chat-panel[data-resizing="1"] .aml-chat-panel__body {
    pointer-events: none;
  }
  .aml-chat-panel[data-open="1"] .aml-chat-panel__resize {
    pointer-events: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .aml-chat-panel__sheet,
  .aml-chat-panel__backdrop,
  .aml-chat-panel__fab {
    transition: none;
  }
}

/* Mini duyuru modal — Miruro / cyan accent */
.aml-announce {
  --ann-accent: var(--theme-accent);
  --ann-accent-deep: var(--theme-accent-deep);
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 1rem;
  animation: aml-announce-fade 0.28s ease-out both;
}
.aml-announce__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background:
    radial-gradient(ellipse 55% 40% at 50% 42%, color-mix(in srgb, var(--ann-accent) 14%, transparent), transparent 70%),
    color-mix(in srgb, var(--theme-bg) 72%, transparent);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.aml-announce__panel {
  position: relative;
  z-index: 1;
  width: min(26.5rem, 100%);
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--ann-accent) 28%, color-mix(in srgb, var(--theme-text) 10%, transparent));
  background:
    radial-gradient(120% 80% at 100% -10%, color-mix(in srgb, var(--ann-accent) 16%, transparent), transparent 52%),
    radial-gradient(90% 60% at -10% 110%, color-mix(in srgb, var(--ann-accent-deep) 10%, transparent), transparent 50%),
    linear-gradient(165deg, var(--theme-surface) 0%, var(--theme-bg) 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--theme-text) 4%, transparent) inset,
    0 22px 56px rgba(0, 0, 0, 0.55),
    0 0 48px color-mix(in srgb, var(--ann-accent) 12%, transparent);
  padding: 1.15rem 1.2rem 1rem;
  color: var(--theme-text);
  font-family: var(--aml-font-body);
  -webkit-font-smoothing: antialiased;
  animation: aml-announce-pop 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.aml-announce__shine {
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    115deg,
    transparent 35%,
    color-mix(in srgb, var(--theme-text) 4%, transparent) 48%,
    transparent 62%
  );
  transform: translateX(-40%);
  animation: aml-announce-shine 2.8s ease-in-out 0.4s 1 both;
}
.aml-announce__accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ann-accent) 22%,
    var(--theme-surface) 50%,
    var(--ann-accent-deep) 78%,
    transparent 100%
  );
  opacity: 0.95;
}
.aml-announce__chibi {
  position: absolute;
  right: 0.15rem;
  bottom: 0.1rem;
  width: clamp(6.8rem, 24vw, 8.6rem);
  height: auto;
  z-index: 1;
  pointer-events: none !important;
  user-select: none;
  filter: drop-shadow(0 8px 14px color-mix(in srgb, #000 40%, transparent));
  transform-origin: 70% 100%;
  animation: aml-announce-chibi 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
}
.aml-announce__head {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.7rem;
}
.aml-announce__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.22rem 0.55rem 0.22rem 0.4rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ann-accent);
  background: color-mix(in srgb, var(--ann-accent) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--ann-accent) 35%, transparent);
}
.aml-announce__badge i {
  font-size: 0.95rem;
  line-height: 1;
}
.aml-announce__main {
  position: relative;
  z-index: 3;
  padding-right: clamp(6.4rem, 24vw, 8.2rem);
  min-height: 5.5rem;
}
.aml-announce__title {
  margin: 0 0 0.45rem;
  font-family: var(--aml-font-body);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--theme-text);
}
.aml-announce__close {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--theme-text) 5%, transparent);
  color: color-mix(in srgb, var(--theme-muted) 85%, transparent);
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.aml-announce__close:hover {
  background: color-mix(in srgb, var(--ann-accent) 16%, color-mix(in srgb, var(--theme-text) 6%, transparent));
  border-color: color-mix(in srgb, var(--ann-accent) 45%, transparent);
  color: var(--theme-text);
}
.aml-announce__body {
  font-family: var(--aml-font-body);
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--theme-muted) 92%, transparent);
}
.aml-announce__body p {
  margin: 0 0 0.4rem;
}
.aml-announce__body p:last-child {
  margin-bottom: 0;
}
.aml-announce__foot {
  position: relative;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.95rem;
  max-width: calc(100% - clamp(6.6rem, 24vw, 8.4rem));
  pointer-events: auto;
}
.aml-announce__timer {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--aml-font-body);
  font-size: 0.8rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--theme-muted) 60%, transparent);
  font-variant-numeric: tabular-nums;
}
.aml-announce__timer i {
  font-size: 0.95rem;
  color: var(--ann-accent);
  opacity: 0.85;
}
.aml-announce__check {
  position: relative;
  z-index: 7;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0.35rem 0.45rem 0.35rem 0.3rem;
  border: 0;
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--theme-bg) 22%, transparent);
  cursor: pointer;
  font: inherit;
  font-family: var(--aml-font-body);
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  color: color-mix(in srgb, var(--theme-muted) 78%, transparent);
  user-select: none;
  max-width: 100%;
  pointer-events: auto;
  transition: background 0.15s ease, color 0.15s ease;
}
.aml-announce__check:hover,
.aml-announce__check.is-on {
  color: var(--theme-text);
  background: color-mix(in srgb, var(--ann-accent) 14%, color-mix(in srgb, var(--theme-bg) 28%, transparent));
}
.aml-announce__box {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0.28rem;
  border: 1.5px solid color-mix(in srgb, var(--ann-accent) 50%, color-mix(in srgb, var(--theme-text) 30%, transparent));
  background: color-mix(in srgb, var(--theme-bg) 35%, transparent);
  color: var(--theme-text);
  font-size: 0.75rem;
  line-height: 1;
}
.aml-announce__check.is-on .aml-announce__box {
  border-color: transparent;
  background: var(--ann-accent);
}
.aml-announce__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  z-index: 4;
  pointer-events: none;
  background: color-mix(in srgb, var(--theme-text) 6%, transparent);
}
.aml-announce__bar > span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--ann-accent-deep), var(--ann-accent), var(--theme-surface));
  box-shadow: 0 0 10px color-mix(in srgb, var(--ann-accent) 55%, transparent);
  transition: width 0.05s linear;
}

@keyframes aml-announce-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes aml-announce-pop {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes aml-announce-shine {
  from { transform: translateX(-45%); opacity: 0; }
  30% { opacity: 1; }
  to { transform: translateX(45%); opacity: 0; }
}
@keyframes aml-announce-chibi {
  from {
    opacity: 0;
    transform: translate(8px, 12px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aml-announce,
  .aml-announce__panel,
  .aml-announce__shine,
  .aml-announce__chibi {
    animation: none;
  }
}

@media (max-width: 420px) {
  .aml-announce__chibi {
    width: 5.8rem;
    right: 0;
    bottom: 0;
  }
  .aml-announce__main,
  .aml-announce__foot {
    padding-right: 5.6rem;
  }
}


/* home.css */
/* 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);
}

/* home-bridge.css */
/* Next shell ↔ canlı home sınıfları */
.aml-shell .homepage-wrapper,
.aml-shell .homepage-inner,
body.aml-shell .homepage-wrapper,
body.aml-shell .homepage-inner {
  width: var(--aml-max) !important;
  max-width: var(--aml-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--hp-pad) !important;
  padding-right: var(--hp-pad) !important;
  box-sizing: border-box !important;
}
.aml-shell .homepage-wrapper {
  padding-top: 0.25rem !important;
  padding-bottom: 2.5rem !important;
}
.aml-shell .homepage-inner {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
/* Eski cinematic bleed — sadece legacy popular-slider için; .msl-wrap hariç */
.aml-shell .home-hero-bleed:not(.msl-wrap) {
  background: var(--theme-bg);
  min-height: 0 !important;
  max-height: 28rem !important;
  height: clamp(16rem, 34vh, 26rem) !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.aml-shell .home-hero-bleed .popular-slider-section,
.aml-shell .home-hero-bleed .popular-slider-width-wrap,
.aml-shell .home-hero-bleed .popular-slider-container,
.aml-shell .home-hero-bleed #popSlider {
  position: relative !important;
  height: 100% !important;
  max-height: inherit !important;
  min-height: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
/* Canlı .ep-slide{position:relative} stacked büyütmesin */
.aml-shell .home-hero-bleed .ep-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.aml-shell .home-hero-bleed .ep-hero-slide {
  position: absolute;
  inset: 0;
  background: var(--theme-bg);
  overflow: hidden;
}
.aml-shell .home-hero-bleed .ep-hero-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  z-index: 0;
  pointer-events: none;
}
.aml-shell .ep-hero-gradient {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--theme-bg) 92%, transparent) 0%,
    color-mix(in srgb, var(--theme-bg) 55%, transparent) 42%,
    color-mix(in srgb, var(--theme-bg) 20%, transparent) 70%,
    transparent 100%
  );
  pointer-events: none;
}
.aml-shell .ep-hero-inner {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 1.25rem 1.5rem 1.75rem;
  max-width: 720px;
}
.aml-shell .ep-hero-content {
  position: relative;
  z-index: 3;
}
.aml-shell .ep-hero-hitarea {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.aml-shell .ep-hero-title {
  margin: 0.25rem 0 0.5rem;
  font-size: clamp(1.35rem, 3vw, 2.1rem);
  font-weight: 800;
  color: var(--theme-text);
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}
.aml-shell .ep-hero-desc {
  color: color-mix(in srgb, var(--theme-text) 78%, transparent);
  font-size: 0.92rem;
  line-height: 1.45;
  margin: 0.4rem 0 0.85rem;
  max-width: 36rem;
}
.aml-shell .ep-hero-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.aml-shell .fh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1.1rem;
  border-radius: 0.45rem;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
}
.aml-shell .fh-btn--primary {
  background: var(--theme-info);
  color: var(--theme-text);
}
.aml-shell .fh-btn--ghost {
  background: color-mix(in srgb, var(--theme-text) 12%, transparent);
  color: var(--theme-text);
  border: 1px solid color-mix(in srgb, var(--theme-text) 22%, transparent);
}
.aml-shell .ep-hero-rating-row {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.aml-shell .ep-hero-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--theme-accent);
  font-weight: 700;
  font-size: 0.9rem;
}
.aml-shell .ep-hero-rating .score-label {
  color: color-mix(in srgb, var(--theme-text) 70%, transparent);
  font-size: 0.75rem;
  margin-right: 0.15rem;
}
.aml-shell .ep-hero-season-year {
  color: color-mix(in srgb, var(--theme-text) 65%, transparent);
  font-size: 0.8rem;
}
.aml-shell .home-hero-bleed .popular-hero-dots,
.aml-shell .popular-hero-dots {
  position: absolute !important;
  right: 1rem;
  bottom: 0.85rem;
  left: auto;
  top: auto;
  z-index: 12;
  display: flex;
  gap: 0.4rem;
  margin: 0;
  pointer-events: auto;
}
.aml-shell .popular-hero-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  border: 0;
  background: color-mix(in srgb, var(--theme-text) 35%, transparent);
  cursor: pointer;
  padding: 0;
}
.aml-shell .popular-hero-dot.is-active {
  background: var(--theme-info);
}
.aml-shell .anime-card__poster-fallback {
  width: 100%;
  aspect-ratio: 2 / 3;
  background: var(--theme-surface);
}
.aml-shell .visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 640px) {
  .aml-shell .home-hero-bleed:not(.msl-wrap) {
    max-height: 13.5rem !important;
    height: clamp(10.5rem, 26vh, 13.5rem) !important;
  }
  .aml-shell .ep-hero-desc {
    display: none;
  }
}

/* —— Shell sync: slider altı = izleme sayfası (%88) —— */
html body.aml-shell .homepage-wrapper,
html body.aml-shell .homepage-inner {
  width: var(--aml-max) !important;
  max-width: var(--aml-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  align-self: center;
}
html body.aml-shell .homepage-inner > section,
html body.aml-shell .homepage-inner > .recent-update-section,
html body.aml-shell .homepage-inner > .most-viewed-section,
html body.aml-shell .homepage-inner > .homepage-combined-tabs {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
/* Legacy full-bleed; msl shell içinde %100 */
html body.aml-shell .home-hero-bleed:not(.msl-wrap) {
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
}
html body.aml-shell .homepage-inner > .msl-wrap.home-hero-bleed {
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
}

/* Günün Animesi feature */
.home-layout__main .daily-feature-section {
  margin-top: 0.35rem;
}
.home-layout__main .daily-feature__head {
  margin-bottom: 0.65rem;
}
.home-layout__main .daily-pick--feature {
  max-width: none;
  width: 100%;
  grid-template-columns: minmax(150px, 200px) minmax(0, 1fr);
  gap: 1.15rem 1.35rem;
  padding: 1.05rem 1.15rem;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--theme-info) 20%, transparent);
  --dp-glow: color-mix(in srgb, var(--theme-info) 14%, transparent);
  --dp-border: color-mix(in srgb, var(--theme-info) 20%, transparent);
  background:
    radial-gradient(ellipse 70% 90% at 0% 50%, var(--dp-glow), transparent 55%),
    var(--dp-bg);
  box-shadow: var(--dp-shadow);
  animation: dailyPickIn 0.55s ease both;
}
@keyframes dailyPickIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
.home-layout__main .daily-pick--feature .daily-pick__bg::after {
  opacity: var(--dp-poster-blur-op);
  filter: blur(36px) saturate(1.2);
}
.home-layout__main .daily-pick--feature .daily-pick__poster {
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.home-layout__main .daily-pick--feature .daily-pick__poster:hover {
  transform: translateY(-3px) scale(1.015);
  box-shadow: 0 18px 42px rgba(0, 212, 255, 0.16);
}
.home-layout__main .daily-pick--feature .daily-pick__poster-ph {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  background: linear-gradient(145deg, var(--dp-poster-bg), color-mix(in srgb, var(--dp-poster-bg) 70%, var(--theme-bg)));
}
.home-layout__main .daily-pick--feature .daily-pick__badge {
  animation: dailyBadgePulse 2.4s ease-in-out infinite;
}
@keyframes dailyBadgePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.35); }
  50% { box-shadow: 0 0 0 6px rgba(251, 191, 36, 0); }
}
.home-layout__main .daily-pick--feature .daily-pick__title {
  font-size: clamp(1.2rem, 2.2vw, 1.65rem);
}
.home-layout__main .daily-pick--feature .daily-pick__btn--play {
  background: linear-gradient(135deg, var(--theme-info), var(--theme-info));
  border-color: color-mix(in srgb, var(--theme-info) 45%, transparent);
  box-shadow: 0 8px 20px rgba(0, 212, 255, 0.28);
}
.home-layout__main .daily-pick--feature .daily-pick__btn--play:hover {
  filter: brightness(1.06);
}
@media (max-width: 640px) {
  .home-layout__main .daily-pick--feature {
    grid-template-columns: 112px minmax(0, 1fr);
    padding: 0.8rem;
    gap: 0.8rem;
  }
  .home-layout__main .daily-pick--feature .daily-pick__title {
    font-size: 1.05rem;
  }
}


/* miruro-slider.css */
/**
 * Home hero — Miruro tarzı alt-sol içerik + rail-overlay hesabı
 */

.homepage-inner > .msl-wrap.home-hero-bleed,
.msl-wrap.home-hero-bleed {
  background: transparent !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  margin: 0 0 0.35rem !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
}

.msl {
  width: 100%;
}

.msl-frame {
  position: relative;
  width: 100%;
  /* Altı uzatıldı: görsel içerik altına doğru devam eder */
  height: clamp(30rem, 78vh, 44rem);
  min-height: 30rem;
  max-height: 44rem;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  isolation: isolate;
}
/* Alt: görsel korunur + tema rengine hafif soft geçiş */
.msl-frame::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(6rem, 16vh, 10rem);
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      color-mix(in srgb, var(--theme-bg) 18%, transparent) 38%,
      color-mix(in srgb, var(--theme-bg) 55%, transparent) 72%,
      color-mix(in srgb, var(--theme-bg) 88%, transparent) 100%
    ),
    linear-gradient(
      180deg,
      transparent 55%,
      color-mix(in srgb, var(--aml-accent) 6%, transparent) 100%
    );
}

.msl-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.55s ease;
  z-index: 1;
}
.msl-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

.msl-slide__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 68% center;
  z-index: 0;
  /* Görsel alta doğru erir; erken kesilmez */
  -webkit-mask-image: linear-gradient(
    180deg,
    #000 0%,
    #000 72%,
    rgba(0, 0, 0, 0.35) 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    180deg,
    #000 0%,
    #000 72%,
    rgba(0, 0, 0, 0.35) 88%,
    transparent 100%
  );
}
.msl-slide__bg--poster {
  object-position: 78% 18%;
}
.msl-slide__bg--ph {
  background:
    radial-gradient(ellipse 50% 60% at 75% 40%, var(--theme-accent) 0%, transparent 55%),
    linear-gradient(135deg, var(--theme-bg), var(--theme-bg));
}

.msl-slide__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* Hero afiş üstü — her temada koyu scrim (krem/bg değil) */
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.28) 34%,
    transparent 62%
  );
  -webkit-mask-image: linear-gradient(
    180deg,
    #000 0%,
    #000 72%,
    rgba(0, 0, 0, 0.5) 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    180deg,
    #000 0%,
    #000 72%,
    rgba(0, 0, 0, 0.5) 88%,
    transparent 100%
  );
}

/* Alt-sol blok — fade bölgesinin üstünde kalsın */
.msl-body {
  position: absolute;
  z-index: 4;
  left: calc(var(--aml-rail-w) + 1.35rem + 10vw);
  bottom: clamp(7.5rem, 16vh, 11rem);
  top: auto;
  transform: none;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: min(28rem, calc(100% - var(--aml-rail-w) - 10vw - 4rem));
  max-width: 28rem;
  pointer-events: none;
}
.msl-body > * {
  pointer-events: auto;
}

.msl-logo {
  display: block;
  width: auto;
  max-width: min(28.6rem, 100%);
  height: auto;
  max-height: 6.875rem;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 4px 18px color-mix(in srgb, #000 40%, transparent));
}

.msl-frame--drag {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.msl-frame--drag:active {
  cursor: grabbing;
}
.msl-frame--drag.is-dragged a {
  pointer-events: none;
}

/* Hero metinleri afiş üstünde — her temada açık ink */
.msl-title {
  margin: 0;
  font-family: var(--aml-font-body), Figtree, system-ui, sans-serif;
  font-size: clamp(1.55rem, 2.8vw, 2.15rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0, 0, 0, 0.45);
}

.msl-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.msl-tags li {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.18rem 0.6rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff !important;
  font-family: var(--aml-font-body), Figtree, system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  backdrop-filter: blur(8px);
}

.msl-desc {
  margin: 0;
  max-width: 26rem;
  font-family: var(--aml-font-body), Figtree, system-ui, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92) !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

.msl-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.15rem;
}

.msl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.4rem;
  padding: 0.42rem 1.05rem;
  border-radius: 0.55rem;
  font-family: var(--aml-font-body), Figtree, system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition: filter 0.15s ease, background 0.15s ease;
}
.msl-btn i {
  font-size: 0.88rem;
}
.msl-btn--solid {
  background: var(--theme-accent);
  border: 1px solid var(--theme-accent);
  color: var(--theme-accent-ink) !important;
}
.msl-btn--solid:hover {
  filter: brightness(1.06);
  color: var(--theme-accent-ink) !important;
}
.msl-btn--solid i {
  font-size: 0.68rem;
}
.msl-btn--ghost {
  background: rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff !important;
  backdrop-filter: blur(8px);
}
.msl-btn--ghost:hover {
  background: rgba(0, 0, 0, 0.58);
  color: #fff !important;
}
.msl-btn--icon {
  width: 2.4rem;
  min-width: 2.4rem;
  padding: 0;
  background: rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff !important;
  backdrop-filter: blur(8px);
  cursor: pointer;
}
.msl-btn--icon:hover {
  background: rgba(0, 0, 0, 0.58);
  color: #fff !important;
}
.msl-btn--icon.is-listed {
  border-color: color-mix(in srgb, var(--theme-info) 55%, transparent);
  color: var(--theme-info) !important;
}
.msl-btn--icon i {
  font-size: 1.1rem;
}

.msl-list {
  position: relative;
  display: inline-flex;
  z-index: 8;
}
.msl-btn--icon.is-open {
  background: color-mix(in srgb, var(--theme-bg) 78%, transparent);
  border-color: color-mix(in srgb, var(--theme-info) 55%, transparent);
}
.msl-list__menu {
  min-width: 10.5rem;
  padding: 0.4rem;
  border-radius: 0.6rem;
  border: 1px solid var(--theme-border);
  background: var(--theme-surface);
  color: var(--theme-text);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--theme-text) 22%, transparent);
  backdrop-filter: blur(12px);
  display: grid;
  gap: 0.12rem;
}
.msl-list__menu--portal {
  position: fixed;
  z-index: 1200;
  animation: msl-list-in 0.14s ease both;
}
@keyframes msl-list-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.msl-list__heading {
  margin: 0 0 0.2rem;
  padding: 0.25rem 0.55rem 0.35rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--theme-muted);
  border-bottom: 1px solid var(--theme-border);
}
.msl-list__opt {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--theme-text);
  text-align: left;
  padding: 0.5rem 0.65rem;
  border-radius: 0.4rem;
  font-size: 0.84rem;
  font-weight: 650;
  cursor: pointer;
}
.msl-list__opt:hover,
.msl-list__opt.is-active {
  background: color-mix(in srgb, var(--theme-accent) 16%, transparent);
  color: var(--theme-text);
}

.msl-dots {
  position: absolute;
  z-index: 7;
  left: 50%;
  bottom: clamp(5.5rem, 12vh, 8rem);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.38rem;
}
.msl-dot {
  appearance: none;
  width: 1.25rem;
  height: 0.2rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--theme-text) 28%, transparent);
  cursor: pointer;
  transition: width 0.2s ease, background 0.2s ease;
}
.msl-dot.is-active {
  width: 2rem;
  background: color-mix(in srgb, var(--theme-text) 28%, transparent);
  position: relative;
  overflow: hidden;
}
.msl-dots.is-armed .msl-dot.is-active::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  background: #fff;
  animation: msl-dot-fill 7.5s linear forwards;
}
@keyframes msl-dot-fill {
  to {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .msl-dots.is-armed .msl-dot.is-active::after {
    animation: none;
    width: 100%;
  }
}
.msl-dot:hover {
  background: color-mix(in srgb, var(--theme-text) 55%, transparent);
}

@media (max-width: 900px) {
  .msl-frame {
    height: clamp(26rem, 68vw, 34rem);
    max-height: 34rem;
  }
  .msl-slide__bg {
    object-position: 62% center;
  }
  .msl-body {
    left: 1rem;
    bottom: 5.5rem;
    width: calc(100% - 2rem);
    max-width: none;
  }
  html body.aml-shell--rail .msl-body {
    left: 1rem;
  }
  .msl-logo {
    max-height: 5.5rem;
    max-width: min(24.2rem, 100%);
  }
  .msl-title {
    font-size: clamp(1.35rem, 5vw, 1.75rem);
  }
  .msl-desc {
    -webkit-line-clamp: 2;
    font-size: 0.84rem;
  }
}

.msl-title--mobile {
  display: none;
}

@media (max-width: 720px) {
  .msl-frame {
    height: clamp(26rem, 118vw, 34rem);
    min-height: 26rem;
    max-height: none;
  }
  .msl-slide__bg {
    object-position: center 8%;
  }
  .msl-body {
    left: 0.85rem;
    right: 0.85rem;
    bottom: 1.35rem;
    width: auto;
    max-width: 18.5rem;
    gap: 0.4rem;
  }
  .msl-logo {
    display: block;
    max-height: 3.6rem;
    max-width: min(15rem, 86%);
  }
  .msl-title--mobile {
    display: none;
  }
  .msl-title {
    font-size: 1.35rem;
  }
  .msl-desc {
    -webkit-line-clamp: 2;
    max-width: 18rem;
    font-size: 0.78rem;
  }
  .msl-dots {
    left: 0.85rem;
    bottom: 0.4rem;
    transform: none;
  }
  .msl-cta {
    gap: 0.35rem;
  }
}

/* Light: metin rengi global p kuralını ezer; shade/fade ortak token */
.aml-shell .homepage-inner .msl-wrap.home-hero-bleed,
.aml-shell .msl-wrap.home-hero-bleed {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .recent-update-section .section-title-modern,
    html body .homepage-inner .recent-update-section .section-title-modern {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .recent-update-section .section-filters-modern,
    html body .homepage-inner .recent-update-section .section-filters-modern {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        justify-content: stretch;
        gap: 0.35rem;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        flex-wrap: unset !important;
    }

    .recent-update-section .filter-btn-modern,
    html body .homepage-inner .recent-update-section .filter-btn-modern {
        flex: unset;
        min-width: 0;
        width: 100%;
        padding: 0.38rem 0.35rem !important;
        font-size: 0.72rem !important;
        font-weight: 700 !important;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* miruro-card.css */
/**
 * Miruro-style anime cards + home 6-col sizing
 */

.mac {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 0;
  width: 100%;
  color: inherit;
  transition: transform 0.22s ease;
}
.mac:hover,
.mac:focus-within {
  transform: translateY(-0.15rem);
}

.mac__poster {
  position: relative;
  width: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
  /* Sabit oran → lazy yüklemede CLS yok (2/3’ten ~%10 daha alçak) */
  aspect-ratio: 2 / 2.7;
  background: var(--theme-surface);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-soft);
  isolation: isolate;
  contain: layout;
  container-type: inline-size;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
.mac:hover .mac__poster,
.mac:focus-within .mac__poster {
  border-color: color-mix(in srgb, var(--theme-accent) 42%, var(--theme-border));
  box-shadow:
    var(--theme-shadow),
    0 0 0 1px color-mix(in srgb, var(--theme-accent) 35%, transparent);
}

.mac__hit {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}
.mac__hit img,
.mac__ph {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s var(--aml-ease, ease), filter 0.25s ease;
}
.mac__ph {
  background: linear-gradient(145deg, var(--theme-surface), var(--theme-bg));
}

.mac__hit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  transition: background 0.25s ease;
  pointer-events: none;
}

.mac__play {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: scale(0.88);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  color: var(--theme-accent-ink);
}
.mac__play i {
  display: grid;
  place-items: center;
  width: clamp(1.85rem, 22cqw, 2.45rem);
  height: clamp(1.85rem, 22cqw, 2.45rem);
  border-radius: 999px;
  background: var(--theme-accent);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--theme-accent) 40%, transparent);
  font-size: clamp(0.7rem, 8cqw, 0.88rem);
  margin-left: 0.1rem;
}

.mac:hover .mac__hit img,
.mac:focus-within .mac__hit img {
  transform: scale(1.05);
  filter: brightness(0.92) saturate(1.05);
}
.mac:hover .mac__hit::after,
.mac:focus-within .mac__hit::after {
  background: color-mix(in srgb, #000 38%, transparent);
}
.mac:hover .mac__play,
.mac:focus-within .mac__play {
  opacity: 1;
  transform: scale(1);
}

img.aml-defer:not([src]) {
  opacity: 0;
}

/* Listeye ekle (+) */
.mac-add {
  position: absolute;
  top: 0.45rem;
  right: 0.45rem;
  z-index: 4;
  opacity: 0;
  transform: translateY(-0.15rem);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.mac:hover .mac-add,
.mac:focus-within .mac-add,
.mac-add.is-open {
  opacity: 1;
  transform: none;
}
.mac-add__btn {
  appearance: none;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.mac-add__btn:hover,
.mac-add__btn.is-active {
  background: var(--theme-accent);
  border-color: var(--theme-accent);
  color: var(--theme-accent-ink);
}
.mac-add__btn i {
  font-size: 0.95rem;
  line-height: 1;
}
.mac-add__menu {
  min-width: 9rem;
  max-width: min(11rem, calc(100vw - 1rem));
  padding: 0.28rem;
  border-radius: 0.45rem;
  background: var(--theme-surface);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-panel-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  color: var(--theme-text);
}
.mac-add__menu--portal {
  position: fixed;
  z-index: 1300;
  right: auto;
  top: auto;
}
.mac-add__opt {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--theme-text);
  text-align: left;
  padding: 0.38rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.78rem;
  font-weight: 650;
  cursor: pointer;
  line-height: 1.2;
}
.mac-add__opt:hover,
.mac-add__opt.is-active {
  background: color-mix(in srgb, var(--theme-accent) 16%, transparent);
  color: var(--theme-text);
}

.mac__body {
  min-width: 0;
  padding: 0 0.1rem;
}
.mac__title-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
  color: var(--theme-text) !important;
  min-width: 0;
  transition: color 0.15s ease;
}
.mac:hover .mac__title-row,
.mac:focus-within .mac__title-row {
  color: var(--theme-accent) !important;
}
.mac__dot {
  flex: 0 0 auto;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--theme-accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-accent) 22%, transparent);
}
.mac__title {
  min-width: 0;
  font-family: var(--aml-font-display);
  font-size: clamp(0.72rem, 0.78vw, 0.8125rem);
  font-weight: var(--aml-fw-semibold);
  line-height: 1.3;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}

.mac__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.22rem;
  margin-top: 0.3rem;
}
.mac__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
  padding: 0.14rem 0.32rem;
  border-radius: 0.28rem;
  /* Light/dark tema chip token’ları — accent-soft pembe yıkama yok */
  background: var(--theme-chip-bg);
  border: 1px solid var(--theme-chip-bd);
  color: var(--theme-chip-fg);
  font-family: var(--aml-font-body);
  font-size: clamp(0.62rem, 0.7vw, 0.72rem);
  font-weight: var(--aml-fw-medium);
  line-height: 1;
}
.mac__chip i {
  font-size: 0.62rem;
  opacity: 0.95;
  color: inherit;
}
.mac__chip .fa-star {
  color: var(--theme-accent);
}

/*
 * Boyutlandırma — eski auto-fill/--ru-w ezilsin:
 * ana kolon tam genişlik / 6 kart
 */
html body.aml-shell main#main-content .home-layout__main .recent-update-section .anime-grid-modern,
html body.aml-shell main#main-content .home-layout__main #recentUpdateGrid.anime-grid-modern,
html body.aml-shell main#main-content .home-layout__main #top100Grid.anime-grid-modern,
html body.aml-shell .homepage-inner .home-layout__main .recent-update-section .anime-grid-modern,
html body.aml-shell .home-layout__main #recentUpdateGrid,
html body.aml-shell .home-layout__main #top100Grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 1rem 0.8rem !important;
  justify-content: stretch !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.aml-shell .home-layout__main .anime-grid-modern > *,
html body.aml-shell .home-layout__main #recentUpdateGrid > *,
html body.aml-shell .home-layout__main #top100Grid > * {
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.anime-grid-modern .mac,
.anime-grid .mac,
#recentUpdateGrid .mac,
#top100Grid .mac {
  width: 100% !important;
  max-width: 100% !important;
}

.most-viewed-slider-section .mac-rank-wrap .mac,
.most-viewed-slider-section .most-viewed-card-wrap .mac {
  width: 100%;
}

/*
 * Arşiv / detaylı arama / genre filtre — tam genişlik, Miruro ~8 kolon
 * Kart boyutu home 6-kolon ile yakın (aynı mac poster oranı)
 */
html body.aml-shell .filter-results .anime-grid-modern,
html body.aml-shell .filter-results .archive-grid,
html body.aml-shell #archiveGrid.anime-grid-modern,
html body.aml-shell .archive-grid {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 1rem 0.8rem !important;
  justify-content: stretch !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body.aml-shell .filter-results .anime-grid-modern > *,
html body.aml-shell .archive-grid > *,
html body.aml-shell #archiveGrid > * {
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media (max-width: 90rem) {
  html body.aml-shell .filter-results .archive-grid,
  html body.aml-shell #archiveGrid.anime-grid-modern {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 75rem) {
  html body.aml-shell .filter-results .archive-grid,
  html body.aml-shell #archiveGrid.anime-grid-modern {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 64rem) {
  html body.aml-shell .filter-results .archive-grid,
  html body.aml-shell #archiveGrid.anime-grid-modern {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 48rem) {
  html body.aml-shell .filter-results .archive-grid,
  html body.aml-shell #archiveGrid.anime-grid-modern {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.75rem 0.5rem !important;
  }
}
@media (max-width: 30rem) {
  html body.aml-shell .filter-results .archive-grid,
  html body.aml-shell #archiveGrid.anime-grid-modern {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ~1440px altı: 6 kolon fazla sıkışıyor */
@media (max-width: 90rem) {
  html body.aml-shell main#main-content .home-layout__main .recent-update-section .anime-grid-modern,
  html body.aml-shell main#main-content .home-layout__main #recentUpdateGrid.anime-grid-modern,
  html body.aml-shell main#main-content .home-layout__main #top100Grid.anime-grid-modern,
  html body.aml-shell .home-layout__main #recentUpdateGrid,
  html body.aml-shell .home-layout__main #top100Grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0.9rem 0.7rem !important;
  }
}
@media (max-width: 75rem) {
  html body.aml-shell main#main-content .home-layout__main .recent-update-section .anime-grid-modern,
  html body.aml-shell main#main-content .home-layout__main #recentUpdateGrid.anime-grid-modern,
  html body.aml-shell main#main-content .home-layout__main #top100Grid.anime-grid-modern,
  html body.aml-shell .home-layout__main #recentUpdateGrid,
  html body.aml-shell .home-layout__main #top100Grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Mobil: klasik grid, 2 kolon — kartlar büyük (2×2 slider hissi) */
@media (max-width: 64rem) {
  html body.aml-shell main#main-content .home-layout__main .recent-update-section .anime-grid-modern,
  html body.aml-shell main#main-content .home-layout__main #recentUpdateGrid.anime-grid-modern,
  html body.aml-shell main#main-content .home-layout__main #top100Grid.anime-grid-modern,
  html body.aml-shell .homepage-inner .home-layout__main .recent-update-section .anime-grid-modern,
  html body.aml-shell .home-layout__main #recentUpdateGrid,
  html body.aml-shell .home-layout__main #top100Grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem 0.75rem !important;
  }

  .recent-update-section .mac,
  #recentUpdateGrid .mac,
  #top100Grid .mac {
    gap: 0.55rem;
  }
  .recent-update-section .mac__poster,
  #recentUpdateGrid .mac__poster,
  #top100Grid .mac__poster {
    border-radius: 0.85rem;
  }
  .recent-update-section .mac__title,
  #recentUpdateGrid .mac__title,
  #top100Grid .mac__title {
    font-size: clamp(0.82rem, 3.4vw, 0.95rem);
    font-weight: 700;
    line-height: 1.3;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .recent-update-section .mac__dot,
  #recentUpdateGrid .mac__dot,
  #top100Grid .mac__dot {
    width: 0.48rem;
    height: 0.48rem;
  }
  .recent-update-section .mac__chips,
  #recentUpdateGrid .mac__chips,
  #top100Grid .mac__chips {
    gap: 0.28rem;
    margin-top: 0.35rem;
  }
  .recent-update-section .mac__chip,
  #recentUpdateGrid .mac__chip,
  #top100Grid .mac__chip {
    font-size: 0.7rem;
    padding: 0.18rem 0.4rem;
  }
  .recent-update-section .mac-add__btn,
  #recentUpdateGrid .mac-add__btn,
  #top100Grid .mac-add__btn {
    width: 1.85rem;
    height: 1.85rem;
  }
  .mac-add {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 48rem) {
  .mac-add {
    opacity: 1;
    transform: none;
  }
  html body .homepage-inner .recent-update-section .section-filters-modern {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html body .homepage-inner .recent-update-section .filter-btn-modern {
    width: 100%;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
  }
}


/* home-sidebar.css */
/**
 * Home 2-col + popüler sidebar (Günlük / Haftalık / Aylık)
 */

.home-layout {
  /* Surface rengi token’dan — light/dark aynı cam yapısı */
  --home-panel-solid: var(--theme-surface);
  --home-panel-border: var(--theme-panel-border);
  --home-panel-radius: 0.75rem;
  --home-panel-pad: 0.75rem 0.8rem 0.85rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 17.5rem;
  gap: 1.35rem 1.5rem;
  align-items: start;
}
.home-layout__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
.home-layout__side {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  align-self: start;
}

/* Büyük paneller: dark ile aynı cam (sadece Surface rengi değişir) */
.home-layout__main > .recent-update-section,
.home-layout__side > .hps,
.home-layout__side > .hsc {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  border: 1px solid var(--home-panel-border);
  border-radius: var(--home-panel-radius);
  padding: var(--home-panel-pad);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--home-panel-solid) 28%, transparent) 0%,
    color-mix(in srgb, var(--home-panel-solid) 62%, transparent) 14%,
    color-mix(in srgb, var(--home-panel-solid) 88%, transparent) 36%,
    color-mix(in srgb, var(--home-panel-solid) 94%, transparent) 100%
  );
  backdrop-filter: blur(14px) saturate(1.12);
  -webkit-backdrop-filter: blur(14px) saturate(1.12);
  box-shadow: var(--theme-panel-shadow);
}
.home-layout__main > .recent-update-section .section-header-modern {
  margin: 0 0 0.7rem;
  padding: 0;
  min-height: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.home-layout__main > .recent-update-section .section-title-modern {
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--theme-text);
}
.home-layout__main > .recent-update-section .section-title-modern i {
  font-size: 1.1rem;
  color: var(--theme-muted);
  -webkit-text-fill-color: var(--theme-muted);
}
.home-layout__main > .recent-update-section .pagination-nav-bottom {
  margin-top: 0.85rem;
}

@media (max-width: 1080px) {
  .home-layout {
    grid-template-columns: 1fr;
  }
}

/* Popular sidebar — TOP AIRING tarzı, tema accent */
.hps {
  --hps-accent: var(--aml-accent);
  position: sticky;
  top: calc(var(--aml-topbar-h) + 0.75rem);
}

.hps__head {
  margin-bottom: 0.7rem;
}
.hps__title {
  margin: 0 0 0.55rem;
  font-size: 0.95rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--theme-text);
}
.hps__title i {
  color: var(--hps-accent);
  font-size: 1.1rem;
}

.hps--season {
  margin-top: 0.85rem;
}
.hps--season .hps__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}
.hps--season .hps__title {
  margin: 0;
}
.hps__season-label {
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.02em;
  color: var(--theme-accent-soft-ink);
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--theme-accent) 35%, transparent);
  background: color-mix(in srgb, var(--theme-accent) 12%, var(--theme-surface));
  max-width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hps__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  padding: 0.2rem;
  border-radius: 0.45rem;
  background: var(--theme-neutral);
  border: 0;
}
.hps__tab {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--theme-text);
  font-size: 0.72rem;
  font-weight: 750;
  padding: 0.4rem 0.2rem;
  border-radius: 0.35rem;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, filter 0.15s;
}
.hps__tab:hover {
  filter: brightness(0.95);
  background: color-mix(in srgb, var(--theme-text) 6%, transparent);
}
.hps__tab.is-active {
  background: var(--theme-accent);
  color: var(--theme-accent-ink);
  filter: none;
}

.hps__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.4rem;
}
.hps__list > li {
  margin: 0;
}

.hps-row {
  position: relative;
  display: grid;
  grid-template-columns: 2.85rem minmax(0, 1fr);
  gap: 0.55rem 0.65rem;
  align-items: center;
  padding: 0.45rem 0.5rem;
  min-height: 3.65rem;
  border-radius: 0.55rem;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--theme-border);
  isolation: isolate;
  transition: border-color 0.15s, transform 0.15s;
}
.hps-row:hover {
  border-color: color-mix(in srgb, var(--hps-accent) 35%, transparent);
  transform: translateY(-1px);
}
.hps-row:hover .hps-row__banner {
  opacity: 0.32;
}
.hps-row:hover .hps-row__shade {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--home-panel-solid) 88%, transparent) 0%,
      color-mix(in srgb, var(--home-panel-solid) 58%, transparent) 45%,
      color-mix(in srgb, var(--home-panel-solid) 28%, transparent) 100%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--home-panel-solid) 32%, transparent) 0%,
      transparent 42%,
      color-mix(in srgb, var(--home-panel-solid) 40%, transparent) 100%
    );
}

.hps-row__banner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  z-index: 0;
  opacity: 0.5;
  filter: saturate(1.05) contrast(1.08);
  transform: scale(1.08);
  pointer-events: none;
}

.hps-row__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--home-panel-solid) 72%, transparent) 0%,
      color-mix(in srgb, var(--home-panel-solid) 38%, transparent) 45%,
      color-mix(in srgb, var(--home-panel-solid) 12%, transparent) 100%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--home-panel-solid) 22%, transparent) 0%,
      transparent 42%,
      color-mix(in srgb, var(--home-panel-solid) 28%, transparent) 100%
    );
}

.hps-row__poster {
  position: relative;
  z-index: 2;
  width: 2.85rem;
  aspect-ratio: 2 / 3;
  border-radius: 0.35rem;
  overflow: hidden;
  background: var(--theme-bg);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-soft);
}
.hps-row__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hps-row__ph {
  width: 100%;
  height: 100%;
  background: linear-gradient(160deg, var(--theme-surface), var(--theme-bg));
}

.hps-row__meta {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.hps-row__title {
  display: block;
  max-width: 100%;
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.25;
  color: var(--theme-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.22rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.hps-row__sub {
  display: flex;
  flex-wrap: wrap;
  gap: 0.22rem 0.28rem;
  font-size: 0.66rem;
  font-weight: 650;
  color: var(--theme-text);
}
.hps-row__sub > span {
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  padding: 0.1rem 0.32rem;
  border-radius: 0.22rem;
  border: 1px solid var(--theme-chip-bd);
  background: color-mix(in srgb, var(--theme-surface) 72%, transparent);
  color: var(--theme-chip-fg);
  line-height: 1.15;
}
.hps-row__type {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 750;
}
.hps-row__sub i {
  font-size: 0.58rem;
  margin-right: 0;
  opacity: 0.95;
}
.hps-row__sub .fa-star {
  color: var(--theme-accent);
}

.hps__more {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.45rem;
  padding: 0.35rem 0.5rem;
  border: 0;
  border-radius: 0.4rem;
  background: transparent;
  color: var(--theme-muted);
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
.hps__more:hover,
.hps__more.is-open {
  color: var(--hps-accent);
  background: color-mix(in srgb, var(--hps-accent) 10%, transparent);
}
.hps__more i {
  font-size: 1.05rem;
  line-height: 1;
}

.hps__empty {
  margin: 0.5rem 0 0;
  font-size: 0.84rem;
  color: var(--theme-muted);
  text-align: center;
  padding: 1rem 0.5rem;
}

@media (max-width: 1080px) {
  .hps {
    position: static;
  }
  .hps__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.4rem 0.75rem;
  }
}

/* —— Topluluk: Discord + Telegram — marka renkleri (tema info’ya bağlı değil) —— */
.hsc {
  --hsc-dc: #5865f2;
  --hsc-dc-deep: #4752c4;
  --hsc-tg: #2aabee;
  --hsc-tg-deep: #229ed9;
  --hsc-online: #23a559;
  --hps-accent: var(--aml-accent);
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.hsc__head {
  margin-bottom: 0.55rem;
}
.hsc__title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--theme-text);
}
.hsc__title i {
  color: var(--hps-accent);
  font-size: 1.1rem;
}
.hsc__stack {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.hsc-strip {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.55rem;
  padding: 0.35rem 0.55rem 0.35rem 0.4rem;
  border-radius: 0.65rem;
  text-decoration: none !important;
  color: inherit !important;
  overflow: hidden;
  transition: transform 0.15s, border-color 0.15s, background 0.15s;
}
.hsc-strip::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
}
.hsc-strip:hover {
  transform: translateY(-1px);
  color: inherit !important;
}
.hsc-strip__badge {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 1rem;
}
.hsc-strip__badge i {
  line-height: 1;
  color: #fff;
}
.hsc-strip__clyde {
  width: 1.05rem;
  height: auto;
  display: block;
  pointer-events: none;
}
.hsc-strip__copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
}
.hsc-strip__title {
  font-size: 0.8rem;
  font-weight: 780;
  line-height: 1.15;
  color: var(--theme-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hsc-strip__sub {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.66rem;
  font-weight: 600;
  color: var(--theme-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hsc-strip__sub.is-loading {
  opacity: 0.65;
}
.hsc-strip__dot {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--hsc-online);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hsc-online) 25%, transparent);
  flex-shrink: 0;
  animation: hsc-dot-pulse 1.8s ease-in-out infinite;
}
@keyframes hsc-dot-pulse {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--hsc-online) 45%, transparent); }
  50% { box-shadow: 0 0 0 4px transparent; }
}
.hsc-strip__go {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 750;
}
.hsc-strip__go i {
  font-size: 0.85rem;
  transition: transform 0.15s;
}
.hsc-strip:hover .hsc-strip__go i {
  transform: translateX(2px);
}

/* Discord — Blurple #5865F2 */
.hsc-strip--dc {
  border: 1px solid color-mix(in srgb, var(--hsc-dc) 32%, var(--theme-border));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--hsc-dc) 22%, transparent) 0%, color-mix(in srgb, var(--hsc-dc) 7%, transparent) 48%, transparent 100%),
    var(--theme-surface);
}
.hsc-strip--dc::before {
  background: var(--hsc-dc);
}
.hsc-strip--dc:hover {
  border-color: color-mix(in srgb, var(--hsc-dc) 55%, transparent);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--hsc-dc) 30%, transparent) 0%, color-mix(in srgb, var(--hsc-dc) 10%, transparent) 50%, transparent 100%),
    var(--theme-surface);
}
.hsc-strip__badge--dc {
  background: linear-gradient(145deg, var(--hsc-dc), var(--hsc-dc-deep));
  box-shadow: 0 3px 10px color-mix(in srgb, var(--hsc-dc) 40%, transparent);
}
.hsc-strip--dc .hsc-strip__go {
  color: var(--hsc-dc);
}

/* Telegram — #2AABEE */
.hsc-strip--tg {
  border: 1px solid color-mix(in srgb, var(--hsc-tg) 30%, var(--theme-border));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--hsc-tg) 20%, transparent) 0%, color-mix(in srgb, var(--hsc-tg) 6%, transparent) 48%, transparent 100%),
    var(--theme-surface);
}
.hsc-strip--tg::before {
  background: var(--hsc-tg);
}
.hsc-strip--tg:hover {
  border-color: color-mix(in srgb, var(--hsc-tg) 50%, transparent);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--hsc-tg) 28%, transparent) 0%, color-mix(in srgb, var(--hsc-tg) 10%, transparent) 50%, transparent 100%),
    var(--theme-surface);
}
.hsc-strip__badge--tg {
  background: linear-gradient(145deg, var(--hsc-tg), var(--hsc-tg-deep));
  box-shadow: 0 3px 10px color-mix(in srgb, var(--hsc-tg) 35%, transparent);
}
.hsc-strip--tg .hsc-strip__go {
  color: var(--hsc-tg);
}