.cinema-scene{background-image:url('./cinema-room-v1.png')}body:has(#cinema:not([hidden])) .masthead{display:none}body:has(#cinema:not([hidden])){overflow:hidden}
.cinema-counter,.cinema-case{left:29%;width:43%}.cinema-counter{top:17%;height:43%}.cinema-case{height:28%;bottom:7%}.cinema-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:110px;gap:12px;height:calc(100% - 25px);overflow:auto;padding:0 8px 6px 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5ac68 #102b3c;touch-action:pan-y}.cinema-offers .cinema-tape{height:110px}.cinema-offers .cinema-tape strong{font-size:clamp(9px,.85vw,13px)}.cinema-tape small{font-weight:800;color:#ffe1a1}.cinema-quality{padding:6px;border:1px solid #b39560;background:#fff0cb80;border-radius:4px;font-size:12px}.cinema-quality meter{display:block;width:100%;height:12px}.cinema-price{display:block;padding:7px;background:#193745;color:#ffe6ae;border:1px solid #ae8b50;border-radius:4px;font-size:clamp(11px,1.1vw,15px)}.cinema-scene .library-details{right:1%;width:26%;top:17%;max-height:73%}.cinema-scene .library-case-items .cinema-tape{flex-basis:115px}.cinema-scene .library-heading select{max-width:30%}
@media(max-width:600px){.cinema-counter{left:3%;width:94%;height:41%;top:20%}.cinema-case{left:3%;width:94%;height:28%;bottom:6%}.cinema-offers{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:110px;gap:14px}.cinema-offers .cinema-tape{display:flex;height:110px}.cinema-scene .library-heading select{max-width:100%}.cinema-scene .library-details{left:6%;right:6%;width:auto;top:22%;max-height:66%}.cinema-scene .library-case-items .cinema-tape{display:flex}.cinema-counter h2{font-size:11px}.cinema-scene .library-case p{font-size:9px}}
.cinema-counter h2{padding-right:100px}.cinema-pages{position:absolute;top:5px;right:8px;display:flex;align-items:center;gap:4px;font-size:10px}.cinema-pages button{width:23px;min-height:20px;padding:0;border:1px solid #b89151;border-radius:3px;background:#142e3d;color:#ffe8b3;font-size:16px}.cinema-pages button:disabled{opacity:.4}.cinema-offers{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:6px;overflow:hidden;height:calc(100% - 25px)}.cinema-offers .cinema-tape{height:100%;display:grid;grid-template-columns:38% 62%;grid-template-rows:1fr auto;align-items:center}.cinema-offers .cinema-tape img{height:100%;grid-row:1/3}.cinema-offers .cinema-tape strong{font-size:clamp(9px,.9vw,13px);padding:0 2px}.cinema-offers .cinema-tape small{font-size:clamp(8px,.7vw,10px);padding:0 2px;white-space:normal}
@media(min-width:601px){.cinema-case{left:74%;width:24%}.cinema-case h2{font-size:clamp(9px,.8vw,13px)}.cinema-case p{font-size:clamp(8px,.7vw,10px)}.cinema-case .library-empty{font-size:clamp(9px,.85vw,12px)}}
.cinema-case .library-case-items{position:absolute;left:12px;right:12px;top:28px;bottom:23px;height:auto}.cinema-case>p{position:absolute;bottom:5px;left:12px;right:12px;margin:0}.cinema-case .cinema-tape{display:grid!important;grid-template-columns:35% 65%;grid-template-rows:1fr auto;align-items:center}.cinema-case .cinema-tape img{height:100%;grid-row:1/3}.cinema-case .cinema-tape strong{font-size:10px}.cinema-case .cinema-tape small{font-size:8px}
.cinema-scene .library-details .library-close{width:32px;height:32px;min-height:32px;z-index:2}.cinema-scene .library-details h2{margin-right:32px}