/* 🎬 تریلر و تصاویر */
.hm-hero{display:inline-flex;align-items:center;gap:8px;position:relative}
.hm-hero svg{width:16px;height:16px}
.hm-hero::after{content:"";position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 2px rgba(255,255,255,.5);opacity:0;animation:hmPing 2.4s ease-out infinite}
@keyframes hmPing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
/* one cinema panel: trailer and pictures side by side */
.hm{position:relative;isolation:isolate;overflow:hidden;padding:14px;border-radius:26px;background:linear-gradient(160deg,#121830,#0a0e1c 60%,#0d0f1a);box-shadow:0 30px 70px -34px rgba(4,8,24,.85),inset 0 1px 0 rgba(255,255,255,.07)}
.hm::before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:linear-gradient(130deg,var(--ac),transparent 35%,transparent 65%,rgba(255,255,255,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
.hm-glow{position:absolute;z-index:-2;width:70%;height:140%;top:-60%;right:-20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ac) 45%,transparent),transparent);opacity:.55;pointer-events:none;animation:hmDrift 14s ease-in-out infinite alternate}
@keyframes hmDrift{to{transform:translate(-30%,25%)}}
.hm-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 12px}
.hm-chip{font:800 13px var(--font);color:#fff;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hm-meta{display:flex;gap:6px;flex:none}.hm-meta em{font-style:normal;font-size:11px;font-weight:800;color:rgba(255,255,255,.8);padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.hm-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:10px;height:250px}
.no-tr .hm-body,.no-pic .hm-body{grid-template-columns:1fr}
.hm-trs{display:grid;gap:8px;height:100%;min-height:0;grid-template-rows:repeat(var(--nt),minmax(0,1fr))}
.no-pic .hm-body{height:auto}
.no-pic .hm-trs{grid-template-rows:none;grid-template-columns:repeat(var(--nt),minmax(0,1fr))}
.no-pic .hm-tr{height:auto;aspect-ratio:16/9}
.no-pic .hm-trs.n1 .hm-tr{aspect-ratio:auto;height:290px}
.no-pic .hm-trs.n1 .hm-play{width:74px;height:74px;margin:-37px 0 0 -37px}.no-pic .hm-trs.n1 .hm-play svg{width:30px;height:30px}
.no-pic .hm-trs.n1 .hm-tl b{font-size:24px}
.hm-tr.alt .hm-play{width:42px;height:42px;margin:-21px 0 0 -21px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75)}
.hm-tr.alt .hm-play svg{width:18px;height:18px}
.hm-tr.alt:hover .hm-play{background:var(--ac)}
.hm-tmore{position:absolute;top:9px;left:9px;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:800;color:#fff;background:rgba(0,0,0,.55)}
.hm-tsw{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:12px}.hm-tsw::-webkit-scrollbar{display:none}
.hm-tsw button{position:relative;flex:none;width:150px;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:12px;background:#111 center/cover;cursor:pointer;opacity:.6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);transition:opacity .2s}
.hm-tsw button.on,.hm-tsw button:hover{opacity:1}.hm-tsw button.on{box-shadow:inset 0 0 0 2px #ff3e62}
.hm-tsw span{position:absolute;right:0;left:0;bottom:0;padding:14px 8px 5px;font-size:11px;font-weight:800;color:#fff;text-align:right;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-tr{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;height:100%;padding:0;border:0;border-radius:18px;cursor:pointer;background:#05070f;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 18px 40px -20px #000}
.hm-trbg{position:absolute;inset:0;z-index:-3;background:var(--bg) center/cover;filter:saturate(1.15);transition:transform 6s cubic-bezier(.2,.6,.2,1)}
.hm-tr:hover .hm-trbg{transform:scale(1.1)}
.hm-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(4,6,16,.95),rgba(4,6,16,.15) 55%,rgba(4,6,16,.35)),linear-gradient(90deg,color-mix(in srgb,var(--ac) 30%,transparent),transparent 60%)}
.hm-scan{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.hm-play{position:absolute;top:44%;left:50%;width:58px;height:58px;margin:-29px 0 0 -29px;display:grid;place-items:center;border-radius:50%;background:var(--ac);box-shadow:0 0 0 6px color-mix(in srgb,var(--ac) 25%,transparent),0 12px 34px -6px color-mix(in srgb,var(--ac) 80%,#000);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.hm-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.hm-play i{position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--ac) 70%,#fff);animation:hmPing 2s ease-out infinite}
.hm-tr:hover .hm-play{transform:scale(1.12)}
.hm-tl{position:absolute;right:12px;left:12px;bottom:11px;text-align:right;color:#fff}
.hm-tl small{display:inline-block;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hm-tl b{display:block;margin-top:5px;font:400 17px/1.3 var(--display);text-shadow:0 2px 10px rgba(0,0,0,.7)}
.hm-grid{display:grid;gap:8px;height:100%;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}
.hm-grid .hm-p:first-child{grid-row:1/-1}
.hm-grid.n4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr)}
.hm-grid.n3{grid-template-columns:2fr 1fr}
.hm-grid.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.hm-grid.n1{grid-template-columns:1fr;grid-template-rows:1fr}
.hm-p{position:relative;overflow:hidden;min-height:0;padding:0;border:0;border-radius:14px;cursor:zoom-in;background:#151a2c var(--bg) center 25%/cover;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:transform .25s,box-shadow .25s,filter .25s}
.hm-p:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--ac),0 14px 30px -14px #000}
.hm-more{position:absolute;inset:0;display:grid;place-items:center;font:400 24px var(--display);color:#fff;background:rgba(6,9,22,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
/* scenes, under a spoiler veil */
.hm-sc{margin-top:14px;padding:14px;border-radius:20px;background:var(--fg);box-shadow:var(--shadow-s,0 1px 2px rgba(0,0,0,.06))}
.hm-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.hm-sh b{font-size:14.5px;color:var(--strong)}.hm-sh small{font-weight:600;font-size:12px;color:var(--muted)}
.hm-rev{height:34px;padding:0 14px;border:0;border-radius:99px;font:800 12.5px var(--font);color:#7a2a00;background:linear-gradient(135deg,#ffe2a0,#ffb547);cursor:pointer;box-shadow:0 6px 16px -8px rgba(255,150,40,.8)}
.hm-sc.open .hm-rev{color:var(--strong);background:var(--fg2);box-shadow:none}
.hm-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:4px}
.hm-s{position:relative;flex:none;width:200px;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:14px;cursor:pointer;background:#111;scroll-snap-align:start}
.hm-s i{position:absolute;inset:-6px;background:center/cover;filter:blur(14px) saturate(.6) brightness(.7);transform:scale(1.1);transition:filter .5s,transform .5s}
.hm-sc.open .hm-s i{inset:0;filter:none;transform:none}
.hm-s:hover i{transform:scale(1.14)}.hm-sc.open .hm-s:hover i{transform:scale(1.05)}
.hm-ep{position:absolute;right:8px;bottom:6px;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:800;color:#fff;background:rgba(0,0,0,.55)}
.hm-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;filter:drop-shadow(0 2px 6px #000);transition:opacity .3s}
.hm-sc.open .hm-lock{opacity:0}
.hm-s.peek{animation:hmShake .4s}
@keyframes hmShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
/* modals */
.hm-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,5,12,.97);opacity:0;transition:opacity .25s}
.hm-modal.on{opacity:1}
.hm-x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;font-size:17px;color:#fff;background:rgba(255,255,255,.12);cursor:pointer}
.hm-cine{width:min(1100px,100%)}
.hm-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 120px -20px #000,0 0 120px -30px #ff3e62;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.9,.3,1.1)}
.hm-modal.on .hm-frame{transform:none}
.hm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hm-mbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;color:#d8dcef;font-size:13.5px}
.hm-mbar b{color:#ff8fa3}.hm-mbar a{color:#fff;font-weight:800;text-decoration:none;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.1)}
.hm-note{margin:10px 0 0;padding:9px 13px;border-radius:12px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82);background:rgba(255,181,71,.1);box-shadow:inset 0 0 0 1px rgba(255,181,71,.25)}.hm-note b{color:#ffc56b}
.hm-lbw{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.hm-lb{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}
.hm-lb img{max-width:min(1200px,100%);max-height:calc(100vh - 120px);border-radius:14px;box-shadow:0 30px 80px -20px #000;animation:hmIn .3s ease-out}
@keyframes hmIn{from{opacity:0;transform:scale(.97)}}
.hm-cap{margin:10px 0 0;color:#fff;font-size:13.5px;font-weight:800;text-align:center}.hm-cap span{font-weight:500;color:rgba(255,255,255,.75)}
.hm-cnt{position:fixed;top:calc(22px + env(safe-area-inset-top,0px));right:20px;font-size:12.5px;color:rgba(255,255,255,.7)}
.hm-nav{position:fixed;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;font:800 26px/1 var(--font);color:#fff;background:rgba(255,255,255,.12);cursor:pointer}
.hm-nav.prev{right:14px}.hm-nav.next{left:14px}
@media (max-width:760px){
  .hm{padding:11px;border-radius:22px}
  .hm-body{height:178px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
  .hm-grid{gap:6px}.hm-grid,.hm-grid.n4,.hm-grid.n5{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
  .hm-grid.n4 .hm-p:first-child,.hm-grid.n5 .hm-p:first-child{grid-row:auto}
  .hm-grid.n3{grid-template-columns:1fr 1fr}.hm-grid.n3 .hm-p:first-child{grid-row:auto;grid-column:1/-1}
  .no-tr .hm-grid.n5 .hm-p:first-child{grid-row:1/-1}.no-tr .hm-grid.n5{grid-template-columns:1.4fr 1fr 1fr}
  .hm-p{border-radius:12px}.hm-tr{border-radius:15px}
  .hm-trs{gap:6px}.no-pic .hm-trs.n1 .hm-tr{height:auto;aspect-ratio:16/9}
  .hm-tr.alt .hm-tl b{display:none}.hm-tr.alt .hm-play{width:34px;height:34px;margin:-17px 0 0 -17px}.hm-tsw button{width:120px}
  .hm-play{width:48px;height:48px;margin:-24px 0 0 -24px}.hm-play svg{width:20px;height:20px}
  .hm-tl b{font-size:14.5px}.hm-meta em:first-child{display:none}
  .hm-s{width:168px}
  .hm-nav{display:none}
}
html.lite .hm-hero::after,html.lite .hm-play i{animation:none;display:none}
html.lite .hm-glow{animation:none}html.lite .hm-tl small,html.lite .hm-more{backdrop-filter:none;-webkit-backdrop-filter:none}
html.lite .hm-trbg{transition:none}
@media (prefers-reduced-motion:reduce){.hm-hero::after,.hm-play i,.hm-glow{animation:none}}
.hm:not(.no-pic) .hm-trs.n2 .hm-tl b{display:none}
.hm:not(.no-pic) .hm-trs.n2 .hm-play{top:50%}
.hm:not(.no-pic) .hm-trs.n2 .hm-tl{bottom:8px;right:9px}