@font-face{font-family:"FA Solid";src:url(../fonts/fa-solid-900.woff2) format("woff2");font-weight:900;font-display:block}
@font-face{font-family:"FA Brands";src:url(../fonts/fa-brands-400.woff2) format("woff2");font-weight:400;font-display:block}
:root{--red:#EC0101;--red-t:#C80404;--navy:#01266F;--navy-d:#011A4F;--bg:#F2F4F8;--ink:#0E1726;--mut:#566072;--line:#E1E5EC;--head:"Roboto Condensed",Arial,sans-serif;--r:5px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 Inter,system-ui,Arial,sans-serif}
img{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
.fa-solid,.fa-brands{display:inline-block;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased}
.fa-solid{font-family:"FA Solid";font-weight:900}
.fa-brands{font-family:"FA Brands";font-weight:400}
.fa-magnifying-glass::before{content:"\f002"}.fa-chevron-left::before{content:"\f053"}.fa-chevron-right::before{content:"\f054"}.fa-clock::before{content:"\f017"}.fa-bolt::before{content:"\f0e7"}.fa-fire::before{content:"\f06d"}.fa-arrow-right::before{content:"\f061"}.fa-bars::before{content:"\f0c9"}.fa-xmark::before{content:"\f00d"}.fa-thumbs-up::before{content:"\f164"}.fa-thumbs-down::before{content:"\f165"}.fa-calendar-days::before{content:"\f073"}.fa-eye::before{content:"\f06e"}.fa-envelope::before{content:"\f0e0"}.fa-phone::before{content:"\f095"}.fa-location-dot::before{content:"\f3c5"}.fa-user::before{content:"\f007"}.fa-house::before{content:"\f015"}.fa-print::before{content:"\f02f"}.fa-tag::before{content:"\f02b"}.fa-futbol::before{content:"\f1e3"}.fa-basketball::before{content:"\f434"}.fa-table-tennis-paddle-ball::before{content:"\f45d"}.fa-person-running::before{content:"\f70c"}.fa-person-swimming::before{content:"\f5c4"}.fa-share-nodes::before{content:"\f1e0"}.fa-comments::before{content:"\f086"}
.fa-facebook-f::before{content:"\f39e"}.fa-instagram::before{content:"\f16d"}.fa-youtube::before{content:"\f167"}.fa-telegram::before{content:"\f2c6"}.fa-whatsapp::before{content:"\f232"}.fa-tiktok::before{content:"\e07b"}.fa-x-twitter::before{content:"\e61b"}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.topbar{background:var(--navy-d);color:#DDE5F5;font-size:13px}
.topbar .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.topbar-links{display:flex;gap:18px}
.topbar a:hover{color:#fff}
.masthead{background:#fff}
.masthead .wrap{display:flex;align-items:center;gap:32px;padding-top:16px;padding-bottom:16px}
.logo{display:block;flex-shrink:0}
.logo img{display:block;height:52px;width:auto}
.search{flex:1 1 auto;max-width:520px;margin-left:auto;display:flex;height:46px;border:1px solid #CBD2DE;border-radius:var(--r);overflow:hidden;background:#fff}
.search:focus-within{border-color:var(--navy)}
.search input{flex:1;min-width:0;border:0;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);background:transparent;outline:0}
.search button{width:50px;border:0;background:var(--navy);color:#fff;font-size:16px;cursor:pointer}
.search button:hover{background:var(--red)}
.socials{display:flex;gap:6px;flex-wrap:wrap}
.soc{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r);color:#fff!important;font-size:16px;transition:transform .15s}
.soc:hover{transform:translateY(-2px)}
.soc-fb{background:#1877F2}.soc-ig{background:#E4405F}.soc-yt{background:#FF0000}.soc-tg{background:#229ED9}.soc-wa{background:#25D366}.soc-tt{background:#010101}.soc-x{background:#14171A}
.navbar{background:var(--navy);position:sticky;top:0;z-index:50}
.navbar .wrap{display:flex;align-items:stretch;justify-content:space-between;min-height:52px}
.nav-links{display:flex;flex-wrap:wrap}
.nav-links a{display:flex;align-items:center;gap:9px;padding:0 17px;min-height:52px;color:#fff;font-family:var(--head);font-weight:700;font-size:17px;letter-spacing:.2px;text-transform:uppercase}
.nav-links a i{font-size:15px;color:#AFC0E4}
.nav-links a:hover,.nav-links a.active{background:var(--red)}
.nav-links a:hover i,.nav-links a.active i{color:#fff}
.burger{display:none;width:52px;height:52px;margin-left:-14px;border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.nav-login{display:flex;align-items:center;gap:8px;padding:0 4px;color:#fff;font-weight:600;font-size:14px}
.nav-login:hover{color:#FFC9C9}
.ticker{background:#fff;border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:14px;min-height:44px;overflow:hidden}
.ticker b{flex-shrink:0;display:flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-size:12px;letter-spacing:.5px;padding:5px 10px;border-radius:var(--r)}
.ticker a{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticker a:hover{color:var(--red-t)}
.page{max-width:1320px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:28px}
.banner{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;border-radius:var(--r)}
.banner img,.banner iframe{display:block;max-width:100%;height:auto;border-radius:var(--r)}
.banner-ph{width:100%;background:#E3E8F1;border:1px dashed #A9B4C7;color:#566072;font-size:13px;font-weight:600;letter-spacing:.5px;gap:8px;height:100px}
.banner-side.banner-ph{height:280px}
.row{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.col-main{flex:999 1 620px;min-width:0}
.col-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:24px}
.row-hero{align-items:stretch}
.slider{position:relative;height:590px;border-radius:var(--r);overflow:hidden;background:var(--navy-d)}
.slide{position:absolute;inset:0;display:block;color:#fff;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}
.slide.is-active{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide::after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(to top,rgba(3,14,40,.96) 18%,rgba(3,14,40,.68) 58%,rgba(3,14,40,0))}
.slide-cap{position:absolute;z-index:2;left:32px;right:32px;bottom:94px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.chip{background:var(--red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:var(--r);text-transform:uppercase}
.slide-title{max-width:820px;font:italic 800 44px/1.08 var(--head)}
.slide-ctrl{position:absolute;z-index:3;left:32px;right:32px;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.nums,.arrows{display:flex;gap:8px}
.num{width:46px;height:46px;border:0;border-radius:var(--r);background:#fff;color:var(--ink);font:800 20px var(--head);cursor:pointer;transition:background .2s,color .2s}
.num:hover{background:#FFD7D7}
.num.is-active{background:var(--red);color:#fff}
.arrow{width:46px;height:46px;border:1px solid #fff;border-radius:var(--r);background:transparent;color:#fff;font-size:15px;cursor:pointer}
.arrow:hover{background:var(--red);border-color:var(--red)}
.box{background:#fff;border-radius:var(--r);padding:20px}
.box-title{display:flex;align-items:center;gap:10px;margin-bottom:8px;font:italic 800 25px var(--head);color:var(--navy)}
.box-title i{color:var(--red);font-size:18px}
.latest{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.latest time{font-size:13px;font-weight:700;color:var(--red-t);padding-top:1px}
.latest h3,.pop h3{font-size:15px;font-weight:600;line-height:1.38}
.latest:hover h3,.pop:hover h3,.card:hover h3,.rel:hover h3{color:var(--red-t)}
.pop{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:3px solid var(--navy)}
.sec-head h2{font:italic 800 30px var(--head);color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden}
.card-img{position:relative;display:block}
.card-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.card-img .chip{position:absolute;left:12px;top:12px}
.card-body{display:flex;flex-direction:column;flex:1;gap:12px;padding:14px 16px}
.card h3{font-size:17px;font-weight:700;line-height:1.32;flex:1}
.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}
.date{display:inline-flex;align-items:center;gap:6px}
.date i{color:var(--navy)}
.rate{display:inline-flex;align-items:center;gap:4px}
.rate a,.rate button{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 8px;border:0;background:transparent;font:600 13px Inter,Arial,sans-serif;border-radius:var(--r);cursor:pointer;color:var(--mut)}
.rate .up:hover,.rate .up.on{color:#0B7A3B;background:#E7F5EC}
.rate .down:hover,.rate .down.on{color:var(--red-t);background:#FDE9E9}
.rate-up-i{color:#0B7A3B}.rate-down-i{color:var(--red-t)}
.more{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:600;color:var(--red-t)}
.pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:20px}
.pager a,.pager span{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:#fff;border-radius:var(--r);font-weight:600}
.pager span{background:var(--navy);color:#fff}
.pager a:hover{background:var(--red);color:#fff}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--mut);margin-bottom:14px}
.crumbs a:hover{color:var(--red-t)}
.article{background:#fff;border-radius:var(--r);padding:32px}
.article-title{margin:14px 0 16px;font:italic 800 44px/1.1 var(--head);color:var(--navy)}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--mut)}
.article-meta .rate{margin-left:auto}
.article-hero{display:block;width:100%;margin:22px 0;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r)}
.story{font-size:18px;line-height:1.72;overflow-wrap:anywhere}
.story>*{margin:0 0 20px}
.story>:last-child{margin-bottom:0}
.story .lead{font-size:21px;line-height:1.5;font-weight:600}
.story h2{font:800 28px/1.2 var(--head);color:var(--navy);margin-top:30px}
.story img{height:auto;border-radius:var(--r)}
.story a{color:var(--red-t);text-decoration:underline}
.story blockquote{margin-left:0;margin-right:0;padding:18px 22px;background:#F0F3FA;border-radius:var(--r);font:italic 700 24px/1.35 var(--head);color:var(--navy)}
.story iframe,.story video{max-width:100%}
.story table{display:block;overflow-x:auto;border-collapse:collapse}
.story td,.story th{border:1px solid var(--line);padding:8px 12px}
.tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;font-size:14px}
.tags a{padding:7px 12px;background:#EEF1F7;border-radius:var(--r);font-weight:500}
.tags a:hover{background:var(--navy);color:#fff}
.react{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:16px 20px;background:#F0F3FA;border-radius:var(--r)}
.react-side{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:700}
.big-rate a,.big-rate button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:0;border-radius:var(--r);font:700 16px Inter,Arial,sans-serif;color:#fff;cursor:pointer}
.big-rate{display:flex;gap:8px}
.big-rate .up{background:#0B7A3B}.big-rate .down{background:var(--red-t)}
.big-rate .up:hover{background:#086330}.big-rate .down:hover{background:#A30303}
.rels{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px}
.rel{background:#fff;border-radius:var(--r);overflow:hidden;display:block}
.rel img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.rel h3{padding:12px 14px;font-size:15px;font-weight:700;line-height:1.35}
.comments-area{background:#fff;border-radius:var(--r);padding:24px}
.comments-area input[type=text],.comments-area textarea{width:100%;max-width:100%;padding:10px 12px;border:1px solid #CBD2DE;border-radius:var(--r);font:inherit}
.comments-area button,.comments-area input[type=submit]{min-height:44px;padding:0 20px;border:0;border-radius:var(--r);background:var(--navy);color:#fff;font-weight:700;cursor:pointer}
.comments-area button:hover{background:var(--red)}
.footer{background:var(--navy-d);color:#D6DFF2;margin-top:12px}
.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;padding-top:40px;padding-bottom:32px}
.footer-about{flex:1 1 320px;max-width:460px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:14px}
.footer-logo{display:block;background:#fff;padding:10px 14px;border-radius:var(--r)}
.footer-logo img{display:block;height:40px;width:auto}
.footer-col{flex:0 1 auto}
.footer-col h3{margin-bottom:12px;font:italic 800 20px var(--head);color:#fff}
.footer-col li{list-style:none}
.footer-col ul{margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px}
.footer-col a:hover{color:#fff;text-decoration:underline}
.contact li{display:flex;align-items:flex-start;gap:10px}
.contact i{color:#FF7B7B;width:16px;padding-top:4px;font-size:13px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);font-size:13px}
.footer-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:14px;padding-bottom:14px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #FFB000;outline-offset:2px}
@media (max-width:1040px){
.masthead .socials{display:none}
.burger{display:block}
.nav-links{display:none;position:absolute;left:0;right:0;top:52px;background:var(--navy);flex-direction:column;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.nav-links.open{display:flex}
.nav-links a{padding:0 24px;border-top:1px solid rgba(255,255,255,.12)}
}
@media (max-width:640px){
.wrap{padding-left:16px;padding-right:16px}
.page{padding:16px;gap:20px}
.topbar-links{display:none}
.masthead .wrap{flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}
.logo{margin:0 auto}
.logo img{height:40px}
.search{flex-basis:100%;max-width:none}
.slider{height:450px}
.slide-cap{left:16px;right:16px;bottom:76px}
.slide-title{font-size:27px}
.slide-ctrl{left:16px;right:16px;bottom:16px}
.arrows{display:none}
.num{width:44px;height:44px}
.banner-ph{height:90px}
.article{padding:18px 16px}
.article-title{font-size:30px}
.article-meta .rate{margin-left:0}
.story{font-size:17px}
.story .lead{font-size:19px}
.story blockquote{font-size:20px}
.sec-head h2{font-size:25px}
.react{padding:14px}
.footer-grid{padding-top:28px;gap:24px}
.footer-col{flex-basis:100%}
}
.grid>*:not(.card){grid-column:1/-1}
.rate .up,.rate .down{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r);font-weight:600}
.rate .up:hover a,.rate .up.on a{color:#0B7A3B}
.rate .down:hover a,.rate .down.on a{color:var(--red-t)}
.big-rate .up,.big-rate .down{display:inline-flex;border-radius:var(--r);color:#fff;align-items:center}
.article-tools{display:flex;gap:6px;margin-left:auto}
.article-tools a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--r)}
.article-tools a:hover{background:#EEF1F7;color:var(--red-t)}
.comments-area h2{font:italic 800 26px var(--head);color:var(--navy);margin-bottom:14px}
.comment-form{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.footer-bottom a:hover{color:#fff}
.fa-chevron-down::before{content:"\f078"}.fa-volleyball::before{content:"\f45f"}.fa-hand-fist::before{content:"\f6de"}.fa-chess::before{content:"\f439"}.fa-car::before{content:"\f1b9"}.fa-dumbbell::before{content:"\f44b"}.fa-medal::before{content:"\f5a2"}.fa-ellipsis::before{content:"\f141"}
.sec-head h2::before,.cat-head h2::before{content:"";display:inline-block;width:8px;height:.8em;margin-right:12px;background:var(--red);transform:skewX(-18deg)}
.nav-drop{position:relative;display:flex}
.nav-drop>button{display:flex;align-items:center;gap:9px;padding:0 17px;min-height:52px;border:0;background:transparent;color:#fff;font-family:var(--head);font-weight:700;font-size:17px;letter-spacing:.2px;text-transform:uppercase;cursor:pointer}
.nav-drop>button>i:first-child{font-size:15px;color:#AFC0E4}
.nav-drop>button .fa-chevron-down{font-size:11px;transition:transform .2s}
.nav-drop:hover>button,.nav-drop.open>button{background:var(--red)}
.nav-drop:hover>button>i:first-child,.nav-drop.open>button>i:first-child{color:#fff}
.nav-drop.open>button .fa-chevron-down{transform:rotate(180deg)}
.drop-menu{display:none;position:absolute;top:100%;left:0;z-index:60;width:420px;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#fff;border-radius:0 0 var(--r) var(--r);box-shadow:0 16px 32px rgba(1,26,79,.28)}
.nav-drop.open .drop-menu{display:grid}
.nav-links .drop-menu a{min-height:46px;padding:0 12px;color:var(--ink);font-size:16px;border-radius:var(--r)}
.nav-links .drop-menu a i{color:var(--red-t)}
.nav-links .drop-menu a:hover{background:var(--navy);color:#fff}
.nav-links .drop-menu a:hover i{color:#fff}
@media (hover:hover) and (min-width:1041px){.nav-drop:hover .drop-menu{display:grid}}
.card{position:relative;box-shadow:0 1px 4px rgba(1,38,111,.1);transition:transform .22s,box-shadow .22s}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .28s}
.card-img{overflow:hidden}
.card-img img{transition:transform .4s}
.card-img .chip{top:auto;left:0;bottom:0;z-index:2;padding:7px 14px;border-radius:0 var(--r) 0 0}
.card-read{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(1,38,111,.74);color:#fff;font:italic 800 21px var(--head);opacity:0;transition:opacity .22s}
.card:hover,.card:focus-within{transform:translateY(-5px);box-shadow:0 16px 30px rgba(1,38,111,.22)}
.card:hover::after,.card:focus-within::after{transform:scaleX(1)}
.card:hover .card-img img{transform:scale(1.07)}
.card:hover .card-read{opacity:1}
.date i{color:var(--red-t)}
.meta{border-top:0;padding-top:0}
.rate{background:var(--bg);border-radius:var(--r)}
.article-meta .rate{background:transparent}
.feed{display:flex;flex-direction:column}
.feed .latest{position:relative;flex-direction:column;gap:2px;padding:10px 10px 10px 28px;border-top:0;border-radius:var(--r);transition:background .15s}
.feed .latest::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--line)}
.feed .latest::after{content:"";position:absolute;left:6px;top:15px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--navy)}
.feed .latest:hover{background:var(--bg)}
.feed .latest.is-current{background:var(--navy);color:#fff}
.feed .latest.is-current::before{background:transparent}
.feed .latest.is-current::after{background:var(--red);border-color:#fff;box-shadow:0 0 0 4px rgba(236,1,1,.4)}
.feed .latest.is-current time{display:flex;align-items:center;gap:8px;color:#fff}
.feed .latest.is-current time::after{content:"Oxunur";padding:1px 7px;background:var(--red);border-radius:var(--r);font-size:11px;letter-spacing:.3px}
.feed .latest.is-current h3,.feed .latest.is-current:hover h3{color:#fff}
.pops-list{display:flex;flex-direction:column;gap:12px;counter-reset:p}
.pops-list .pop{position:relative;gap:12px;padding:0;border-top:0;counter-increment:p;align-items:center}
.pop-img{position:relative;flex-shrink:0;display:block;width:104px;height:72px;overflow:hidden;border-radius:var(--r)}
.pop-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.pop:hover .pop-img img{transform:scale(1.08)}
.pop-img::before{content:counter(p);position:absolute;z-index:1;left:0;top:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;border-radius:0 0 var(--r) 0;font:italic 800 17px var(--head)}
.pop-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.pops-list .pop h3{font-size:14px;line-height:1.32}
.pop-meta{display:flex;gap:12px;font-size:12px;color:var(--mut)}
.pop-meta i{margin-right:4px;color:var(--red-t)}
.pops-list .pop:first-child{flex-direction:column;align-items:stretch;gap:0;overflow:hidden;border-radius:var(--r);background:var(--navy);color:#fff}
.pops-list .pop:first-child .pop-img{width:100%;height:auto;aspect-ratio:16/9;border-radius:0}
.pops-list .pop:first-child .pop-img::before{width:44px;height:44px;background:var(--red);font-size:26px}
.pops-list .pop:first-child .pop-body{padding:12px 14px 14px}
.pops-list .pop:first-child h3,.pops-list .pop:first-child:hover h3{font-size:17px;color:#fff}
.pops-list .pop:first-child .pop-meta,.pops-list .pop:first-child .pop-meta i{color:#D6DFF2}
.cats-band{padding:24px;background:var(--navy);border-radius:var(--r)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.cat-box{display:flex;flex-direction:column}
.cat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#fff}
.cat-head h2{font:italic 800 26px var(--head)}
.cat-head a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:13px;font-weight:600;color:#D6DFF2}
.cat-head a:hover{color:#fff}
.cat-lead{position:relative;display:block;overflow:hidden;border-radius:var(--r);color:#fff}
.cat-lead img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s}
.cat-lead:hover img{transform:scale(1.06)}
.cat-lead::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(to top,rgba(3,14,40,.95),rgba(3,14,40,0))}
.cat-lead h3{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;font-size:17px;font-weight:700;line-height:1.3}
.cat-item{display:flex;gap:10px;padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;font-size:14px;font-weight:500;line-height:1.35}
.cat-item i{padding-top:3px;font-size:10px;color:#FF7B7B}
.cat-item:hover{color:#FFC9C9}
@media (max-width:1040px){
.nav-drop{flex-direction:column}
.nav-drop>button{width:100%;padding:0 24px;border-top:1px solid rgba(255,255,255,.12)}
.nav-drop>button .fa-chevron-down{margin-left:auto}
.drop-menu{position:static;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--navy-d);box-shadow:none;border-radius:0}
.nav-links .drop-menu a{color:#fff;border-top:0;padding:0 10px}
.nav-links .drop-menu a i{color:#FF9C9C}
}
@media (max-width:640px){.cats-band{padding:16px}}