:root{
  --bg:#0a0a0f; --bg2:#12121a; --white:#f5f5f7; --muted:#9a9aa8;
  --accent:#e50914; --accent2:#ff3d55; --glass:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;width:100%}
body{
  font-family:'Inter',sans-serif; background:var(--bg); color:var(--white);
  overflow-x:clip; width:100%; max-width:100%; position:relative;
}
h1,h2,h3,h4,.logo{font-family:'Sora',sans-serif}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}

/* PRELOADER */
#preloader{position:fixed;inset:0;background:var(--bg);z-index:9999;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .6s,visibility .6s}
#preloader.done{opacity:0;visibility:hidden}
.loader-text{font-family:'Sora';font-weight:800;letter-spacing:.4em;font-size:clamp(20px,4vw,38px);
  background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.loader-bar{width:200px;height:3px;background:var(--line);border-radius:9px;overflow:hidden}
.loader-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}

/* 3D BG */
#bg-canvas{position:fixed;inset:0;z-index:0;opacity:.55}

/* HEADER GLASS */
#header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:.4s}
.nav{max-width:1300px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;
  backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  background:var(--glass);border:1px solid var(--line);border-radius:0 0 18px 18px;box-shadow:0 8px 40px rgba(0,0,0,.35)}
.logo{font-weight:800;font-size:22px;letter-spacing:.05em}
.logo span{color:var(--accent2)}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{font-size:14px;color:var(--muted);font-weight:500;transition:.3s;position:relative}
.nav-links a:hover{color:#fff}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent2);transition:.3s}
.nav-links a:hover::after{width:100%}
.nav-cta{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#fff;
  padding:10px 22px;border-radius:30px;font-weight:600;cursor:pointer;transition:.3s;font-size:14px}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(229,9,20,.45)}

/* HERO SLIDER */
.hero{position:relative;height:100vh;z-index:2;overflow:hidden}
.slider{position:relative;width:100%;height:100%}
.slide{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity 1s,transform 6s ease-out;
  display:flex;align-items:center}
.slide.active{opacity:1;transform:scale(1)}
.slide::before{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,15,.95) 0%,rgba(10,10,15,.55) 45%,rgba(10,10,15,.2) 100%),
  linear-gradient(0deg,var(--bg),transparent 60%)}
.slide-bg{position:absolute;inset:0;object-fit:cover;height:100%}
/* PARALLAX DEPTH LAYERS */
.slide-layers{position:absolute;inset:0;overflow:hidden}
.slide-layer{position:absolute;inset:-8%;background-size:cover;background-position:center;will-change:transform}
.slide-layer img{width:116%;height:116%;object-fit:cover;position:absolute;inset:-8%}
.slide-layer.l-far{filter:brightness(.5) saturate(1.1) blur(2px);transform:scale(1.12)}
.slide-layer.l-mid{filter:brightness(.8) contrast(1.05);mix-blend-mode:normal;
  -webkit-mask-image:radial-gradient(120% 90% at 30% 60%,#000 45%,transparent 78%);
  mask-image:radial-gradient(120% 90% at 30% 60%,#000 45%,transparent 78%)}
.slide-grain{position:absolute;inset:0;pointer-events:none;opacity:.10;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.slide-content{position:relative;z-index:3;max-width:640px;padding:0 8%}
.slide-tag{display:inline-block;font-size:12px;letter-spacing:.25em;color:var(--accent2);font-weight:600;margin-bottom:18px;text-transform:uppercase}
.slide-content h1{font-size:clamp(38px,6vw,80px);line-height:1;font-weight:800;margin-bottom:20px}
.slide-content p{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:28px;max-width:520px}
.slide-actions{display:flex;gap:16px;align-items:center}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#fff;
  padding:15px 34px;border-radius:40px;font-weight:600;font-size:15px;cursor:pointer;transition:.3s}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(229,9,20,.5)}
.btn-ghost{background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--line);color:#fff;
  padding:15px 30px;border-radius:40px;font-weight:600;cursor:pointer;transition:.3s}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.slide-price{margin-left:6px;font-family:'Sora';font-weight:700;font-size:20px;color:#fff}

.slider-nav{position:absolute;bottom:48px;left:8%;z-index:5;display:flex;align-items:center;gap:20px}
.slider-nav button{width:48px;height:48px;border-radius:50%;background:var(--glass);backdrop-filter:blur(10px);
  border:1px solid var(--line);color:#fff;font-size:22px;cursor:pointer;transition:.3s}
.slider-nav button:hover{background:var(--accent);border-color:var(--accent)}
.slider-dots{display:flex;gap:10px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--line);cursor:pointer;transition:.3s}
.dot.active{background:var(--accent2);width:28px;border-radius:6px}
.scroll-hint{position:absolute;bottom:40px;right:8%;z-index:5;color:var(--muted);font-size:13px;letter-spacing:.1em;animation:bob 2s infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

/* SECTIONS */
section{position:relative;z-index:2;width:100%;max-width:100vw}
.hero,.slider,.slide{width:100%}

/* PREMIUM 3D COVERFLOW */
.featured{max-width:1300px;margin:0 auto;padding:120px 24px 40px;text-align:center}
.featured .section-sub{margin-inline:auto}
.cf-stage{position:relative;height:520px;perspective:1800px;margin-top:20px}
.cf-track{position:absolute;inset:0;transform-style:preserve-3d}
.cf-item{position:absolute;top:50%;left:50%;width:300px;height:440px;margin:-220px 0 0 -150px;
  border-radius:22px;overflow:hidden;cursor:pointer;
  transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .7s,filter .7s,box-shadow .7s;
  border:1px solid rgba(255,255,255,.10);will-change:transform;
  box-shadow:0 40px 80px rgba(0,0,0,.6)}
.cf-item img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:.9}
.cf-item .cf-tint{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.55}
.cf-item .cf-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,10,.95),transparent 55%)}
.cf-item .cf-title{position:absolute;left:22px;bottom:26px;right:22px;z-index:3;text-align:left;
  font-family:'Playfair Display',serif;font-weight:700;font-size:24px;letter-spacing:.01em;
  text-shadow:0 4px 24px rgba(0,0,0,.7)}
.cf-item.center{filter:none}
.cf-item:not(.center){filter:brightness(.5) saturate(.85)}
.cf-item.center{box-shadow:0 50px 110px rgba(229,9,20,.30),0 30px 70px rgba(0,0,0,.7);border-color:rgba(255,61,85,.35)}
/* ticket-style price tag */
.cf-ticket{position:absolute;top:20px;right:18px;z-index:4;background:linear-gradient(180deg,#f6d97a,#e9b949);
  color:#20160a;font-family:'Sora';font-weight:700;font-size:13px;padding:7px 12px;border-radius:7px;
  transform:rotate(6deg);box-shadow:0 8px 20px rgba(0,0,0,.45)}
.cf-ticket::before,.cf-ticket::after{content:'';position:absolute;top:50%;width:8px;height:8px;border-radius:50%;
  background:var(--bg);transform:translateY(-50%)}
.cf-ticket::before{left:-4px}.cf-ticket::after{right:-4px}
.cf-arw{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:54px;height:54px;border-radius:50%;
  background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);color:#fff;font-size:26px;cursor:pointer;transition:.3s}
.cf-arw:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-50%) scale(1.08)}
.cf-prev{left:2%}.cf-next{right:2%}
.cf-caption{margin-top:26px;min-height:48px}
.cf-caption h3{font-family:'Playfair Display',serif;font-size:26px;margin-bottom:6px}
.cf-caption p{color:var(--muted);font-size:14px}
.cf-caption .cf-cap-price{color:var(--accent2);font-family:'Sora';font-weight:700}
@media(max-width:600px){.cf-item{width:230px;height:340px;margin:-170px 0 0 -115px}.cf-stage{height:420px}}

/* CINEMATIC SCROLL STORY */
.story{position:relative;z-index:2;height:320vh}
.story-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(120% 120% at 50% 30%,#141420 0%,var(--bg) 70%)}
.story-glow{position:absolute;width:60vmin;height:60vmin;border-radius:50%;
  background:radial-gradient(circle,rgba(255,61,85,.28),transparent 65%);filter:blur(30px);z-index:0}
.story-text{position:absolute;z-index:4;text-align:center;max-width:640px;padding:0 24px;pointer-events:none}
.story-kicker{display:inline-block;font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:var(--accent2);margin-bottom:16px;font-weight:600}
.story-head{font-family:'Sora';font-weight:800;font-size:clamp(40px,8vw,96px);line-height:.95;
  background:linear-gradient(180deg,#fff,#b9b9c9);-webkit-background-clip:text;background-clip:text;color:transparent}
.story-p{color:var(--muted);font-size:16px;line-height:1.7;margin-top:22px;max-width:440px;margin-inline:auto}
.reel{position:absolute;inset:0;z-index:3;pointer-events:none}
.frame{position:absolute;top:50%;left:50%;width:150px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;
  pointer-events:auto;cursor:pointer;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.6);will-change:transform;
  background:#0d0d14}
.frame img{height:100%;object-fit:cover}
.frame::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 40px rgba(0,0,0,.55)}

.trending,.store{max-width:1300px;margin:0 auto;padding:110px 32px}
.section-title{font-size:clamp(30px,4vw,52px);font-weight:800;margin-bottom:12px}
.section-sub{color:var(--muted);font-size:16px;margin-bottom:44px;max-width:560px}

/* TREND TRACK */
.trend-track{display:flex;gap:22px;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory}
.trend-track::-webkit-scrollbar{height:6px}
.trend-track::-webkit-scrollbar-thumb{background:var(--accent);border-radius:9px}
.trend-card{flex:0 0 260px;scroll-snap-align:start;border-radius:16px;overflow:hidden;position:relative;
  cursor:pointer;transition:.4s;aspect-ratio:2/3}
.trend-card img{height:100%;object-fit:cover;transition:.6s}
.trend-card:hover img{transform:scale(1.1)}
.trend-card .tc-info{position:absolute;inset:auto 0 0 0;padding:18px;
  background:linear-gradient(0deg,rgba(0,0,0,.9),transparent)}
.trend-card h3{font-size:17px;margin-bottom:4px}
.trend-card span{color:var(--accent2);font-weight:700;font-family:'Sora'}

/* GRID — compact cinematic cards, info overlaid (not blog-like) */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.card{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;
  transition:transform .45s,box-shadow .45s;transform-style:preserve-3d;will-change:transform}
.card:hover{box-shadow:0 30px 60px rgba(229,9,20,.25),0 20px 50px rgba(0,0,0,.6);border-color:rgba(255,61,85,.4)}
.card-poster{position:relative;aspect-ratio:16/10;overflow:hidden}
.card-poster img{height:100%;object-fit:cover;transition:.6s}
.card:hover .card-poster img{transform:scale(1.08)}
.card-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,15,.92),transparent 55%)}
.card-poster .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:.4s;background:rgba(10,10,15,.25);z-index:2}
.card:hover .play{opacity:1}
.play span{width:52px;height:52px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:18px;box-shadow:0 0 30px rgba(229,9,20,.6)}
.card-info{position:absolute;inset:auto 0 0 0;z-index:3;padding:14px 16px}
.card-info h3{font-size:16px;margin-bottom:4px}
.card-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.card-genre{color:var(--muted);font-size:12px}
.price{font-family:'Sora';font-weight:700;color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent2));
  padding:5px 12px;border-radius:20px;font-size:13px}
.newtag{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:20px;letter-spacing:.05em;z-index:2}

/* FOOTER */
#footer{background:linear-gradient(0deg,#08080c,transparent);padding:90px 32px 30px;margin-top:60px;border-top:1px solid var(--line);position:relative;z-index:2}
.footer-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}
.foot-brand h3{font-size:24px;font-weight:800}.foot-brand h3 span{color:var(--accent2)}
.foot-brand p{color:var(--muted);margin-top:14px;line-height:1.7;max-width:320px}
.foot-col h4{margin-bottom:18px;font-size:15px}
.foot-col a{display:block;color:var(--muted);margin-bottom:12px;font-size:14px;transition:.3s}
.foot-col a:hover{color:var(--accent2)}
.news{display:flex;gap:8px}
.news input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--glass);color:#fff}
.news button{padding:12px 18px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}
.foot-bottom{text-align:center;color:var(--muted);font-size:13px;margin-top:50px;border-top:1px solid var(--line);padding-top:24px}

/* MODAL */
.modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:24px;
  background:rgba(5,5,8,.8);backdrop-filter:blur(12px)}
.modal.open{display:flex}
.modal-card{max-width:900px;width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:22px;
  overflow:hidden;display:grid;grid-template-columns:340px 1fr;position:relative;
  transform:translateY(40px) scale(.96);opacity:0;transition:.5s;max-height:90vh}
.modal.open .modal-card{transform:none;opacity:1}
.modal-poster img{height:100%;object-fit:cover}
.modal-close{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;border-radius:50%;
  background:var(--glass);border:1px solid var(--line);color:#fff;cursor:pointer;font-size:16px}
.modal-body{padding:40px;overflow-y:auto}
.m-badge{display:inline-block;background:var(--accent);font-size:11px;font-weight:700;padding:5px 12px;border-radius:20px;letter-spacing:.1em;margin-bottom:16px}
.modal-body h2{font-size:34px;margin-bottom:14px;font-weight:800}
.m-meta{color:var(--muted);font-size:14px;margin-bottom:12px;display:flex;gap:16px;flex-wrap:wrap}
.m-rating{color:#ffc107;margin-bottom:18px;font-size:15px}
.modal-body p{color:#cfcfda;line-height:1.8;margin-bottom:28px}
.m-buy{display:flex;align-items:center;gap:20px}
.m-price{font-family:'Sora';font-weight:800;font-size:30px}
.buy-btn{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#fff;
  padding:15px 30px;border-radius:40px;font-weight:600;cursor:pointer;font-size:15px;transition:.3s}
.buy-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(229,9,20,.5)}

@media(max-width:860px){
  .nav-links{display:none}
  .nav{padding:12px 18px}
  .modal-card{grid-template-columns:1fr;max-height:88vh;overflow-y:auto}
  .modal-poster{max-height:300px}
  .footer-inner{grid-template-columns:1fr 1fr}
  .featured{padding:90px 16px 30px}
  .trending,.store{padding:70px 16px}
  .slide-content h1{font-size:clamp(32px,9vw,54px)}
  .slide-content p{font-size:15px}
  .slider-nav{left:6%;bottom:32px}
  .scroll-hint{right:6%}
  .story{height:260vh}
  .story-p{font-size:14px}
}
@media(max-width:560px){
  .footer-inner{grid-template-columns:1fr;gap:28px}
  .slide-content{padding:0 6%;max-width:100%}
  .slide-content p{max-width:100%}
  .slide-actions{flex-wrap:wrap;gap:12px}
  .btn-primary,.btn-ghost{padding:13px 24px;font-size:14px}
  .grid{grid-template-columns:1fr 1fr;gap:14px}
  .trend-card{flex:0 0 200px}
  .section-sub{font-size:14px;margin-bottom:32px}
  .featured .section-sub{padding:0 10px}
  .slider-nav button{width:42px;height:42px;font-size:18px}
  .news{flex-direction:column}
  .frame{width:110px}
}
@media(max-width:380px){
  .grid{grid-template-columns:1fr}
}

/* ============ MOVIE DETAIL PAGE ============ */
.mv-body{background:var(--bg)}
#mv-root{position:relative;z-index:2}
.mv-hero{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center}
.mv-hero-layers{position:absolute;inset:0;overflow:hidden}
.mv-layer{position:absolute;inset:-10%;background-size:cover;background-position:center;will-change:transform}
.mv-layer img{width:120%;height:120%;object-fit:cover;position:absolute;inset:-10%}
.mv-far{filter:brightness(.45) blur(3px) saturate(1.1);transform:scale(1.14)}
.mv-mid{filter:brightness(.85) contrast(1.05);
  -webkit-mask-image:radial-gradient(130% 100% at 25% 55%,#000 40%,transparent 80%);
  mask-image:radial-gradient(130% 100% at 25% 55%,#000 40%,transparent 80%)}
.mv-hero::before{content:'';position:absolute;inset:0;z-index:2;
  background:linear-gradient(90deg,rgba(10,10,15,.95),rgba(10,10,15,.5) 50%,transparent),
  linear-gradient(0deg,var(--bg),transparent 55%)}
.mv-hero-inner{position:relative;z-index:3;max-width:680px;padding:0 8%}
.mv-kicker{display:inline-block;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent2);font-weight:600;margin-bottom:16px}
.mv-title{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(44px,8vw,96px);line-height:.98;margin-bottom:16px}
.mv-tag{font-size:clamp(16px,2vw,22px);color:#e6e6ef;font-style:italic;margin-bottom:22px;max-width:560px}
.mv-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-bottom:30px}
.mv-meta span{background:var(--glass);border:1px solid var(--line);padding:6px 14px;border-radius:30px;backdrop-filter:blur(8px)}
.mv-actions{display:flex;gap:14px;flex-wrap:wrap}

/* SCROLL STORY — pinned cinematic sequence */
.mv-story{position:relative;z-index:2}
.cine-stage{height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(120% 90% at 50% 20%,#15151f,var(--bg) 70%)}
.cine-scene{position:absolute;inset:0;display:grid;place-items:center;will-change:transform,opacity}
.cine-img{width:min(66vw,940px);aspect-ratio:16/9;border-radius:20px;overflow:hidden;
  box-shadow:0 50px 120px rgba(0,0,0,.7);border:1px solid var(--line);will-change:transform,filter}
.cine-img img{width:100%;height:100%;object-fit:cover}
.cine-img::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(0,0,0,.6)}
.cine-cap{position:absolute;top:50%;right:5vw;transform:translateY(-50%);
  width:min(38vw,460px);text-align:right;will-change:transform,opacity;z-index:5}
.cine-no{display:block;font-family:'Sora';font-size:13px;letter-spacing:.35em;color:var(--accent2);font-weight:700}
.cine-cap h3{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(34px,5vw,68px);line-height:1;margin:14px 0 16px;
  text-shadow:0 6px 40px rgba(0,0,0,.6)}
.cine-cap p{color:#d5d5e0;font-size:clamp(15px,1.5vw,20px);line-height:1.65}
.cine-glow{position:absolute;left:20%;top:50%;width:60vmin;height:60vmin;transform:translateY(-50%);
  background:radial-gradient(circle,rgba(255,61,85,.14),transparent 62%);filter:blur(40px);pointer-events:none;z-index:1}
.cine-progress{position:absolute;top:0;left:0;height:3px;width:100%;background:rgba(255,255,255,.08);z-index:6}
.cine-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}

/* DETAIL */
.mv-detail{max-width:1180px;margin:0 auto;padding:80px 24px}
.mv-detail-grid{display:grid;grid-template-columns:360px 1fr;gap:50px;align-items:start}
.mv-poster img{border-radius:20px;box-shadow:0 40px 90px rgba(0,0,0,.6);border:1px solid var(--line)}
.mv-info h2{font-family:'Playfair Display',serif;font-size:38px;margin-bottom:18px}
.mv-info>p{color:#cfcfda;line-height:1.9;font-size:17px;margin-bottom:30px}
.mv-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}
.mv-facts div{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:15px}
.mv-facts span{display:block;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.mv-buy{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mv-price{font-family:'Sora';font-weight:800;font-size:32px}

/* MORE */
.mv-more{max-width:1300px;margin:0 auto;padding:40px 24px 100px}
.mv-more-track{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}
.mv-more-track::-webkit-scrollbar{height:6px}
.mv-more-track::-webkit-scrollbar-thumb{background:var(--accent);border-radius:9px}
.mv-more-card{flex:0 0 200px;scroll-snap-align:start;border-radius:16px;overflow:hidden;position:relative;transition:.4s}
.mv-more-card:hover{transform:translateY(-6px)}
.mv-more-card img{aspect-ratio:3/4;object-fit:cover}
.mmc-info{position:absolute;inset:auto 0 0 0;padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent)}
.mmc-info h4{font-size:15px;margin-bottom:4px}
.mmc-info span{color:var(--accent2);font-family:'Sora';font-weight:700}

/* TRAILER MODAL */
.tr-card{max-width:900px;width:100%;position:relative}
.tr-frame{aspect-ratio:16/9;border-radius:18px;border:1px solid var(--line);
  background:radial-gradient(circle at 50% 40%,#1a1a26,#0a0a0f);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:18px;color:var(--muted)}
.tr-play{width:84px;height:84px;border-radius:50%;background:var(--accent);display:grid;place-items:center;
  font-size:30px;color:#fff;box-shadow:0 0 50px rgba(229,9,20,.6);cursor:pointer;animation:bob 2s infinite}

@media(max-width:900px){
  /* MOBILE/TABLET cinematic story: simple stacked scenes */
  .cine-stage{height:auto;display:block;padding:70px 16px}
  .cine-scene{position:relative;inset:auto;display:block;margin-bottom:64px}
  .cine-img{width:100%;aspect-ratio:16/10;margin:0 auto 22px}
  .cine-cap{position:static;transform:none;width:100%;text-align:center}
  .cine-glow{left:50%;transform:translate(-50%,-50%)}
  .cine-cap h3{font-size:clamp(28px,7vw,44px)}
}
@media(max-width:820px){
  .mv-detail-grid{grid-template-columns:1fr}
  .mv-poster{max-width:300px}
}
@media(max-width:600px){
  .nav{padding:12px 18px}
  .mv-hero-inner{padding:0 6vw}
  .mv-meta{gap:10px}
  .mv-meta span{padding:5px 10px;font-size:12px}
  .mv-actions{gap:10px}
  .mv-actions .btn-primary,.mv-actions .btn-ghost{padding:12px 20px;font-size:14px}
  .mv-detail,.mv-more,.mv-story{padding-left:16px;padding-right:16px}
  .mv-more-card{flex:0 0 150px}
  .mv-facts{grid-template-columns:1fr}
  .mv-buy{gap:12px}
  .cine-cap h3{font-size:clamp(26px,8vw,40px)}
}