.film-overview{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"poster identity" "poster actions" "poster description" "poster metadata";gap:20px 30px;align-items:start}
.film-overview>div{min-width:0}.film-poster-wrap{grid-area:poster}.film-overview .detail-poster{display:block;width:100%;max-width:220px;height:auto;aspect-ratio:12/17}.film-identity{grid-area:identity}.film-overline{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#b7a4e3}.film-overview h1{margin:10px 0;font-size:clamp(25px,3vw,38px);overflow-wrap:anywhere}.film-original-title{font-size:13px;line-height:1.6;color:#a9b8d0;margin:0 0 12px;overflow-wrap:anywhere}.film-badges{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.film-badges span{font-size:11px;color:#c9d8ee;border:1px solid #42526c;background:#17233788;padding:5px 9px;border-radius:6px}.film-overview .genre-links{margin:12px 0 0;gap:6px}.film-overview .genre-links a{font-size:11px;padding:5px 9px}.film-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:8px;margin:0}.film-actions button{font-size:13px;min-height:44px}.film-description{grid-area:description;padding-top:18px;border-top:1px solid #ffffff14}.film-description h2{font-size:15px;margin:0 0 12px;color:#eff2fc}.film-description .intro-text{font-size:14px;margin:0;line-height:1.85}.film-synopsis summary{list-style:none;cursor:pointer;line-height:1.85;color:#c9d2e4;font-size:14px}.film-synopsis summary::-webkit-details-marker{display:none}.film-description-preview{display:block;overflow-wrap:anywhere}.film-description-toggle{display:inline-flex;gap:8px;align-items:center;color:#c3adff;font-weight:650;font-size:12px;min-height:44px}.film-collapse-label{display:none}.film-synopsis[open] .film-description-preview,.film-synopsis[open] .film-expand-label{display:none}.film-synopsis[open] .film-collapse-label{display:inline}.film-synopsis[open] .film-toggle-chevron{transform:rotate(180deg)}.film-synopsis summary:focus-visible{outline:2px solid #75e0bb;outline-offset:4px;border-radius:4px}.film-metadata{grid-area:metadata}.film-overview .film-facts{margin:0 0 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px}.film-overview .film-facts:empty{display:none}.film-overview .film-facts>div{gap:12px}.film-overview .film-facts dd{overflow-wrap:anywhere;min-width:0;flex:1}.film-overview .film-facts dt{flex-shrink:0}.film-metadata small{display:block;font-size:11px;line-height:1.7}
@media(max-width:850px){.film-overview{grid-template-columns:170px minmax(0,1fr);gap:18px 24px}.film-overview .film-facts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.film-overview{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"poster identity" "actions actions" "description description" "metadata metadata";padding:18px;gap:18px 16px}.film-overview h1{font-size:22px;line-height:1.35;margin:6px 0 9px}.film-overline{font-size:9px;letter-spacing:1px}.film-overview .detail-poster{border-radius:9px}.film-original-title{font-size:11px;margin-bottom:8px}.film-badges{gap:5px;margin:8px 0}.film-badges span{font-size:10px;padding:4px 7px}.film-overview .genre-links{margin:8px 0 0;gap:5px}.film-overview .genre-links a{font-size:10px;padding:4px 7px}.film-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.film-actions .cinema-button,.film-actions button{font-size:12px;padding:10px 8px;min-height:44px;min-width:0;margin:0}.film-description{padding-top:16px}.film-description .intro-text,.film-synopsis summary{font-size:14px}.film-overview .film-facts{margin-bottom:12px}.film-overview .film-facts>div{font-size:12px}.film-overview .film-facts dd{max-width:70%}}
@media(max-width:360px){.film-overview{grid-template-columns:88px minmax(0,1fr);padding:14px;gap:16px 12px}.film-overview h1{font-size:20px}}