.cards .card{position:relative;padding-bottom:46px}.cards .poster{isolation:isolate;background-position:center;background-size:cover;background-repeat:no-repeat}.cards .poster:has(.cineiaPosterImage)::before{content:"";position:absolute;z-index:-1;inset:-10%;background-image:inherit;background-position:center;background-size:cover;filter:blur(18px) brightness(.58);transform:scale(1.08)}.cineiaPosterImage{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;background:transparent}.poster>b,.poster>button,.poster>.premiumBadge,.poster>.freeBadge{z-index:2}.homeSynopsis{margin:8px 0 5px;color:#9fb6ca;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cards .catalogDetailsButton{position:absolute;left:0;bottom:0;width:100%}.catalogDetailsPoster{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
@media(max-width:700px){body{overflow-x:hidden}.topbar{height:auto!important;min-height:64px;display:flex;flex-wrap:wrap;padding:8px 12px!important}.topbar .brand{flex:0 0 auto}.topbar .logo strong{font-size:18px}.topbar .ears{width:36px}.topbar .actions{gap:6px}.topbar nav{display:flex!important;order:3;width:100%;margin:6px 0 0!important;gap:18px;overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav button{flex:0 0 auto;padding:9px 0!important}.page{padding-top:24px!important}.cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important;overflow:visible!important}.card{display:block!important;min-width:0!important}.card:nth-child(n+4){display:block!important}.card h3{font-size:16px}.card small{font-size:11px}.poster{width:100%;aspect-ratio:16/9}.popcornRating button{font-size:17px!important;padding:1px!important}.ratingSummary{font-size:10px!important}.catalogDetailsButton{font-size:12px;padding:8px!important}.homeSynopsis{font-size:11px;-webkit-line-clamp:2}.catalogFilters{max-width:100%;overflow-x:auto}.hero{height:520px}.features{grid-template-columns:1fr 1fr!important}.features button:last-child{grid-column:1/-1}}
@media(min-width:701px) and (max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.card:nth-child(n+4){display:block!important}}