:root{
  --bg:#08090c;--bg2:#0c0f14;--panel:#11151c;--panel2:#151a22;--line:#252c37;
  --text:#f7f8fb;--muted:#8f98a7;--gold:#ffc72c;--gold2:#ffab00;--green:#25d88a;
  --orange:#ff9f1a;--purple:#9a73ff;--danger:#ff4d6d;--shadow:0 20px 50px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#272010 0,transparent 25%),var(--bg);color:var(--text);font-family:"Inter","Noto Sans Khmer",sans-serif;overflow-x:hidden}
button,input{font:inherit}button{cursor:pointer}button{color:inherit}svg{width:18px;height:18px;stroke-width:2}a{text-decoration:none;color:inherit}
::-webkit-scrollbar{height:6px;width:8px}::-webkit-scrollbar-thumb{background:#2c3340;border-radius:10px}
.topbar{height:72px;padding:0 3vw;display:flex;align-items:center;gap:26px;position:sticky;top:0;z-index:80;background:rgba(6,7,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;min-width:195px;text-align:left}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#ffe884,#ffc72c 45%,#e59b00);color:#161100;box-shadow:0 0 30px #ffc72c28;transform:skew(-6deg)}.brand-mark svg{fill:currentColor;stroke-width:1.7}
.brand-copy b{font-size:19px;letter-spacing:.4px}.brand-copy b span,.footer-brand b span{color:var(--gold)}.brand-copy small{display:block;color:#6f7783;font-size:7px;letter-spacing:2px;margin-top:2px}
.desktop-nav{display:flex;height:100%;align-items:center;gap:20px}.nav-link{height:100%;border:0;border-bottom:3px solid transparent;background:transparent;color:#abb3bf;font-size:13px;font-weight:700;padding:0 4px}.nav-link:hover,.nav-link.active{color:var(--gold);border-color:var(--gold)}
.top-search{margin-left:auto;width:min(300px,24vw);height:40px;border:1px solid #27303b;background:#0d1117;color:#818b99;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.top-search span{flex:1}.top-search kbd{font:600 10px Inter;border:1px solid #303745;border-radius:5px;padding:3px 5px;color:#697381;background:#11161d}
.top-actions{display:flex;align-items:center;gap:8px}.wallet-btn,.icon-btn,.avatar-btn{border:1px solid #2b323d;background:#0e1218;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.wallet-btn{padding:0 12px;color:#e8c250}.avatar-btn{width:40px;border-radius:50%;background:linear-gradient(145deg,#55513f,#17191f)}.mobile-search{display:none;width:40px}
main{max-width:1540px;margin:auto;padding:0 24px 64px}.hero{height:540px;margin-top:18px;position:relative;overflow:hidden;border-radius:22px;background:#08090c;box-shadow:var(--shadow)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.035);transition:opacity .75s ease,transform 6s ease}.hero-bg.active{opacity:1;transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.92) 0%,rgba(4,5,7,.72) 34%,rgba(4,5,7,.18) 67%,rgba(4,5,7,.12)),linear-gradient(0deg,#08090c 0%,transparent 35%)}
.hero-content{position:absolute;z-index:4;left:4.6%;top:14%;width:min(600px,48vw);transition:.3s}.hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #725a12;border-radius:999px;background:#1d1809cc;color:#ffe274;font-size:11px;font-weight:900}.hero-kicker svg{width:14px;height:14px}
.hero h1{font-size:66px;line-height:1.06;margin:17px 0 11px;letter-spacing:-1.8px}.hero h1 em{font-style:normal;color:var(--gold);text-shadow:0 10px 40px #ffc72c2d}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#c8ced6;font-size:12px;font-weight:700}.hero-meta span.dot{color:#626b77}.hero-meta .rating{color:#ffd75a}.hero-meta .price{background:#ffc72c;color:#171100;padding:4px 8px;border-radius:7px;font-weight:900}
.hero p{color:#b8c0ca;line-height:1.75;font-size:14px;max-width:565px;margin:15px 0 21px}.hero-actions{display:flex;gap:10px}.primary-btn,.secondary-btn{border-radius:11px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;border:0}.primary-btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#171100;box-shadow:0 8px 25px #ffbd0024}.secondary-btn{border:1px solid #3b4350;background:#0a0d12a8;color:#fff}
.hero-title-en{position:absolute;right:4.5%;bottom:22%;z-index:4;text-align:right;text-shadow:0 3px 22px #000}.hero-title-en span{display:inline-block;background:var(--gold);color:#171100;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:900;letter-spacing:.8px}.hero-title-en strong{display:block;font-size:28px;line-height:1.02;margin-top:8px}.hero-arrow{position:absolute;z-index:7;top:50%;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff22;background:#090b10aa;backdrop-filter:blur(10px);display:grid;place-items:center}.hero-arrow:hover{background:var(--gold);color:#171100}.hero-arrow.prev{left:14px}.hero-arrow.next{right:14px}.hero-dots{position:absolute;z-index:7;right:4.5%;bottom:10%;display:flex;gap:7px}.hero-dots button{width:7px;height:7px;border:0;border-radius:999px;padding:0;background:#737a84;transition:.2s}.hero-dots button.active{width:26px;background:var(--gold)}
.genre-strip{display:flex;gap:9px;overflow-x:auto;padding:16px 2px 3px;scrollbar-width:none}.genre{white-space:nowrap;border:1px solid #262d37;background:#0e1218;color:#aeb6c2;border-radius:999px;padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.genre svg{width:15px;height:15px}.genre:hover,.genre.active{background:linear-gradient(135deg,#ffe06a,#ffb300);border-color:#e9ae05;color:#171100}
.content-section{padding-top:38px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px;gap:15px}.section-head small{font-size:9px;letter-spacing:2px;color:#7f8998;font-weight:900}.section-head h2{font-size:24px;margin:5px 0 0}.text-btn{border:0;background:transparent;color:#d8b33b;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.text-btn svg{width:15px}
.section-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;border:1px solid}.section-pill svg{width:14px;height:14px}.section-pill.free{background:#0d281d;border-color:#1c7752;color:#61e7a6}.section-pill.gold{background:#261e08;border-color:#795f13;color:#ffd75c}.section-pill.amber{background:#281908;border-color:#87541a;color:#ffbd59}.section-pill.purple{background:#1d1730;border-color:#5c438e;color:#b99bff}
.movie-row,.top-row,.series-row{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none}
.movie-card{position:relative;flex:0 0 180px;scroll-snap-align:start;cursor:pointer}.poster-wrap{position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:#161a20;border:1px solid #202731;box-shadow:0 15px 30px #0006;transition:transform .25s,border-color .25s,box-shadow .25s}.movie-card:hover .poster-wrap,.top-card:hover .poster-wrap,.movie-card:active .poster-wrap,.top-card:active .poster-wrap{transform:translateY(-5px);border-color:#8b6d1c;box-shadow:0 18px 36px #0009,0 0 0 1px #ffc72c22}.poster-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03)}.poster-wrap:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(4,5,7,.92))}
.card-quality,.card-price{position:absolute;z-index:3;top:9px;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:900;backdrop-filter:blur(7px)}.card-quality{left:9px;background:#0a0c10cc;border:1px solid #ffffff21;color:#fff}.card-price{right:9px}.card-price.free{background:#37d993;color:#062015}.card-price.p3000{background:#ffd54a;color:#171100}.card-price.p4000{background:#ffad30;color:#1d1000}.card-price.coming{background:#a77fff;color:#120f1e}
.card-play{position:absolute;z-index:4;left:50%;top:47%;transform:translate(-50%,-50%) scale(.8);width:46px;height:46px;border-radius:50%;border:0;background:#ffd33d;color:#171100;display:grid;place-items:center;opacity:0;transition:.22s;box-shadow:0 0 0 7px #0006}.movie-card:hover .card-play,.top-card:hover .card-play,.movie-card:active .card-play,.top-card:active .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-title-on-poster{position:absolute;z-index:3;left:11px;right:11px;bottom:10px;font-size:13px;font-weight:800;line-height:1.25}.card-title-on-poster small{display:block;color:#b9c0ca;font-size:10px;font-weight:600;margin-top:3px}.card-trailer-preview{position:absolute;inset:0;z-index:1;overflow:hidden;background:#000;opacity:0;transition:opacity .22s ease;pointer-events:none}.card-trailer-preview.active{opacity:1}.card-trailer-preview iframe{position:absolute;top:0;left:50%;width:270%;height:100%;transform:translateX(-50%);border:0;pointer-events:none}.card-trailer-badge{position:absolute;z-index:3;left:9px;top:39px;padding:4px 6px;border-radius:5px;border:1px solid #ffffff24;background:#0a0c10d9;color:#f7f8fb;font-size:8px;font-weight:900;letter-spacing:.35px;backdrop-filter:blur(7px)}.trailer-playing .poster-wrap{border-color:#c89414;box-shadow:0 18px 36px #0009,0 0 0 1px #ffc72c55}.trailer-playing .card-trailer-badge{background:#ffc72c;color:#171100;border-color:#ffc72c}.trailer-playing .card-play{opacity:0!important;pointer-events:none}
.movie-info{padding:9px 3px 0}.movie-info b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-info span{display:flex;align-items:center;gap:5px;color:#858f9f;font-size:10px;margin-top:4px}.movie-info .star{color:#ffd356}
.top-card{position:relative;flex:0 0 180px;cursor:pointer;scroll-snap-align:start}.top-card .poster-wrap{position:relative;left:auto;right:auto;top:auto;bottom:auto;aspect-ratio:2/3}
.series-card{flex:0 0 270px;cursor:pointer}.series-thumb{height:160px;border-radius:14px;position:relative;overflow:hidden;border:1px solid #202731;background:#161a20;transition:.25s}.series-card:hover .series-thumb{transform:translateY(-4px);border-color:#74601e}.series-thumb img{width:100%;height:100%;object-fit:cover}.series-thumb:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#090b10)}.series-badge{position:absolute;z-index:2;top:9px;left:9px;background:#ffc72c;color:#171100;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:900}.series-name{position:absolute;z-index:2;left:12px;bottom:10px}.series-name b{display:block}.series-name span{font-size:10px;color:#b6bec8}
.feature-banner{margin-top:42px;min-height:190px;border-radius:20px;border:1px solid #4d421d;background:radial-gradient(circle at 80% 0%,#5b430c4d,transparent 35%),linear-gradient(120deg,#121006,#17140a 50%,#0d1016);padding:31px 4%;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.feature-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 50%,#ffd22c09)}.feature-icon{width:58px;height:58px;border-radius:16px;background:#241b06;border:1px solid #6c5517;color:var(--gold);display:grid;place-items:center}.feature-icon svg{width:28px;height:28px}.feature-banner>div:nth-child(2){flex:1;position:relative}.feature-banner span{font-size:9px;letter-spacing:2px;color:#d8b846;font-weight:900}.feature-banner h2{margin:7px 0;font-size:28px}.feature-banner p{margin:0;color:#9ca6b4;font-size:13px}.feature-banner .primary-btn{position:relative}

footer{max-width:1540px;margin:auto;padding:35px 28px 85px;border-top:1px solid #1d232d;display:flex;align-items:center;gap:30px;color:#7f8998}.footer-brand{display:flex;align-items:center;gap:11px;margin-right:auto}.footer-brand b{color:#fff}.footer-brand small{display:block;font-size:8px;letter-spacing:1.3px;margin-top:4px}.footer-links,.footer-social{display:flex;gap:10px}.footer-links button,.footer-social button{border:0;background:transparent;color:#929baa}.footer-links button:hover,.footer-social button:hover{color:var(--gold)}.bottom-nav{display:none}
.search-overlay,.modal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.78);backdrop-filter:blur(13px);display:none}.search-overlay.open,.modal.open{display:grid}.search-overlay{place-items:start center;padding:9vh 18px}.search-panel{width:min(760px,96vw);background:#0e1218;border:1px solid #28303b;border-radius:18px;box-shadow:0 30px 100px #000;padding:14px}.search-input-wrap{height:52px;background:#090c11;border:1px solid #2d3540;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px}.search-input-wrap input{flex:1;background:transparent;border:0;outline:none;color:#fff;font-size:15px}.search-input-wrap button{border:0;background:#171c24;color:#aeb6c1;border-radius:9px;width:35px;height:35px;display:grid;place-items:center}.search-hint{color:#6f7885;font-size:10px;padding:10px 4px}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:65vh;overflow:auto}.search-result{border:0;background:#151a21;border-radius:10px;overflow:hidden;text-align:left;padding:0;color:#fff}.search-result img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.search-result div{padding:8px}.search-result b{display:block;font-size:11px}.search-result span{font-size:9px;color:#8d97a5}
.modal{place-items:center;padding:20px}.detail-card{width:min(930px,96vw);max-height:92vh;overflow:auto;background:#0d1117;border:1px solid #2d3540;border-radius:22px;box-shadow:0 35px 120px #000;position:relative}.modal-close{position:absolute;z-index:10;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid #3a424e;background:#0b0e13d9;color:#fff;display:grid;place-items:center}.detail-backdrop{height:330px;background-size:cover;background-position:center;position:relative}.detail-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#0d1117 0%,transparent 60%),linear-gradient(90deg,#0d111799,transparent)}.detail-body{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:0 28px 28px;margin-top:-90px;position:relative;z-index:2}.detail-poster{aspect-ratio:2/3;border-radius:14px;background-size:cover;background-position:center;border:1px solid #343b45;box-shadow:var(--shadow)}.detail-copy{align-self:end;padding-top:80px}.detail-badges{display:flex;gap:7px;flex-wrap:wrap}.detail-badges span{border-radius:6px;padding:5px 7px;font-size:9px;font-weight:900;background:#171d25;border:1px solid #343b46}.detail-badges .price-free{background:#2bd78c;color:#052116;border-color:transparent}.detail-badges .price-paid{background:#ffc72c;color:#171100;border-color:transparent}.detail-badges .price-coming{background:#9c79ff;color:#120d20;border-color:transparent}
.detail-copy h2{font-size:31px;margin:10px 0 0}.detail-copy h3{font-size:12px;color:#8e98a6;font-weight:700;letter-spacing:1.5px;margin:5px 0}.detail-meta{display:flex;flex-wrap:wrap;gap:9px;color:#b8c0cb;font-size:11px;margin:13px 0}.detail-copy p{color:#a5aeb9;line-height:1.75;font-size:13px}.detail-actions{display:flex;gap:9px;margin-top:18px}
.compact-modal{place-items:center}.simple-card{width:min(420px,92vw);background:#0f1319;border:1px solid #2b333e;border-radius:20px;padding:29px;text-align:center;position:relative}.simple-icon{width:62px;height:62px;margin:0 auto 14px;border-radius:18px;background:#211a08;border:1px solid #6f5717;color:var(--gold);display:grid;place-items:center}.simple-icon svg{width:29px;height:29px}.simple-card h2{margin:0 0 8px}.simple-card p{color:#929ca9;line-height:1.65;font-size:13px}.full-btn{width:100%;margin-top:12px}
.toast{position:fixed;z-index:150;left:50%;bottom:90px;transform:translate(-50%,20px);background:#151a21;border:1px solid #303845;color:#fff;border-radius:999px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast svg{color:#54df9b}
@media(max-width:1120px){.desktop-nav{gap:12px}.nav-link:nth-child(4){display:none}.top-search{width:230px}.movie-card{flex-basis:165px}.hero-title-en{display:none}}
@media(max-width:850px){
 body{padding-bottom:68px}.topbar{height:62px;padding:0 14px;position:relative;top:auto;background:#080b10;border-bottom:1px solid #1d232c;backdrop-filter:none}.brand{min-width:auto}.brand-mark{width:36px;height:36px}.brand-copy b{font-size:18px}.brand-copy small,.desktop-nav,.top-search,.wallet-btn{display:none}.mobile-search{display:flex}.top-actions{margin-left:auto}
 main{padding:0 14px 45px}.hero{height:390px;margin:0 -14px;border-radius:0;box-shadow:none}.hero-bg{background-position:60% center}.hero-overlay{background:linear-gradient(0deg,#08090c 0%,rgba(8,9,12,.78) 30%,rgba(8,9,12,.15) 62%),linear-gradient(90deg,#08090c8f,transparent)}
 .hero-content{left:18px;right:18px;top:auto;bottom:36px;width:auto}.hero-kicker{font-size:9px;padding:5px 8px}.hero h1{font-size:38px;line-height:1.06;margin:10px 0 8px}.hero-meta{font-size:10px;gap:6px}.hero p{display:none}.hero-actions{margin-top:13px}.primary-btn,.secondary-btn{padding:10px 13px;font-size:12px}.hero-actions .secondary-btn{display:none}.hero-arrow{display:none}.hero-dots{left:18px;right:auto;bottom:14px}
 .genre-strip{padding-top:13px;gap:7px}.genre{padding:9px 12px;font-size:11px}.genre svg{width:14px;height:14px}
 .content-section{padding-top:31px}.section-head{margin-bottom:13px}.section-head h2{font-size:20px}.section-head small{font-size:8px}.section-pill{display:none}.text-btn{font-size:10px}
 .movie-row,.top-row,.series-row{gap:10px;margin-right:-14px;padding-right:14px}.movie-card{flex-basis:138px}.card-title-on-poster{font-size:12px}.movie-info b{font-size:11px}.top-card{flex-basis:138px}.top-card .poster-wrap{position:relative;left:auto;aspect-ratio:2/3}.series-card{flex-basis:225px}.series-thumb{height:135px}
 .feature-banner{margin-top:32px;padding:23px 19px;min-height:0}.feature-icon{width:50px;height:50px;border-radius:14px}.feature-banner h2{font-size:20px}.feature-banner p{font-size:11px}.feature-banner>.primary-btn{display:none}
 footer{display:none}.bottom-nav{position:fixed;z-index:90;bottom:0;left:0;right:0;height:64px;padding:6px 6px max(6px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:#090c11f2;backdrop-filter:blur(16px);border-top:1px solid #232a34}.bottom-nav button{border:0;background:transparent;color:#7e8796;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px}.bottom-nav button svg{width:20px;height:20px}.bottom-nav button.active{color:var(--gold)}
 .search-overlay{padding-top:12vh}.search-results{grid-template-columns:repeat(3,1fr)}.detail-card{max-height:94vh}.detail-backdrop{height:230px}.detail-body{grid-template-columns:105px 1fr;gap:14px;padding:0 16px 20px;margin-top:-52px}.detail-copy{padding-top:45px}.detail-copy h2{font-size:21px}.detail-copy p{grid-column:1/3}.detail-actions{grid-column:1/3}.detail-actions .primary-btn{flex:1}
}
@media(max-width:430px){.brand-copy small{display:none}.hero{height:370px}.hero h1{font-size:35px}.movie-card{flex-basis:132px}.top-card{flex-basis:132px}.series-card{flex-basis:215px}.search-results{grid-template-columns:repeat(2,1fr)}.detail-body{grid-template-columns:92px 1fr}.detail-copy h2{font-size:19px}.detail-copy h3{font-size:10px}.detail-copy p{font-size:11px}.modal{padding:10px}}

/* iOS standalone / PWA safe areas */
.pwa-standalone .topbar{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}
.pwa-standalone .bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom))}
.pwa-standalone body{overscroll-behavior-y:none}

/* Synced profile avatar */
.avatar-btn{overflow:hidden;padding:0}.avatar-btn img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}

/* CamboPost-style accepted payment footer */
footer .footerAccept{margin-right:8px}.footerAccept .acceptLabel{color:#8e97a4;font-size:10px}.footerAccept .acceptBadge{height:24px;padding:0 8px;font-size:8px}

/* Feature banner CTA contrast fix */
.feature-banner .primary-btn,
.feature-banner .primary-btn span,
.feature-banner .primary-btn svg{
  color:#171100!important;
}
.feature-banner .primary-btn span{
  letter-spacing:0!important;
  font-size:12px!important;
  font-weight:900!important;
}
.feature-banner .primary-btn svg{
  stroke:#171100!important;
}
.feature-banner .primary-btn:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
}

/* === v29 Poster Size Lock === */
.movie-card,.top-card{
  --cg-card-w:180px;
  flex:0 0 var(--cg-card-w)!important;
  width:var(--cg-card-w)!important;
  min-width:var(--cg-card-w)!important;
  max-width:var(--cg-card-w)!important;
}
.movie-card .poster-wrap,.top-card .poster-wrap{width:100%!important;aspect-ratio:2/3!important}
.movie-card .movie-info,.top-card .movie-info,.card-title-on-poster{min-width:0;overflow:hidden}
.card-title-on-poster{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:1120px){.movie-card,.top-card{--cg-card-w:165px}}
@media(max-width:850px){.movie-card,.top-card{--cg-card-w:138px}}
@media(max-width:430px){.movie-card,.top-card{--cg-card-w:132px}}

/* v29 Series / crop lock */
.series-card{--cg-series-w:270px;flex:0 0 var(--cg-series-w)!important;width:var(--cg-series-w)!important;min-width:var(--cg-series-w)!important;max-width:var(--cg-series-w)!important}
.series-thumb{width:100%!important;height:auto!important;aspect-ratio:16/9!important}
.poster-wrap img,.series-thumb img{object-fit:cover!important;object-position:center!important}
@media(max-width:850px){.series-card{--cg-series-w:225px}}
@media(max-width:430px){.series-card{--cg-series-w:215px}}

/* === v30 Clean Movie Cards === */
.movie-card .poster-wrap:after,.top-card .poster-wrap:after{display:none!important}
.card-trailer-badge,.card-title-on-poster{display:none!important}
.movie-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* === v43 CINEGOLD Quality Corner === */
.poster-wrap .card-quality{
  top:0!important;left:0!important;min-width:48px;height:28px;
  padding:7px 12px 0 7px!important;border:0!important;border-radius:0 0 11px 0!important;
  background:linear-gradient(135deg,#ffd85a 0 61%,#b17700 61% 68%,#1a1508 68% 100%)!important;
  color:#171100!important;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);
  box-shadow:0 6px 16px #0007!important;backdrop-filter:none!important;
  font-size:8px!important;font-weight:950!important;letter-spacing:.45px;
}
@media(max-width:850px){
  .poster-wrap .card-quality{min-width:42px;height:25px;padding:6px 10px 0 6px!important;font-size:7px!important}
  .bottom-nav [data-scroll="coming"] span{font-size:6.2px;line-height:1.05;max-width:72px;white-space:normal;text-align:center}
}

/* v43 long Coming label fit */
.card-price.coming{max-width:82px;white-space:normal;line-height:1.05;text-align:center;font-size:6.5px!important;padding:5px 6px!important}
.desktop-nav [data-scroll="coming"]{font-size:11.5px}
.section-pill.purple{max-width:130px;text-align:center;justify-content:center;line-height:1.12}

/* === v44 CINEGOLD Premium Badge System === */
.poster-wrap .card-quality,
.poster-wrap .card-price{
  top:10px!important;height:27px!important;padding:0 9px!important;
  border-radius:9px!important;clip-path:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  font-size:8px!important;font-weight:900!important;letter-spacing:.35px!important;
  box-shadow:0 7px 18px #0008,inset 0 1px 0 #ffffff08!important;
}
.poster-wrap .card-quality{
  left:10px!important;min-width:43px!important;
  background:linear-gradient(180deg,#171b20e8,#0f1216e8)!important;
  border:1px solid #7d6a2c!important;color:#f3ce58!important;
  box-shadow:0 7px 18px #0008,inset 2px 0 0 #ffc72c!important;
}
.poster-wrap .card-price{right:10px!important;left:auto!important;min-width:44px}
.poster-wrap .card-price.free{
  background:linear-gradient(180deg,#14201de8,#0d1513e8)!important;
  border:1px solid #315c4b!important;color:#9ce4c6!important;
}
.poster-wrap .card-price.p3000{
  background:linear-gradient(180deg,#241d10e8,#171209e8)!important;
  border:1px solid #7d6327!important;color:#ffd66f!important;
}
.poster-wrap .card-price.p4000{
  background:linear-gradient(180deg,#27180fe8,#190f09e8)!important;
  border:1px solid #7d4d2c!important;color:#ffb878!important;
}
.poster-wrap .card-price.coming{
  max-width:88px!important;white-space:normal!important;line-height:1.05!important;text-align:center!important;
  background:linear-gradient(180deg,#1d1724e8,#130f19e8)!important;
  border:1px solid #5f4b73!important;color:#d9bdf3!important;font-size:6.4px!important;
}
@media(max-width:850px){
 .poster-wrap .card-quality,.poster-wrap .card-price{top:7px!important;height:24px!important;padding:0 7px!important;border-radius:8px!important}
 .poster-wrap .card-quality{left:7px!important;min-width:38px!important;font-size:7px!important}
 .poster-wrap .card-price{right:7px!important}
}
/* === v58 CINEGOLD legal/footer === */
.site-footer{display:block!important;max-width:none!important;margin-top:54px!important;padding:0!important;border-top:1px solid #202630!important;background:#0d1016!important;color:#8e97a4!important}
.site-footer .footer-main{max-width:1540px;margin:auto;padding:44px 28px 38px;display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(180px,.8fr));gap:38px}
.footer-about p{max-width:430px;margin:18px 0 0;color:#8e97a4;font-size:11px;line-height:1.8}
.site-footer .footer-brand{margin:0}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-col h4{width:100%;margin:0 0 4px;padding-bottom:10px;border-bottom:1px solid #6f5720;color:#e0bd55;font-size:12px}
.footer-col a,.footer-col button,.footer-col span{border:0;background:transparent;color:#929ba7;font-size:10px;text-decoration:none;padding:0;text-align:left}
.footer-col a:hover,.footer-col button:hover{color:#ffc72c}
.footer-contact span{display:flex;align-items:center;gap:8px}
.footer-contact svg{width:14px;height:14px;color:#7f8996}
.footer-bottom{border-top:1px solid #262d36;min-height:92px;padding:18px max(28px,calc((100vw - 1540px)/2));display:flex;align-items:center;gap:24px}
.footer-bottom>span{margin-right:auto;font-size:10px;color:#728098}
.footer-top{width:42px;height:42px;border:1px solid #343b45;border-radius:10px;background:#181d25;color:#fff;display:grid;place-items:center}
.footer-top:hover{border-color:#76601e;color:#ffc72c}
@media(max-width:850px){
 .site-footer{margin-top:34px!important;padding-bottom:76px!important}
 .site-footer .footer-main{padding:28px 14px 22px;grid-template-columns:1fr 1fr;gap:24px 16px}
 .footer-about{grid-column:1/-1}
 .footer-about p{font-size:9px;line-height:1.75;margin-top:14px}
 .footer-col h4{font-size:10px;padding-bottom:8px}
 .footer-col a,.footer-col button,.footer-col span{font-size:8px;line-height:1.5}
 .footer-contact{grid-column:1/-1}
 .footer-contact{display:grid;grid-template-columns:1fr;gap:9px}
 .footer-bottom{min-height:0;padding:16px 14px 18px;display:grid;grid-template-columns:1fr auto;gap:12px}
 .footer-bottom>span{grid-column:1/-1;font-size:8px;margin:0}
 .footer-bottom .footerAccept{min-width:0}
 .footer-top{width:38px;height:38px}
}

/* === v81 Four primary content types === */
.type-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:16px 2px 0;
}
.type-card{
  min-height:72px;
  border:1px solid #272f39;
  border-radius:15px;
  background:linear-gradient(145deg,#11161d,#0c1016);
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  text-align:left;
  color:#e8ebef;
  box-shadow:0 10px 28px #0002;
  transition:.2s ease;
}
.type-card:hover{
  transform:translateY(-2px);
  border-color:#6d571b;
  background:linear-gradient(145deg,#17160e,#0e1218);
}
.type-card>.type-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#181d25;
  color:#d9b84e;
  border:1px solid #2c3540;
}
.type-card>.type-icon svg{width:20px;height:20px}
.type-card>span:nth-child(2){min-width:0;flex:1}
.type-card b{display:block;font-size:12px}
.type-card small{
  display:block;
  margin-top:3px;
  color:#77818f;
  font-size:8px;
  font-weight:700;
  letter-spacing:.25px;
}
.type-card>svg{width:16px;height:16px;color:#596473}
.type-card.short>.type-icon{background:#201908;color:#ffd45b;border-color:#5c4917}
.type-card.ai>.type-icon{background:#19142a;color:#b99bff;border-color:#49386b}
.type-card.series>.type-icon{background:#101d2b;color:#7cbcff;border-color:#293d53}

/* keep the enlarged nav usable without crowding search */
@media(max-width:1300px){
  .desktop-nav{gap:11px}
  .nav-link{font-size:11px;padding:0 2px}
  .top-search{width:min(230px,18vw)}
}
@media(max-width:1120px){
  .desktop-nav [data-scroll="series"],
  .desktop-nav [data-scroll="shortDrama"],
  .desktop-nav [data-scroll="aiDrama"]{display:none}
}
@media(max-width:850px){
  .type-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px 0 0;
  }
  .type-card{
    min-height:60px;
    padding:9px 10px;
    border-radius:13px;
    gap:8px;
  }
  .type-card>.type-icon{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:10px;
  }
  .type-card>.type-icon svg{width:17px;height:17px}
  .type-card b{font-size:10px}
  .type-card small{font-size:7px;margin-top:2px}
  .type-card>svg{width:14px;height:14px}
  .genre-strip{padding-top:10px}
}
@media(max-width:430px){
  .type-strip{gap:7px}
  .type-card{min-height:57px;padding:8px 9px}
  .type-card>.type-icon{width:34px;height:34px;flex-basis:34px}
  .type-card b{font-size:9.5px}
}

/* v82 2,000៛ price badge */
.card-price.p2000{background:#f5bf2f;color:#171100}
.poster-wrap .card-price.p2000{
  background:linear-gradient(180deg,#211b0de8,#151108e8)!important;
  border:1px solid #6f581f!important;color:#ffd15b!important;
}

/* v61 public contact links */
.footer-contact a{display:flex;align-items:center;gap:8px}

/* === v104 Telegram Mini App safe shell / CamboPost-style === */
html[data-mini="1"]{
  --cg-tg-safe-top:0px;
  --cg-tg-safe-right:0px;
  --cg-tg-safe-bottom:0px;
  --cg-tg-safe-left:0px;
  background:#08090c;
  scroll-padding-top:calc(max(var(--cg-tg-safe-top),var(--tg-content-safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + 12px);
}
html[data-mini="1"] body{
  min-height:var(--cg-tg-stable-height,100vh);
  padding-bottom:calc(66px + max(var(--cg-tg-safe-bottom),var(--tg-content-safe-area-inset-bottom,0px),env(safe-area-inset-bottom)))!important;
  background:linear-gradient(180deg,#080b10 0,#08090c 26%,#08090c 100%)!important;
  overscroll-behavior-y:none;
}
html[data-mini="1"] .topbar{
  display:none!important;
}
html[data-mini="1"] main{
  max-width:560px!important;
  margin:0 auto!important;
  padding:
    calc(max(var(--cg-tg-safe-top),var(--tg-content-safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + 10px)
    max(14px,var(--cg-tg-safe-right))
    38px
    max(14px,var(--cg-tg-safe-left))!important;
}
html[data-mini="1"] .hero{
  margin:0!important;
  height:390px!important;
  border-radius:20px!important;
  border:1px solid #202731!important;
  box-shadow:0 16px 42px #0007!important;
}
html[data-mini="1"] .hero-content{left:17px!important;right:17px!important}
html[data-mini="1"] .type-strip{padding-top:12px!important}
html[data-mini="1"] .genre-strip{padding-top:12px!important}
html[data-mini="1"] .content-section{padding-top:30px!important}
html[data-mini="1"] .feature-banner{
  margin-top:30px!important;
  border-radius:18px!important;
  box-shadow:0 14px 36px #0005!important;
}
html[data-mini="1"] .site-footer{display:none!important}
html[data-mini="1"] .bottom-nav{
  z-index:110!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(560px,100%)!important;
  height:calc(64px + max(var(--cg-tg-safe-bottom),var(--tg-content-safe-area-inset-bottom,0px),env(safe-area-inset-bottom)))!important;
  padding:6px 6px max(8px,var(--cg-tg-safe-bottom),var(--tg-content-safe-area-inset-bottom,0px),env(safe-area-inset-bottom))!important;
  background:rgba(9,12,17,.96)!important;
  border-top:1px solid #242c35!important;
  box-shadow:0 -12px 32px #0007!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%)!important;
}
html[data-mini="1"] .bottom-nav button{
  min-width:0!important;
  border-radius:11px!important;
}
html[data-mini="1"] .bottom-nav button.active{
  background:#1b1608!important;
  color:#ffd45b!important;
}
html[data-mini="1"] .search-overlay,
html[data-mini="1"] .modal{
  padding-top:max(12px,var(--cg-tg-safe-top),var(--tg-content-safe-area-inset-top,0px))!important;
  padding-bottom:max(12px,var(--cg-tg-safe-bottom),var(--tg-content-safe-area-inset-bottom,0px),env(safe-area-inset-bottom))!important;
}
html[data-mini="1"].tg-fullscreen main{
  padding-top:calc(max(var(--cg-tg-safe-top),var(--tg-content-safe-area-inset-top,0px),env(safe-area-inset-top)) + 8px)!important;
}
@media(max-width:430px){
  html[data-mini="1"] main{
    padding-left:max(12px,var(--cg-tg-safe-left))!important;
    padding-right:max(12px,var(--cg-tg-safe-right))!important;
  }
  html[data-mini="1"] .hero{
    height:372px!important;
    border-radius:18px!important;
  }
  html[data-mini="1"] .type-strip{
    gap:7px!important;
  }
}

/* v105 prevent Telegram sheet collapse while scrolling */
html[data-mini="1"],html[data-mini="1"] body{
  overscroll-behavior-y:none!important;
  overscroll-behavior-x:none!important;
}
html[data-mini="1"] body{
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

/* === v107 Telegram Desktop Mini App wide layout === */
@media (min-width: 851px){
  html[data-mini="1"] body{
    padding-bottom:112px!important;
  }
  html[data-mini="1"] main{
    max-width:1180px!important;
    padding:
      calc(max(var(--cg-tg-safe-top),var(--tg-content-safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + 24px)
      28px
      72px!important;
  }
  html[data-mini="1"] .hero{
    height:500px!important;
    border-radius:24px!important;
  }
  html[data-mini="1"] .hero-content{
    left:42px!important;
    right:auto!important;
    width:min(590px,52%)!important;
    bottom:48px!important;
  }
  html[data-mini="1"] .hero h1{
    font-size:58px!important;
    line-height:1.02!important;
  }
  html[data-mini="1"] .hero p{
    display:block!important;
    max-width:560px!important;
    font-size:13px!important;
    line-height:1.7!important;
  }
  html[data-mini="1"] .hero-title-en{
    display:block!important;
    right:34px!important;
    bottom:54px!important;
  }
  html[data-mini="1"] .type-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    padding-top:18px!important;
  }
  html[data-mini="1"] .type-card{
    min-height:82px!important;
    padding:14px 16px!important;
  }
  html[data-mini="1"] .genre-strip{
    padding-top:16px!important;
  }
  html[data-mini="1"] .content-section{
    padding-top:38px!important;
  }
  html[data-mini="1"] .section-head h2{
    font-size:25px!important;
  }
  html[data-mini="1"] .movie-row,
  html[data-mini="1"] .top-row,
  html[data-mini="1"] .series-row{
    gap:14px!important;
    margin-right:0!important;
    padding-right:2px!important;
  }
  html[data-mini="1"] .movie-card,
  html[data-mini="1"] .top-card{
    --cg-card-w:176px!important;
  }
  html[data-mini="1"] .series-card{
    --cg-series-w:270px!important;
  }
  html[data-mini="1"] .feature-banner{
    min-height:180px!important;
    padding:30px 34px!important;
  }
  html[data-mini="1"] .bottom-nav{
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    width:min(720px,calc(100% - 56px))!important;
    height:68px!important;
    padding:7px 10px!important;
    border:1px solid #2b333d!important;
    border-radius:18px!important;
    box-shadow:0 18px 48px #000a!important;
  }
  html[data-mini="1"] .bottom-nav button{
    min-height:52px!important;
  }
}