/* VORTEX — HOME v3: تصميم الصفحة الرئيسية الجديد (طبقة أخيرة فوق home.css) */
[data-page="home"] {
    --hv-glow: rgba(118, 229, 253, 0.18);
    --hv-line: rgba(255, 255, 255, 0.08);
}
[data-page="home"] main { padding-bottom: 40px; }

/* ===== البطل: العمل المميز ===== */
[data-page="home"] .feature {
    min-height: min(78vh, 640px); display: flex; align-items: flex-end;
    border: 0; border-radius: 22px; background: #07090d;
    grid-template-columns: 1fr; box-shadow: 0 30px 80px -30px rgba(0,0,0,.8);
}
[data-page="home"] .feature::before { display: none; }
[data-page="home"] .feature-bg { opacity: 0.55; filter: saturate(1.1); transform: scale(1.04); inset: 0; background-position: center 30%; }
[data-page="home"] .feature::after {
    background:
        linear-gradient(0deg, #07090d 4%, rgba(7,9,13,.55) 45%, rgba(7,9,13,.15) 100%),
        linear-gradient(90deg, rgba(7,9,13,.92) 0%, rgba(7,9,13,.35) 60%, transparent 100%);
}
[data-page="home"] .feature-portal { display: none; }
[data-page="home"] .feature-text { padding: clamp(28px, 5vw, 64px); max-width: 720px; justify-content: flex-end; }
[data-page="home"] .feature-meta { font-size: 12px; letter-spacing: .02em; }
[data-page="home"] .feature-text h1 { font-size: clamp(36px, 5.6vw, 72px); line-height: 1.12; margin: 14px 0 14px; text-shadow: 0 6px 30px rgba(0,0,0,.45); }
[data-page="home"] .feature-text p { -webkit-line-clamp: 2; color: #d2dae2; font-size: 16px; }
[data-page="home"] .feature-actions .btn { border-radius: 999px; min-height: 50px; padding-inline: 28px; font-weight: 700; }
[data-page="home"] .feature-actions .btn.primary, [data-page="home"] .feature-actions .btn:first-child { box-shadow: 0 10px 30px -10px rgba(118,229,253,.6); }

/* ===== عنوان كل قسم ===== */
[data-page="home"] .section { margin-top: 84px; }
[data-page="home"] .section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
[data-page="home"] .section-head h2 { position: relative; margin: 0; padding-inline-start: 14px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; letter-spacing: 0; }
[data-page="home"] .section-head h2::before { content: ""; position: absolute; inset-block: 4px; inset-inline-start: 0; width: 4px; border-radius: 4px; background: var(--cy); }

/* ===== الأنمي: بطاقة البداية ===== */
[data-page="home"] .ah { border: 0; border-radius: 22px; background: linear-gradient(135deg, #0f1820 0%, #07090d 100%); box-shadow: inset 0 0 0 1px var(--hv-line); padding: clamp(22px, 4vw, 40px); gap: clamp(22px, 4vw, 44px); }
[data-page="home"] .ah-poster { border-radius: 14px; overflow: hidden; box-shadow: 0 20px 50px -20px rgba(0,0,0,.9); }
[data-page="home"] .ah-btn { border-radius: 999px; }

/* ===== الداتا بوك ===== */
[data-page="home"] .db-spotlight { border: 0; border-radius: 22px; box-shadow: inset 0 0 0 1px var(--hv-line); padding: clamp(22px, 4vw, 40px); margin-bottom: 0; }
[data-page="home"] .db-spotlight h2 { font-size: clamp(26px, 3vw, 36px); }
[data-page="home"] .db-spot-btn { border-radius: 999px; }
[data-page="home"] .dbt { border-radius: 16px; background: rgba(255,255,255,.03); }

/* ===== رف المانغا ===== */
[data-page="home"] .shelf { gap: 18px; padding-bottom: 18px; }
[data-page="home"] .shelf-card { flex-basis: 170px; transition: transform .3s ease; }
[data-page="home"] .shelf-card:hover { transform: translateY(-6px); }
[data-page="home"] .shelf-cover { border-radius: 14px; outline: 0; box-shadow: 0 16px 36px -18px rgba(0,0,0,.9); }
[data-page="home"] .shelf-card:hover .shelf-cover { box-shadow: 0 28px 50px -20px rgba(118,229,253,.35); }
[data-page="home"] .shelf-cover::before, [data-page="home"] .shelf-cover::after { display: none; }
[data-page="home"] .shelf-cover::after { content: ""; display: block; position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(0deg, rgba(0,0,0,.7), transparent); }
[data-page="home"] .shelf-new { z-index: 3; border-radius: 999px; padding: 2px 10px; }
[data-page="home"] .shelf-card h3 { font-size: 15px; margin-top: 12px; }
[data-page="home"] .shelf-nav button { border-radius: 999px; }

/* ===== آخر الفصول ===== */
[data-page="home"] .latest-grid { border: 0; background: transparent; gap: 12px; overflow: visible; }
[data-page="home"] .latest-card { border: 1px solid var(--hv-line) !important; border-radius: 16px; background: linear-gradient(160deg, #111820, #0a0e13); }
[data-page="home"] .latest-card:hover { background: #121a23; border-color: rgba(118,229,253,.3) !important; }
[data-page="home"] .latest-cover { border-radius: 10px; outline: 0; width: 64px; height: 90px; }

/* ===== الطابع الأخير: حواف الصفحة ===== */
[data-page="home"] .spoiler-zone details { border-radius: 16px; border: 1px solid var(--hv-line); background: rgba(255,255,255,.02); padding: 4px 18px; }
[data-page="home"] .spoiler-zone summary { padding: 16px 0; }

/* ===== الجوال ===== */
@media (max-width: 720px) {
    [data-page="home"] .feature { min-height: 74vh; border-radius: 18px; }
    [data-page="home"] .feature-text h1 { font-size: 34px; }
    [data-page="home"] .section { margin-top: 56px; }
    [data-page="home"] .shelf-card { flex-basis: 136px; }
    [data-page="home"] .db-spotlight .db-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ===== بطاقة الأنمي في الرئيسية (v4) ===== */
[data-page="home"] .ah { grid-template-columns: minmax(170px, 230px) minmax(0, 1fr); align-items: center; }
[data-page="home"] .ah-poster { aspect-ratio: 2 / 3; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 30px 60px -24px rgba(0,0,0,.9); background: linear-gradient(145deg, rgba(19,171,210,.35), #07090d); }
[data-page="home"] .ah-copy { text-align: start; }
[data-page="home"] .ah-copy h2 { font-size: clamp(28px, 3.6vw, 42px); line-height: 1.2; margin: 10px 0 6px; }
[data-page="home"] .ah-en { font-size: 14px; opacity: .6; margin: 0 0 12px; }
[data-page="home"] .ah-tag { font-size: clamp(15px, 1.5vw, 17px); line-height: 1.9; color: #d7dee6; max-width: 56ch; padding-inline-start: 14px; border-inline-start: 3px solid var(--cy); }
[data-page="home"] .ah-chips { margin-top: 16px; }
[data-page="home"] .ah-actions { margin-top: 24px; }
@media (max-width: 720px) {
    [data-page="home"] .ah { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    [data-page="home"] .ah-poster { width: min(180px, 56vw); }
    [data-page="home"] .ah-copy { text-align: center; }
    [data-page="home"] .ah-tag { border-inline-start: 0; padding-inline-start: 0; }
    [data-page="home"] .ah-chips, [data-page="home"] .ah-actions { justify-content: center; }
}