.gallery-groups{max-width:1200px;margin:0 auto;padding:40px 20px}.gallery-groups__title{text-align:center;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:40px;color:#333}.gallery-groups__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:991px){.gallery-groups__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.gallery-groups__grid{grid-template-columns:1fr}}.gallery-group-card{cursor:pointer;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.gallery-group-card:hover{transform:translateY(-4px)}.gallery-group-card__image-wrap{position:relative;width:100%;padding-bottom:75%;overflow:hidden;border-radius:8px;border:1px solid #e0e0e0;background:#f5f5f5}.gallery-group-card__image-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-group-card:hover .gallery-group-card__image-wrap img{transform:scale(1.05)}.gallery-group-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.gallery-group-card:hover .gallery-group-card__overlay{background:#00000040}.gallery-group-card__overlay-icon{opacity:0;transition:opacity .3s ease;background:#ffffffe6;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.gallery-group-card:hover .gallery-group-card__overlay-icon{opacity:1}.gallery-group-card__overlay-icon svg{width:22px;height:22px;fill:#333}.gallery-group-card__name{margin-top:12px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333}.gallery-group-card__count{margin-top:4px;font-size:13px;color:#777}.gallery-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;align-items:center;justify-content:center;flex-direction:column}.gallery-modal.is-open{display:flex}.gallery-modal__close{position:absolute;top:16px;right:20px;background:none;border:none;cursor:pointer;z-index:10;padding:8px}.gallery-modal__close svg{width:28px;height:28px;fill:#fff}.gallery-modal__close:hover svg{fill:#ccc}.gallery-modal__header{color:#fff;text-align:center;padding:10px 60px;width:100%;flex-shrink:0}.gallery-modal__group-name{font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.gallery-modal__counter{font-size:14px;color:#aaa;margin-top:4px}.gallery-modal__body{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative;min-height:0;padding:10px 60px}.gallery-modal__image-container{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in}.gallery-modal__image-container.is-zoomed{cursor:zoom-out;overflow:auto}.gallery-modal__image-container img{max-width:100%;max-height:70vh;object-fit:contain;transition:transform .3s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gallery-modal__image-container.is-zoomed img{max-width:none;max-height:none;transform:scale(2);cursor:zoom-out}.gallery-modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;cursor:pointer;z-index:10;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.gallery-modal__nav:hover{background:#ffffff4d}.gallery-modal__nav svg{width:22px;height:22px;fill:#fff}.gallery-modal__nav--prev{left:12px}.gallery-modal__nav--next{right:12px}.gallery-modal__thumbs{display:flex;gap:8px;padding:14px 20px;overflow-x:auto;flex-shrink:0;max-width:100%;justify-content:center;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.gallery-modal__thumbs::-webkit-scrollbar{height:4px}.gallery-modal__thumbs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.gallery-modal__thumb{width:60px;height:60px;flex-shrink:0;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.5;transition:opacity .2s,border-color .2s}.gallery-modal__thumb.is-active{opacity:1;border-color:#fff}.gallery-modal__thumb:hover{opacity:.85}.gallery-modal__thumb img{width:100%;height:100%;object-fit:cover}.gallery-modal__grid{display:none;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px;overflow-y:auto;max-height:calc(100vh - 140px);width:100%;max-width:900px}.gallery-modal__grid.is-visible{display:grid}@media(max-width:575px){.gallery-modal__grid{grid-template-columns:repeat(2,1fr)}}.gallery-modal__grid-item{aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer}.gallery-modal__grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-modal__grid-item:hover img{transform:scale(1.05)}.gallery-modal__view-toggle{position:absolute;top:16px;left:20px;background:#ffffff26;border:none;cursor:pointer;z-index:10;padding:8px 14px;border-radius:6px;color:#fff;font-size:13px;display:flex;align-items:center;gap:6px;transition:background .2s}.gallery-modal__view-toggle:hover{background:#ffffff40}.gallery-modal__view-toggle svg{width:16px;height:16px;fill:#fff}
/*# sourceMappingURL=/cdn/shop/t/27/assets/image-gallery-groups.css.map */