/* Make the gallery container horizontal */
.sqs-gallery {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
padding: 20px 0;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
/* Style individual gallery items */
.sqs-gallery-design-grid-slide {
flex: 0 0 auto;
margin-right: 20px;
width: auto;
height: 80vh;
}
/* Make images fill their container while maintaining aspect ratio */
.sqs-gallery-design-grid-slide img {
height: 100%;
width: auto;
object-fit: contain;
}
/* Hide scrollbar but keep functionality */
.sqs-gallery::-webkit-scrollbar {
display: none;
}
.sqs-gallery {
-ms-overflow-style: none;
scrollbar-width: none;
}
/* Optional: Add smooth transitions */
.sqs-gallery-design-grid-slide {
transition: transform 0.3s ease;
}
