/*.artwork-grid {columns: 5;gap: 1px;min-height: 500px;}*/
.artwork-grid{display: grid;grid-template-columns: repeat(auto-fill, 200px);gap: 1px;min-height: 500px;justify-content: center;}
.artwork-card {border-radius:4px;display: flex;flex-direction: column;align-items: center;transition: box-shadow 0.2s, border-color 0.2s;max-height: 272px;overflow: hidden;margin: 5px;position:relative;height:200px;}
.artwork-card-img {height: 200px;width: 190px; object-fit: cover;object-position: top;}
.artwork-card-link{text-align: center;margin-top: 10px;border-radius: 5px;padding: 10px;font-size: 14px;position: absolute;bottom: 5px;right:0}
.overlay { font-size: 14px; padding-bottom: 30px;position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.6);color: white;padding: 10px;opacity: 0;transition: opacity 0.3s ease;border-radius: 0 0 8px 8px;}
.artwork-card:hover .overlay {opacity: 1;}
.artwork-card-name{font-weight:700}
.pagination {display: flex;justify-content: center; align-items: center; gap: 4px; font-size: 1.1em; margin: 15px; }
.pagination .page, .pagination .next, .pagination .prev {min-width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;border: none;background: none;color: #222;border-radius: 6px;text-decoration: none;font-weight: 500;transition: background 0.15s, color 0.15s;cursor: pointer;outline: none;}
.pagination .page.active, .pagination a[aria-current="page"] {background: #222;color: #fff;font-weight: 600;pointer-events: none;}
.pagination a:hover, .pagination .next:hover, .pagination .prev:hover {background: #f0f0f0;color: #222;}
.pagination .dots {color: #bbb;padding: 0 6px;user-select: none;pointer-events: none;font-size: 1.2em;}

.mini-artist-img{width:30px;height:30px;border-radius: 5px;}

img.portrait {object-position: top;}
img.landscape {object-position: bottom;}

/*.artwork-card-img {position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0; top: 0;transition: opacity 0.4s;opacity: 0;}
*/

.lazy-img.loaded {opacity: 1;}

.delimiter-text{display:flex;flex-wrap: wrap;}


@media (max-width: 900px) {
  .pagination {font-size: 1em;gap: 2px;margin-bottom:10px;}
  .pagination .page, .pagination .next, .pagination .prev {min-width: 28px;height: 28px;font-size: 0.98em;}
  .artwork-nav{display:block;}
  .filter-bar{justify-content: center;}
  .artwork-grid{grid-template-columns: repeat(auto-fill, 175px);}

}

#carousel-prev, #carousel-next {background: #f1f2f3;border: none;font-size: 16px;cursor: pointer;align-self: center;z-index: 2;width: 30px;height: 30px;border-radius: 50%;margin: 5px;}