.gallery-container{width:100%;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:0}.gallery-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;background:#f5f5f5}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.gallery-item__wrapper{position:relative;width:100%;padding-bottom:100%;cursor:pointer}.gallery-item__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-item__image{transform:scale(1.05)}.gallery-item__caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:30px 15px 15px;font-size:14px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item__caption{opacity:1}.gallery-item__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.placeholder-svg{width:60%;height:60%;opacity:.3}.gallery-empty{text-align:center;padding:60px 20px;color:#666;font-size:16px}.gallery-lightbox{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-lightbox.active{display:flex;align-items:center;justify-content:center}.lightbox-content{max-width:90%;max-height:85vh;object-fit:contain;animation:zoomIn .3s;border-radius:8px}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:20px;right:35px;color:#fff;font-size:45px;font-weight:300;cursor:pointer;transition:all .3s;z-index:10000;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:35px;font-weight:700;cursor:pointer;padding:15px 20px;background:#ffffff1a;border-radius:8px;transition:all .3s;-webkit-user-select:none;user-select:none}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-caption{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff;font-size:16px;background:#0009;padding:12px 24px;border-radius:25px;max-width:80%;text-align:center}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.gallery-item{border-radius:8px}.lightbox-close{top:10px;right:10px;font-size:35px;width:40px;height:40px}.lightbox-prev,.lightbox-next{font-size:25px;padding:10px 15px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-caption{bottom:20px;font-size:14px;padding:10px 20px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.gallery-item__image[loading]{background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:1000px 100%;animation:shimmer 2s infinite}
/*# sourceMappingURL=/cdn/shop/t/12/assets/gallery.css.map */