*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}html{background-color:#f3f3f3}.carousel{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:2rem auto;max-width:800px;overflow:hidden;position:relative;touch-action:pan-y;width:100%}.carousel .carousel-inner{display:flex;position:relative;transition:transform .5s ease-in-out}.carousel .carousel-item{flex:0 0 100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:100%}.carousel .carousel-item.active{opacity:1;position:relative;transform:translate(0)}.carousel .carousel-item:not(.active){transform:translate(100%)}.carousel .carousel-item.prev-slide{transform:translate(-100%)}.carousel .carousel-image{cursor:pointer;display:block;height:auto;max-height:500px;object-fit:cover;width:100%}.carousel .carousel-control{background:rgba(0,0,0,.5);border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s;z-index:10}.carousel .carousel-control:focus,.carousel .carousel-control:hover{background:rgba(0,0,0,.8)}.carousel .carousel-control.prev{left:0}.carousel .carousel-control.next{right:0}.carousel .carousel-indicators{bottom:10px;display:flex;gap:8px;left:50%;position:absolute;transform:translate(-50%)}.carousel .carousel-indicator{background:rgba(255,255,255,.5);border:none;border-radius:50%;cursor:pointer;height:12px;transition:background .3s;width:12px}.carousel .carousel-indicator.active{background:#fff}.carousel .carousel-indicator:focus{outline:2px solid #fff;outline-offset:2px}.fullscreen-overlay{align-items:center;background:rgba(0,0,0,.9);box-shadow:0 0 0 transparent;display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;touch-action:pan-x;transform:scale(.8) translateY(20px);transition:opacity .7s ease,transform .7s ease,background-color .7s ease,box-shadow .7s ease;width:100%;z-index:1000}.fullscreen-overlay.active{background-color:rgba(0,0,0,.9);box-shadow:0 4px 20px rgba(0,0,0,.5);display:flex;opacity:1;transform:scale(1) translateY(0)}.fullscreen-overlay .fullscreen-inner{height:90vh;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:90vw}.fullscreen-overlay .fullscreen-item{height:100%;left:0;opacity:0;pointer-events:auto;position:absolute;top:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:100%}.fullscreen-overlay .fullscreen-item.active{opacity:1;position:relative;transform:translate(0)}.fullscreen-overlay .fullscreen-item:not(.active){transform:translate(100%)}.fullscreen-overlay .fullscreen-item.prev-slide{transform:translate(-100%)}.fullscreen-overlay .fullscreen-item img{height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center;pointer-events:none;width:100%}.fullscreen-overlay .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:fixed;right:20px;top:20px;transition:opacity .3s ease;z-index:1001}.fullscreen-overlay .close-button:focus,.fullscreen-overlay .close-button:hover{opacity:.7}.fullscreen-overlay .fullscreen-control{align-items:center;background:rgba(0,0,0,.5);border:none;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;padding:1rem 1.5rem;position:fixed;top:50%;transform:translateY(-50%);transition:background .3s ease,opacity .3s ease;width:60px;z-index:1001}.fullscreen-overlay .fullscreen-control:focus,.fullscreen-overlay .fullscreen-control:hover{background:rgba(0,0,0,.8);opacity:.7}.fullscreen-overlay .fullscreen-control.prev{left:20px}.fullscreen-overlay .fullscreen-control.next{right:20px}.fullscreen-overlay .image-counter{background:rgba(0,0,0,.5);border-radius:4px;bottom:20px;color:#fff;font-size:1.2rem;left:50%;padding:5px 10px;position:fixed;transform:translate(-50%);z-index:1001}@media (max-width:768px){.fullscreen-overlay .image-counter{font-size:1rem;padding:3px 8px}}