.date-tabs{display:flex;border-bottom:1px solid #c6c6cc;margin-bottom:48px}.date-tab{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 8px 25px;border:0;border-bottom:6px solid transparent;background:transparent;text-align:left;position:relative;bottom:-1px;font-size:22px;white-space:nowrap}.date-tab strong{font-weight:600}.date-tab.active{border-bottom-color:var(--blue)}.date-tab.active span{font-weight:700}.date-tab:hover{color:var(--blue)}.movie-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.poster-button{width:100%;padding:0;border:0;background:#eee;position:relative;overflow:hidden;display:block}.poster{aspect-ratio:1.08;transition:transform .25s;object-position:50% 32%}.poster-music{object-position:center 28%}.poster-action{position:absolute;bottom:0;left:0;right:0;background:var(--blue);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;transform:translateY(100%);transition:transform .2s}.poster-button:hover .poster-action,.poster-button:focus-visible .poster-action{transform:translateY(0)}.poster-button:hover .poster{transform:scale(1.025)}.movie-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:16px}.movie-heading h2{font-size:34px;line-height:1.12}.movie-heading button,.news-item h3 button{padding:0;background:none;border:0;text-align:left;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-size:inherit}.movie-heading button:hover,.news-item h3 button:hover{color:var(--blue)}.age{border:1px solid #b4b4bb;min-width:49px;padding:5px 7px;text-align:center;font-size:17px;line-height:1;white-space:nowrap}.genre{font-size:20px;margin-top:10px;color:var(--muted)}.showtimes{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.showtimes button{padding:12px 18px;min-height:50px;border:2px solid var(--blue);background:#fff;color:var(--blue);font-size:19px;font-weight:600;white-space:nowrap}.showtimes button:hover{background:var(--blue);color:white}.readable .genre{font-size:1.5rem;color:inherit}.readable .showtimes button{font-size:1.4rem}@media(max-width:1250px){.movie-heading h2{font-size:28px}.showtimes{gap:10px}.showtimes button{font-size:16px;padding:12px}}@media(max-width:1000px){.movie-grid{gap:20px}.date-tab{font-size:18px;padding-bottom:20px}.date-tabs{margin-bottom:32px}.movie-heading{align-items:flex-start;gap:8px}.movie-heading h2{font-size:24px}.age{font-size:14px;min-width:35px}.genre{font-size:16px}.showtimes{gap:8px}.showtimes button{font-size:14px;padding:10px;min-height:44px}}@media(max-width:650px){.date-tabs{overflow-x:auto;overscroll-behavior-x:contain;margin:0 -20px 28px;padding:0 20px;border-bottom:0;scrollbar-width:thin;scrollbar-color:#c2c2fa transparent;scroll-padding-inline:20px}.date-tab{flex:0 0 112px;font-size:16px;gap:7px;padding:8px 4px 16px;border-bottom:4px solid #e0e0e6}.date-tab.active{border-bottom-color:var(--blue)}.movie-grid{grid-template-columns:1fr;gap:34px}.poster{aspect-ratio:1.15;object-position:center 30%}.movie-heading{margin-top:14px;align-items:center;gap:14px}.movie-heading h2{font-size:28px;line-height:1.16}.age{font-size:14px;padding:5px 7px;min-width:40px}.genre{margin-top:8px;font-size:16px}.showtimes{gap:12px;margin-top:16px;flex-wrap:nowrap}.showtimes button{min-height:48px;flex:1;font-size:16px;padding:12px 8px;border-width:1.5px}.readable .genre{font-size:1.25rem}.readable .showtimes button{font-size:17px}}@media(max-width:360px){.showtimes button{font-size:14px}.movie-heading h2{font-size:25px}}
