.gallery-items {
    gap: 24px; /* Increases space between items */
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Ensure proper 3-column layout */
}

.gallery-item {
    border-radius: 20px;
    overflow: hidden; /* Ensure child elements respect border radius */
}

.gallery-item img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    display: block;
}

.grid-item-holder {
    padding: 10px; /* Optional: adds padding inside each item */
}

/* Override any JavaScript positioning */
.no-js-layout {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    height: auto !important;
}

.no-js-layout .gallery-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
}

/* Responsive styles for tablets */
@media screen and (max-width: 992px) {
    .gallery-items,
    .no-js-layout {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* Responsive styles for mobile phones */
@media screen and (max-width: 767px) {
    .gallery-items,
    .no-js-layout {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 16px !important;
    }
    
    .gallery-item {
        border-radius: 15px;
    }
    
    .gallery-item img {
        border-radius: 15px;
    }
}

/* Folder title styling */
.folder-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    padding: 8px;
    z-index: 2;
}