.film-teaser{grid-column:1 / -1;display:flex;align-items:center;gap:16px;min-height:44px;padding:12px 16px;background:var(--ui-page);border:1px solid var(--card-border-image, var(--ui-line));border-radius:12px;box-shadow:var(--card-shadow-image);color:var(--ui-text);text-decoration:none}.film-teaser[hidden]{display:none}.film-teaser:hover{text-decoration:none}.film-teaser__thumbs{display:flex;flex-shrink:0}.film-teaser__thumbs img{width:72px;height:52px;object-fit:cover;object-position:center top;border-radius:6px;border:2px solid var(--ui-page);background:var(--ui-surface-soft)}.film-teaser__thumbs img+img{margin-left:-20px}.film-teaser__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.film-teaser__title{font-size:16px;font-weight:700;color:var(--ui-link)}.film-teaser__sub{font-size:14px;color:var(--ui-text-muted)}.film-teaser__arrow{color:var(--ui-link)}.film-teaser:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media(hover:hover)and (pointer:fine){.film-teaser:hover{border-color:var(--ui-action-line-strong)}}@media(max-width:599px){.film-teaser__thumbs img:nth-child(n+3){display:none}}.film-hero .detail-hero__icon{background:var(--ui-toast-bg)}.film-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}@media(max-width:1023px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:719px){.film-grid{grid-template-columns:1fr}}.film-card{display:flex;flex-direction:column;background:var(--ui-page);border:1px solid var(--card-border-image, var(--ui-line));border-radius:12px;box-shadow:var(--card-shadow-image);overflow:hidden}.film-card__media{position:relative;display:block;width:100%;aspect-ratio:640 / 475;padding:0;border:0;background:var(--ui-surface-soft);cursor:pointer}.film-card__media img{display:block;width:100%;height:100%;object-fit:contain}.film-card__media:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.film-card__dot{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0f172ab8;color:#fff;font-size:13px;pointer-events:none}.film-card.is-playing .film-card__dot{display:none}.film-card__body{display:flex;flex-direction:column;gap:4px;flex:1;padding:12px 16px 16px;border-top:1px solid var(--ui-line)}.film-card__title{margin:0;font-size:16px;font-weight:700;color:var(--ui-text)}.film-card__sub{margin:0;min-height:2.6em;font-size:14px;line-height:1.3;color:var(--ui-text-muted)}.film-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px}.film-card__more{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;color:var(--ui-link);text-decoration:none}.film-card__more:hover{text-decoration:underline}