.quick-view-overlay{z-index:9999;background-color:#000000b3;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:30px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.quick-view-modal{color:#fff;background-color:#181818;border-radius:8px;width:100%;max-width:850px;margin:auto;animation:.3s cubic-bezier(.4,0,.2,1) modal-pop;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000080}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.quick-view-close{cursor:pointer;z-index:10;background-color:#181818;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex;position:absolute;top:15px;right:15px}.quick-view-close:hover{background-color:#333}.quick-view-close svg{width:20px;height:20px}.quick-view-hero{width:100%;height:480px;position:relative}.quick-view-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.quick-view-img{object-fit:cover}.quick-view-vignette{background:linear-gradient(#0000 50%,#181818 100%),linear-gradient(90deg,#18181899 0%,#0000 40%);position:absolute;inset:0}.quick-view-hero-content{z-index:2;position:absolute;bottom:50px;left:40px;right:40px}.quick-view-title{text-shadow:2px 2px 4px #00000073;margin:0 0 20px;font-size:3rem;font-weight:800}.quick-view-actions{align-items:center;gap:10px;display:flex}.quick-view-play-btn{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:4px;align-items:center;gap:10px;padding:8px 24px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.quick-view-play-btn:hover{background-color:#e6e6e6}.quick-view-actions .icon-btn-circle{cursor:pointer;background:#2a2a2a99;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;transition:box-shadow .2s,background .2s;display:flex;box-shadow:inset 0 0 0 2px #ffffff80}.quick-view-actions .icon-btn-circle:hover{background:#ffffff1a;box-shadow:inset 0 0 0 2px #fff}.quick-view-details{grid-template-columns:2fr 1fr;gap:40px;padding:0 40px 40px;display:grid}.quick-view-metadata{align-items:center;gap:10px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.quick-view-metadata .match-score{color:#46d369}.quick-view-metadata .age-rating{border:1px solid #fff6;padding:0 6px}.quick-view-metadata .hd-badge{border:1px solid #fff6;border-radius:2px;padding:0 4px;font-size:12px}.quick-view-description{margin:0;font-size:16px;line-height:1.6}.quick-view-details-right p{color:#a3a3a3;margin:0 0 10px;font-size:14px;line-height:1.6}.quick-view-details-right strong{color:#777;font-weight:400}.quick-view-details-right em{color:#fff;font-style:italic}@media (max-width:768px){.quick-view-modal{border-radius:0;min-height:100vh;margin:0}.quick-view-overlay{padding:0}.quick-view-hero{height:300px}.quick-view-title{font-size:2rem}.quick-view-details{grid-template-columns:1fr;gap:20px;padding:0 20px 40px}.quick-view-hero-content{bottom:20px;left:20px;right:20px}}