/* Aflamicose V18 — reference-inspired responsive cinema */
:root{--af-bg:#070c14;--af-panel:#111b2b;--af-red:#f21d35;--af-line:#273445;--af-text:#fff}
html{scroll-behavior:smooth}body.af-v17{background:var(--af-bg)!important;color:var(--af-text);font-family:Cairo,Tahoma,sans-serif!important;overflow-x:hidden}
.af-v17 .wide-container{max-width:1440px!important;margin-inline:auto!important;width:calc(100% - 40px)!important}
.af-v17-header{background:#090e17!important;border-bottom:1px solid #202b37!important}
.af-v17-header .header-top{display:flex;gap:18px;align-items:center;min-height:72px}
.af-v17 .brand{margin-inline-start:auto!important;font-weight:900;text-decoration:none!important;white-space:nowrap}
.af-v17 .feature-hero{min-height:380px!important;background-position:center!important;background-size:cover!important;border-radius:12px!important;position:relative;overflow:hidden;display:flex;align-items:end}
.af-v17 .feature-copy{max-width:660px!important;padding:34px!important;position:relative;z-index:2}
.af-v17 .feature-copy h1{font-size:clamp(23px,3vw,42px)!important;line-height:1.35!important}
.af-v17 .homepage-section{margin:24px auto 34px!important}
.af-v17 .section-bar{font-size:20px!important;font-weight:900!important;border-inline-start:4px solid var(--af-red)!important;background:transparent!important;padding:8px 12px!important}
.af-v17 .media-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
.af-v17 .media-card{min-width:0!important;width:auto!important;max-width:none!important;border-radius:10px!important;overflow:hidden;background:#101a27!important;box-shadow:0 4px 12px #0003!important}
.af-v17 .media-cover{aspect-ratio:16/9!important;height:auto!important;max-height:none!important;overflow:hidden!important;background:#1c2a37}
.af-v17 .media-cover img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .22s ease}
.af-v17 .media-card:hover img{transform:scale(1.055)}
.af-v17 .media-title{font-size:13px!important;line-height:1.65!important;padding:8px 10px 2px!important;min-height:50px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.af-v17 .media-year{padding:2px 10px 10px!important;font-size:11px!important}
.af-v17 .af-category-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;gap:4px!important}
.af-v17 .af-category-nav a{white-space:nowrap!important;font-size:12px!important;padding:9px 11px!important}
.af-v17 .af-quick-cats a{border-radius:8px!important;background:#121f30!important}
.af-v17 .pagination{max-width:100%!important;overflow-x:auto!important}
.af-v17 .details-panel,.af-v17 .panel{background:#101a28!important;border:1px solid #263346!important;border-radius:12px!important}
.af-v18-ad{display:block;margin:20px 0;padding:8px;overflow:hidden;text-align:center}
.af-v18-ad img{max-width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:9px}
.af-v18-ad a{display:inline-block;max-width:100%}.af-v18-ad-label{font-size:10px;color:#7e8796;display:block;text-align:center}
.af-v18-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}
.af-v18-stat{background:#132139;border:1px solid #263b56;padding:16px;border-radius:12px}.af-v18-stat strong{font-size:25px;display:block}.af-v18-stat small{color:#aabed0}
.af-v18-admin-links{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.af-v18-admin-links a{color:white!important;background:#182942;border:1px solid #395071;padding:9px 14px;border-radius:8px;text-decoration:none}
.af-v18-admin-links a:hover{background:#263d5b}.af-v18-settings{display:grid;gap:14px;max-width:880px}.af-v18-settings label{display:grid;gap:6px}.af-v18-settings input,.af-v18-settings textarea,.af-v18-settings select{width:100%;padding:11px;color:#fff;background:#0d1522;border:1px solid #41506b;border-radius:8px}.af-v18-settings button{padding:11px 20px;border-radius:8px;color:#fff;background:#ed2342;border:0;cursor:pointer}
@media(max-width:1100px){.af-v17 .media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.af-v18-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .af-v17 .wide-container{width:calc(100% - 24px)!important}
 .af-v17-header .header-top{height:62px!important;min-height:62px!important;display:flex!important;gap:8px!important;justify-content:space-between!important}
 .af-v17-header .top-search,.af-v17-header .nav-strip,.af-v17-header .tiny-login{display:none!important}
 .af-v17-header .brand{font-size:19px!important;margin:0 auto!important;min-width:0!important}
 .af-v17 .af-menu-button{display:inline-flex!important;position:static!important;flex:0 0 42px!important;align-items:center;justify-content:center}
 .af-v17-header .af-header-actions{display:flex!important;flex:0 0 42px!important}
 .af-v17 .feature-hero{height:275px!important;min-height:275px!important;border-radius:8px!important;background-position:center!important}
 .af-v17 .feature-copy{padding:16px!important;max-width:100%!important}
 .af-v17 .feature-copy h1{font-size:22px!important}.af-v17 .feature-copy p{font-size:11px!important;max-height:54px;overflow:hidden}
 .af-v17 .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
 .af-v17 .media-cover{aspect-ratio:16/9!important}
 .af-v17 .media-title{font-size:12px!important;min-height:48px!important}
 .af-v17 .homepage-section{margin:16px 0 22px!important}.af-v17 .section-bar{font-size:16px!important}
 .af-v17 .af-mobile-drawer{z-index:10011!important}.af-v17 .af-menu-shade{z-index:10010!important}
 .af-v17 .af-bottom-nav{z-index:9999!important}.af-v17 .af-v17-main{padding-bottom:95px!important}
 .af-v18-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .af-v17 .dashboard-grid{grid-template-columns:1fr!important}
 .af-v17 .content-column{max-width:100%!important;min-width:0!important}
 .af-v17 .video-preview,.af-v17 .watch-screen{max-width:100%;aspect-ratio:16/9}
 .af-v17 .episode-grid{grid-template-columns:1fr!important}
 .af-v17 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:370px){.af-v17 .brand{font-size:16px!important}.af-v17 .media-title{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.af-v17 .media-cover img{transition:none}}