.custom-gallery{overflow:hidden}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}@media screen and (min-width: 750px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.gallery-item{position:relative;text-align:center}.gallery-frame{position:relative;width:100%;aspect-ratio:1;border:.5px solid #ccc;border-radius:0;overflow:hidden;background-color:#f8f8f8;transition:transform .3s ease,box-shadow .3s ease}.gallery-frame:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-frame img{width:100%;height:100%;object-fit:cover;display:block}.gallery-frame .placeholder-svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999}.gallery-slideshow{position:relative;width:100%;height:100%}.gallery-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.gallery-slide.active{opacity:1}.gallery-title{margin-top:1rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));line-height:1.3}@media screen and (max-width: 749px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.gallery-title{font-size:1.2rem}}@media screen and (max-width: 480px){.gallery-grid{grid-template-columns:1fr;gap:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-slide.active{animation:fadeIn .5s ease-in-out}.gallery-fullscreen-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.gallery-fullscreen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;cursor:pointer}.gallery-fullscreen-content{position:relative;max-width:90vw;max-height:90vh;z-index:1}.gallery-fullscreen-close{position:absolute;top:-50px;left:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:10px;border-radius:50%;background-color:#00000080;transition:background-color .3s ease;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.gallery-fullscreen-close:hover{background-color:#000c}.gallery-fullscreen-content img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:8px}.gallery-frame img{cursor:pointer;transition:opacity .3s ease}.gallery-frame img:hover{opacity:.9}@media screen and (max-width: 768px){.gallery-fullscreen-close{top:20px;left:20px}.gallery-fullscreen-content{max-width:95vw;max-height:95vh}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-custom-gallery.css.map */