/* --- ULTRA PREMIUM SHARED STYLES (ADAPTIVE CINEMATIC) --- */:root{/* Clean Light Palette (Default) */ --pm-bg:#f4f5f7; --pm-text:#1a1a1a; --pm-text-muted:#475569; /* Darkened for better contrast on white */ --pm-surface:#ffffff; --pm-border:rgba(0,0,0,0.08); --pm-glass:rgba(255,255,255,0.85); --pm-glass-border:rgba(0,0,0,0.1); --hero-grad-start:rgba(0,0,0,0.2); --hero-grad-mid:rgba(244,245,247,0.7); --hero-grad-end:#f4f5f7; --hero-text:#1a1a1a; --hero-text-shadow:0 2px 12px rgba(255,255,255,0.95),0 0 25px rgba(255,255,255,0.9); --pill-bg:rgba(0,0,0,0.05); --pill-text:#1a1a1a; /* Navigation Tabs Light Theme Variables */ --tab-container-bg:rgba(0,0,0,0.06); --tab-text-inactive:#475569; --tab-text-hover:#1a1a1a; --tab-hover-bg:rgba(0,0,0,0.04)}@media (prefers-color-scheme:dark){:root{/* Immersive Dark Palette */ --pm-bg:#090d16; --pm-text:#e2e8f0; --pm-text-muted:#94a3b8; --pm-surface:rgba(255,255,255,0.03); --pm-border:rgba(255,255,255,0.05); --pm-glass:rgba(9,13,22,0.85); --pm-glass-border:rgba(255,255,255,0.1); --hero-grad-start:rgba(0,0,0,0.4); --hero-grad-mid:rgba(9,13,22,0.85); --hero-grad-end:#090d16; --hero-text:#ffffff; --hero-text-shadow:0 4px 20px rgba(0,0,0,0.6); --pill-bg:rgba(255,255,255,0.1); --pill-text:#ffffff; /* Navigation Tabs Dark Theme Variables */ --tab-container-bg:rgba(255,255,255,0.06); --tab-text-inactive:rgba(255,255,255,0.7); --tab-text-hover:#ffffff; --tab-hover-bg:rgba(255,255,255,0.08)}}html.dark-theme,.dark-theme{/* Immersive Dark Palette */ --pm-bg:#090d16; --pm-text:#e2e8f0; --pm-text-muted:#94a3b8; --pm-surface:rgba(255,255,255,0.03); --pm-border:rgba(255,255,255,0.05); --pm-glass:rgba(9,13,22,0.85); --pm-glass-border:rgba(255,255,255,0.1); --hero-grad-start:rgba(0,0,0,0.4); --hero-grad-mid:rgba(9,13,22,0.85); --hero-grad-end:#090d16; --hero-text:#ffffff; --hero-text-shadow:0 4px 20px rgba(0,0,0,0.6); --pill-bg:rgba(255,255,255,0.1); --pill-text:#ffffff; /* Navigation Tabs Dark Theme Variables */ --tab-container-bg:rgba(255,255,255,0.06); --tab-text-inactive:rgba(255,255,255,0.7); --tab-text-hover:#ffffff; --tab-hover-bg:rgba(255,255,255,0.08)}.profile-hero-modern{position:relative; background-size:cover; background-position:center top; padding:60px 0 120px; color:var(--hero-text); margin-bottom:0px; overflow:visible; height:auto}/* Desktop:compact hero so it doesn't dominate the fold */ @media (min-width:992px){.profile-hero-modern{padding:40px 0 90px}.profile-poster-wrapper{width:190px}.profile-poster{top:45px}.profile-title{font-size:2.8rem}.magazine-layout{padding-top:75px}}/* Fallback blurred background for profiles without a cover photo */ .profile-hero-modern.no-cover{background-position:center center}/* Gradient Overlay - Adaptive & Smoother Blend */ .hero-overlay{position:absolute; inset:0; background:linear-gradient(to bottom,var(--hero-grad-start) 0%,var(--hero-grad-mid) 40%,var(--hero-grad-mid) 70%,var(--hero-grad-end) 100%); z-index:1; backdrop-filter:blur(4px)}/* Enhance blur on overlay when fallback photo is used to make it a gorgeous abstract backdrop */ .profile-hero-modern.no-cover .hero-overlay{backdrop-filter:blur(35px) saturate(1.3); background:linear-gradient(to bottom,rgba(0,0,0,0.45) 0%,var(--hero-grad-mid) 50%,var(--hero-grad-end) 100%)}.profile-hero-modern .container{position:relative; z-index:2; max-width:1200px}.profile-header-flex{display:flex; gap:50px; align-items:flex-end}/* Poster */ .profile-poster-wrapper{flex-shrink:0; width:240px}.profile-poster{width:100%; border-radius:20px; overflow:hidden; box-shadow:0 25px 60px -12px rgba(0,0,0,0.5); border:1px solid var(--pm-glass-border); aspect-ratio:2/3; background:#111; position:relative; top:60px; /* Enhanced overlap */ transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.profile-poster:hover{transform:translateY(-10px) scale(1.02)}.profile-poster img{width:100%; height:100%; object-fit:cover; display:block}/* Info */ .profile-info{flex-grow:1; padding-bottom:20px}.profile-title{font-family:'Playfair Display',serif; font-size:3.5rem; font-weight:900; line-height:1.1; margin:0 0 15px 0; color:var(--hero-text); text-shadow:var(--hero-text-shadow)}.profile-meta{display:flex; flex-wrap:wrap; gap:12px; margin-bottom:25px; align-items:center}.meta-pill{display:flex; align-items:center; gap:8px; background:var(--pill-bg); padding:8px 16px; border-radius:12px; font-size:0.9rem; font-weight:700; backdrop-filter:blur(10px); border:1px solid var(--pm-glass-border); color:var(--pill-text)}/* 2. Content Layout */ .magazine-layout{display:grid; grid-template-columns:1fr 340px; gap:60px; max-width:1200px; margin:0 auto; padding-top:100px; /* Space for Poster overlap */}.main-content{min-width:0}.sidebar-sticky{position:sticky; top:20px}.widget-clean{background:transparent; padding:0; margin-bottom:60px}.section-title-modern,.widget-header .title{font-family:'Playfair Display',serif; font-size:2rem; font-weight:800; color:var(--pm-text); margin-bottom:30px; border-left:5px solid #ed1e24; padding-left:20px; line-height:1}/* Grids */ .modern-cast-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:25px}.cast-card{text-decoration:none !important; transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s,box-shadow 0.4s !important; background:var(--pm-surface) !important; padding:20px 15px !important; border-radius:24px !important; border:1px solid var(--pm-border) !important; display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; text-align:center !important; box-shadow:0 4px 15px rgba(0,0,0,0.02) !important; backdrop-filter:blur(10px) !important; -webkit-backdrop-filter:blur(10px) !important}.cast-card:hover{transform:translateY(-8px) !important; border-color:rgba(237,30,36,0.35) !important; box-shadow:0 15px 35px rgba(0,0,0,0.15),0 0 20px rgba(237,30,36,0.04) !important}.cast-card .pic{aspect-ratio:1/1 !important; width:110px !important; height:110px !important; border-radius:50% !important; /* Modern circle look for cast */ margin-bottom:15px !important; overflow:hidden !important; background:var(--pm-surface) !important; border:2px solid var(--pm-border) !important; box-shadow:0 8px 20px rgba(0,0,0,0.12) !important; transition:border-color 0.3s,transform 0.5s cubic-bezier(0.16,1,0.3,1) !important}.cast-card .pic img{width:100% !important; height:100% !important; object-fit:cover !important; transition:transform 0.5s !important}.cast-card:hover .pic img{transform:scale(1.1) !important}.cast-card .name{font-weight:700; font-size:1rem; line-height:1.2; color:var(--pm-text); text-align:center}.cast-card .role{display:block; font-size:0.85rem; color:var(--pm-text-muted); text-align:center; margin-top:4px}/* Modern Movie Grid (Portrait 2:3) */ .modern-movie-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:30px}.movie-card-modern{display:block; text-decoration:none; color:inherit; transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.movie-card-modern:hover{transform:translateY(-10px)}.movie-card-modern .poster{border-radius:16px; overflow:hidden; aspect-ratio:2/3; margin-bottom:15px; box-shadow:0 15px 35px rgba(0,0,0,0.1); background:var(--pm-surface); border:1px solid var(--pm-border)}.movie-card-modern .poster img{width:100%; height:100%; object-fit:cover; display:block}.movie-card-modern .title{font-weight:800; font-size:1.1rem; line-height:1.3; color:var(--pm-text); margin-bottom:6px}.movie-card-modern .meta{font-size:0.85rem; color:var(--pm-text-muted)}/* Premium News Cards (Adaptive) */ .premium-mobile-card{position:relative; display:flex; gap:20px; background:var(--pm-surface); border-radius:20px; padding:12px; border:1px solid var(--pm-border); text-decoration:none; color:inherit; transition:all 0.3s cubic-bezier(0.16,1,0.3,1); overflow:hidden; backdrop-filter:blur(10px); align-items:center; /* Center vertically */}.premium-mobile-card:hover{background:var(--pm-surface); transform:translateX(5px); border-color:rgba(237,30,36,0.3)}.premium-mobile-card .pic{width:100px; height:70px; flex-shrink:0; border-radius:12px; overflow:hidden; background:var(--pm-bg)}.premium-mobile-card .pic img{width:100%; height:100%; object-fit:cover}.premium-mobile-card .content{flex:1; min-width:0}.premium-mobile-card .title{font-size:1rem; font-weight:700; color:var(--pm-text); line-height:1.4; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}.premium-mobile-card .meta{color:var(--pm-text-muted); font-size:0.75rem; background:var(--pm-border); padding:4px 10px; border-radius:20px; display:inline-flex; align-items:center; gap:6px; font-weight:600}/* Mobile Responsiveness */ @media (max-width:768px){.profile-hero-modern{padding:40px 0 40px !important}.magazine-layout{display:flex; flex-direction:column; padding-top:40px; gap:40px}.profile-header-flex{flex-direction:column; align-items:center; text-align:center; gap:25px}.profile-poster-wrapper{width:180px}.profile-poster{top:0}.profile-title{font-size:2.5rem}.profile-meta{justify-content:center}.sidebar-sticky{display:block; position:static}.section-title-modern,.widget-header .title{font-size:1.6rem}}@media (min-width:768px){.premium-mobile-grid{display:grid; grid-template-columns:1fr 1fr; gap:25px}}/* 🏷️ Navigation Tabs (Premium Segmented Control) */ .movie-nav-tabs{display:inline-flex; gap:4px; margin-top:35px; padding:4px; background:var(--tab-container-bg); border-radius:16px; backdrop-filter:blur(10px); border:1px solid var(--pm-glass-border); margin-bottom:25px}.nav-tab-item{white-space:nowrap; padding:10px 24px; border-radius:12px; font-size:0.9rem; font-weight:700; color:var(--tab-text-inactive) !important; text-decoration:none !important; transition:all 0.3s cubic-bezier(0.16,1,0.3,1); border:1px solid transparent}.nav-tab-item:hover{background:var(--tab-hover-bg); color:var(--tab-text-hover) !important}.nav-tab-item.active{background:#ed1e24; color:#ffffff !important; box-shadow:0 4px 15px rgba(237,30,36,0.3)}/* Mobile Adjustments for Nav */ @media (max-width:768px){.movie-nav-tabs{display:flex !important; margin-top:25px !important; gap:6px !important; padding:4px !important; overflow-x:auto !important; white-space:nowrap !important; -webkit-overflow-scrolling:touch !important; width:calc(100% + 40px) !important; margin-left:-20px !important; margin-right:-20px !important; border-radius:0 !important; border-left:none !important; border-right:none !important; background:rgba(0,0,0,0.2) !important; scrollbar-width:none !important; /* Hide scrollbar for clean UI on Firefox */}.movie-nav-tabs::-webkit-scrollbar{display:none !important; /* Hide scrollbar on Chrome/Safari/Webkit */}.nav-tab-item{padding:8px 16px !important; font-size:0.85rem !important; flex:0 0 auto !important; border-radius:10px !important}}/* 🎬 Filmography Timeline List */ .filmography-list{position:relative; padding-left:30px; margin-top:40px}.filmography-list::before{content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:linear-gradient(to bottom,#ed1e24,var(--pm-border)); border-radius:2px}.film-item{position:relative; margin-bottom:40px; display:flex; gap:25px; background:var(--pm-surface); padding:20px; border-radius:20px; border:1px solid var(--pm-border); transition:all 0.3s cubic-bezier(0.16,1,0.3,1); text-decoration:none !important; align-items:center}.film-item::before{content:''; position:absolute; left:-36px; top:50%; transform:translateY(-50%); width:14px; height:14px; border-radius:50%; background:#ed1e24; border:4px solid var(--pm-bg); z-index:2; box-shadow:0 0 0 4px rgba(237,30,36,0.1)}.film-item:hover{transform:translateX(10px); background:var(--pm-glass); border-color:rgba(237,30,36,0.3); box-shadow:0 15px 40px rgba(0,0,0,0.05)}.film-item .year-label{font-size:1.2rem; font-weight:800; color:var(--pm-text); width:60px; flex-shrink:0; text-align:center}.film-item .poster-thumb{width:80px; height:120px; border-radius:12px; overflow:hidden; flex-shrink:0; box-shadow:0 8px 20px rgba(0,0,0,0.1)}.film-item .poster-thumb img{width:100%; height:100%; object-fit:cover}.film-item .film-info{flex-grow:1; min-width:0}.film-item .film-title{font-size:1.4rem; font-weight:800; color:var(--pm-text); margin-bottom:8px; line-height:1.2}.film-item .film-roles{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px}.role-tag{font-size:0.8rem; font-weight:700; color:#ed1e24; background:rgba(237,30,36,0.1); padding:4px 12px; border-radius:50px; text-transform:uppercase; letter-spacing:0.5px}.film-item .film-date{font-size:0.9rem; color:var(--pm-text-muted); display:flex; align-items:center; gap:6px}/* Mobile Adjustments */ @media (max-width:768px){.filmography-list{padding-left:20px}.film-item{flex-direction:column; align-items:flex-start; gap:15px; padding:15px}.film-item .year-label{width:auto; margin-bottom:-10px}.film-item .poster-thumb{width:100px; height:150px}.film-item .film-title{font-size:1.2rem}}/* 🏷️ ADAPTIVE OVERRIDES FOR MOVIE LISTS & SIDEBAR */ .movie-card-detailed{background:var(--pm-surface) !important; border:1px solid var(--pm-border) !important; border-radius:20px !important; box-shadow:0 4px 20px rgba(0,0,0,0.03) !important; display:flex !important; flex-direction:row !important; align-items:stretch !important; overflow:hidden !important; transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s,border-color 0.4s !important; margin-bottom:30px !important; text-decoration:none !important}.movie-card-detailed:hover{transform:translateY(-6px) !important; border-color:rgba(237,30,36,0.35) !important; box-shadow:0 20px 45px rgba(0,0,0,0.18),0 0 25px rgba(237,30,36,0.05) !important}.movie-card-detailed .poster-wrapper{width:150px !important; min-width:150px !important; flex-shrink:0 !important; overflow:hidden !important; position:relative !important; border-right:1px solid var(--pm-border) !important}.movie-card-detailed .poster-wrapper img{width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; border-radius:0 !important; transition:transform 0.6s cubic-bezier(0.16,1,0.3,1) !important}.movie-card-detailed:hover .poster-wrapper img{transform:scale(1.06) !important}.movie-card-detailed .details{padding:24px !important; display:flex !important; flex-direction:column !important; flex:1 !important}.movie-card-detailed .title{font-family:'Playfair Display',serif !important; font-size:1.45rem !important; font-weight:800 !important; margin-bottom:10px !important; line-height:1.3 !important; color:var(--pm-text) !important}.movie-card-detailed .title a{color:var(--pm-text) !important; text-decoration:none !important; transition:color 0.3s !important}.movie-card-detailed .title a:hover{color:#ed1e24 !important}.movie-card-detailed .synopsis{font-family:'Inter',sans-serif !important; font-size:0.95rem !important; color:var(--pm-text-muted) !important; line-height:1.6 !important; margin-bottom:16px !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important}.movie-card-detailed .cast-preview{color:var(--pm-text-muted) !important; border-top:1px solid var(--pm-border) !important; padding-top:12px !important; margin-top:auto !important; font-size:0.88rem !important}.movie-card-detailed .meta-row{display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin-bottom:12px !important; align-items:center !important}.meta-item-badge{display:inline-flex !important; align-items:center !important; gap:6px !important; background:rgba(255,255,255,0.03) !important; border:1px solid var(--pm-border) !important; padding:6px 14px !important; border-radius:12px !important; font-size:0.8rem !important; font-weight:600 !important; color:var(--pm-text-muted) !important}@media (max-width:600px){.movie-card-detailed{flex-direction:column !important; align-items:stretch !important}.movie-card-detailed .poster-wrapper{width:100% !important; height:240px !important; border-right:none !important; border-bottom:1px solid var(--pm-border) !important}.movie-card-detailed .poster-wrapper img{height:100% !important}.movie-card-detailed .details{padding:16px !important}.movie-card-detailed .title{font-size:1.25rem !important}}/* 🏷️ ADVANCED CINEMATIC YEARLY HERO */ .pm-hero-punjabi-glass{background:radial-gradient(circle at 50% 50%,#1a0f12 0%,#090d16 100%) !important; border-bottom:2px solid rgba(237,30,36,0.15) !important; padding:70px 20px 80px !important; text-align:center; color:white !important; overflow:hidden; isolation:isolate; position:relative}.pm-hero-glass-card{background:rgba(255,255,255,0.02) !important; border:1px solid rgba(255,255,255,0.07) !important; backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important; padding:40px 30px !important; border-radius:24px !important; box-shadow:0 20px 50px rgba(0,0,0,0.3) !important; position:relative !important; overflow:hidden !important; max-width:900px !important; margin:0 auto !important}.pm-hero-glass-card h1{font-family:'Playfair Display',serif !important; font-size:clamp(2.4rem,6vw,4rem) !important; font-weight:900 !important; letter-spacing:-0.5px !important; background:linear-gradient(135deg,#ffffff 30%,#ffd700 100%) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; text-shadow:0 10px 30px rgba(0,0,0,0.15) !important; margin-bottom:12px !important; line-height:1.15 !important; color:transparent !important}.pm-hero-glass-card p{font-family:'Inter',sans-serif !important; font-size:clamp(0.95rem,2vw,1.15rem) !important; color:rgba(255,255,255,0.7) !important; max-width:650px !important; margin:0 auto 30px !important; line-height:1.6 !important; font-weight:400 !important}.back-link-pill:hover{background:rgba(255,255,255,0.08) !important; border-color:rgba(255,255,255,0.15) !important; transform:translateY(-2px) !important; color:#fff !important}.widget{background:var(--pm-surface) !important; border:1px solid var(--pm-border) !important; color:var(--pm-text) !important; box-shadow:0 4px 15px rgba(0,0,0,0.05) !important}.widget .widget-header,.widget .title{color:var(--pm-text) !important}.widget p,.widget .text-list .item{color:var(--pm-text-muted) !important}.widget .text-list .item{background:rgba(255,255,255,0.02) !important; border-color:var(--pm-border) !important}.widget .text-list .item:hover{background:var(--pm-border) !important; color:var(--pm-text) !important}/* 🕊️ Memorial Theme for Deceased People (Cream & Gold) */ .memorial-theme{color:#2c2520 !important; /* Elegant warm dark charcoal */}.memorial-theme .profile-title{color:#1c1917 !important; text-shadow:0 1px 2px rgba(255,255,255,0.5) !important}.memorial-theme .hero-overlay{background:linear-gradient(to bottom,rgba(253,251,247,0.75),rgba(244,240,230,0.97)) !important; backdrop-filter:grayscale(100%); -webkit-backdrop-filter:grayscale(100%)}.memorial-theme .meta-pill{background:rgba(133,101,20,0.08) !important; border-color:rgba(133,101,20,0.2) !important; color:#7c5e10 !important}.memorial-theme .nav-tab-item{color:rgba(44,37,32,0.75) !important}.memorial-theme .nav-tab-item:hover{background:rgba(44,37,32,0.06) !important; color:#2c2520 !important}.memorial-theme .nav-tab-item.active{background:#856514 !important; /* Muted gold */ color:#fff !important; box-shadow:0 4px 12px rgba(133,101,20,0.2) !important}.memorial-theme .profile-poster{border-color:#856514 !important; box-shadow:0 15px 40px rgba(133,101,20,0.15) !important}/* 🎬 PREMIUM HORIZONTAL SCROLLER & FILM CARDS (CINEMATIC DESIGN) */ .filmography-scroller{display:flex; overflow-x:auto; gap:20px; padding:10px 5px 20px 5px; -webkit-overflow-scrolling:touch; scrollbar-width:none; /* Firefox */ scroll-snap-type:x mandatory}.filmography-scroller::-webkit-scrollbar{display:none; /* Safari and Chrome */}.film-card-compact{flex:0 0 150px; width:150px; min-width:150px; max-width:150px; text-decoration:none; transition:all 0.4s cubic-bezier(0.16,1,0.3,1); scroll-snap-align:start; display:flex; flex-direction:column}.film-card-compact:hover{transform:translateY(-8px) scale(1.03)}.film-card-compact .poster{width:100%; height:220px; border-radius:16px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.15); margin-bottom:12px; background:var(--pm-surface); border:1px solid var(--pm-border); position:relative; transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.film-card-compact:hover .poster{box-shadow:0 15px 35px rgba(0,0,0,0.25); border-color:rgba(237,30,36,0.3); /* Subtle brand color glow */}.film-card-compact .poster img{width:100%; height:100%; object-fit:cover; transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.film-card-compact:hover .poster img{transform:scale(1.08); /* Sophisticated micro-zoom */}.film-card-compact .title{font-size:0.95rem; font-weight:800; color:var(--pm-text) !important; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'Montserrat',sans-serif; margin-top:4px; transition:color 0.3s}.film-card-compact:hover .title{color:#ed1e24 !important; /* Active red on hover */}.film-card-compact .meta{font-size:0.8rem; font-weight:600; color:var(--pm-text-muted) !important; margin-top:2px}/* Collaborator-specific circular modifications */ .film-card-compact .collab-avatar{transition:all 0.4s cubic-bezier(0.16,1,0.3,1); border:2px solid var(--pm-border)}.film-card-compact:hover .collab-avatar{border-color:#ed1e24; transform:rotate(3deg) scale(1.05); /* Fun,organic rotation micro-animation */ box-shadow:0 10px 20px rgba(237,30,36,0.15) !important}/* Mobile Responsive Scale-downs */ @media (max-width:768px){.film-card-compact{flex:0 0 125px; width:125px; min-width:125px; max-width:125px}.film-card-compact .poster{height:185px; border-radius:12px}.film-card-compact .title{font-size:0.88rem}}/* 🎥 PREMIUM CINEMATIC VIDEO LIBRARY STYLES */ .playlist-hero-modern{position:relative; background:linear-gradient(135deg,#1c2635 0%,#090d16 100%); border-radius:20px; overflow:hidden; padding:50px 40px; margin-bottom:40px; border:1px solid var(--pm-border); box-shadow:0 15px 40px rgba(0,0,0,0.2); display:flex; align-items:center; gap:40px}.playlist-hero-cover{width:140px; height:140px; border-radius:18px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4); border:2px solid rgba(255,255,255,0.1); flex-shrink:0}.playlist-hero-cover img{width:100%; height:100%; object-fit:cover}.playlist-hero-info{flex-grow:1; color:#ffffff}.playlist-hero-info .badge{display:inline-flex; align-items:center; gap:6px; background:rgba(237,30,36,0.2); border:1px solid rgba(237,30,36,0.4); color:#ff4a5a; padding:4px 12px; border-radius:50px; font-size:0.78rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:12px}.playlist-hero-info h1{font-size:2.2rem; font-weight:900; margin:0 0 10px 0; font-family:'Montserrat',sans-serif; letter-spacing:-0.5px; color:#ffffff !important}.playlist-hero-info p{font-size:0.95rem; color:#94a3b8; line-height:1.6; margin:0}/* Magazine Column Layout */ .playlist-grid-layout{display:flex; gap:30px; margin-bottom:50px}.playlist-main-col{flex-grow:1; min-width:0}.playlist-sidebar-col{width:320px; flex-shrink:0}/* Video Cards Grid */ .cinematic-video-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:25px}.video-card-premium{text-decoration:none; display:flex; flex-direction:column; transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.video-card-premium:hover{transform:translateY(-6px)}.video-thumbnail-wrapper{width:100%; aspect-ratio:16/9; border-radius:14px; overflow:hidden; position:relative; background:#111; box-shadow:0 8px 20px rgba(0,0,0,0.15); border:1px solid var(--pm-border)}.video-thumbnail-wrapper img{width:100%; height:100%; object-fit:cover; transition:transform 0.5s}.video-card-premium:hover .video-thumbnail-wrapper img{transform:scale(1.06)}/* Play Button Hover Overlay */ .play-button-overlay{position:absolute; inset:0; background:rgba(0,0,0,0.4); backdrop-filter:blur(2px); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s; z-index:2}.video-card-premium:hover .play-button-overlay{opacity:1}.play-button-glass-circle{width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,0.25); border:1px solid rgba(255,255,255,0.4); display:flex; align-items:center; justify-content:center; color:#ffffff; box-shadow:0 8px 20px rgba(0,0,0,0.3); transform:scale(0.8); transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.video-card-premium:hover .play-button-glass-circle{transform:scale(1)}.play-button-glass-circle .material-symbols-outlined{font-size:28px; font-variation-settings:'FILL' 1}/* Duration Pill Badge */ .video-duration-badge{position:absolute; bottom:10px; right:10px; background:rgba(0,0,0,0.85); border:1px solid rgba(255,255,255,0.15); color:#ffffff; font-size:0.72rem; font-weight:700; padding:2px 8px; border-radius:6px; letter-spacing:0.5px; display:flex; align-items:center; gap:4px; z-index:3}/* Video Details Info */ .video-info-premium{padding:12px 2px 0 2px}.video-info-premium .video-title{font-size:0.95rem; font-weight:800; color:var(--pm-text); line-height:1.4; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.2s}.video-card-premium:hover .video-info-premium .video-title{color:#ed1e24}.video-info-premium .video-meta{font-size:0.78rem; color:var(--pm-text-muted); display:flex; align-items:center; gap:5px; font-weight:600}/* Exploration Sidebar Widgets */ .playlist-sidebar-widget{background:var(--pm-surface); border:1px solid var(--pm-border); border-radius:16px; padding:20px; box-shadow:0 6px 20px rgba(0,0,0,0.03); margin-bottom:25px}.playlist-sidebar-widget h3{font-size:1.1rem; font-weight:800; margin:0 0 15px 0; padding-left:10px; border-left:4px solid #ed1e24; color:var(--pm-text)}.sidebar-playlist-item{display:flex; align-items:center; gap:12px; text-decoration:none; padding:10px; border-radius:10px; transition:background 0.2s; margin-bottom:8px}.sidebar-playlist-item:hover{background:var(--pm-border)}.sidebar-playlist-item .cover{width:50px; height:50px; border-radius:8px; overflow:hidden; flex-shrink:0; border:1px solid var(--pm-border)}.sidebar-playlist-item .cover img{width:100%; height:100%; object-fit:cover}.sidebar-playlist-item .details{flex-grow:1; min-width:0}.sidebar-playlist-item .details .name{font-size:0.85rem; font-weight:700; color:var(--pm-text); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.sidebar-playlist-item .details .count{font-size:0.75rem; color:var(--pm-text-muted); margin-top:2px}/* Adaptive Mobile Adjustments */ @media (max-width:992px){.playlist-grid-layout{flex-direction:column}.playlist-sidebar-col{width:100%}}@media (max-width:768px){.playlist-hero-modern{flex-direction:column; align-items:flex-start; gap:20px; padding:30px 20px; border-radius:12px}.playlist-hero-cover{width:100px; height:100px; border-radius:12px}.playlist-hero-info h1{font-size:1.6rem}.cinematic-video-grid{grid-template-columns:1fr; gap:20px}}/* 🎬 CINEMATIC VIDEOS HUB HOME STYLES */ .video-watch-hero{position:relative; background-size:cover; background-position:center; border-radius:24px; overflow:hidden; margin-bottom:45px; border:1px solid var(--pm-border); box-shadow:0 15px 45px rgba(0,0,0,0.15)}.video-watch-hero-overlay{background:linear-gradient(135deg,rgba(20,27,38,0.96) 0%,rgba(9,13,22,0.98) 50%,rgba(9,13,22,0.7) 100%); padding:60px 50px; display:flex; align-items:center; gap:50px}.video-watch-hero-left{flex-grow:1; color:#ffffff; max-width:55%}.video-watch-hero-left .tag{display:inline-flex; align-items:center; gap:6px; background:#ed1e24; color:#ffffff; font-size:0.75rem; font-weight:800; padding:4px 12px; border-radius:50px; text-transform:uppercase; letter-spacing:1px; margin-bottom:15px; box-shadow:0 4px 15px rgba(237,30,36,0.3)}.video-watch-hero-left h2{font-family:'Montserrat',sans-serif; font-size:2.2rem; font-weight:900; line-height:1.25; margin:0 0 15px 0; color:#ffffff !important; letter-spacing:-0.5px}.video-watch-hero-left p{font-size:0.95rem; color:#94a3b8; line-height:1.6; margin:0 0 25px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}.video-watch-hero-left .btn-play-cta{display:inline-flex; align-items:center; gap:8px; background:#ffffff; color:#090d16; font-size:0.9rem; font-weight:800; padding:12px 28px; border-radius:12px; text-decoration:none; box-shadow:0 8px 25px rgba(255,255,255,0.15); transition:all 0.3s}.video-watch-hero-left .btn-play-cta:hover{transform:translateY(-2px); background:#ed1e24; color:#ffffff; box-shadow:0 8px 25px rgba(237,30,36,0.3)}.video-watch-hero-right{width:380px; aspect-ratio:16/9; border-radius:16px; overflow:hidden; position:relative; flex-shrink:0; box-shadow:0 10px 30px rgba(0,0,0,0.5); border:2px solid rgba(255,255,255,0.1)}.video-watch-hero-right img{width:100%; height:100%; object-fit:cover}.video-watch-hero-right .play-icon-center{position:absolute; inset:0; background:rgba(0,0,0,0.25); display:flex; align-items:center; justify-content:center}.video-watch-hero-right .play-icon-center .circle{width:60px; height:60px; border-radius:50%; background:#ed1e24; color:#ffffff; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 25px rgba(237,30,36,0.5); transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.video-watch-hero-right:hover .play-icon-center .circle{transform:scale(1.1); background:#ffffff; color:#ed1e24; box-shadow:0 10px 25px rgba(255,255,255,0.3)}.video-watch-hero-right .play-icon-center .circle .material-symbols-outlined{font-size:32px; font-variation-settings:'FILL' 1}/* Shows Circular Scroller */ .playlist-show-carousel{display:flex; overflow-x:auto; gap:30px; padding:15px 5px 25px 5px; scrollbar-width:none}.playlist-show-carousel::-webkit-scrollbar{display:none}.show-avatar-card{flex:0 0 110px; width:110px; min-width:110px; max-width:110px; text-align:center; text-decoration:none; display:flex; flex-direction:column; align-items:center}.show-avatar-card .circle-wrapper{width:85px; height:85px; border-radius:50%; overflow:hidden; margin-bottom:12px; border:2px solid var(--pm-border); box-shadow:0 6px 15px rgba(0,0,0,0.06); background:var(--pm-surface); transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.show-avatar-card:hover .circle-wrapper{transform:scale(1.08) rotate(4deg); border-color:#ed1e24; box-shadow:0 10px 20px rgba(237,30,36,0.15) !important}.show-avatar-card .circle-wrapper img{width:100%; height:100%; object-fit:cover}.show-avatar-card .name{font-size:0.82rem; font-weight:800; color:var(--pm-text); line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.2s}.show-avatar-card:hover .name{color:#ed1e24}/* Curator Spotlight Bento Block */ .spotlight-section{background:linear-gradient(135deg,#111827 0%,#030712 100%); border-radius:24px; padding:40px; margin-bottom:45px; border:1px solid rgba(255,255,255,0.08); box-shadow:0 15px 40px rgba(0,0,0,0.3)}.spotlight-section-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; border-left:4px solid #ed1e24; padding-left:15px}.spotlight-section-header h2{font-family:'Montserrat',sans-serif; font-size:1.5rem; font-weight:900; color:#ffffff !important; margin:0; letter-spacing:-0.5px}.spotlight-section-header .subtitle-pill{background:rgba(251,191,36,0.15); border:1px solid rgba(251,191,36,0.3); color:#fbbf24; font-size:0.72rem; font-weight:800; padding:4px 12px; border-radius:50px; text-transform:uppercase; letter-spacing:0.5px}.spotlight-section .video-card-premium{background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.05); border-radius:16px; overflow:hidden; padding:10px}.spotlight-section .video-card-premium .video-thumbnail-wrapper{border-color:rgba(255,255,255,0.08)}.spotlight-section .video-card-premium:hover{background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.1)}.spotlight-section .video-card-premium .video-title{color:#e2e8f0}.spotlight-section .video-card-premium .video-meta{color:#94a3b8}/* Media Responsive overrides */ @media (max-width:992px){.video-watch-hero-overlay{flex-direction:column-reverse; padding:40px 30px; gap:30px}.video-watch-hero-left{max-width:100%; text-align:center}.video-watch-hero-left .tag{justify-content:center}.video-watch-hero-left .btn-play-cta{justify-content:center; width:100%}.video-watch-hero-right{width:100%}}@media (max-width:768px){.video-watch-hero-left h2{font-size:1.6rem}.spotlight-section{padding:25px 20px}.spotlight-section-header{flex-direction:column; align-items:flex-start; gap:10px}}/* 🎭 CINEMATIC WATCH THEATER STYLES */ .theater-player-container{position:relative; border-radius:20px; overflow:hidden; background:#000000; border:1px solid rgba(255,255,255,0.06); box-shadow:0 30px 70px -15px rgba(0,0,0,0.45); aspect-ratio:16/9; margin-bottom:35px; transition:box-shadow 0.3s}.theater-player-container:hover{box-shadow:0 30px 70px -15px rgba(237,30,36,0.2)}/* Premium Watch Tags */ .tag-pill-movie,.tag-pill-person{display:inline-flex; align-items:center; gap:6px; font-size:0.8rem; font-weight:700; padding:6px 14px; border-radius:50px; text-decoration:none; transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.tag-pill-movie{background:rgba(239,68,68,0.05); border:1px solid rgba(239,68,68,0.2); color:#ef4444 !important}.tag-pill-movie:hover{background:#ef4444; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 6px 15px rgba(239,68,68,0.25)}.tag-pill-person{background:rgba(59,130,246,0.05); border:1px solid rgba(59,130,246,0.2); color:#3b82f6 !important}.tag-pill-person:hover{background:#3b82f6; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 6px 15px rgba(59,130,246,0.25)}/* YouTube Subscribe Bento Block (Highlighted version) */ .youtube-subscribe-bento{background:linear-gradient(135deg,#181d29 0%,#0c0f17 100%); border-radius:18px; border:2px solid #ed1e24; /* Red border to highlight */ padding:22px 28px; margin-top:40px; box-shadow:0 15px 35px rgba(237,30,36,0.2); /* Glowing red shadow */ display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; overflow:hidden}/* Subscriptions highlight accent banner */ .youtube-subscribe-bento::before{content:''; position:absolute; top:0; left:-100px; width:60px; height:100%; background:rgba(255,255,255,0.08); transform:skewX(-25deg); animation:shine 4s infinite linear}@keyframes shine{0%{left:-100px}20%{left:100%}100%{left:100%}}.youtube-subscribe-bento-left{display:flex; align-items:center; gap:16px}.youtube-subscribe-bento-left .icon-wrapper{width:50px; height:50px; border-radius:14px; background:#ed1e24; color:#ffffff; display:flex; align-items:center; justify-content:center; box-shadow:0 5px 15px rgba(237,30,36,0.4); position:relative}/* Pulsing red notification dot on the icon wrapper */ .youtube-subscribe-bento-left .icon-wrapper::after{content:''; position:absolute; top:-3px; right:-3px; width:10px; height:10px; background:#fbbf24; border-radius:50%; box-shadow:0 0 10px #fbbf24; animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%{transform:scale(0.8); opacity:0.5}50%{transform:scale(1.2); opacity:1}100%{transform:scale(0.8); opacity:0.5}}.youtube-subscribe-bento-left .icon-wrapper .material-symbols-outlined{font-size:26px; font-variation-settings:'FILL' 1}.youtube-subscribe-bento-left .text-info h4{margin:0 0 3px 0; font-size:1rem; font-weight:800; color:#ffffff; font-family:'Montserrat',sans-serif}.youtube-subscribe-bento-left .text-info p{margin:0; font-size:0.8rem; color:#94a3b8}/* YouTube Sidebar Spotlight Widget */ .youtube-sidebar-spotlight{background:linear-gradient(135deg,#1e1b4b 0%,#090d16 100%); border-radius:16px; border:2px solid #ed1e24; padding:24px; margin-bottom:30px; box-shadow:0 10px 25px rgba(237,30,36,0.15); color:#ffffff; text-align:center; transition:all 0.3s}.youtube-sidebar-spotlight:hover{transform:translateY(-3px); box-shadow:0 15px 35px rgba(237,30,36,0.25)}.youtube-sidebar-spotlight .yt-brand-header{display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:15px}.youtube-sidebar-spotlight .yt-brand-header .yt-logo-box{background:#ed1e24; color:#ffffff; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; box-shadow:0 5px 15px rgba(237,30,36,0.4)}.youtube-sidebar-spotlight .yt-brand-header .yt-logo-box .material-symbols-outlined{font-size:24px; font-variation-settings:'FILL' 1}.youtube-sidebar-spotlight .yt-brand-header h4{margin:0; font-family:'Montserrat',sans-serif; font-size:1.1rem; font-weight:900; color:#ffffff !important; text-align:left}.youtube-sidebar-spotlight .yt-brand-header p{margin:0; font-size:0.72rem; color:#fbbf24; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; text-align:left}.youtube-sidebar-spotlight p.yt-desc{font-size:0.82rem; color:#cbd5e1; line-height:1.5; margin:0 0 20px 0}.youtube-sidebar-spotlight .yt-btn-wrapper{display:flex; justify-content:center; padding-top:5px}/* Refined Related Videos Sidebar Rows */ .trending-card-row{text-decoration:none; display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px; border:1px solid transparent; transition:all 0.2s}.trending-card-row:hover{background:var(--pm-surface); border-color:var(--pm-border); transform:translateY(-2px)}.trending-card-row .pic{width:90px; aspect-ratio:16/9; border-radius:8px; overflow:hidden; position:relative; flex-shrink:0; background:#111; border:1px solid var(--pm-border)}.trending-card-row .pic img{width:100%; height:100%; object-fit:cover; transition:transform 0.4s}.trending-card-row:hover .pic img{transform:scale(1.08)}.trending-card-row .play-badge-mini{position:absolute; inset:0; background:rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.2s}.trending-card-row:hover .play-badge-mini{opacity:1}.trending-card-row .details{flex-grow:1; min-width:0}.trending-card-row .details h5{margin:0; font-size:0.86rem; font-weight:750; color:var(--pm-text); line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.2s}.trending-card-row:hover .details h5{color:#ed1e24}@media (max-width:768px){.youtube-subscribe-bento{flex-direction:column; align-items:flex-start; padding:20px; gap:15px}.youtube-subscribe-bento-left{gap:12px}}/* 📱 MOBILE TABS AND STICKY PIP STYLES */ .theater-player-container.sticky-pip{position:fixed; bottom:25px; right:25px; width:320px; height:180px; z-index:9999; border-radius:14px; border:2px solid rgba(255,255,255,0.12); box-shadow:0 20px 50px rgba(0,0,0,0.5); animation:pipSlideIn 0.4s cubic-bezier(0.16,1,0.3,1); background:#000000; margin-bottom:0}@keyframes pipSlideIn{from{transform:translateY(30px); opacity:0}to{transform:translateY(0); opacity:1}}.pip-close-btn{position:absolute; top:8px; right:8px; background:rgba(0,0,0,0.7); color:#ffffff; width:28px; height:28px; border-radius:50%; display:none; align-items:center; justify-content:center; z-index:10001; cursor:pointer; border:1px solid rgba(255,255,255,0.2); transition:all 0.2s}.theater-player-container.sticky-pip .pip-close-btn{display:flex}.pip-close-btn:hover{background:#ed1e24; transform:scale(1.1)}.pip-close-btn .material-symbols-outlined{font-size:16px}/* Bento Pill Tab Switcher */ .video-watch-tabs{display:none; gap:10px; margin-bottom:25px; border-bottom:1px solid var(--pm-border); padding-bottom:12px}.watch-tab-btn{flex:1; text-align:center; border:none; background:var(--pm-surface); border:1px solid var(--pm-border); color:var(--pm-text-muted); padding:10px 16px; border-radius:12px; font-size:0.88rem; font-weight:800; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.watch-tab-btn.active{background:#ed1e24; color:#ffffff; border-color:#ed1e24; box-shadow:0 4px 15px rgba(237,30,36,0.2)}.watch-tab-btn .material-symbols-outlined{font-size:18px}@media (max-width:992px){.video-watch-tabs{display:flex}.mobile-tab-content.tab-hidden{display:none !important}/* Adjust sticky-pip size for mobile viewports */ .theater-player-container.sticky-pip{bottom:20px; right:20px; width:220px; height:124px}}/* 🏷️ ADVANCED CINEMATIC SUBPAGE POST GRIDS */ .subpage-post-grid{display:grid !important; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important; gap:30px !important; margin-top:25px !important}.subpage-post-card{display:flex !important; flex-direction:column !important; background:var(--pm-surface) !important; border:1px solid var(--pm-border) !important; border-radius:18px !important; overflow:hidden !important; text-decoration:none !important; transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s,border-color 0.4s !important; height:100% !important; box-shadow:0 4px 15px rgba(0,0,0,0.02) !important; position:relative !important}.subpage-post-card:hover{transform:translateY(-6px) !important; border-color:rgba(237,30,36,0.35) !important; box-shadow:0 20px 40px rgba(0,0,0,0.15),0 0 20px rgba(237,30,36,0.04) !important}.subpage-post-card .pic{width:100% !important; aspect-ratio:16/9 !important; overflow:hidden !important; position:relative !important; background:#0b0f19 !important; border-bottom:1px solid var(--pm-border) !important}.subpage-post-card .pic img{width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; transition:transform 0.6s cubic-bezier(0.16,1,0.3,1) !important}.subpage-post-card:hover .pic img{transform:scale(1.06) !important}.subpage-post-card .title{font-family:'Montserrat',sans-serif !important; font-size:1rem !important; font-weight:750 !important; line-height:1.45 !important; color:var(--pm-text) !important; padding:16px 16px 10px 16px !important; margin:0 !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; transition:color 0.3s !important}.subpage-post-card:hover .title{color:#ed1e24 !important}.subpage-post-card .meta{font-size:0.8rem !important; font-weight:600 !important; color:var(--pm-text-muted) !important; padding:0 16px 16px 16px !important; margin-top:auto !important; display:flex !important; align-items:center !important; gap:6px !important}/* Video-specific overlay improvements */ .subpage-post-card.video-card .pic::after{content:''; position:absolute; inset:0; background:rgba(0,0,0,0.3); opacity:0; transition:opacity 0.3s; z-index:1}.subpage-post-card.video-card:hover .pic::after{opacity:1}.subpage-post-card.video-card .video-sign{position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) scale(0.85) !important; background:rgba(237,30,36,0.95) !important; border-radius:50% !important; width:44px !important; height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:white !important; box-shadow:0 4px 15px rgba(237,30,36,0.4) !important; transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important; z-index:2; border:1px solid rgba(255,255,255,0.2) !important}.subpage-post-card.video-card:hover .video-sign{transform:translate(-50%,-50%) scale(1) !important; background:#ed1e24 !important}.subpage-post-card.video-card .duration-badge{position:absolute !important; bottom:8px !important; right:8px !important; background:rgba(0,0,0,0.8) !important; color:white !important; font-size:0.72rem !important; padding:3px 7px !important; border-radius:6px !important; font-weight:700 !important; border:1px solid rgba(255,255,255,0.1) !important; z-index:2; letter-spacing:0.5px}/* Stacking grids under 600px */ @media (max-width:600px){.subpage-post-grid{grid-template-columns:1fr !important; gap:20px !important; padding:0 10px !important}.subpage-post-card{border-radius:16px !important}}/* Avoid rating layout shift */ .pm-home-rating{min-height:32px !important; display:flex !important; align-items:center !important}/* --- PREMIUM REDESIGN RULES (MOVIES & CELEBRITIES) --- */ /* Movie Stats Ribbon */ .movie-stats-ribbon{display:flex; flex-wrap:wrap; gap:15px; margin:20px 0; padding:15px 20px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.05); border-radius:16px; backdrop-filter:blur(10px)}.movie-stats-ribbon .stat-item{display:flex; align-items:center; gap:8px; font-size:0.88rem; font-weight:600; color:var(--pm-text)}.movie-stats-ribbon .stat-item .material-symbols-outlined{font-size:1.1rem; color:#ed1e24}.movie-stats-ribbon .stat-item .stat-value{color:var(--pm-text-muted)}/* Glassmorphic Trailer Button */ .hero-trailer-btn{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15); color:#fff; padding:14px 28px; border-radius:12px; font-weight:700; cursor:pointer; transition:all 0.3s cubic-bezier(0.16,1,0.3,1); box-shadow:0 4px 20px rgba(0,0,0,0.1); backdrop-filter:blur(10px)}.hero-trailer-btn:hover{background:#ed1e24; border-color:#ed1e24; box-shadow:0 8px 25px rgba(237,30,36,0.4); transform:translateY(-2px)}/* Trailer Modal Lightbox */ .pm-trailer-modal{position:fixed; inset:0; background:rgba(0,0,0,0.85); backdrop-filter:blur(15px); display:flex; align-items:center; justify-content:center; z-index:99999; opacity:0; pointer-events:none; transition:opacity 0.4s ease; padding:20px}.pm-trailer-modal.active{opacity:1; pointer-events:auto}.pm-trailer-content{position:relative; width:100%; max-width:900px; aspect-ratio:16/9; background:#000; border-radius:20px; overflow:hidden; box-shadow:0 25px 50px rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); transform:scale(0.9); transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.pm-trailer-modal.active .pm-trailer-content{transform:scale(1)}.pm-trailer-close{position:absolute; top:-45px; right:0; background:none; border:none; color:#fff; font-size:2rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform 0.2s}.pm-trailer-close:hover{transform:scale(1.1); color:#ed1e24}/* Rating Distribution Chart */ .rating-dist-widget{background:rgba(255,255,255,0.02); border:1px solid var(--pm-border); border-radius:16px; padding:25px; margin-top:25px}.rating-dist-row{display:flex; align-items:center; gap:12px; margin-bottom:8px}.rating-dist-label{width:25px; font-size:0.82rem; font-weight:700; color:var(--pm-text-muted); display:flex; align-items:center; justify-content:flex-end; gap:2px}.rating-dist-bar-bg{flex-grow:1; height:8px; background:rgba(255,255,255,0.05); border-radius:4px; overflow:hidden; position:relative}.rating-dist-bar-fill{height:100%; background:linear-gradient(90deg,#ed1e24,#fbbf24); border-radius:4px; width:0; transition:width 1s cubic-bezier(0.16,1,0.3,1)}.rating-dist-percent{width:45px; font-size:0.82rem; font-weight:600; color:var(--pm-text-muted); text-align:right}/* Soundtrack List CSS */ .soundtrack-card{background:var(--pm-surface); border:1px solid var(--pm-border); border-radius:20px; padding:25px; margin-top:25px}.soundtrack-list{display:flex; flex-direction:column; gap:12px; margin-top:15px}.soundtrack-item{display:flex; align-items:center; justify-content:space-between; padding:12px 16px; background:rgba(255,255,255,0.02); border:1px solid var(--pm-border); border-radius:12px; transition:all 0.2s ease}.soundtrack-item:hover{background:rgba(255,255,255,0.04); border-color:rgba(237,30,36,0.3); transform:translateX(4px)}.soundtrack-info{display:flex; align-items:center; gap:15px}.soundtrack-number{font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:900; color:#ed1e24; width:20px}.soundtrack-details{display:flex; flex-direction:column}.soundtrack-title{font-weight:700; color:var(--pm-text); font-size:0.95rem}.soundtrack-artists{font-size:0.8rem; color:var(--pm-text-muted); margin-top:2px}/* Celeb Career Stats CSS */ .career-stats-row{display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:25px 0}.career-stat-card{background:rgba(255,255,255,0.02); border:1px solid var(--pm-border); border-radius:16px; padding:20px 15px; text-align:center; transition:all 0.3s ease}.career-stat-card:hover{border-color:rgba(237,30,36,0.3); transform:translateY(-3px); background:rgba(255,255,255,0.04)}.career-stat-card .num{font-family:'Playfair Display',serif; font-size:2rem; font-weight:900; color:#ed1e24; line-height:1; margin-bottom:8px}.career-stat-card .label{font-size:0.78rem; font-weight:700; color:var(--pm-text-muted); text-transform:uppercase; letter-spacing:0.5px}/* Interactive Filmography Filters */ .filmo-filter-tabs{display:flex; gap:8px; margin-bottom:20px; overflow-x:auto; padding-bottom:5px; scrollbar-width:none}.filmo-filter-tabs::-webkit-scrollbar{display:none}.filmo-filter-btn{background:rgba(255,255,255,0.03); border:1px solid var(--pm-border); color:var(--pm-text-muted); padding:8px 16px; border-radius:30px; font-size:0.85rem; font-weight:700; cursor:pointer; white-space:nowrap; transition:all 0.2s ease}.filmo-filter-btn:hover{color:var(--pm-text); background:rgba(255,255,255,0.06)}.filmo-filter-btn.active{background:#ed1e24; border-color:#ed1e24; color:#fff; box-shadow:0 4px 12px rgba(237,30,36,0.25)}/* Rounded headshot cast/crew slider card enhancements */ .modern-cast-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:15px}.cast-card{display:flex; flex-direction:column; align-items:center; text-align:center; text-decoration:none; transition:transform 0.2s ease}.cast-card:hover{transform:translateY(-5px)}.cast-card .pic{width:90px; height:90px; border-radius:50%; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.15); background:var(--pm-surface); border:2px solid var(--pm-border); transition:border-color 0.2s ease}.cast-card:hover .pic{border-color:#ed1e24}.cast-card .pic img{width:100%; height:100%; object-fit:cover}.cast-card .name{font-size:0.88rem; font-weight:700; color:var(--pm-text); margin-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%}.cast-card .role{font-size:0.75rem; color:var(--pm-text-muted); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%}@media (max-width:600px){.modern-cast-grid{grid-template-columns:repeat(2,1fr); gap:15px}.career-stats-row{gap:10px}.career-stat-card{padding:15px 8px}.career-stat-card .num{font-size:1.6rem}}