/* Premium Album Listing Styles */
.album {
     grid-gap: 28px !important;
     padding: 20px 0 !important;
     list-style: none !important;
     margin: 0 !important;
}

.album li {
     text-align: center;
     background: var(--bg-card) !important;
     border: 1px solid var(--border-color) !important;
     border-radius: var(--radius-md) !important;
     color: var(--text-primary) !important;
     overflow: hidden !important;
     box-shadow: var(--shadow-sm) !important;
     transition: var(--transition) !important;
     display: flex !important;
     flex-direction: column !important;
     position: relative;
     list-style: none !important;
}

.album li img {
     width: 100% !important;
     height: 220px !important;
     object-fit: cover !important;
     transition: var(--transition) !important;
     border-bottom: 1px solid var(--border-color);
}

.album li .pad6 {
     padding: 16px 12px !important;
     font-size: 15px !important;
     font-weight: 700 !important;
     color: var(--secondary-dark) !important;
     font-family: var(--font-headings) !important;
     line-height: 1.4 !important;
     flex-grow: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: var(--transition) !important;
}

/* Hover effects */
.album li:hover {
     transform: translateY(-6px);
     box-shadow: var(--shadow-lg) !important;
     border-color: rgba(205, 162, 116, 0.4) !important;
}

.album li:hover img {
     transform: scale(1.04);
}

.album li:hover .pad6 {
     color: var(--primary) !important;
}

/* Responsive grid setup */
@media (max-width: 740px) {
     .album {
          grid-template-columns: 1fr !important;
     }
}

@media (min-width: 741px) and (max-width: 991px) {
     .album {
          grid-template-columns: 1fr 1fr !important;
     }
}

@media (min-width: 992px) {
     .album {
          grid-template-columns: 1fr 1fr 1fr !important;
     }
}

/* Gallery-specific overrides */
.album.images li {
     cursor: pointer;
}
.album.images li .pad6 {
     font-size: 14px !important;
     font-weight: 600 !important;
     color: var(--text-primary) !important;
     padding: 12px !important;
     background: var(--bg-light);
}
.album.images li:hover .pad6 {
     color: var(--primary) !important;
}