.gallery-listing {background: var(--color-white);}
.gallery-listing__controls {margin-bottom: 30px;}
.gallery-listing__tabs {display: flex;flex-wrap: nowrap;align-items: center; font-family: "Jost", sans-serif;justify-content: flex-start;gap: 10px;overflow-x: auto;overflow-y: hidden;padding-bottom: 2px;cursor: grab;scrollbar-width: none;-ms-overflow-style: none;-webkit-overflow-scrolling: touch;font-family: "Jost", sans-serif;}
.gallery-listing__tabs.is-dragging {cursor: grabbing;scroll-behavior: auto;}
.gallery-listing__tabs::-webkit-scrollbar {display: none;}
.gallery-listing__tab { display: inline-flex; align-items: center; font-family: "Jost", sans-serif; justify-content: center; min-height: 40px; padding: 8px; border: 1px solid #0000001a; border-radius: 6px; background: var(--color-white); color: #000000;  font-size: 16px; font-weight: 400; line-height: 1.3; cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;}
.gallery-listing__tab {flex: 0 0 auto;white-space: nowrap;}
.gallery-listing__tab.is-active {border-color: var(--color-theme);background: var(--color-theme);color: #000;box-shadow: 0 8px 20px rgba(189, 210, 59, 0.25);font-weight: 500;}
.gallery-listing__tab:focus-visible {outline: 3px solid rgba(189, 210, 59, 0.35);outline-offset: 2px;}
.gallery-listing__select {display: none;width: 100%;min-height: 48px;padding: 12px 42px 12px 16px;border: 1px solid #d9d9d9;border-radius: 4px;background-color: var(--color-theme);color: #111;font-size: 16px;font-weight: 600;line-height: 1.2;appearance: none;background-image: linear-gradient(45deg, transparent 50%, #111 50%), linear-gradient(135deg, #111 50%, transparent 50%);background-position: calc(100% - 20px) 21px, calc(100% - 14px) 21px;background-size: 6px 6px, 6px 6px;background-repeat: no-repeat;}
.gallery-listing__select option {background: var(--color-white);color: #000;font-weight: 500;}
.gallery-listing__select option:checked {background: var(--color-white);color: var(--color-theme);}
.gallery-listing__select:focus-visible {outline: 3px solid rgba(189, 210, 59, 0.35);outline-offset: 2px;}
.gallery-listing__panel[hidden] {display: none;}
.gallery-listing__grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;}
.gallery-listing__item {position: relative;display: block;overflow: hidden;border-radius: 8px;background: #f2f2f2;opacity: 0;transform: scale(0.96);transition: opacity 0.35s ease, transform 0.35s ease; height: 320px;}
.gallery-listing__item.is-animated {opacity: 1;transform: scale(1);transition-delay: calc(var(--gallery-stagger, 0) * 45ms);}
.gallery-listing__item.is-hidden-by-load {display: none;}
.gallery-listing__item img {display: block;width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: transform 0.45s ease;}
.gallery-listing__item:focus-visible {outline: 3px solid rgba(189, 210, 59, 0.55);outline-offset: 3px;}
.gallery-listing__action {display: flex;justify-content: center;margin-top: 40px;}
.gallery-listing__load-more {display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 24px; border: 1px solid #111; border-radius: 999px; background: var(--color-white); color: #111;  font-size: 16px; font-weight: 600; line-height: 1; cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;}
.gallery-listing__load-more[hidden] {display: none;}
.gallery-listing__load-more:disabled {cursor: wait;opacity: 0.7;}
.gallery-listing__load-more:focus-visible {outline: 3px solid rgba(189, 210, 59, 0.35);outline-offset: 3px;}
.gallery-listing__cta {display: flex;justify-content: center;margin-top: 40px;}
.gallery-listing__empty {margin: 0;color: #666;text-align: center;}
.gallery-listing__action:has(.gallery-listing__load-more[hidden]) {display: none;}

@media (hover: hover) {
	.gallery-listing__tab:hover {border-color: var(--color-theme);background: var(--color-theme);color: #000;transform: translateY(-1px);}
	.gallery-listing__item:hover {transform: scale(1.01);}
	.gallery-listing__item:hover img {transform: scale(1.06);}
	.gallery-listing__load-more:hover {border-color: var(--color-theme);background: var(--color-theme);color: #000;transform: translateY(-1px);}
}
@media (max-width: 1199px) {
	.gallery-listing__item{height: 240px;}
}

@media (max-width: 991px) {
	.gallery-listing__grid {gap: 16px;}
	.gallery-listing__item{height: 220px;}
}

@media (max-width: 767px) {
	.gallery-listing__tabs {display: none;}
	.gallery-listing__select {display: block;}
	.gallery-listing__controls {margin-bottom: 20px;}
	.gallery-listing__grid {grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;}
	.gallery-listing__item {border-radius: 6px;}
	.gallery-listing__item{height: 160px;}
}

@media (max-width: 575px) {
	.gallery-listing__grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
	.gallery-listing__item{height: 120px;}
}
