/*
Theme Name: Bee Music Company Official
Theme URI: https://bee.sineflix.in/
Author: VR Panghal
Author URI: https://www.sineflix.in/
Description: Premium official music label theme for Bee Music Company.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: bee-music-company
*/
:root{--bg:#080a0c;--panel:#111519;--yellow:#f7c12d;--text:#fff;--muted:#aeb8c2;--line:#242b32}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}
header{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(8,10,12,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:900;letter-spacing:1px;color:var(--yellow)}.navlinks{display:flex;gap:22px;font-size:13px;color:#c5cbd1}.navlinks a:hover{color:var(--yellow)}
.hero{min-height:720px;padding-top:72px;position:relative;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0c 4%,rgba(8,10,12,.84) 43%,rgba(8,10,12,.25) 100%)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.hero-content{position:relative;z-index:2}.eyebrow{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:3px}.hero h1{font-size:64px;line-height:.98;margin:15px 0}.hero p{max-width:590px;color:var(--muted);font-size:16px;line-height:1.7}.buttons{display:flex;gap:12px;margin-top:26px}.btn{padding:13px 19px;border-radius:8px;font-weight:900;border:0;cursor:pointer}.yellow{background:var(--yellow);color:#111}.dark{background:#171d22;color:#fff;border:1px solid #303941}
section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{font-size:32px;margin:0}.section-head p{color:var(--muted);margin:7px 0 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#80631c}.poster{position:relative;aspect-ratio:16/9;overflow:hidden;background:#101317}.poster img{display:block;width:100%;height:100%;object-fit:cover}.play{position:absolute;left:12px;bottom:12px;background:var(--yellow);color:#111;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-weight:900}.rank{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.75);padding:6px 9px;border-radius:6px;color:var(--yellow);font-weight:900}.info{padding:14px}.info h3{font-size:16px;margin:0 0 6px}.info p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}
.feature{display:grid;grid-template-columns:1.3fr 1fr;background:linear-gradient(110deg,#12181d,#0c0f12);border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:45px}.feature-copy h2{font-size:42px;margin:12px 0}.feature-copy p{color:var(--muted);line-height:1.7}
.network{border-top:1px solid var(--line);padding:55px 0;background:#07090b}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.network-grid a{display:block;padding:17px;border:1px solid var(--line);border-radius:10px;background:#0e1216}.network-grid a:hover{border-color:var(--yellow)}.network-grid strong{display:block}.network-grid small{display:block;color:var(--muted);margin-top:5px}
footer{padding:48px 0;background:#050607;border-top:1px solid var(--line);color:var(--muted)}footer strong{color:var(--yellow)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:46px}.feature{grid-template-columns:1fr}.network-grid,.footer-grid{grid-template-columns:1fr}.navlinks{display:none}}@media(max-width:480px){.grid{grid-template-columns:1fr}.hero{min-height:620px}}
