.market .card { background: #17181b; border-color: #23252a; }
.market .card .card-title { font-size:1rem;font-weight: 400; color:#fff; }
.market .card .price { font-weight: 700; }
.market .card-img-top { aspect-ratio: 4/3; object-fit: cover; }
/*.market .card:hover { transform: translateY(-2px); transition: transform .15s ease; }*/
.market .badge-outline { background: transparent; border: 1px solid; }
.market .sold-overlay {
    position: absolute; inset: 0; background: rgba(0,0,0,.5);
    display: grid; place-items: center; color: #fff; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; font-size: .95rem;
}
.market .list-view .card { flex-direction: row; }
.market .list-view .card-img-top { width: 220px; max-width: 32vw; border-top-right-radius: 0; border-bottom-left-radius: .375rem; }
.market .filter-pill { background: #22242a; border: 1px solid #2d3036; }
.market .table-dark { --bs-table-bg: #17181b; --bs-table-striped-bg: #1b1d21; --bs-table-hover-bg: #1f2227; }
.market .form-range::-webkit-slider-thumb { background: #dc3545; }
.market .form-range::-moz-range-thumb { background: #dc3545; }
.market .offcanvas { background:#121316; }

.market .swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1;
}
.market .swiper-pagination-bullet-active {
    background: var(--red) !important;
}

.market.swiper-button-prev,
.market.swiper-button-next {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

/* Pfeilsymbole */
.market.swiper-button-prev::after,
.market.swiper-button-next::after {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

/* Hover-Effekt */
.market.swiper-button-prev:hover,
.market.swiper-button-next:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Position leicht anpassen (optional) */
.market.swiper-button-prev {
  left: 15px;
}
.market.swiper-button-next {
  right: 15px;
}

.drag-handle { cursor: grab; }
.drag-handle:active { cursor: grabbing; }
#photoGrid .photo-container.sortable-chosen { opacity: .85; }
#photoGrid .photo-container.sortable-ghost { opacity: .4; }

.tooltip-inner {
  max-width: 300px;
  white-space: normal;
}