.menukino {padding:5px; background:blue; margin:0; font-family:Arial,sans-serif; text-align:center; margin-left:auto; margin-right:auto; border-radius:10px}
.iconkino {font-size:3em}
.menukino td {padding:5px; color:#fff; text-decoration:none}
.menukino td:hover .iconkino {text-shadow:0 0 15px #ff7900,0 0 15px #ff7900,0 0 15px #ff7900}
.iconkino {transition:1s}
.textbron1 {font-size:25px; font-weight:bold}
.imgkino {padding:2px}
.kinotitle {display:inline-block; text-align:center; border:1px solid black; margin-bottom:14px; margin-left:8px; margin-top:14px}
.nazvakino {font-weight:bold; font-size:15px; color:blue}
.vydkino {font-weight:bold; font-size:12px; color:white; background:black}
.titledown {width:250px}
.rozklads1 {background:#007E3E; text-align:center; color:#fff; max-width:420px; padding:10px; border-radius:10px 10px 25px 0; margin:auto; margin-bottom:15px}
.rozklads2 {background:#f600ff; text-align:center; color:#fff; max-width:420px; padding:10px; border-radius:10px 10px 25px 0; margin:auto; margin-bottom:15px; margin-top:50px}
.rozklads3 {background:#0006ff; color:#fff; max-width:420px; padding:10px; border-radius:10px 10px 25px 0; margin-bottom:9px; margin-left:auto; margin-right:auto}
.rozklads4 {background:#007E3E; color:#fff; max-width:420px; padding:10px; border-radius:10px 10px 25px 0; margin-bottom:9px; margin-left:auto; margin-right:auto}
.tabh1ol2 {font-size:14px; text-align:left; padding:10px}
.redtime {color:red; font-weight:bold; font-size:20px; background:#feffb7}
.datafon1 {color:white; font-weight:bold; font-size:15px; background:green; font-style:italic}
.datafon2 {color:white; font-weight:bold; font-size:15px; background:#f600ff; font-style:italic}
.datafon3 {color:white; font-weight:bold; font-size:15px; background:blue; font-style:italic}
.datafon4 {color:white; font-weight:bold; font-size:15px; background:green; font-style:italic}
.blockh1 {display:block}
.statzagal1 {font-size:10px; text-align:right}
.statcount {background:black; color:white; padding:2px; font-size:13px; font-weight:700; border:1px white solid}
h3 {margin-top:10px; margin-bottom:10px}
body {color:#f8fafc; font-family:'Segoe UI', Roboto, sans-serif}
.movie-card {display:flex; background:#1e293b; border-radius:16px; max-width:850px; margin:0 auto 30px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.5)}
.poster-side {width:220px; padding:15px; background:rgba(0, 0, 0, 0.2)}
.poster-wrapper {position:relative; width:100%; width:100%; max-width:300px; margin:auto; overflow:hidden}
.main-poster {width:100%; height:auto; object-fit:contain; border-radius:8px; cursor: pointer; transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow:0 5px 15px rgba(0,0,0,0.3)}
.main-poster:hover {transform:scale(1.03) rotateY(-5deg)}
.badge-3d {position:absolute; top:10px; right:10px; background:linear-gradient(45deg, #e11d48, #f43f5e); color:white; padding:3px 8px; border-radius:4px; font-size:11px; font-weight:900; text-shadow:1px 1px 2px rgba(0,0,0,0.5); box-shadow:0 4px 8px rgba(0,0,0,0.4); pointer-events:none; z-index:5}
.thumb-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:12px}
.thumb {width:100%; height:55px; object-fit:cover; border-radius:4px; cursor:pointer; opacity:0.6; transition:0.3s; border:1px solid rgba(255,255,255,0.1)}
.thumb:hover {opacity:1; border-color:#e11d48}
.movie-details {padding:25px; flex:1}
.movie-title {font-size:1.7rem; color:#e11d48; margin:0 0 10px 0; font-weight:400}
.rental-period {color:#4fc3f7; font-weight:600; margin-bottom:12px; font-size:0.95rem; display:flex; align-items:center;gap:8px}
.movie-desc {font-size:0.95rem; line-height:1.5; opacity:0.8; margin-bottom:20px}
.sessions-container {border-top:1px solid rgba(255,255,255,0.1); padding-top:15px}
.sessions-title {font-size:0.8rem; text-transform:uppercase; opacity:0.5; margin-bottom:10px; letter-spacing:1px}
.sessions-grid {display:flex; flex-wrap:wrap; gap:10px}
.time-badge {background:rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.2); padding:8px 12px; border-radius:8px; text-align:center; min-width:60px; cursor:default; user-select:none; display:flex; flex-direction:column; line-height:1.2}
.price-tag {font-size:0.65rem; opacity:0.5; margin-top:3px; font-weight:normal}
#lightbox {display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.92); justify-content:center; align-items:center; cursor:zoom-out}
.lightbox-content {position:relative; max-width:90%; max-height:90%}
#full-img {max-width:100%; max-height:85vh; border-radius:8px; box-shadow:0 0 40px rgba(0,0,0,0.8)}
@media (max-width: 650px) {
.movie-card {flex-direction:column}
.poster-side {width:100%; box-sizing:border-box}
.main-poster {height:350px}}
@media (max-width: 768px) {
.movie-card {flex-direction:column; max-width:100%; margin:10px}
.poster-side {width:100%; padding:0}
.main-poster {height:400px; border-radius:16px 16px 0 0}
.thumb-grid {padding:10px}
.movie-details {padding:20px}
.temp-big {font-size:3.5rem}}
.session-container {display:flex; gap:8px; flex-wrap:wrap; font-family:sans-serif}
.session-card {display:flex; flex-direction:column; align-items:center; background:#fdfdfd; border:1px solid #ddd; border-radius:6px; padding:6px 12px; cursor:default; transition:all 0.2s; min-width:60px}
.session-card:hover {border-color:#bbb; background:#f5f5f5; transform:translateY(-1px)}
.session-time {font-size:0.95rem; font-weight:600; color:#333}
.session-price {font-size:0.75rem; color:#888; margin-top:2px}
.modal-wrapper {position:relative; display:flex; align-items:center; justify-content:center}
#full-img {max-width:90vw; max-height:90vh; z-index:10}
#lightbox-badge {position:absolute; top:20px; right:20px; z-index:100; background:rgba(255, 0, 0, 0.8); color:white; padding:5px 15px; font-weight:bold; border-radius:4px; pointer-events:none}
@media (max-width: 768px) {
#full-img {max-height:65vh; max-width:95vw}}
.thumb-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:10px}
.thumb {width:auto; height:auto; object-fit:scale-down; background:#000; border-radius:4px; cursor:pointer}
.thumb:hover {transform:scale(1.05); opacity:0.8}
@media (max-width: 800px) {
.thumb {gap:2px; height:90px}}
.promo-box {background:linear-gradient(135deg, #1a1a1a 0%, #333 100%); color:#fff; padding:25px; border-radius:12px; text-align:center; box-shadow:0 4px 15px rgba(0,0,0,0.3); font-family:'Segoe UI', Roboto, sans-serif; margin:20px 0}
.promo-box p {margin-bottom:15px; font-size:1.1em; line-height:1.6}
.promo-link {display:inline-block; background:#e50914; color:#fff; text-decoration:none; padding:12px 25px; border-radius:50px; font-weight:bold; transition: transform 0.3s, background 0.3s}
.promo-link:hover {background:#ff0a16; transform:scale(1.05); color:#fff} 
.figrightk {background:#ffffff; border-radius:10px; padding:20px; margin:15px 0; box-shadow:0 4px 12px rgba(0,0,0,0.1); border-left:5px solid #E1306C; font-family:'Segoe UI', Arial, sans-serif; line-height:1.6; color:#333}
.figrightk b {color:#555; font-size:0.9em; text-transform:uppercase; display:block; margin-top:10px}
.figrightk a {color:#007bff; text-decoration:none; font-weight:600}
.figrightk a:hover {text-decoration:underline}
.figrightk .phone-num {color:#d9534f; font-size:1.2em; font-weight:bold; display:inline-block; margin-top:5px}
.figrightk .insta-icon {color:#E1306C; margin-right:5px}
.volunteer-centered-wrapper {width:100%; display:block; text-align:center; padding:30px 0; clear:both}
.volunteer-badge {display:inline-flex; flex-direction:row; align-items:center; text-align:left; gap:20px; background:#ffffff; border:1px solid #e0e0e0; padding:20px 25px; border-radius:16px; max-width:550px; box-shadow:0 4px 12px rgba(0,0,0,0.05); margin:0 auto}
.badge-icon {font-size:30px; animation:heartbeat 2s infinite}
.badge-text {font-size:14px; line-height:1.5; color:#444; margin:0 0 10px 0; font-family:sans-serif}
.badge-text strong {color:#e50914}
.badge-tags {display:flex; gap:8px}
.badge-tags span {font-size:11px; color:#888; background:#f5f5f5; padding:2px 8px; border-radius:4px; font-weight:600}
@keyframes heartbeat {
0%, 100% {transform:scale(1)}
50% {transform:scale(1.15)}}
@media (max-width: 550px) {
.volunteer-badge {flex-direction:column; text-align:center; margin:0 15px}
.badge-tags {justify-content:center}}
.volunteer-centered-wrapper * {box-sizing:border-box}
.volunteer-centered-wrapper {width:100%; padding:20px 10px; display:flex; justify-content:center}
.volunteer-badge {display:flex; align-items:center; gap:15px; background:#ffffff; border:1px solid #e0e0e0; padding:15px; border-radius:16px; width:100%; max-width:550px; box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.badge-icon {font-size:24px; flex-shrink:0; animation:heartbeat 2s infinite}
.badge-text {font-size:13px; line-height:1.4; color:#444; margin:0 0 8px 0; text-align:left}
.badge-tags {display:flex; flex-wrap:wrap; gap:6px}
@media (max-width: 480px) {
.volunteer-badge {flex-direction:column; text-align:center; padding:20px 15px}
.badge-text {text-align:center}
.badge-tags {justify-content:center}}
.modal {display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.9); align-items:center; justify-content:center}