/* SpaceGate Nova Pro Sections - keeps the existing visual identity and adds Shahid/STARZ style rails */
.sg-pro-section .rail{scroll-padding-inline:56px;}
.sg-section-tools{display:flex;align-items:center;gap:10px;}
.rail-nav{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1;font-weight:900;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.24);transition:.2s ease;}
.rail-nav:hover{background:var(--cyan);border-color:var(--cyan);transform:translateY(-2px);}
.pro-card .poster{position:relative;overflow:hidden;background-size:cover;background-position:center;}
.sg-preview-video,.sg-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease;}
.pro-card:hover .sg-preview-img,.pro-card:hover .sg-preview-video{transform:scale(1.055);filter:saturate(1.12) contrast(1.03);}
.sg-card-badge,.sg-live-dot{position:absolute;z-index:3;top:12px;inset-inline-start:12px;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:1000;background:var(--cyan);color:#061018;box-shadow:0 10px 20px rgba(0,0,0,.25);}
.sg-live-dot{inset-inline-start:auto;inset-inline-end:12px;background:#ef2f43;color:#fff;}
.sg-card-play{position:absolute;z-index:3;left:50%;top:50%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%) scale(.75);background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.3);opacity:0;transition:.2s ease;backdrop-filter:blur(10px);}
.pro-card:hover .sg-card-play{opacity:1;transform:translate(-50%,-50%) scale(1);}
.sg-card-play svg{width:24px;height:24px;fill:#fff;}

.sg-pro-title-page{background:#0b0f16;}
.sg-starz-hero{min-height:76vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-start;padding:120px 5vw 74px;position:relative;}
.sg-starz-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.96) 0%,rgba(8,11,16,.72) 38%,rgba(8,11,16,.18) 72%,rgba(8,11,16,.62) 100%),linear-gradient(0deg,#0b0f16 0%,rgba(11,15,22,0) 40%);}
.sg-starz-hero .sg-title-copy{position:relative;z-index:1;max-width:680px;margin-inline-start:auto;text-align:right;}
.sg-starz-hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.92;margin:0 0 18px;font-weight:1000;letter-spacing:-.05em;}
.sg-sticky-tabs{position:sticky;top:72px;z-index:20;background:linear-gradient(90deg,rgba(13,17,24,.94),rgba(13,17,24,.78));backdrop-filter:blur(18px);justify-content:flex-end;}
.sg-starz-panel{padding:30px 4vw 60px;}
.sg-season-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 22px;flex-wrap:wrap;}
.sg-season-pill{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.2);}
.sg-season-pill span{color:var(--muted);font-weight:900;padding-inline:8px;}
.sg-season-pill button{height:40px;border:none;border-radius:12px;padding:0 16px;background:transparent;color:#fff;font-weight:1000;cursor:pointer;}
.sg-season-pill button.active,.sg-season-pill button:hover{background:var(--cyan);color:#061018;}
.sg-episode-count{color:var(--muted);font-weight:900;}
.sg-starz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.sg-starz-episode{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);min-height:150px;box-shadow:0 16px 36px rgba(0,0,0,.2);transition:.22s ease;}
.sg-starz-episode:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(0,207,230,.34);}
.sg-starz-episode .episode-play{height:100%;border:none;background:transparent;padding:0;cursor:pointer;}
.sg-starz-episode .episode-thumb{height:100%;min-height:150px;position:relative;background-size:cover;background-position:center;}
.sg-starz-episode .episode-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.48));}
.sg-starz-episode .play-icon-overlay{position:absolute;z-index:3;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.3);opacity:.95;}
.sg-starz-episode .play-icon-overlay svg{width:23px;height:23px;fill:#fff;}
.sg-starz-episode .episode-info{padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right;gap:8px;}
.sg-starz-episode .episode-title-btn{border:none;background:transparent;color:#fff;font-size:1.06rem;font-weight:1000;padding:0;text-align:right;cursor:pointer;}
.sg-starz-episode .episode-info p{margin:0;color:#e6ebf4;line-height:1.65;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sg-starz-episode .episode-info small{color:var(--muted);font-weight:800;}
.sg-episode-actions{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap;}
.episode-watch-mini,.episode-download{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-weight:1000;padding:0 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;}
.episode-watch-mini:hover,.episode-download:hover{background:var(--cyan);color:#061018;border-color:var(--cyan);}
.episode-watch-mini svg,.episode-download svg{width:16px;height:16px;fill:currentColor;}

.sg-live-page .page-title,.sg-sports-page .page-title{font-size:clamp(2rem,4vw,4rem);}
.sg-match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.sg-match-card{min-height:126px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);overflow:hidden;display:grid;grid-template-columns:120px minmax(0,1fr);box-shadow:0 18px 45px rgba(0,0,0,.22);}
.sg-match-thumb{position:relative;background-size:cover;background-position:center;display:grid;place-items:center;font-size:2.3rem;overflow:hidden;}
.sg-match-card>div:last-child{padding:16px;display:flex;flex-direction:column;justify-content:center;gap:6px;}
.sg-match-card b{font-size:1rem;color:#fff;line-height:1.45;}
.sg-match-card small{color:var(--cyan);font-weight:1000;}
.sg-match-card em{font-style:normal;color:var(--muted);font-weight:800;}

@media (max-width:1100px){
  .sg-starz-grid{grid-template-columns:1fr;}
  .sg-starz-hero .sg-title-copy{margin-inline-start:0;}
}
@media (max-width:820px){
  .rail-nav{display:none;}
  .sg-section-tools{gap:6px;}
  .sg-sticky-tabs{top:58px;overflow:auto;justify-content:flex-start;}
  .sg-starz-hero{min-height:68vh;padding:92px 16px 42px;}
  .sg-starz-hero h1{font-size:2.2rem;}
  .sg-season-toolbar{justify-content:flex-start;}
  .sg-season-pill{width:100%;overflow:auto;justify-content:flex-start;}
  .sg-starz-episode{grid-template-columns:1fr;}
  .sg-starz-episode .episode-thumb{height:180px;}
  .sg-match-card{grid-template-columns:104px minmax(0,1fr);}
  .bottom-nav{grid-template-columns:repeat(7,1fr);}
}
