.image-gallery{display:flex;flex-direction:column;gap:1rem;width:100%}.gallery-main{position:relative;width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:.75rem;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:box-shadow .3s ease}.gallery-main:hover{box-shadow:0 8px 20px #00000026}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.gallery-main:hover .gallery-image{transform:scale(1.02)}.gallery-zoom-btn{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:.5rem;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;color:#333}.gallery-zoom-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 2px 8px #00000026}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;border-radius:.5rem;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;color:#333;opacity:0}.gallery-main:hover .gallery-nav-btn{opacity:1}.gallery-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 2px 8px #00000026}.gallery-nav-prev{left:1rem}.gallery-nav-next{right:1rem}.gallery-counter{position:absolute;bottom:1rem;left:1rem;background:#0009;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;z-index:10}.gallery-autoplay-indicator{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0000001a;z-index:10}.autoplay-progress{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);animation:autoplay-progress linear forwards}@keyframes autoplay-progress{0%{width:0%}to{width:100%}}.gallery-thumbnails{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:#555}.thumbnail{flex-shrink:0;width:80px;height:80px;border:2px solid transparent;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail:hover{border-color:#ddd;transform:scale(1.05)}.thumbnail.active{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{position:relative;width:90vw;height:90vh;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;z-index:1010}.lightbox-close:hover{transform:scale(1.2)}.lightbox-image{max-width:100%;max-height:80%;object-fit:contain;display:block;animation:zoomIn .3s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1010;border-radius:.5rem}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-counter{position:absolute;bottom:6rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;z-index:1010}.lightbox-thumbnails{position:absolute;bottom:0;left:0;right:0;display:flex;gap:.5rem;justify-content:center;padding:1rem;background:#00000080;overflow-x:auto;max-width:100%}.lightbox-thumbnails::-webkit-scrollbar{height:4px}.lightbox-thumbnails::-webkit-scrollbar-track{background:transparent}.lightbox-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.lightbox-thumbnail{flex-shrink:0;width:60px;height:60px;border:2px solid transparent;border-radius:.375rem;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#ffffff1a;padding:0}.lightbox-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.lightbox-thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.lightbox-thumbnail.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}@media (max-width: 768px){.gallery-main{aspect-ratio:16 / 9}.gallery-nav-btn{padding:.5rem}.gallery-zoom-btn{top:.75rem;right:.75rem}.gallery-counter{bottom:.75rem;left:.75rem;font-size:.75rem;padding:.375rem .75rem}.thumbnail{width:60px;height:60px}.lightbox-container{width:95vw;height:95vh}.lightbox-close{top:-2.5rem}.lightbox-nav{padding:.75rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-counter{bottom:5rem;font-size:.875rem;padding:.5rem 1rem}.lightbox-thumbnail{width:50px;height:50px}}@media (max-width: 480px){.gallery-main{aspect-ratio:1 / 1}.gallery-nav-btn{opacity:.7;padding:.375rem}.gallery-nav-btn:hover{opacity:1}.gallery-zoom-btn{width:36px;height:36px;padding:.375rem}.gallery-counter{font-size:.7rem;padding:.25rem .5rem}.thumbnail{width:50px;height:50px}.lightbox-nav{padding:.5rem}.lightbox-counter{font-size:.75rem;padding:.375rem .75rem;bottom:4rem}.lightbox-thumbnail{width:40px;height:40px}}