.gallery{background:var(--color-cotton);padding:0 0 var(--space-xl);overflow:hidden}.gallery__header{text-align:center;padding:var(--space-xl) var(--gutter) var(--space-lg)}.gallery__label{font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--color-mousse);margin-bottom:var(--space-sm)}.gallery__title{font-family:var(--font-heading);font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.1;letter-spacing:.06em;text-transform:lowercase;color:var(--color-dark)}.gallery__main{position:relative;max-width:1000px;margin:0 auto;padding:0 var(--gutter)}.gallery__main-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:6px}.gallery__main-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.gallery__main-img.is-active{opacity:1}.gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:none;background:#1c1c1c66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.gallery__arrow:hover{background:#1c1c1cb3}.gallery__arrow--prev{left:calc(var(--gutter) + 16px)}.gallery__arrow--next{right:calc(var(--gutter) + 16px)}.gallery__thumbs{display:flex;gap:8px;padding:16px 0 0;max-width:1000px;margin:0 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-left:calc(50% - 70px);padding-right:calc(50% - 70px)}.gallery__thumbs::-webkit-scrollbar{display:none}.gallery__thumbs-wrap{position:relative;max-width:1000px;margin:0 auto;padding:0 var(--gutter)}.gallery__thumbs-wrap:before,.gallery__thumbs-wrap:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:1;pointer-events:none}.gallery__thumbs-wrap:before{left:0;background:linear-gradient(to right,var(--color-cotton),transparent)}.gallery__thumbs-wrap:after{right:0;background:linear-gradient(to left,var(--color-cotton),transparent)}.gallery__thumb{width:140px;height:100px;flex-shrink:0;border-radius:4px;overflow:hidden;cursor:pointer;border:none;padding:0;background:none;opacity:.4;transition:opacity .3s ease}.gallery__thumb.is-active{opacity:1}.gallery__thumb:hover{opacity:.8}.gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery__main,.gallery__thumbs{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.gallery__thumbs{transition-delay:.15s}.gallery.is-visible .gallery__main,.gallery.is-visible .gallery__thumbs{opacity:1;transform:translateY(0)}@media(max-width:768px){.gallery__main-wrap{aspect-ratio:4 / 3;border-radius:0}.gallery__main{padding:0}.gallery__arrow--prev{left:12px}.gallery__arrow--next{right:12px}.gallery__arrow{width:44px;height:44px;z-index:10}.gallery__thumbs-wrap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gallery.css.map */