.photo-slider{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);background-color:#f5f5f5;user-select:none}.photo-slider,.photo-slider-container{position:relative;width:100%;overflow:hidden}.photo-slider-container{height:100%}.photo-slide,.photo-slider-track{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.photo-slide{position:absolute;top:0;left:0;opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s ease;cursor:pointer;background-color:hsla(0,0%,96%,.8)}.photo-slide.active{opacity:1;transform:scale(1);z-index:1}.photo-slide-image{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:#fff;padding:16px;font-size:14px;transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.photo-slide.active:hover .photo-caption{transform:translateY(0);opacity:1}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.8);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease,background-color .3s ease;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-button:hover{background-color:hsla(0,0%,100%,.9)}.nav-button.prev{left:16px}.nav-button.next{right:16px}.photo-slider:hover .nav-button{opacity:.9}.pagination-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.pagination-dot{width:8px;height:8px;border-radius:50%;background-color:hsla(0,0%,100%,.5);border:none;padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.pagination-dot.active{background-color:#fff;transform:scale(1.3)}.photo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.photo-modal-content{width:100%;height:100%}.modal-slider-track,.photo-modal-content{position:relative;display:flex;align-items:center;justify-content:center}.modal-slider-track{width:90%;height:90%}.modal-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease;background-color:hsla(0,0%,96%,.1)}.modal-slide.active{opacity:1}.modal-slide-image{max-width:100%;max-height:100%;object-fit:contain}.modal-caption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;max-width:80%;text-align:center}.modal-close-button{position:absolute;top:16px;right:16px;background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;z-index:2}.modal-close-button:hover{background-color:rgba(0,0,0,.8)}.modal-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;z-index:2}.modal-nav-button:hover{background-color:rgba(0,0,0,.8)}.modal-nav-button.prev{left:16px}.modal-nav-button.next{right:16px}.modal-pagination{position:absolute;bottom:16px;right:16px;background-color:rgba(0,0,0,.7);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.photo-slider-empty{display:flex;align-items:center;justify-content:center;height:300px;background-color:hsla(0,0%,96%,.8);border-radius:12px;color:#666;font-size:16px}@media (max-width:768px){.nav-button{width:36px;height:36px}.modal-nav-button{width:40px;height:40px}.pagination-dot{width:6px;height:6px}.modal-caption,.photo-caption{font-size:12px;padding:8px 12px}}