/* Aflamicose 17: responsive redesign; loaded LAST intentionally to replace legacy collisions. */
:root{--af-bg:#080d15;--af-panel:#111a27;--af-border:#243044;--af-red:#fc234d;--af-text:#eef2fb;--af-muted:#a5adbf}
html,body{max-width:100%;overflow-x:clip}body.af-v17{background:var(--af-bg)!important;color:var(--af-text)!important;font-family:Cairo,Tahoma,Arial,sans-serif!important;line-height:1.6!important;min-height:100dvh}body.af-v17 :is(button,input,a,h1,h2,h3,small){font-family:inherit!important}body.af-v17 *,body.af-v17 *:before,body.af-v17 *:after{box-sizing:border-box}
body.af-v17 .wide-container{width:min(100% - 36px,1280px)!important;max-width:1280px;margin-inline:auto}
body.af-v17 .site-header{background:#090e17!important;border-bottom:1px solid var(--af-border)!important;position:sticky;top:0;z-index:100}
body.af-v17 .header-top{display:flex!important;align-items:center!important;gap:24px!important;min-height:80px!important;padding:12px 0!important;flex-wrap:nowrap!important}
body.af-v17 .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:6px!important;font-weight:900!important;color:var(--af-red)!important;text-decoration:none!important;font-size:23px!important;white-space:nowrap!important}
body.af-v17 .brand small{font-size:9px!important;color:#e0e3eb!important;letter-spacing:2px!important}
body.af-v17 .af-play-logo{font-size:21px;color:var(--af-red)}
body.af-v17 .top-search{flex:1 1 300px!important;min-width:0!important;width:auto!important;max-width:580px!important;margin-inline:auto!important}
body.af-v17 .top-search input{width:100%!important;min-width:0!important}body.af-v17 .af-header-actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}body.af-v17 .tiny-login{white-space:nowrap}
body.af-v17 .af-category-nav{display:flex!important;flex-wrap:wrap!important;gap:3px 14px!important;min-height:44px!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding:8px 0!important}
body.af-v17 .af-category-nav a{color:#d6dbe5!important;padding:7px 5px!important;text-decoration:none;font-weight:800!important;font-size:12px!important;white-space:nowrap}
body.af-v17 .af-category-nav a:hover{color:var(--af-red)!important}
body.af-v17 .af-menu-button,body.af-v17 .af-mobile-drawer,body.af-v17 .af-menu-shade,body.af-v17 .af-bottom-nav{display:none}
body.af-v17 .af-v17-main{padding-block:24px 48px!important;min-height:50vh}
body.af-v17 .homepage-section{margin-block:28px!important}body.af-v17 .section-bar{border-radius:12px!important;padding:12px 18px!important;background:#151c29!important;border-inline-start:4px solid var(--af-red)!important;display:flex;align-items:center;justify-content:space-between;gap:8px}body.af-v17 .section-bar a{white-space:nowrap;font-size:12px!important}
body.af-v17 .feature-hero{min-height:340px!important;max-height:none!important;border-radius:16px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important}body.af-v17 .feature-copy{max-width:680px!important;padding:38px!important}
body.af-v17 .media-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:19px!important;align-items:start!important}
body.af-v17 .media-card{background:var(--af-panel)!important;border:1px solid var(--af-border)!important;border-radius:13px!important;overflow:hidden!important;min-width:0!important;display:block!important;height:100%!important;box-shadow:none!important;text-decoration:none!important;transition:transform .15s,border-color .15s}
body.af-v17 .media-card:hover{transform:translateY(-3px);border-color:#a43853!important}
body.af-v17 .media-cover{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important;overflow:hidden!important;background:linear-gradient(140deg,#223047,#101826)!important}
body.af-v17 .media-cover img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:16/9!important;display:block!important}
body.af-v17 .af-missing-image{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#e44d70;font-size:36px}body.af-v17 .af-image-missing .af-missing-image{display:flex}
body.af-v17 .cover-label,body.af-v17 .score{position:absolute!important;z-index:1!important;font-size:11px!important;top:9px!important;bottom:auto!important;padding:3px 7px!important;border-radius:5px!important}body.af-v17 .cover-label{right:8px!important;left:auto!important;background:var(--af-red)!important}body.af-v17 .score{left:8px!important;right:auto!important;background:#101621df!important;color:#ffd25e!important}
body.af-v17 .media-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere!important;margin:0!important;padding:11px 12px 0!important;min-height:51px!important;font-size:13px!important;font-weight:800!important;line-height:1.55!important;color:#f7f8fc!important}
body.af-v17 .media-year{display:block!important;padding:2px 12px 12px!important;font-size:11px!important;color:var(--af-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.af-v17 .trend-scroller{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:6px 1px 14px!important}body.af-v17 .trend-item{flex:0 0 210px!important;min-width:0!important;scroll-snap-align:start}body.af-v17 .trend-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:10px!important}body.af-v17 .trend-image img{width:100%!important;height:100%!important;object-fit:cover!important}
body.af-v17 .pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;margin:22px 0!important}body.af-v17 .pagination svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}body.af-v17 .pagination nav{display:flex!important;justify-content:center!important;align-items:center!important;max-width:100%!important}body.af-v17 .pagination a,body.af-v17 .pagination span{font-size:12px!important}body.af-v17 .pagination nav>div{max-width:100%!important}
body.af-v17 .category-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.af-v17 .category-tabs a,body.af-v17 .af-quick-cats a{border-radius:9px!important}
body.af-v17 .site-footer{padding-bottom:24px!important}
@media(max-width:900px){body.af-v17 .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.af-v17 .header-top{gap:12px!important}body.af-v17 .af-category-nav{gap:2px 9px!important}}
@media(max-width:700px){
 body.af-v17{padding-bottom:calc(69px + env(safe-area-inset-bottom))!important}
 body.af-v17 .wide-container{width:calc(100% - 24px)!important}
 body.af-v17 .site-header{position:sticky!important;top:0!important;z-index:100!important}
 body.af-v17 .header-top{min-height:62px!important;height:62px!important;padding:7px 0!important;gap:10px!important;justify-content:space-between!important}
 body.af-v17 .header-top .top-search,body.af-v17 .nav-strip,body.af-v17 .tiny-login{display:none!important}
 body.af-v17 .brand{font-size:20px!important;gap:5px!important;position:static!important;max-width:none!important}body.af-v17 .brand small{font-size:8px!important;letter-spacing:1.2px!important}
 body.af-v17 .af-header-actions{margin-inline-start:0!important}
 body.af-v17 .af-menu-button{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--af-border);border-radius:10px;background:#151c29;color:white;font-size:21px;flex-shrink:0;cursor:pointer}
 body.af-v17 .af-menu-shade:not([hidden]){display:block!important;position:fixed;inset:0;background:#000b;z-index:150}
 body.af-v17 .af-mobile-drawer{display:flex!important;flex-direction:column;gap:3px;position:fixed;z-index:151;top:0;right:0;bottom:0;width:min(85vw,330px);padding:17px 16px 25px;background:#121b2a;border-left:1px solid #394357;overflow-y:auto;transform:translateX(110%);transition:transform .2s ease;visibility:hidden}
 body.af-v17 .af-mobile-drawer.is-open{transform:translateX(0);visibility:visible}
 body.af-v17 .af-mobile-drawer a{display:block;padding:10px 14px;border-radius:9px;color:#f3f5fc;text-decoration:none;font-weight:700;font-size:13px}
 body.af-v17 .af-mobile-drawer a:hover{background:#243045}
 body.af-v17 .af-drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px 12px;border-bottom:1px solid #384357}
 body.af-v17 .af-drawer-heading button{background:#2a3443;color:white;border:0;border-radius:8px;padding:5px 10px;font-size:18px}
 body.af-v17.af-drawer-active{overflow:hidden!important}
 body.af-v17 .af-bottom-nav{display:flex!important;position:fixed;z-index:99;bottom:0;left:0;right:0;min-height:calc(66px + env(safe-area-inset-bottom));padding:7px 7px calc(6px + env(safe-area-inset-bottom));background:#0b121e;border-top:1px solid #293549;align-items:center;justify-content:space-around}
 body.af-v17 .af-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;color:#ccd3e3;text-decoration:none;font-weight:800;font-size:10px;min-width:57px}
 body.af-v17 .af-bottom-nav a span{font:normal 24px Arial,sans-serif;color:var(--af-red);line-height:1.2}
 body.af-v17 .af-v17-main{padding-block:16px 28px!important}
 body.af-v17 .feature-hero{min-height:260px!important;border-radius:14px!important;background-position:center!important}
 body.af-v17 .feature-copy{padding:23px!important;max-width:100%!important}body.af-v17 .feature-copy h1{font-size:21px!important;line-height:1.45!important;max-width:100%!important}body.af-v17 .feature-copy p{font-size:12px!important;max-height:65px;overflow:hidden}
 body.af-v17 .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.af-v17 .media-cover{aspect-ratio:16/9!important}body.af-v17 .media-cover img{aspect-ratio:16/9!important}
 body.af-v17 .media-title{font-size:11px!important;line-height:1.5!important;padding:8px 8px 0!important;min-height:44px!important}
 body.af-v17 .media-year{font-size:10px!important;padding:1px 8px 9px!important}
 body.af-v17 .section-bar{font-size:15px!important;padding:10px 11px!important;min-height:44px!important}
 body.af-v17 .section-bar a{font-size:10px!important}
 body.af-v17 .af-quick-cats{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;padding-block:4px 8px!important;scrollbar-width:none}
 body.af-v17 .af-quick-cats a{flex:0 0 auto!important;font-size:11px!important;padding:7px 10px!important}
 body.af-v17 .trend-item{flex-basis:160px!important}
 body.af-v17 .catalog-wrap,body.af-v17 .catalog-panel{max-width:100%!important;min-width:0!important}
 body.af-v17 .pagination{padding:0 3px!important;overflow:hidden!important}body.af-v17 .pagination nav{overflow:auto!important}
 body.af-v17 .footer-cats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 body.af-v17 .site-footer{padding-bottom:18px!important}
}
@media(max-width:360px){body.af-v17 .brand{font-size:17px!important}body.af-v17 .media-title{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){body.af-v17 *{scroll-behavior:auto!important;transition:none!important}}