.kart-image-gallery{padding:60px 0;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:40px}@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.gallery-item{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:0 0 32px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item-1{grid-column:span 2;grid-row:span 2;border-radius:32px 0 0 32px}.gallery-item-2{grid-column:span 2;aspect-ratio:9/3.27;border-radius:0 32px 0 0}.gallery-item-3{border-radius:0}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:14px;font-weight:500;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .image-caption{transform:translateY(0)}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666;font-size:16px;font-weight:500}.show-all-container{text-align:right}.show-all-btn{background-color:#000;color:#fff;cursor:pointer;transition:all .3s ease}.show-all-btn:hover{background-color:#2b2b2b}.show-all-btn i{margin-right:4px;position:relative;top:1px}.gallery-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.gallery-popup.active{display:block}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.popup-content{position:relative;width:100%;height:100%;overflow-y:auto;z-index:1001}.popup-header{position:sticky;top:0;left:0;width:100%;display:flex;align-items:center;padding:20px 30px;background-color:transparent;z-index:1002}.back-btn{cursor:pointer;background-color:#000;border:0;transition:background-color .2s ease}.back-btn:hover{background-color:#2b2b2b}.back-btn img{max-width:20px}.popup-grid{display:grid;gap:20px;max-width:95%;margin:0 auto}.popup-item{overflow:hidden;border-radius:8px;cursor:pointer;transition:transform .3s ease}.popup-item img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr}.gallery-item-1{grid-column:span 1;grid-row:span 1;aspect-ratio:4/3}.popup-header{padding:15px 20px}.popup-grid{grid-template-columns:1fr;gap:15px;padding:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-popup.active{animation:fadeIn .3s ease}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-kart-image-gallery.css.map */