.film-card .card-preview-embed{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s}
.film-card.is-playing .card-preview-embed{opacity:1}
.commercial-card[data-gallery] .film-title,.commercial-card[data-gallery] .film-code,.commercial-card[data-gallery] .film-duration,.commercial-card[data-gallery] .film-play{pointer-events:none}
.card-carousel{display:flex;position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}
.card-carousel::-webkit-scrollbar{display:none}
.gallery-card-open{position:relative;display:block;flex:0 0 100%;height:100%;min-width:0;padding:0;border:0;scroll-snap-align:start;scroll-snap-stop:always;background:#1a1c18;cursor:zoom-in}
.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;min-height:44px;padding:0;border:1px solid #ffffff65;background:#14151480;color:#fff;font:20px var(--mono);cursor:pointer}
.carousel-previous{left:8px}.carousel-next{right:8px}
.carousel-nav:disabled{opacity:.3;cursor:default}
.commercial-card[data-gallery].is-browsing img{filter:none}
.commercial-card[data-gallery].is-browsing .film-title{opacity:0}
@media(hover:hover) and (pointer:fine){.commercial-card[data-gallery]:hover img{filter:none}.commercial-card[data-gallery]:hover .film-title{opacity:0}}
@media(prefers-reduced-motion:reduce){.film-card .card-preview-embed{transition:none}}