.spg{display:grid;grid-template-columns:90px 1fr;gap:12px;max-height:600px}.spg__main{position:relative;border-radius:16px;overflow:hidden;background:#f8f8f8;aspect-ratio:1;max-height:600px}.spg__slide{display:none;width:100%;height:100%;position:relative}.spg__slide--active{display:flex;align-items:center;justify-content:center}.spg__slide img{width:100%;height:100%;object-fit:contain;cursor:zoom-in;transition:transform .3s}.spg__slide:hover img{transform:scale(1.03)}.spg__slide video{width:100%;height:100%;object-fit:contain}.spg__zoom-btn{position:absolute;top:14px;right:14px;width:44px;height:44px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#1a1a2e;box-shadow:0 2px 10px #00000014;z-index:3}.spg__zoom-btn:hover{background:#4ecdc4;border-color:#4ecdc4;color:#fff;transform:scale(1.1)}.spg__counter{position:absolute;bottom:14px;left:14px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:50px;z-index:3}.spg__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#1a1a2e;box-shadow:0 2px 10px #00000014;z-index:3;opacity:0}.spg__main:hover .spg__arrow{opacity:1}.spg__arrow--prev{left:14px}.spg__arrow--next{right:14px}.spg__arrow:hover{background:#4ecdc4;border-color:#4ecdc4;color:#fff;box-shadow:0 4px 16px #4ecdc459}.spg__thumbs{order:-1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:600px;padding-left:4px;scrollbar-width:thin;scrollbar-color:#ddd transparent}.spg__thumbs::-webkit-scrollbar{width:4px}.spg__thumbs::-webkit-scrollbar-track{background:transparent}.spg__thumbs::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.spg__thumb{flex:0 0 auto;width:80px;height:80px;border-radius:10px;overflow:hidden;border:2px solid #e5e5e5;background:#fff;cursor:pointer;transition:all .25s ease;padding:0}.spg__thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.spg__thumb:hover{border-color:#4ecdc4;transform:scale(1.06);box-shadow:0 4px 12px #4ecdc440}.spg__thumb--active{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc433}.spg__thumb-video{width:100%;height:100%;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.spg-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:all .3s;cursor:zoom-out}.spg-lightbox--open{visibility:visible;opacity:1}.spg-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;transform:scale(.95);transition:transform .3s}.spg-lightbox--open img{transform:scale(1)}.spg-lightbox__close{position:absolute;top:24px;right:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.spg-lightbox__close:hover{background:#4ecdc4;border-color:#4ecdc4}@media(max-width:768px){.spg{grid-template-columns:1fr;grid-template-rows:auto auto;max-height:none}.spg__main{aspect-ratio:1;max-height:400px}.spg__thumbs{order:-1;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;gap:8px;padding-bottom:4px;scrollbar-width:none}.spg__thumbs::-webkit-scrollbar{display:none}.spg__thumb{width:64px;height:64px;border-radius:8px}.spg__arrow{width:38px;height:38px;opacity:1}.spg__zoom-btn{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sp-product-gallery.css.map */