.slider-container{display:flex;margin-top:10px;margin-left:80px;margin-right:80px;text-align:center;position:relative;flex-direction:column;justify-content:center;align-items:center;width:80%;height:100%}.slider{display:flex;overflow-x:auto;gap:15px;padding:10px;scroll-behavior:smooth;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:2px solid #000}.slider-item{flex:0 0 auto;width:400px;cursor:pointer;text-align:center;margin-left:30px;margin-right:30px}.slider-item img{width:100%;border-radius:8px;transition:transform .3s ease}.slider-item img:hover{transform:scale(1.05)}.slider-item p{margin-top:8px;font-size:16px;color:#333}.slider-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:20px;display:flex;justify-content:center;align-items:center;z-index:100;transition:background .3s ease}.slider-button:hover{background:rgba(70,219,82,.8)}.slider-button.left{left:-60px}.slider-button.right{right:-60px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:22000}.modal-content{background:#fff;padding:20px;text-align:center;max-width:800px;width:90%}.modal-content,.modal-content video{border-radius:8px}.modal-description{font-size:16px;color:#555;margin:20px 0}.modal-close{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s ease}.modal-close:hover{background:#0056b3}.filter-input{width:50%;padding:10px;margin-bottom:30px;font-size:16px;border:1px solid #ccc;border-radius:4px}.button-group{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.button-group button{font-size:16px}.qrscanner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.qrscanner-video{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}.qrscanner-frame{position:absolute;width:60vw;max-width:400px;height:60vw;max-height:400px;border:2px solid #0f0;border-radius:12px;box-shadow:0 0 10px #0f0;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.qrscanner-line{width:100%;height:4px;background-color:#0f0;animation:scan-animation 2s infinite}.qrscanner-cancel{position:absolute;bottom:80px;padding:12px 24px;background-color:red;color:#fff;font-size:2rem;border:none;border-radius:6px;z-index:10000;cursor:pointer}@keyframes scan-animation{0%{transform:translateY(-100%);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}