.component-gallery{width:100%;overflow:hidden}.component-gallery__container{display:flex;flex-direction:column}.component-gallery__container .title{margin:0}.component-gallery__container .title strong{color:rgb(var(--color-accent))}.component-gallery__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.component-gallery__card-wrapper{position:relative;display:block;border-radius:var(--media-radius)}.component-gallery__card{padding:40px 24px;display:flex;flex-direction:column;gap:32px;cursor:pointer;background-color:transparent;transition:background-color .4s ease;position:relative}.component-gallery__card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background-color:var(--card-accent, rgba(var(--color-foreground), .2));transition:opacity .1s ease-in-out;opacity:0}.component-gallery__card:hover{background-color:rgba(var(--color-foreground),.03)}.component-gallery__card:hover:before{opacity:1}.component-gallery__card-preview{position:relative;width:100%;height:56px;border-radius:var(--media-radius);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease;background:linear-gradient(310deg,color-mix(in srgb,var(--card-accent, rgba(var(--color-foreground), .1)) 65%,transparent),color-mix(in srgb,var(--card-accent, rgba(var(--color-foreground), .1)) 25%,transparent))}.component-gallery__card-preview:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:3px;background-color:var(--card-accent, rgba(var(--color-foreground), .4));border-radius:2px}.component-gallery__card-meta{display:flex;flex-direction:column}.component-gallery__card-tag{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--tag-color, rgba(var(--color-foreground), .8));filter:brightness(1.4);margin-bottom:12px;opacity:.7}.component-gallery__card-title{margin:0 0 12px}.component-gallery__modal{border:none;background:transparent;width:100vw;height:100vh;max-width:100%;max-height:100%;position:fixed;top:0;left:0;margin:0;padding:0;display:none;align-items:center;justify-content:center;z-index:120;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1);will-change:opacity}.component-gallery__modal::backdrop{display:none}.component-gallery__modal[open]{display:flex}.component-gallery__modal.is-open{pointer-events:auto;opacity:1}.component-gallery__modal.is-closing{opacity:0;pointer-events:none}.component-gallery__modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:block!important}.component-gallery__modal-wrapper{position:relative;width:calc(100% - 48px);max-width:1160px;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:16px;padding:48px;transform:translateY(12px);transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform;z-index:2;box-shadow:0 20px 40px #0000004d}.component-gallery__modal.is-open .component-gallery__modal-wrapper{transform:translateY(0)}.component-gallery__modal-close{position:absolute;top:24px;right:24px;background:none;border:none;color:rgba(var(--color-foreground),.6);cursor:pointer;padding:8px;transition:color .3s ease,transform .3s ease;z-index:10}.component-gallery__modal-close:hover{color:rgba(var(--color-foreground));transform:scale(1.05)}.component-gallery__modal-close svg{width:22px;height:22px}.component-gallery__modal-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}.component-gallery__modal-slider-zone{width:100%;position:relative}.component-gallery__modal-slider-zone .comparison-images__block-item{width:100%!important;transform:none!important;animation:none!important;opacity:1!important}.component-gallery__modal-info{display:flex;flex-direction:column;gap:15px}.component-gallery__modal-title{margin:0 0 20px}.component-gallery__single-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--media-radius, 8px)}.component-gallery__single-image img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}@media screen and (max-width:1200px){.component-gallery__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:992px){.component-gallery__grid{grid-template-columns:repeat(2,1fr)}.component-gallery__modal-grid{grid-template-columns:1fr;gap:40px}.component-gallery__modal-wrapper{padding:40px 24px 32px;max-height:90vh;overflow-y:auto}}@media screen and (max-width:576px){.component-gallery__grid{grid-template-columns:1fr;border-left:none}.component-gallery__card{border-right:none;padding:32px 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-custom-component-gallery.css.map */