.responsive-gallery{position:relative;display:grid;gap:4px;height:300px;width:100%;overflow:hidden;border-radius:8px}.gallery-item{position:relative;overflow:hidden;border-radius:4px;transition:transform 0.2s ease}.gallery-item:hover{z-index:2}.topCloseButton{z-index:1070!important;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay-title{z-index:10;position:absolute;left:50%;transform:translateX(-50%);backdrop-filter:blur(4px);border-radius:6px}.no-images-placeholder{height:300px;border-radius:8px;border:2px dashed #dee2e6}.responsive-gallery.single-image{grid-template-columns:1fr;grid-template-rows:1fr}.responsive-gallery.two-images{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.responsive-gallery.three-images{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.responsive-gallery.three-images .item-1{grid-row:1 / 3}.responsive-gallery.four-images{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.responsive-gallery.four-images .item-1{grid-row:1 / 3}@media (max-width:768px){.responsive-gallery{height:250px;gap:2px}.responsive-gallery.three-images,.responsive-gallery.four-images{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.responsive-gallery.three-images .item-1,.responsive-gallery.four-images .item-1{grid-row:1 / 2}.gallery-overlay-title{display:none!important}.gallery-item:hover{transform:none}.gallery-item:hover img{transform:none}}@media (max-width:992px) and (min-width:769px){.responsive-gallery{height:280px}}.gallery-item.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}