.image-grid-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.image-grid-item{aspect-ratio:1;position:relative;overflow:hidden;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.image-grid-item:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.image-grid-item-inner{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.image-grid-item-inner.has-link{cursor:pointer}.image-grid-item-inner.has-link:after{content:"\1f517";position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:10;opacity:0;transition:opacity .3s ease}.image-grid-item-inner.has-link:hover:after{opacity:1}.image-grid-item-media{flex:1;position:relative;overflow:hidden;border-radius:8px}.image-grid-item-image img,.image-grid-item-video img,.image-grid-item-video-placeholder-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-grid-item-video{width:100%;height:100%;position:relative}.image-grid-item-video-element{width:100%;height:100%}.image-grid-item-video-element iframe,.image-grid-item-video-element video{width:100%;height:100%;object-fit:cover}.image-grid-item-video-element,.image-grid-item-video-element .deferred-media{width:100%;height:100%}.image-grid-item-video-element .deferred-media iframe,.image-grid-item-video-element .deferred-media video{width:100%;height:100%;object-fit:cover}.image-grid-item-video-element video{pointer-events:auto}.image-grid-item-video-element iframe{pointer-events:auto}.image-grid-item-video-element .deferred-media__poster-button{display:none!important}.image-grid-item-video-element .deferred-media,.image-grid-item-video-element .deferred-media.deferred-media--loaded{opacity:1!important;visibility:visible!important}.image-grid-item-video-element video,.image-grid-item-video-element iframe{opacity:1!important;visibility:visible!important;display:block!important}.image-grid-item-video-element .deferred-media__poster{display:none!important}.image-grid-item-video-element video::-webkit-media-controls{display:flex!important}.image-grid-item-video-element video::-webkit-media-controls-panel{background:#000000b3;border-radius:4px}.image-grid-item-video-element video::-webkit-media-controls-play-button{background:#ffffffe6;border-radius:50%}.image-grid-item-video-element video::-webkit-media-controls-volume-slider{background:#ffffffe6;border-radius:2px}.image-grid-item-video-element video::-webkit-media-controls-panel{opacity:0;transition:opacity .3s ease}.image-grid-item-video-element:hover video::-webkit-media-controls-panel{opacity:1}.image-grid-item-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.image-grid-item-video-placeholder-image{width:100%;height:100%}.image-grid-item-video-placeholder-image img{width:100%;height:100%;object-fit:cover}.image-grid-item-video-placeholder-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-grid-item-video-placeholder-overlay svg{transition:transform .3s ease}.image-grid-item:hover .image-grid-item-video-placeholder-overlay svg{transform:scale(1.1)}.image-grid-item:hover .image-grid-item-image img,.image-grid-item:hover .image-grid-item-video img,.image-grid-item:hover .image-grid-item-video-placeholder-image img{transform:scale(1.05)}.image-grid-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;background:#0000004d}.image-grid-item:hover .image-grid-item-overlay{opacity:1}.instagram-logo{background:#ffffffe6;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#333;transition:transform .3s ease}.image-grid-item:hover .instagram-logo{transform:scale(1.1)}.image-grid-item-video-placeholder{width:100%;height:100%;position:relative;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.image-grid-item-video-placeholder-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.image-grid-gallery-grid{gap:.5rem}.instagram-logo{width:40px;height:40px}}@media (max-width: 480px){.image-grid-gallery-grid{gap:.25rem}.instagram-logo{width:36px;height:36px}}@media (max-width: 320px){.image-grid-gallery-grid{grid-template-columns:repeat(3,1fr);gap:.125rem}}.image-grid-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:none;align-items:center;justify-content:center}.image-grid-modal.active{display:flex}.image-grid-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.image-grid-modal-content{position:relative;width:90%;max-width:1200px;height:90%;max-height:800px;background:#fff;overflow:hidden;display:flex;flex-direction:row;padding:10px;box-sizing:border-box;border-radius:12px;box-shadow:0 20px 60px #0000004d}.modal-left-section{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.modal-right-section{flex:1;min-width:0;padding:30px;background:#f8f8f8;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.modal-media-container{position:relative;width:100%;flex:1;min-height:0}.modal-image{width:100%;height:100%;object-fit:contain}.modal-video-container{width:100%;height:100%;position:relative}.modal-video{width:100%;height:100%;object-fit:contain}.image-grid-modal-close{position:absolute;top:10px;right:10px;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;color:#fff;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.modal-header{margin-bottom:1rem;flex-shrink:0}.modal-username{font-weight:600;color:#333;margin-bottom:.5rem}.modal-date{font-size:.9rem;color:#666}.modal-content{flex:1;display:flex;flex-direction:column;min-height:0}.modal-description{margin-bottom:1rem;line-height:1.5;color:#333;flex-shrink:0}.modal-read-more-container{margin-top:auto;padding-top:1rem;border-top:1px solid #eee;flex-shrink:0}.modal-read-more-link{display:inline-block;color:#007bff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid #007bff;border-radius:4px;transition:all .3s ease}.modal-read-more-link:hover{background-color:#007bff;color:#fff;text-decoration:none}@media (max-width: 768px){.image-grid-modal-content{flex-direction:column;width:95%;height:95%;max-width:none;max-height:none;padding:10px}.modal-left-section{flex:1;min-height:0;display:flex;flex-direction:column}.modal-media-container{flex:1;min-height:0;width:100%}.modal-video-container{width:100%;height:100%}.modal-right-section{width:100%;padding:20px;height:auto;flex-shrink:0;background:#fff;border-top:1px solid #eee}.modal-content{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-image-grid-gallery.css.map */