:root{--bg:#090a0d;--panel:#111218;--panel2:#161820;--text:#f5f6f8;--muted:#a5a8b3;--line:#242730;--accent:#e50914;--accent2:#ff3440;--max:1180px;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#171922 0,#090a0d 34%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;padding-bottom:96px}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{width:auto;height:auto;clip:auto;left:12px;top:12px;margin:0;padding:10px 14px;background:#fff;color:#111;z-index:9999;border-radius:8px}.site{width:min(calc(100% - 32px),var(--max));margin:auto}.navbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:900;font-size:22px}.logo small{font-size:10px;font-weight:700;color:#777c8b;letter-spacing:.04em;margin-left:2px}.logo-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),#a40008);color:#fff;border-radius:9px;box-shadow:0 8px 25px rgba(229,9,20,.24)}.simple-domain-nav{display:flex;align-items:center;gap:6px}.simple-domain-nav a,.category-back-home{font-size:12px;font-weight:800;text-decoration:none;color:#b6b8c1;padding:8px 10px;border-radius:8px}.simple-domain-nav a:hover,.category-back-home:hover{background:var(--panel2);color:#fff}.hero{padding:64px 0 44px}.landing-hero{text-align:center}.hero-copy{max-width:790px;margin:auto}.hero-kicker,.section-label{margin:0 0 9px;color:#747989;font-size:10px;font-weight:900;letter-spacing:.16em}.hero h1{margin:0 0 14px;font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.055em}.hero h1 span{color:var(--accent2)}.hero-description{max-width:720px;margin:0 auto 24px;color:#b9bbc4;font-size:16px}.hero-description strong{color:#fff}.hero-search{max-width:650px;margin:auto;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #2a2d37;border-radius:13px;background:rgba(17,18,24,.92);box-shadow:0 16px 50px rgba(0,0,0,.25)}.hero-search svg{width:19px;height:19px;stroke:#737888;fill:none;stroke-width:2;flex:0 0 auto}.hero-search input{flex:1;min-width:0;border:0;outline:0;color:#fff;background:transparent;padding:10px 2px}.hero-search input::placeholder{color:#696d79}.search-shortcut{font-size:10px;font-weight:800;color:#8d919d;background:#20222a;border:1px solid #2b2e38;border-radius:7px;padding:5px 8px}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:900}.primary-cta{background:var(--accent);color:#fff}.primary-cta:hover{background:#ff1723}.secondary-cta{border:1px solid #30333d;background:#12131a;color:#ddd}.data-note{margin:14px 0 0;font-size:10px;color:#696d79}.keyword-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:0 0 36px}.keyword-strip span{font-size:10px;color:#8c909c;border:1px solid #242730;background:#101117;border-radius:999px;padding:6px 9px}.film-row-section{padding:36px 0;border-top:1px solid var(--line)}.film-row-head,.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.film-row-head h2,.section-head h2{margin:0;font-size:clamp(24px,4vw,36px);letter-spacing:-.035em;line-height:1.1}.section-link{font-size:11px;color:#a7aab5;text-decoration:none;white-space:nowrap}.section-link:hover{color:#fff}.film-row-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(142px,1fr);grid-template-rows:1fr;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:#30333d transparent}.film-row-slider::-webkit-scrollbar{height:5px}.film-row-slider::-webkit-scrollbar-thumb{background:#30333d;border-radius:10px}.slider-movie-card{scroll-snap-align:start;min-width:0;width:155px}.movie-poster{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;border-radius:10px;background:#151720;text-decoration:none;border:1px solid #1f222b}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,opacity .2s ease}.movie-poster:hover img{transform:scale(1.035)}.slider-rating{position:absolute;left:7px;bottom:7px;background:rgba(0,0,0,.78);backdrop-filter:blur(5px);padding:4px 6px;border-radius:6px;color:#ffd967;font-size:10px;font-weight:900}.movie-info{padding:9px 2px 0}.movie-info h3{margin:0;font-size:13px;line-height:1.35}.movie-title-link{text-decoration:none}.movie-title-link:hover{color:#ff626a}.movie-info p{margin:5px 0 0;display:flex;gap:6px;flex-wrap:wrap;color:#7d818e;font-size:10px}.movie-info p span+span:before{content:"·";margin-right:6px}.movie-external{display:inline-flex;margin-top:7px;text-decoration:none;color:#a9acb6;font-size:10px;font-weight:800}.movie-external:hover{color:#fff}.simple-categories{padding:42px 0;border-top:1px solid var(--line)}.simple-category-links{display:flex;flex-wrap:wrap;gap:8px}.simple-category-links a,.category-chip{padding:10px 12px;border:1px solid #282b34;border-radius:9px;background:#111218;color:#c9cbd2;text-decoration:none;font-size:11px;font-weight:800}.simple-category-links a:hover,.category-chip:hover,.category-chip-active{background:#20222b;color:#fff;border-color:#393d49}.seo-intro{padding:46px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border-top:1px solid var(--line)}.seo-intro h2{margin:0;font-size:32px;line-height:1.05;letter-spacing:-.04em}.seo-copy{color:#a9acb6}.seo-copy p{margin:0 0 14px}.seo-copy strong{color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 0 46px}.trust-grid article{padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,#12131a,#0e0f14);border-radius:12px}.trust-grid strong{display:block;font-size:13px;margin-bottom:5px}.trust-grid span{display:block;color:#808491;font-size:11px}.faq-section,.disclaimer{padding:46px 0;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-grid details{border:1px solid var(--line);background:#101117;border-radius:11px;padding:0 15px}.faq-grid summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;padding:15px 0;font-size:12px;font-weight:800}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid details p{margin:0;padding:0 0 16px;color:#9296a2;font-size:12px}.faq-icon{color:#6e7280}.disclaimer h2{margin:0 0 12px;font-size:24px}.disclaimer p:last-child{max-width:900px;margin:0;color:#848895;font-size:11px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 34px;border-top:1px solid var(--line)}.footer-right{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end;color:#777b88;font-size:10px}.footer-right a{text-decoration:none}.floating-access{position:fixed;z-index:50;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(180deg,rgba(9,10,13,0),rgba(9,10,13,.95) 30%)}.floating-inner{width:min(100%,760px);margin:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;border:1px solid #292c35;border-radius:14px;background:rgba(17,18,24,.94);backdrop-filter:blur(12px);box-shadow:0 15px 50px rgba(0,0,0,.45)}.floating-label{font-size:10px;color:#777b88;font-weight:800;padding-left:5px}.floating-buttons{display:flex;gap:6px;overflow:auto}.access-button{display:inline-flex;gap:6px;align-items:center;text-decoration:none;white-space:nowrap;padding:9px 11px;border-radius:8px;background:#20222a;color:#eee;font-size:10px;font-weight:900}.access-button:first-child{background:var(--accent)}.search-empty{padding:30px;text-align:center;color:#969aa6;border:1px dashed #2d3039;border-radius:12px}.tmdb-refresh-status{display:none}.category-page .category-hero{padding:54px 0 28px}.category-hero h1{margin:0 0 10px;font-size:clamp(36px,6vw,62px);letter-spacing:-.05em}.category-hero>p:not(.hero-kicker){max-width:720px;color:#9fa3ae}.category-page-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.category-movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 13px}.category-movie-grid .movie-card{width:auto}.movie-detail-page{max-width:980px}.movie-detail-main{padding:54px 0}.movie-detail-card{display:grid;grid-template-columns:280px 1fr;gap:38px}.movie-detail-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.movie-detail-content h1{font-size:clamp(36px,6vw,58px);line-height:1;letter-spacing:-.045em;margin:6px 0 14px}.movie-detail-meta{display:flex;gap:8px;flex-wrap:wrap;color:#8d919e;font-size:11px}.movie-detail-description{color:#aeb1bb}.movie-detail-cta{display:inline-flex;margin-top:10px;background:var(--accent);padding:11px 15px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:900}.movie-detail-note{font-size:10px;color:#686c78}.related-movies{padding:46px 0}.related-head p{font-size:10px;letter-spacing:.15em;color:#727684;font-weight:900;margin:0}.related-head h2{margin:5px 0 17px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card{text-decoration:none}.related-card img{aspect-ratio:2/3;object-fit:cover;border-radius:10px;margin-bottom:8px}.related-card strong{display:block;font-size:12px}.related-card span{font-size:10px;color:#777b88}.movie-detail-footer{display:flex;justify-content:space-between;color:#777b88;font-size:10px;padding:24px 0;border-top:1px solid var(--line)}
@media (min-width:900px){.film-row-slider{grid-auto-columns:minmax(0,1fr);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;overflow:visible}.slider-movie-card{width:auto}}
@media (max-width:900px){.category-movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.seo-intro{grid-template-columns:1fr;gap:18px}.trust-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.movie-detail-card{grid-template-columns:220px 1fr}}
@media (max-width:640px){body{padding-bottom:92px}.site{width:min(calc(100% - 22px),var(--max))}.navbar{min-height:62px}.logo small{display:none}.simple-domain-nav a:nth-child(2){display:none}.hero{padding:46px 0 32px}.hero-description{font-size:14px}.hero-search{padding:6px 8px}.keyword-strip{justify-content:flex-start;overflow:hidden}.film-row-section{padding:29px 0}.film-row-head{align-items:center}.film-row-head h2{font-size:23px}.film-row-slider{grid-auto-columns:42%}.slider-movie-card{width:auto}.movie-external{font-size:10px}.category-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.movie-detail-card{grid-template-columns:1fr}.movie-detail-poster{max-width:260px}.related-grid{grid-template-columns:repeat(2,1fr)}.footer{align-items:flex-start;flex-direction:column}.footer-right{justify-content:flex-start}.floating-label{display:none}.floating-inner{justify-content:flex-start}.floating-buttons{width:100%}.access-button{flex:1;justify-content:center}.seo-intro{padding:36px 0}.seo-intro h2{font-size:28px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* detail/movie compatibility */
.movie-detail-shell{width:min(calc(100% - 32px),980px);margin:auto}.movie-detail-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.movie-detail-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:22px;font-weight:900}.movie-detail-brand span{font-size:10px;color:#777b88;font-weight:700}.movie-detail-back{font-size:11px;text-decoration:none;color:#9a9eaa}.movie-breadcrumb{display:flex;gap:7px;align-items:center;padding:30px 0 15px;color:#777b88;font-size:10px}.movie-breadcrumb a{text-decoration:none}.movie-detail{display:grid;grid-template-columns:280px 1fr;gap:38px;padding:12px 0 48px}.movie-detail-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.movie-detail-kicker{font-size:10px;letter-spacing:.15em;color:#747989;font-weight:900;margin:4px 0}.movie-detail-content h1{font-size:clamp(36px,6vw,58px);line-height:1;letter-spacing:-.045em;margin:6px 0 14px}.movie-detail-meta{display:flex;gap:8px;flex-wrap:wrap;color:#8d919e;font-size:11px}.movie-detail-meta span{padding:5px 7px;background:#12131a;border:1px solid #252832;border-radius:7px}.movie-detail-description{color:#aeb1bb}.movie-detail-cta{display:inline-flex;margin-top:10px;background:var(--accent);padding:11px 15px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:900}.movie-detail-note{font-size:10px;color:#686c78}.poster-shade{position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}.poster-open{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 8px;text-align:center;border-radius:7px;background:rgba(12,13,17,.88);font-size:10px;font-weight:900}.category-empty{padding:26px;border:1px dashed #30333d;border-radius:12px;color:#999da9}.category-empty p{font-size:12px}.category-empty a{font-size:11px;font-weight:800}.search-page{padding:46px 0}.search-page h1{font-size:clamp(36px,6vw,58px);letter-spacing:-.045em;margin:0 0 8px}.search-page-copy{color:#989ca7;max-width:720px}.search-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 13px;margin-top:28px}.search-result-card{width:auto}.search-form-page{max-width:660px;margin:18px 0 0}.pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:11px}.pagination .active{background:#fff;color:#111}
@media(max-width:900px){.movie-detail{grid-template-columns:220px 1fr}.search-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.movie-detail-shell{width:min(calc(100% - 22px),980px)}.movie-detail{grid-template-columns:1fr}.movie-detail-poster{max-width:260px}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
.search-shortcut{border:0;cursor:pointer}.movie-taxonomy{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.movie-taxonomy a{padding:6px 8px;border:1px solid #2a2d37;border-radius:7px;text-decoration:none;color:#aeb1bb;font-size:10px;font-weight:800}.movie-taxonomy a:hover{color:#fff;background:#1b1d25}

/* ===== Movie detail mobile UX v4 ===== */
.movie-detail{grid-template-areas:"poster info" "poster summary";align-items:start}
.movie-detail-poster{grid-area:poster;position:relative;min-width:0}
.movie-detail-content{grid-area:info;min-width:0}
.movie-detail-summary{grid-area:summary;min-width:0;padding-top:4px}
.movie-poster-watch-link{position:relative;display:block;text-decoration:none;border-radius:14px;overflow:hidden}
.movie-poster-watch-link img{display:block;transition:transform .2s ease,filter .2s ease}
.movie-poster-watch-link:hover img{transform:scale(1.015);filter:brightness(.92)}
.poster-watch-label{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border-radius:9px;background:rgba(9,10,14,.9);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:900}
.movie-detail-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;margin-top:18px;padding:11px 18px;background:var(--accent);color:#fff;box-shadow:0 10px 30px rgba(229,9,20,.16);transition:transform .15s ease,filter .15s ease}
.movie-detail-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}
.watch-icon{font-size:10px}
.movie-detail-summary .movie-taxonomy{margin-top:0}
.movie-detail-description{margin:16px 0 0;line-height:1.75}
.related-card{display:block;min-width:0}
.related-card img{display:block;width:100%;transition:transform .2s ease,filter .2s ease}
.related-card:hover img{transform:translateY(-2px);filter:brightness(1.04)}
.related-card strong{line-height:1.35;margin-top:2px}
.related-meta{display:block;margin-top:5px}
.mobile-watch-bar{display:none}

@media(max-width:640px){
  .movie-page-body{padding-bottom:82px}
  .movie-detail-shell{width:min(calc(100% - 24px),980px)}
  .movie-detail-header{min-height:58px}
  .movie-detail-brand{font-size:20px}
  .movie-detail-brand span{font-size:8px}
  .movie-detail-back{font-size:10px}
  .movie-breadcrumb{padding:16px 0 12px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .movie-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}

  .movie-detail{
    grid-template-columns:112px minmax(0,1fr);
    grid-template-areas:"poster info" "summary summary";
    column-gap:14px;
    row-gap:18px;
    padding:4px 0 28px;
  }
  .movie-detail-poster{max-width:none;width:112px}
  .movie-detail-poster img{border-radius:12px}
  .movie-poster-watch-link{border-radius:12px}
  .poster-watch-label{left:6px;right:6px;bottom:6px;min-height:28px;padding:5px 6px;border-radius:7px;font-size:9px}

  .movie-detail-kicker{margin:0 0 5px;font-size:8px;letter-spacing:.12em}
  .movie-detail-content h1{font-size:clamp(24px,7.4vw,31px);line-height:1.02;letter-spacing:-.035em;margin:0 0 10px;overflow-wrap:anywhere}
  .movie-detail-meta{gap:5px}
  .movie-detail-meta span{padding:5px 6px;border-radius:6px;font-size:9px;line-height:1.2}
  .movie-detail-meta .meta-genre{display:-webkit-box;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .movie-detail-cta{width:100%;min-height:44px;margin-top:12px;padding:8px 10px;border-radius:10px;font-size:11px;line-height:1.25;text-align:center}

  .movie-detail-summary{padding:0}
  .movie-taxonomy{display:flex;gap:6px;overflow-x:auto;padding:0 0 2px;scrollbar-width:none}
  .movie-taxonomy::-webkit-scrollbar{display:none}
  .movie-taxonomy a{flex:0 0 auto}
  .movie-detail-description{margin:13px 0 0;font-size:13px;line-height:1.65;color:#aeb1bb}
  .movie-detail-note{margin:10px 0 0;font-size:9px}

  .related-movies{padding:30px 0 26px;border-top:1px solid var(--line)}
  .related-head h2{font-size:23px;margin:5px 0 14px}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  .related-card img{border-radius:10px;margin-bottom:7px}
  .related-card strong{font-size:11px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:30px}
  .related-meta{font-size:9px;color:#777b88}
  .movie-detail-footer{padding:20px 0 26px;font-size:9px;gap:12px}

  .mobile-watch-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;display:block;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(8,9,13,0),rgba(8,9,13,.98) 28%);pointer-events:none}
  .mobile-watch-bar a{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:7px;width:min(100%,520px);min-height:50px;margin:auto;padding:9px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:var(--accent);box-shadow:0 10px 35px rgba(0,0,0,.45);color:#fff;text-decoration:none;font-size:13px;font-weight:900;text-align:center;line-height:1.2}
}

@media(max-width:360px){
  .movie-detail{grid-template-columns:100px minmax(0,1fr);column-gap:12px}
  .movie-detail-poster{width:100px}
  .movie-detail-content h1{font-size:23px}
  .movie-detail-meta .meta-genre{display:none}
}

/* ===== Movie Detail Mobile UX v5 - clean layout ===== */
@media (max-width:640px){
  /* Jangan sisakan ruang untuk sticky CTA lama */
  .movie-page-body{padding-bottom:0!important}

  .movie-detail-shell{
    width:calc(100% - 24px)!important;
    max-width:980px;
    margin:0 auto;
  }

  .movie-detail-header{
    min-height:60px!important;
    gap:12px;
  }

  .movie-detail-brand{
    font-size:20px!important;
    line-height:1;
  }

  .movie-detail-brand span{
    font-size:8px!important;
    white-space:nowrap;
  }

  .movie-detail-back{
    font-size:10px!important;
    white-space:nowrap;
  }

  .movie-breadcrumb{
    padding:16px 0 14px!important;
    font-size:9px!important;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
  }

  .movie-breadcrumb span:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Poster + informasi dibuat seimbang, bukan poster tinggi kurus */
  .movie-detail{
    display:grid!important;
    grid-template-columns:126px minmax(0,1fr)!important;
    grid-template-areas:
      "poster info"
      "summary summary"!important;
    align-items:start!important;
    column-gap:14px!important;
    row-gap:20px!important;
    padding:2px 0 30px!important;
  }

  .movie-detail-poster{
    grid-area:poster!important;
    width:126px!important;
    max-width:126px!important;
    min-width:126px!important;
  }

  .movie-poster-watch-link{
    display:block!important;
    position:relative!important;
    width:126px!important;
    height:189px!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:#12131a;
    border:1px solid #252832;
  }

  .movie-detail-poster img,
  .movie-poster-watch-link img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
  }

  /* Label poster lama tidak diperlukan karena CTA utama sudah jelas */
  .poster-watch-label,
  .poster-shade,
  .poster-open{
    display:none!important;
  }

  .movie-detail-content{
    grid-area:info!important;
    min-width:0!important;
    padding:0!important;
  }

  .movie-detail-kicker{
    margin:0 0 6px!important;
    font-size:8px!important;
    line-height:1.2;
    letter-spacing:.13em!important;
  }

  .movie-detail-content h1{
    margin:0 0 10px!important;
    font-size:clamp(25px,7.2vw,31px)!important;
    line-height:1.03!important;
    letter-spacing:-.035em!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  .movie-detail-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin:0!important;
  }

  .movie-detail-meta span{
    padding:5px 7px!important;
    border-radius:6px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }

  .movie-detail-meta .meta-genre{
    display:-webkit-box!important;
    max-width:100%!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  .movie-detail-cta{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    margin:12px 0 0!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1.25!important;
    text-align:center!important;
    box-shadow:0 8px 24px rgba(229,9,20,.18)!important;
  }

  .movie-detail-summary{
    grid-area:summary!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
  }

  .movie-taxonomy{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    margin:0!important;
    padding:0 0 3px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }

  .movie-taxonomy::-webkit-scrollbar{display:none}

  .movie-taxonomy a{
    flex:0 0 auto!important;
    padding:7px 9px!important;
    border-radius:7px!important;
    font-size:9px!important;
  }

  .movie-detail-description{
    margin:14px 0 0!important;
    color:#b0b3bd!important;
    font-size:13px!important;
    line-height:1.65!important;
  }

  .movie-detail-note{
    margin:9px 0 0!important;
    font-size:9px!important;
    line-height:1.45!important;
  }

  /* Hilangkan sticky CTA karena menutupi kartu film ketika scroll/full screenshot */
  .mobile-watch-bar{
    display:none!important;
  }

  /* Related movies lebih compact dan konsisten */
  .related-movies{
    padding:28px 0 26px!important;
    border-top:1px solid var(--line)!important;
  }

  .related-head p{
    margin:0!important;
    font-size:9px!important;
  }

  .related-head h2{
    margin:5px 0 15px!important;
    font-size:23px!important;
    line-height:1.1!important;
  }

  .related-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 10px!important;
  }

  .related-card{
    display:block!important;
    min-width:0!important;
    text-decoration:none!important;
  }

  .related-card img{
    display:block!important;
    width:100%!important;
    height:min(66vw,270px)!important;
    max-height:270px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0 0 8px!important;
    border-radius:10px!important;
    background:#12131a;
  }

  .related-card strong{
    display:-webkit-box!important;
    min-height:30px!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#f5f6f8!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  .related-meta{
    display:block!important;
    margin-top:5px!important;
    color:#777b88!important;
    font-size:9px!important;
  }

  .movie-detail-footer{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:20px 0 28px!important;
    font-size:9px!important;
  }
}

@media (max-width:380px){
  .movie-detail{
    grid-template-columns:112px minmax(0,1fr)!important;
    column-gap:12px!important;
  }

  .movie-detail-poster,
  .movie-poster-watch-link{
    width:112px!important;
    max-width:112px!important;
    min-width:112px!important;
  }

  .movie-poster-watch-link{
    height:168px!important;
  }

  .movie-detail-content h1{
    font-size:24px!important;
  }

  .movie-detail-meta .meta-genre{
    display:none!important;
  }

  .related-card img{
    height:min(67vw,250px)!important;
  }
}

/* =========================================================
   POSTER FIX V5 — rasio poster konsisten 2:3, tanpa gepeng
   ========================================================= */
.movie-poster,
.movie-poster-watch-link,
.related-card img,
.movie-detail-poster img {
  aspect-ratio: 2 / 3;
}

.movie-poster img,
.movie-detail-poster img,
.movie-poster-watch-link img,
.related-card img {
  object-fit: cover;
  object-position: center top;
  image-rendering: auto;
}

@media (max-width: 720px) {
  .movie-detail {
    grid-template-columns: 138px minmax(0, 1fr) !important;
    grid-template-areas:
      "poster info"
      "summary summary" !important;
    column-gap: 14px !important;
    row-gap: 18px !important;
    align-items: start !important;
  }

  .movie-detail-poster {
    width: 138px !important;
    max-width: 138px !important;
    min-width: 138px !important;
  }

  .movie-poster-watch-link {
    position: relative !important;
    display: block !important;
    width: 138px !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #14151b !important;
    border: 1px solid #252832 !important;
  }

  .movie-detail-poster img,
  .movie-poster-watch-link img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center top !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 10px !important;
  }

  .related-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 10px !important;
    margin: 0 0 8px !important;
    background: #14151b !important;
  }
}

@media (max-width: 380px) {
  .movie-detail {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  .movie-detail-poster,
  .movie-poster-watch-link {
    width: 118px !important;
    max-width: 118px !important;
    min-width: 118px !important;
  }

  .movie-poster-watch-link {
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
  }

  .related-card img {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 2 / 3 !important;
  }
}

/* =========================================================
   V6 DESKTOP + MOBILE CLEANUP
   - Compact desktop domain switcher
   - Remove duplicate mobile watch bar
   - Keep posters proportional
   ========================================================= */

/* Desktop: floating domain links should look like one compact capsule, not a wide panel */
@media (min-width: 721px) {
  .floating-access {
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;
    width: auto !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    background: transparent !important;
    pointer-events: none;
  }

  .floating-inner {
    width: auto !important;
    max-width: calc(100vw - 40px) !important;
    margin: 0 !important;
    padding: 6px !important;
    gap: 0 !important;
    border: 1px solid #292c35 !important;
    border-radius: 12px !important;
    background: rgba(17, 18, 24, .96) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .42) !important;
    backdrop-filter: blur(14px) !important;
    pointer-events: auto;
  }

  .floating-buttons {
    width: auto !important;
    max-width: calc(100vw - 56px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .floating-buttons::-webkit-scrollbar {
    display: none;
  }

  .access-button {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }
}

/* Mobile homepage: compact domain buttons without oversized outer box */
@media (max-width: 720px) {
  .floating-access {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .floating-inner {
    width: 100% !important;
    padding: 6px !important;
    border-radius: 12px !important;
    background: rgba(17, 18, 24, .96) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.38) !important;
  }

  .floating-buttons {
    width: 100% !important;
    display: flex !important;
    gap: 5px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .floating-buttons::-webkit-scrollbar { display:none; }

  .access-button {
    flex: 1 0 auto !important;
    min-height: 38px !important;
    padding: 9px 11px !important;
    font-size: 10px !important;
    justify-content: center !important;
  }
}

/* Movie page: never show the second duplicate CTA at the bottom on mobile */
.mobile-watch-bar {
  display: none !important;
}

.movie-page-body {
  padding-bottom: 0 !important;
}

/* Keep the main movie CTA as the only prominent watch action */
@media (max-width: 720px) {
  .movie-detail-cta {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    min-height: 46px !important;
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
  }
}