/* Liste sayfalarinin ust bannerlari (ihale listesi ve online acik artirma
   listesi ortak kullanir). Birden fazla banner yan yana degil, tek slayt
   genisliginde slider olarak gosterilir: boyut sabit kalir, gecis kayarak
   yapilir. Konum kodlari OPS banner ekranindaki 3 x 3 seciciyle ayni:
   data-vertical = satir, data-horizontal = sutun. */
.auction-list-banners { position: relative; margin: 0 0 20px; overflow: hidden; border-radius: var(--oa-r-xl); box-shadow: 0 12px 28px rgba(29, 44, 68, .16); }
.auction-list-banners__track { display: flex; transition: transform .5s cubic-bezier(.4, 0, .2, 1); }
.auction-list-banner { position: relative; display: flex; flex: 0 0 100%; min-width: 100%; min-height: 180px; overflow: hidden; border-radius: var(--oa-r-xl); background: linear-gradient(135deg, #1c293e, #ef339a); color: #fff; }
.auction-list-banner__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.auction-list-banner__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 24, 43, .78), rgba(12, 24, 43, .16) 72%); }
.auction-list-banner__content { position: relative; z-index: 1; max-width: 62%; padding: 28px 32px; }
.auction-list-banner__title { margin: 0; color: #fff; font-size: clamp(20px, 2.2vw, 32px); font-weight: 800; line-height: 1.16; }
.auction-list-banner__description { margin: 9px 0 0; color: rgba(255,255,255,.92); font-size: 14px; line-height: 1.5; }
.auction-list-banner picture { position: absolute; inset: 0; }
.auction-list-banner__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0 0; }
.auction-list-banner__button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 22px; border-radius: 9999px; background: #ffd500; color: #000; font-size: 14px; font-weight: 800; line-height: 1.4; transition: transform .18s ease, filter .18s ease; }
.auction-list-banner__button:hover { filter: brightness(.95); transform: translateY(-1px); }
/* İçerik konumu OPS banner ekranındaki 3 × 3 seçiciyle aynıdır:
   satır = konum / 3 (üst, orta, alt), sütun = konum % 3 (sol, orta, sağ). */
.auction-list-banner[data-vertical="0"] { align-items: flex-start; }
.auction-list-banner[data-vertical="1"] { align-items: center; }
.auction-list-banner[data-vertical="2"] { align-items: flex-end; }
.auction-list-banner[data-horizontal="0"] { justify-content: flex-start; }
.auction-list-banner[data-horizontal="1"] { justify-content: center; text-align: center; }
.auction-list-banner[data-horizontal="2"] { justify-content: flex-end; text-align: right; }
.auction-list-banner[data-horizontal="1"] .auction-list-banner__actions { justify-content: center; }
.auction-list-banner[data-horizontal="2"] .auction-list-banner__actions { justify-content: flex-end; }
.auction-list-banner[data-horizontal="1"] .auction-list-banner__shade { background: linear-gradient(180deg, rgba(12, 24, 43, .5), rgba(12, 24, 43, .66)); }
.auction-list-banner[data-horizontal="2"] .auction-list-banner__shade { background: linear-gradient(270deg, rgba(12, 24, 43, .78), rgba(12, 24, 43, .16) 72%); }

/* Slider denetimleri list-banner.js tarafından üretilir; tek banner varsa
   hiç basılmaz, bu yüzden burada da yalnızca çok slaytlı hâlin stili var. */
.auction-list-banners__arrow { position: absolute; top: 50%; z-index: 2; display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 9999px; background: rgba(12, 24, 43, .45); color: #fff; cursor: pointer; transform: translateY(-50%); transition: background .18s ease; }
.auction-list-banners__arrow:hover { background: rgba(12, 24, 43, .72); }
.auction-list-banners__arrow .material-symbols-outlined { font-size: 22px; }
.auction-list-banners__arrow--prev { left: 14px; }
.auction-list-banners__arrow--next { right: 14px; }
.auction-list-banners__dots { position: absolute; bottom: 12px; left: 0; right: 0; z-index: 2; display: flex; justify-content: center; gap: 8px; }
.auction-list-banners__dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 9999px; background: rgba(255, 255, 255, .45); cursor: pointer; transition: background .18s ease, width .18s ease; }
.auction-list-banners__dot:hover { background: rgba(255, 255, 255, .75); }
.auction-list-banners__dot[aria-current="true"] { width: 22px; background: #ffd500; }

@media (max-width: 639px) {
    .auction-list-banner { min-height: 150px; }
    .auction-list-banner__content { max-width: 82%; padding: 22px; }
    .auction-list-banner__shade { background: linear-gradient(90deg, rgba(12, 24, 43, .82), rgba(12, 24, 43, .28)); }
    .auction-list-banner__button { padding: 8px 16px; font-size: 13px; }
    /* Dar ekranda ok yerine parmakla kaydırma ve noktalar kalıyor. */
    .auction-list-banners__arrow { display: none; }
    .auction-list-banners__dots { bottom: 9px; }
    .auction-list-banner[data-mobile-vertical="0"] { align-items: flex-start; }
    .auction-list-banner[data-mobile-vertical="1"] { align-items: center; }
    .auction-list-banner[data-mobile-vertical="2"] { align-items: flex-end; }
    .auction-list-banner[data-mobile-horizontal="0"] { justify-content: flex-start; text-align: left; }
    .auction-list-banner[data-mobile-horizontal="1"] { justify-content: center; text-align: center; }
    .auction-list-banner[data-mobile-horizontal="2"] { justify-content: flex-end; text-align: right; }
    .auction-list-banner[data-mobile-horizontal="0"] .auction-list-banner__actions { justify-content: flex-start; }
    .auction-list-banner[data-mobile-horizontal="1"] .auction-list-banner__actions { justify-content: center; }
    .auction-list-banner[data-mobile-horizontal="2"] .auction-list-banner__actions { justify-content: flex-end; }
    .auction-list-banner[data-mobile-horizontal="1"] .auction-list-banner__shade { background: linear-gradient(180deg, rgba(12, 24, 43, .55), rgba(12, 24, 43, .7)); }
    .auction-list-banner[data-mobile-horizontal="2"] .auction-list-banner__shade { background: linear-gradient(270deg, rgba(12, 24, 43, .82), rgba(12, 24, 43, .28)); }
}

@media (prefers-reduced-motion: reduce) {
    .auction-list-banners__track { transition: none; }
}