.collage-wrapper-title{font-size:clamp(2rem,4vw,3.5rem)!important;font-weight:700!important;color:rgb(var(--color-foreground))!important;margin-bottom:3rem!important;text-align:center!important;line-height:1.2!important;letter-spacing:-.02em!important}.collage{display:grid!important;gap:2rem!important}@media screen and (min-width: 750px){.collage{gap:2.5rem!important}}.collage__item{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 4px 16px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.collage__item:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.collage-card{border-radius:16px;overflow:hidden;background:rgb(var(--color-background));transition:all .4s ease}.collage-card:hover{transform:scale(1.02)}.collage-card .media{border-radius:16px;overflow:hidden;position:relative}.collage-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);display:block}.collage-card:hover img{transform:scale(1.1)}.collage-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000004d);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:16px;z-index:1}.collage-card:hover:after{opacity:1}.product__media-wrapper{position:relative}.product__media-list{display:grid;gap:1.5rem;list-style:none;padding:0;margin:0}.product__media-item{border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;background:rgb(var(--color-background))}.product__media-item:hover{box-shadow:0 8px 24px #00000026}.product__media-item img{width:100%;height:auto;display:block;border-radius:16px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product__media-item:hover img{transform:scale(1.05)}.thumbnail-list{display:flex;gap:1rem;margin-top:1.5rem;padding:0;list-style:none}.thumbnail-list li{flex-shrink:0}.thumbnail-slider__slide{border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;opacity:.7}.thumbnail-slider__slide:hover,.thumbnail-slider__slide.is-active{opacity:1;border-color:#6aa84f;transform:scale(1.05)}.thumbnail-slider__slide img{width:100%;height:auto;display:block;border-radius:10px}.slider-button{width:44px;height:44px;border-radius:50%;background:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.slider-button:hover{background:#6aa84f;border-color:#6aa84f;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #6aa84f4d}.slider-button:active{transform:scale(.95)}.modal__content img{border-radius:12px;box-shadow:0 8px 32px #0003}.modal__toggle{border-radius:8px;transition:all .2s ease}.modal__toggle:hover{background:rgba(var(--color-foreground),.05)}.gallery-grid,.rte .gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem!important;margin:3rem 0!important}@media screen and (min-width: 750px){.gallery-grid,.rte .gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem!important}}.gallery-grid img,.rte .gallery img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;cursor:pointer}.gallery-grid img:hover,.rte .gallery img:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.gallery-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.gallery-filter button{padding:.75rem 1.5rem;border-radius:8px;border:2px solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));font-weight:500;cursor:pointer;transition:all .3s ease}.gallery-filter button:hover,.gallery-filter button.active{background:#6aa84f;border-color:#6aa84f;color:#fff}@media screen and (max-width: 749px){.collage{gap:1.5rem!important}.collage__item,.collage-card{border-radius:12px}.thumbnail-list{gap:.75rem}.thumbnail-slider__slide{border-radius:8px}.gallery-grid,.rte .gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem!important}.slider-button{width:40px;height:40px}}.collage__item:focus-visible,.product__media-item:focus-visible,.thumbnail-slider__slide:focus-visible{outline:3px solid rgb(106,168,79);outline-offset:2px;border-radius:8px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/gallery-premium.css.map */