/* MYL Karachi Sports department — dedicated landing design v6 */
.sports-landing-page{background:#f5f8fc;color:#1b3446}
.sports-landing-page .site-header{position:relative}
.sports-landing-page .navbar{position:relative;z-index:40}
.sports-hero{position:relative;min-height:570px;background:#071d3d;overflow:hidden;color:#fff}
.sports-hero-photo{position:absolute;inset:0;background:url('/assets/images/sports/myl-karachi-sports-hero.webp') center center/cover no-repeat;opacity:.96}
.sports-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,24,54,.24) 0%,rgba(5,24,54,.03) 64%,rgba(5,24,54,.06) 100%)}
.sports-hero-layout{position:relative;z-index:1;min-height:515px;display:flex;align-items:center;padding-top:48px;padding-bottom:80px}
.sports-hero-copy{max-width:630px}
.sports-breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:29px;color:#d6e4f2;font-size:12px;letter-spacing:.02em}
.sports-breadcrumb a:hover{color:#fff;text-decoration:underline}
.sports-eyebrow{display:inline-block;color:#baf0fe;font-size:12px;font-weight:800;letter-spacing:.105em;margin-bottom:16px}
.sports-hero h1{font-family:var(--font-en);font-size:clamp(2.45rem,4.6vw,4.25rem);line-height:1.13;color:#fff;font-weight:800;letter-spacing:-.045em;text-shadow:0 3px 28px #001b36aa}
.sports-hero p{max-width:570px;font-size:1.03rem;line-height:1.85;color:#e2eef9;margin-top:22px;text-shadow:0 1px 9px #00183399}
.sports-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px}
.sports-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:14px 21px;font-weight:800;font-size:.9rem;transition:transform .2s,background .2s;min-height:48px}
.sports-btn:hover{transform:translateY(-2px)}
.sports-btn-primary{background:#64cae6;color:#062d4d}
.sports-btn-primary:hover{background:#a1e5f6}
.sports-btn-ghost{border:1px solid #b8d7ed80;background:#112a4bb5;color:#fff}
.sports-btn-ghost:hover{background:#1d426a}
.sports-hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(2,20,43,.78);border-top:1px solid #a6c8e54d}
.sports-pill-list{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:17px;padding-bottom:17px;flex-wrap:wrap}
.sports-pill-list span{font-size:12px;letter-spacing:.01em;color:#e7f3ff}
.sports-info-strip{background:#fff;border-bottom:1px solid #e2eaf2}
.sports-info-inner{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.sports-kicker{display:block;color:#167cad;font-size:.72rem;font-weight:800;letter-spacing:.13em;margin-bottom:7px}
.sports-info-inner strong{font-size:1.13rem;color:#073655}
.sports-info-inner a{color:#10578a;border:1px solid #cfdfec;border-radius:999px;padding:11px 18px;white-space:nowrap;font-size:.88rem;font-weight:800}
.sports-info-inner a:hover{border-color:#75add0;background:#f4fbff}
.sports-content-section{padding:75px 0 80px}
.sports-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:30px}
.sports-heading h2{font-size:clamp(1.6rem,2.7vw,2.35rem);letter-spacing:-.035em;margin:3px 0 10px}
.sports-heading p{color:#607384;line-height:1.75;max-width:715px;font-size:.97rem}
.sports-heading p a{color:#0c699c;text-decoration:underline;text-underline-offset:3px}
.sports-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sports-link-grid>a{background:#fff;border:1px solid #e3ebf4;border-radius:18px;padding:23px;display:flex;flex-direction:column;gap:5px;position:relative;min-height:165px;box-shadow:0 8px 28px rgba(18,60,96,.04);transition:transform .2s,border-color .2s,box-shadow .2s}
.sports-link-grid>a:hover{transform:translateY(-3px);border-color:#8abeda;box-shadow:0 14px 28px #17456916}
.sports-round-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#eaf5fc;font-size:23px;margin-bottom:10px}
.sports-link-grid strong{font-size:1.08rem;color:#0b3e66;font-family:var(--font-en)}
.sports-link-grid small{color:#6d8291;font-size:.85rem}
.sports-arrow{position:absolute;right:23px;top:22px;color:#1d6c9a;font-size:19px}
.sports-featured-section{padding:0 0 18px}
.sports-featured-card{display:grid;grid-template-columns:1.35fr .85fr;gap:30px;align-items:center;background:linear-gradient(125deg,#0a2d4c,#0a5279);color:#fff;border-radius:23px;padding:40px 48px;overflow:hidden;box-shadow:0 14px 35px #123f621c}
.sports-featured-card .sports-kicker{color:#90e2f9}
.sports-featured-card h2{color:#fff;letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.2}
.sports-featured-card h2 span{font-size:.6em;color:#7ce2f3}
.sports-featured-card p{color:#d2e8f5;margin-bottom:18px}
.sports-featured-card ul{margin:0 0 23px;padding:0;display:grid;gap:9px}
.sports-featured-card li{font-size:.88rem;color:#e5f0f6}
.sports-versus-visual{background:linear-gradient(140deg,#17699588,#0a2642b8);min-height:250px;border-radius:19px;border:1px solid #ffffff30;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:25px}
.sports-versus-visual span{font-size:clamp(2rem,4vw,3.8rem);font-weight:800;color:#fff;font-family:var(--font-en)}
.sports-versus-visual strong{font-size:1.2rem;background:#69d4ed;color:#072f4e;padding:12px;border-radius:99px}
.sports-versus-visual small{width:100%;text-align:center;color:#c7dfef;font-size:.8rem}
.sports-live-section{padding-top:70px}
.sports-live-heading{align-items:center}
.sports-feed-status{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:end}
.sports-state-pill{display:inline-flex;padding:9px 12px;border-radius:99px;background:#e7eff5;font-size:.77rem;color:#3d607a;border:1px solid #d1e0eb}
.sports-state-pill[data-state="success"]{color:#0d725d;background:#e7f7f2;border-color:#b9e6d9}
.sports-state-pill[data-state="warning"]{color:#866b27;background:#fff7dd;border-color:#eddd9f}
.sports-refresh-btn{border:1px solid #c7d8e7;background:white;color:#135782;padding:9px 13px;border-radius:99px;cursor:pointer;font-weight:700}
.sports-refresh-btn:hover{background:#eaf6fc}
.sports-record-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.sports-record-panel{background:#fff;border:1px solid #dde9f1;border-radius:18px;padding:23px;min-width:0;box-shadow:0 8px 28px #1444690a}
.sports-panel-header{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:1px solid #e6edf3}
.sports-panel-header>span{width:43px;height:43px;border-radius:14px;background:#eaf5fc;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 43px}
.sports-panel-header>div{flex:1;min-width:0}
.sports-panel-header h3{font-size:1.07rem;color:#0a4268;margin:0 0 2px}
.sports-panel-header p{color:#79909e;font-size:.75rem}
.sports-panel-header>a{color:#0a6f9b;font-size:.75rem;font-weight:800;white-space:nowrap}
.sports-data-list{display:grid;gap:0}
.sports-record-row{display:flex;gap:13px;align-items:center;padding:14px 4px;border-bottom:1px solid #edf1f5}
.sports-record-row:last-child{border-bottom:0}
.sports-record-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 41px;height:41px;border-radius:14px;background:linear-gradient(130deg,#deeffa,#bfe5f8);color:#105e8c;font-size:.85rem;font-weight:900}
.sports-record-row .sports-row-main{min-width:0;flex:1}
.sports-record-row .sports-row-main strong{display:block;font-size:.85rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#183a50}
.sports-record-row .sports-row-main small{display:block;color:#758c9c;font-size:.75rem;margin-top:3px}
.sports-record-row>span:last-child{color:#0f789f;font-size:1.1rem}
.sports-empty{padding:22px 8px;line-height:1.7;color:#668096;font-size:.89rem}
.sports-next-section{background:#fff}
.sports-future-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.sports-future-grid>div{padding:29px;border-radius:18px;background:#f6f9fc;border:1px solid #e3ecf4}
.sports-future-grid>div>span{font-size:33px}
.sports-future-grid h3{font-size:1.12rem;margin-top:11px;margin-bottom:8px}
.sports-future-grid p{font-size:.87rem;color:#677d91;line-height:1.7;min-height:50px}
.sports-future-grid small{display:inline-flex;background:#e4eef6;color:#397295;font-weight:800;padding:5px 12px;border-radius:99px;margin-top:13px}
.sports-cta{background:#0a3b5c;color:#fff;padding:48px 0}
.sports-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.sports-cta .sports-kicker{color:#91dff1}
.sports-cta h2{color:#fff;font-size:clamp(1.5rem,3vw,2.25rem)}
.sports-cta p{color:#c4d9e7;margin-top:9px}
.sports-cta a{white-space:nowrap}
.sports-footer{background:#082b45;color:#b7cddd}
.sports-footer-top{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:40px;padding-top:53px;padding-bottom:46px}
.sports-footer-brand{display:flex;gap:13px;align-items:center;color:#fff;font-weight:800;line-height:1.3}
.sports-footer-brand img{width:47px;height:47px;object-fit:contain}
.sports-footer-brand small{font-size:.7rem;color:#b5cbda;font-weight:600}
.sports-footer-top p{max-width:295px;font-size:.79rem;line-height:1.8;margin-top:16px}
.sports-footer-top h3{color:#fff;font-size:.9rem;margin-bottom:17px}
.sports-footer-top>div:not(:first-child) a{display:block;font-size:.79rem;margin-bottom:9px;overflow-wrap:anywhere}
.sports-footer a:hover{color:#78e3ef}
.sports-footer-bottom{border-top:1px solid #38637a;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;font-size:.72rem}
@media(max-width:1040px){.sports-hero{min-height:535px}.sports-hero-photo{background-position:55% center}.sports-hero-copy{max-width:565px}.sports-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.sports-featured-card{padding:34px}}
@media(max-width:760px){.sports-hero{min-height:580px}.sports-hero::after{background:linear-gradient(90deg,#051b35b0 0%,#05203c8f 65%,#05223a42 100%)}.sports-hero-layout{min-height:495px;padding-top:35px;padding-bottom:100px}.sports-breadcrumb{margin-bottom:18px}.sports-pill-list{gap:12px}.sports-pill-list span{font-size:10px}.sports-hero p{font-size:.92rem}.sports-info-inner{flex-direction:column;align-items:start;padding-top:22px;padding-bottom:22px}.sports-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sports-featured-card,.sports-record-columns{grid-template-columns:1fr}.sports-versus-visual{min-height:135px}.sports-content-section{padding:53px 0}.sports-heading{align-items:start;flex-direction:column}.sports-feed-status{justify-content:start}.sports-future-grid{grid-template-columns:1fr}.sports-cta-inner{align-items:start;flex-direction:column}}
@media(max-width:520px){.sports-hero{min-height:630px}.sports-hero-photo{background-position:65% center;opacity:.58}.sports-hero::after{background:linear-gradient(90deg,#061e3bf0,#061e3bd3)}.sports-hero-layout{min-height:580px;padding-bottom:105px}.sports-hero h1{font-size:2.5rem}.sports-hero-actions{align-items:stretch}.sports-btn{width:100%}.sports-pill-list{justify-content:start}.sports-pill-list span:nth-child(n+3){display:none}.sports-link-grid{grid-template-columns:1fr}.sports-link-grid>a{min-height:130px}.sports-featured-card{padding:25px}.sports-footer-top{grid-template-columns:1fr 1fr;gap:24px}.sports-footer-top>div:first-child{grid-column:1/-1}.sports-record-panel{padding:17px}.sports-panel-header{gap:8px}.sports-panel-header h3{font-size:.9rem}.sports-panel-header p{font-size:.68rem}.sports-panel-header>a{font-size:.7rem}}
/* Urdu content gets legible type; maintain direction for latin scores. */
.sports-landing-page[dir="rtl"] .sports-hero-copy h1,.sports-landing-page[dir="rtl"] .sports-hero-copy p{font-family:var(--font-ur);line-height:1.9}

/* Match graphic remains one neat line on desktop. Keep mobile nav uncluttered. */
.sports-versus-visual{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;text-align:center}
.sports-versus-visual small{grid-column:1/-1}
.sports-landing-page .mobile-pat-menu-item{display:none!important}
@media(max-width:820px){.sports-landing-page .navbar .nav-links.open>.mobile-pat-menu-item{display:block!important}}