/* v420 — compact two-column catalog and touch-safe card actions */
@media (max-width:720px){
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    gap:10px!important;
    overflow:visible!important;
    padding:4px 0 12px!important;
    scroll-snap-type:none!important;
  }

  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story,
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story-hero,
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story-wide,
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story-tile,
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story-tall,
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story.tail-full,
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story.tail-half,
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid>.cine-story.tail-deep{
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    grid-column:auto!important;
    grid-row:auto!important;
    flex:none!important;
    border-radius:15px!important;
    scroll-snap-align:none!important;
    transform:none!important;
  }

  body.studio-theme .cine-page .cine-story:after{display:none!important}
  body.studio-theme .cine-page .cine-story:hover,
  body.studio-theme .cine-page .cine-story.is-expanded{
    z-index:1!important;
    transform:none!important;
    box-shadow:0 12px 35px #0005!important;
  }
  body.studio-theme .cine-page .cine-story:hover>img,
  body.studio-theme .cine-page .cine-story.is-expanded>img{
    filter:none!important;
    transform:none!important;
  }
  body.studio-theme .cine-page .cine-story-idle{display:none!important}

  body.studio-theme .cine-page .cine-story-reveal,
  body.studio-theme .cine-page .cine-story:hover .cine-story-reveal,
  body.studio-theme .cine-page .cine-story.is-expanded .cine-story-reveal{
    inset:0!important;
    display:flex!important;
    justify-content:flex-end!important;
    padding:68px 8px 8px!important;
    background:linear-gradient(0deg,#050a12fa 0%,#06101ae8 38%,#07101a87 61%,transparent 78%)!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
    pointer-events:auto!important;
  }
  body.studio-theme .cine-page .cine-story-reveal>.cine-story-top,
  body.studio-theme .cine-page .cine-story-reveal>p{display:none!important}
  body.studio-theme .cine-page .cine-story-reveal>h3{
    max-width:100%!important;
    margin:0 0 4px!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.4!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.studio-theme .cine-page .cine-story-meta{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    gap:4px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    color:#8ea2b8!important;
    font-size:6px!important;
    line-height:1.3!important;
  }
  body.studio-theme .cine-page .cine-story-meta>span{
    flex:0 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.studio-theme .cine-page .cine-story-reveal>footer{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    margin:0!important;
  }
  body.studio-theme .cine-page .cine-story-reveal>footer>a{
    width:100%!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.studio-theme .cine-page .cine-story-badges,
  body.studio-theme .cine-page .cine-story.is-expanded .cine-story-badges{
    top:7px!important;
    right:7px!important;
    bottom:auto!important;
    left:7px!important;
    display:flex!important;
    gap:4px!important;
    justify-content:space-between!important;
    opacity:1!important;
  }
  body.studio-theme .cine-page .cine-story-badges>*{
    max-width:48%!important;
    padding:4px 6px!important;
    overflow:hidden!important;
    font-size:6px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.studio-theme .cine-page .cine-story-tools,
  body.studio-theme .cine-page .cine-story:hover .cine-story-tools,
  body.studio-theme .cine-page .cine-story.is-expanded .cine-story-tools{
    top:36px!important;
    right:auto!important;
    bottom:auto!important;
    left:7px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    opacity:1!important;
    transform:none!important;
  }
  body.studio-theme .cine-page .cine-story-tools button{
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }

  body.studio-theme .cine-page .cine-wall+.studio-pagination{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    flex-direction:row!important;
    gap:7px!important;
    margin-top:22px!important;
  }
  body.studio-theme .cine-page .cine-wall+.studio-pagination>a,
  body.studio-theme .cine-page .cine-wall+.studio-pagination>span,
  body.studio-theme .cine-page .cine-wall+.studio-pagination>b{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #234762!important;
    border-radius:11px!important;
    background:#081d33!important;
    color:#a8bdd2!important;
    font-size:9px!important;
    font-style:normal!important;
    line-height:1!important;
  }
  body.studio-theme .cine-page .cine-wall+.studio-pagination>b{
    min-width:70px!important;
    grid-auto-flow:column!important;
    gap:4px!important;
    color:#fff!important;
  }
  body.studio-theme .cine-page .cine-wall+.studio-pagination>b i{
    color:#738aa3!important;
    font-size:7px!important;
    font-style:normal!important;
  }
  body.studio-theme .cine-page .cine-wall+.studio-pagination>span{opacity:.45!important}
}

@media (max-width:360px){
  body.studio-theme .cine-page .cine-wall.studio-catalog-grid{gap:7px!important}
  body.studio-theme .cine-page .cine-story-reveal{padding-inline:6px!important;padding-bottom:6px!important}
  body.studio-theme .cine-page .cine-story-reveal>h3{font-size:11px!important}
  body.studio-theme .cine-page .cine-story-reveal>footer>a{height:32px!important;font-size:7px!important}
}

/* v50821 — mirror touch actions without changing the Arabic layout */
@media (max-width:720px){
  html[dir="ltr"] body.studio-theme .cine-page .cine-story-tools,
  html[dir="ltr"] body.studio-theme .cine-page .cine-story:hover .cine-story-tools,
  html[dir="ltr"] body.studio-theme .cine-page .cine-story.is-expanded .cine-story-tools{
    right:7px!important;
    left:auto!important;
  }
}