/* tasfiyeden.com — kuruma özel stiller. theme.css'ten sonra, rozetler.css'ten sonra yüklenir.
   Bundan sonraki tüm yeni stiller buraya eklenir; theme.css'e dokunulmaz. */

/* ==========================================================================
 *  tasfiyeden.com — KATEGORİ AĞACI (filtre paneli)
 *  CategoriesBrowse.php bu işaretlemeyi basıyor. Sınıf adları tsf-kat-* ile
 *  başladığı için başka kurallarla çakışmaz; sırası önemli değil.
 *
 *  Yapı:   ‹ Tüm kategoriler
 *            Üst kategori            (açık renk, tıklanır)
 *              Alt kategori          (girintili, tıklanır)
 *                ▌Seçili kategori    (kalın, sol çizgi)
 *                  Alt kategori  (12)
 * ========================================================================== */
.tsf-kat-agac {
    font-size: .95rem;
    line-height: 1.35;
    text-align: left;
}

.tsf-kat-agac ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tsf-kat-agac a {
    display: flex;
    align-items: baseline;
    gap: .1rem;
    padding: .38rem .5rem;
    border-radius: .4rem;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

.tsf-kat-agac a:hover,
.tsf-kat-agac a:focus-visible {
    background: rgba(15, 23, 42, .05);
    color: var(--pb-color-primary, #1d3557);
}

/* Geri bağlantısı */
.tsf-kat-agac .tsf-kat-geri {
    align-items: center;
    gap: .35rem;
    margin-bottom: .35rem;
    padding-left: .25rem;
    font-weight: 600;
    color: var(--pb-color-primary, #1d3557);
}

.tsf-kat-agac .tsf-kat-geri-ok {
    font-size: 1.25em;
    line-height: 1;
}

/* Girintili seviyeler: her iç liste solda ince bir kılavuz çizgisiyle bir öncekine bağlanır */
/* İç içe listeler girinti taşımaz; girinti seviye sınıfından gelir (aşağıda) */
.tsf-kat-yol ul {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Girinti: seviye 0 = ana kategori. Her seviye 1rem içeri. Metin ve seçili satır birlikte kayar. */
.tsf-kat-agac .tsf-kat-seviye-1 > a,
.tsf-kat-agac .tsf-kat-seviye-1 > .tsf-kat-ad { padding-left: calc(.5rem + 1rem); }
.tsf-kat-agac .tsf-kat-seviye-2 > a,
.tsf-kat-agac .tsf-kat-seviye-2 > .tsf-kat-ad { padding-left: calc(.5rem + 2rem); }
.tsf-kat-agac .tsf-kat-seviye-3 > a,
.tsf-kat-agac .tsf-kat-seviye-3 > .tsf-kat-ad { padding-left: calc(.5rem + 3rem); }
.tsf-kat-agac .tsf-kat-seviye-4 > a,
.tsf-kat-agac .tsf-kat-seviye-4 > .tsf-kat-ad { padding-left: calc(.5rem + 4rem); }
.tsf-kat-agac .tsf-kat-seviye-5 > a,
.tsf-kat-agac .tsf-kat-seviye-5 > .tsf-kat-ad { padding-left: calc(.5rem + 5rem); }

/* Alt kategoriler: seçili satırın altında, ince bir ayraçla ayrılır */
.tsf-kat-alt {
    margin-top: .25rem;
}

/* Üst seviyeler: açık renk, "geri" gibi okunur */
.tsf-kat-ust > a {
    color: #667085;   /* --muted-2 (#98a2b3) küçük yazıda soluk kalıyordu */
}

.tsf-kat-ust > a:hover {
    color: var(--pb-color-primary, #1d3557);
}

/* Seçili kategori */
.tsf-kat-aktif > .tsf-kat-ad {
    display: block;
    padding: .42rem .6rem;
    font-weight: 700;
    border-left: 3px solid var(--pb-color-primary, #1d3557);
    border-radius: 0 .4rem .4rem 0;
    background: rgba(29, 53, 87, .07);
}

/* Alt kategoriler ve ana kategoriler: ad solda, adet sağda sabit sütunda */
.tsf-kat-alt,
.tsf-kat-kok {
    margin-top: .15rem;
}

.tsf-kat-alt a,
.tsf-kat-kok a {
    justify-content: flex-start;
}

.tsf-kat-sayi {
    margin-left: auto;
    padding-left: .6rem;
    font-size: .85em;
    color: var(--muted-2, #667085);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.tsf-kat-ad {
    min-width: 0;
    overflow-wrap: anywhere;
}


/* ==========================================================================
 *  tasfiyeden.com — FİLTRE PANELİ CİLASI
 *  Fiyat/adet aralığı (Range.php yeni işaretleme), giriş alanları, onay kutuları.
 *  Kapsam: .sidebar içi — başka sayfalara dokunmaz.
 * ========================================================================== */

/* -- Aralık: [ En az  TL ] – [ En çok  TL ]  [>] ------------------------- */
.tsf-aralik {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.tsf-aralik-kutu {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .3rem;
    height: 2.5rem;
    margin: 0;
    padding: 0 .65rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: .5rem;
    cursor: text;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.tsf-aralik-kutu:focus-within {
    border-color: var(--pb-color-primary, #1d3557);
    box-shadow: 0 0 0 3px rgba(29, 53, 87, .15);
}

/* Kutunun kendi çerçevesi var; içteki input çıplak kalır */
.tsf-aralik-kutu input,
.tsf-aralik-kutu input.form-control {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: .93rem;
    outline: 0;
}

.tsf-aralik-kutu input::placeholder {
    color: #98a2b3;
}

.tsf-aralik-birim {
    flex: 0 0 auto;
    font-size: .8rem;
    font-weight: 600;
    color: #667085;
}

.tsf-aralik-ayrac {
    flex: 0 0 auto;
    color: #98a2b3;
}

.tsf-aralik-uygula {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
}

/* -- Giriş alanları: aynı yükseklik, aynı yuvarlaklık, aynı odak halkası -- */
.sidebar .form-control,
.sidebar .form-select {
    height: 2.5rem;
    border-radius: .5rem;
    border-color: #d0d5dd;
    font-size: .93rem;
}

.sidebar .form-control:focus,
.sidebar .form-select:focus {
    border-color: var(--pb-color-primary, #1d3557);
    box-shadow: 0 0 0 3px rgba(29, 53, 87, .15);
}

/* Anahtar kelime alanına arama simgesi */
.sidebar input[name="keywords"] {
    padding-left: 2.3rem;
    background-repeat: no-repeat;
    background-position: .8rem 50%;
    background-size: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2398a2b3' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
}

/* -- Onay kutuları ve radyo düğmeleri ------------------------------------ */
.sidebar .form-check {
    margin-bottom: .2rem;
    min-height: 0;
}

.sidebar .form-check-input {
    width: 1.1em;
    height: 1.1em;
    margin-top: .22em;
    border-color: #b8c0cc;
    cursor: pointer;
}

.sidebar .form-check-input:checked {
    background-color: var(--pb-color-primary, #1d3557);
    border-color: var(--pb-color-primary, #1d3557);
}

.sidebar .form-check-input:focus {
    border-color: var(--pb-color-primary, #1d3557);
    box-shadow: 0 0 0 3px rgba(29, 53, 87, .15);
}

.sidebar .form-check-label {
    font-size: .93rem;
    line-height: 1.4;
    cursor: pointer;
}

.sidebar .form-check:hover .form-check-label {
    color: var(--pb-color-primary, #1d3557);
}

/* Uzun seçenek listeleri kendi içinde kayar: ince, sade kaydırma çubuğu */
.sidebar-search .nav-item > div {
    scrollbar-width: thin;
    scrollbar-color: #cbd2dc transparent;
}

/* ==========================================================================
 *  [TSF] ÜYELİK PANELİ — kurumsal görünüm
 *  Menü (ikon + kullanıcı kartı), kontrol paneli karşılama şeridi, kartlar,
 *  sekmeler. Yalnızca üyelik alanını etkiler.
 * ========================================================================== */

/* -- Menü kabı ----------------------------------------------------------- */
.members-area .sidebar-container,
.sidebar-container {
    padding: 14px 12px 12px;
    background: #fff;
    border: 1px solid var(--line, #e3e6eb);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .04);
}

/* "Üyelik Alanı" başlığı yerine kullanıcı kartı var */
.members-area .sidebar-container .sidebar-menu > .heading {
    display: none;
}

/* -- Kullanıcı kartı ----------------------------------------------------- */
.tsf-uye-kart {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 2px 6px 14px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--line-soft, #eff1f4);
}

.tsf-uye-avatar {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1d3557, #2f5189);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .02em;
    box-shadow: 0 0 0 3px rgba(29, 53, 87, .10);
}

.tsf-uye-bilgi {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.tsf-uye-ad {
    font-size: .95rem;
    font-weight: 700;
    color: var(--ink, #101828);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsf-uye-rol {
    margin-top: 2px;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted, #667085);
}

/* -- Menü satırları ------------------------------------------------------ */
.sidebar-container .sidebar-menu > ul > .nav-item > .nav-link {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 10px 12px;
    margin: 2px 0;
    border-radius: 10px;
    font-size: .92rem;
    font-weight: 600;
    color: var(--ink-3, #344054);
}

.sidebar-container .tsf-menu-ikon {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    color: var(--muted-2, #98a2b3);
    transition: color .15s ease;
}

.sidebar-container .tsf-menu-etiket {
    flex: 1 1 auto;
    margin-left: 12px;
    min-width: 0;
}

/* aç/kapa oku sağda, küçük */
.sidebar-container .nav-dropdown-toggle > svg.bi-chevron-left {
    flex: 0 0 auto;
    margin-left: auto;
    width: 11px;
    height: 11px;
    color: var(--muted-2, #98a2b3);
    transition: transform .2s ease;
}

.sidebar-container .nav-dropdown-toggle:not(.collapsed) > svg.bi-chevron-left,
.sidebar-container .nav-link.open > svg.bi-chevron-left {
    transform: rotate(-90deg);
}

.sidebar-container .sidebar-menu > ul > .nav-item > .nav-link:hover {
    background: var(--bg-2, #f5f6f8);
    color: var(--ink, #101828);
}

.sidebar-container .nav-link:hover .tsf-menu-ikon {
    color: var(--ink-3, #344054);
}

/* seçili / açık ana başlık */
.sidebar-container .sidebar-menu > ul > .nav-item > .nav-link.active,
.sidebar-container .sidebar-menu > ul > .nav-item.open > .nav-link {
    background: rgba(29, 53, 87, .07);
    color: var(--pb-color-primary, #1d3557);
}

.sidebar-container .nav-link.active .tsf-menu-ikon,
.sidebar-container .nav-item.open > .nav-link .tsf-menu-ikon {
    color: var(--pb-color-primary, #1d3557);
}

.sidebar-container .sidebar-menu > ul > .nav-item > .nav-link.active::before {
    top: 9px;
    bottom: 9px;
    width: 3px;
    left: 0;
}

/* -- Alt menü: ince kılavuz çizgi + sakin satırlar ------------------------ */
.sidebar-container .sidebar-menu li > ul {
    margin: 2px 0 6px 21px;
    padding: 0 0 0 0;
    border-left: 1px solid var(--line, #e3e6eb);
}

.sidebar-container .sidebar-menu li > ul .nav-link {
    position: relative;
    padding: 7px 10px 7px 16px;
    margin: 1px 0;
    font-size: .86rem;
    font-weight: 500;
    color: var(--muted, #667085);
    border-radius: 0 8px 8px 0;
}

.sidebar-container .sidebar-menu li > ul .nav-link:hover {
    background: var(--bg-2, #f5f6f8);
    color: var(--ink, #101828);
}

.sidebar-container .sidebar-menu li > ul .nav-link.active {
    background: transparent;
    color: var(--pb-color-primary, #1d3557);
    font-weight: 700;
}

/* seçili alt satırın kılavuz çizgisi üzerinde lacivert işareti */
.sidebar-container .sidebar-menu li > ul .nav-link.active::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 7px;
    bottom: 7px;
    width: 3px;
    border-radius: 3px;
    background: var(--pb-color-primary, #1d3557);
}

/* -- Oturumu kapat ------------------------------------------------------- */
.sidebar-container > .nav-link.text-danger {
    display: flex;
    align-items: center;
    margin: 10px 0 0 !important;
    padding: 10px 12px !important;
    border-top: 1px solid var(--line-soft, #eff1f4);
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 600;
}

.sidebar-container > .nav-link.text-danger:hover {
    background: #fef3f2;
}

/* -- Kontrol paneli karşılama şeridi (açık renk) -------------------------- */
.tsf-karsilama {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1.1rem 1.4rem;
    color: var(--ink, #101828);
    background: linear-gradient(135deg, #f4f7fb 0%, #eaf0f8 100%);
    border: 1px solid #dbe4f0;
    border-left: 4px solid var(--pb-color-primary, #1d3557);
    border-radius: 12px;
}

.tsf-karsilama-baslik {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--ink, #101828);
}

.tsf-karsilama-baslik strong {
    font-weight: 700;
    color: var(--pb-color-primary, #1d3557);
}

.tsf-karsilama-alt {
    margin: .2rem 0 0;
    font-size: .76rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted, #667085);
}

.tsf-karsilama-islem {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.tsf-karsilama .btn {
    padding: .5rem 1.05rem;
    border-radius: 10px;
    font-weight: 600;
}

.tsf-karsilama .btn-primary {
    color: #fff;
    background: var(--pb-color-primary, #1d3557);
    border-color: var(--pb-color-primary, #1d3557);
}

.tsf-karsilama .btn-primary:hover {
    background: #274472;
    border-color: #274472;
}

.tsf-karsilama .btn-outline-secondary {
    color: var(--ink-3, #344054);
    background: #fff;
    border-color: var(--line-hover, #d0d5dd);
}

.tsf-karsilama .btn-outline-secondary:hover {
    background: #f9fafb;
    border-color: var(--muted-2, #98a2b3);
}

/* -- Kontrol paneli kartları --------------------------------------------- */
.members-area .dashboard-cards .card {
    border: 1px solid var(--line, #e3e6eb);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    transition: box-shadow .2s ease, border-color .2s ease;
}

.members-area .dashboard-cards .card:hover {
    border-color: var(--line-hover, #d0d5dd);
    box-shadow: 0 4px 14px rgba(16, 24, 40, .07);
}

.members-area .dashboard-cards .card .card-header {
    padding: .85rem 1.1rem;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted, #667085);
    background: var(--surface-soft, #fafbfc);
    border-bottom: 1px solid var(--line-soft, #eff1f4);
}

.members-area .dashboard-cards .card .card-header a {
    color: var(--muted-2, #98a2b3);
}

.members-area .dashboard-cards .card .card-header a:hover {
    color: var(--pb-color-primary, #1d3557);
}

.members-area .dashboard-cards .card .card-body,
.members-area .dashboard-cards .card .list-group-item {
    padding: 1rem 1.1rem;
    background: #fff;
    border-color: var(--line-soft, #eff1f4);
}

.members-area .dashboard-cards .card .card-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ink, #101828);
}

.members-area .dashboard-cards .card .card-text {
    font-size: .9rem;
    color: var(--ink-3, #344054);
}

.members-area .dashboard-cards .card .btn {
    border-radius: 10px;
    font-weight: 600;
}

/* -- Alt sekmeler: çizgili sekme ----------------------------------------- */
.members-area .main > ul.nav-pills {
    gap: .25rem;
    padding-bottom: 0 !important;
    margin-top: 1.75rem !important;
    border-bottom: 1px solid var(--line, #e3e6eb) !important;
}

.members-area .main > ul.nav-pills .nav-link {
    margin-bottom: -1px;
    padding: .7rem 1.1rem;
    font-size: .92rem;
    font-weight: 600;
    color: var(--muted, #667085);
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.members-area .main > ul.nav-pills .nav-link:hover {
    color: var(--ink, #101828);
}

.members-area .main > ul.nav-pills .nav-link.active {
    color: var(--pb-color-primary, #1d3557);
    background: transparent;
    border-bottom-color: var(--pb-color-primary, #1d3557);
}

.members-area .main > .tab-content > .tab-pane > .text-right {
    margin-top: 1rem;
}

.members-area .main > .tab-content .btn-outline-secondary {
    padding: .4rem .9rem;
    font-size: .85rem;
    font-weight: 600;
    color: var(--ink-3, #344054);
    background: #fff;
    border: 1px solid var(--line-hover, #d0d5dd);
    border-radius: 8px;
}

.members-area .main > .tab-content .btn-outline-secondary:hover {
    background: var(--bg-2, #f5f6f8);
    border-color: var(--muted-2, #98a2b3);
}

/* -- Dar ekran ----------------------------------------------------------- */
@media (max-width: 575.98px) {
    .tsf-karsilama {
        padding: 1rem 1.1rem;
    }

    .tsf-karsilama-baslik {
        font-size: 1.15rem;
    }

    .tsf-karsilama-islem,
    .tsf-karsilama-islem .btn {
        width: 100%;
    }
}

/* dar ekranda sekmeler alt satıra düşmesin: yatay kaydırılsın */
@media (max-width: 767.98px) {
    .members-area .main > ul.nav-pills {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .members-area .main > ul.nav-pills::-webkit-scrollbar {
        display: none;
    }

    .members-area .main > ul.nav-pills .nav-link {
        flex: 0 0 auto;
    }
}

/* ==========================================================================
 *  [TSF] ÜYELİK ALANI — liste sayfaları (filtre satırı, sonuç kutusu, takvim)
 * ========================================================================== */

/* -- Takvim (Tempus Dominus): üyelik tablo stilinden etkilenmesin --------- */
.members-area .bootstrap-datetimepicker-widget {
    width: 19.5rem;
    max-width: calc(100vw - 2rem);
    padding: .5rem;
    border: 1px solid var(--line, #e3e6eb);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .12);
}

.members-area .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.members-area .bootstrap-datetimepicker-widget .table > thead > tr > th,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td > span {
    padding: 0;
    border: 0;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    white-space: normal;
}

.members-area .bootstrap-datetimepicker-widget .table > thead > tr > th {
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: .8rem;
    font-weight: 700;
    color: var(--muted, #667085);
    cursor: pointer;
}

.members-area .bootstrap-datetimepicker-widget .table > thead > tr > th.dow {
    height: 1.9rem;
    line-height: 1.9rem;
    font-size: .72rem;
    text-transform: uppercase;
    cursor: default;
}

.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.day {
    height: 2.3rem;
    line-height: 2.3rem;
    font-size: .86rem;
    font-weight: 500;
    color: var(--ink-3, #344054);
    border-radius: 8px;
    cursor: pointer;
}

.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.day:hover {
    background: var(--bg-2, #f5f6f8);
}

.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.day.old,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.day.new,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.disabled {
    color: var(--muted-2, #98a2b3);
}

.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.active,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.active:hover {
    color: #fff;
    background: var(--pb-color-primary, #1d3557);
    text-shadow: none;
}

.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.today::before {
    border-bottom-color: var(--pb-color-primary, #1d3557);
}

.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.hour,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.minute,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td.month,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td > span.month,
.members-area .bootstrap-datetimepicker-widget .table > tbody > tr > td > span.year {
    height: 2.3rem;
    line-height: 2.3rem;
}

/* -- Filtre satırı ------------------------------------------------------- */
.members-area .navbar-inline-filter {
    margin-bottom: 1rem;
}

.members-area .navbar-inline-filter .form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start !important;
    gap: .6rem;
    width: 100%;
}

.members-area .navbar-inline-filter .form-inline > * {
    flex: 1 1 11rem;
    min-width: 0;
    margin: 0 !important;
}

.members-area .navbar-inline-filter .form-control,
.members-area .navbar-inline-filter .form-select {
    height: 2.6rem;
    font-size: .92rem;
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    box-shadow: none;
}

.members-area .navbar-inline-filter .form-control:focus {
    border-color: var(--pb-color-primary, #1d3557);
    box-shadow: 0 0 0 3px rgba(29, 53, 87, .15);
}

.members-area .navbar-inline-filter .btn[type="submit"],
.members-area .navbar-inline-filter input[type="submit"] {
    flex: 0 0 auto;
    height: 2.6rem;
    padding: 0 1.4rem;
    font-weight: 600;
    color: #fff;
    background: var(--pb-color-primary, #1d3557);
    border: 1px solid var(--pb-color-primary, #1d3557);
    border-radius: 10px;
}

.members-area .navbar-inline-filter .btn[type="submit"]:hover,
.members-area .navbar-inline-filter input[type="submit"]:hover {
    background: #274472;
    border-color: #274472;
}

/* "Tümü ▾" filtre düğmesi (üstteki) */
.members-area .main .btn-filter,
.members-area .main .navbar-inline-filter .btn-light {
    height: 2.6rem;
    font-weight: 600;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
}

/* -- Sonuç şeridi: "0 adet … bulundu" tek parça --------------------------- */
.members-area .table-responsive caption {
    padding: .85rem 1rem;
    font-size: .9rem;
    color: var(--ink-3, #344054);
    caption-side: top;
    background: var(--surface-soft, #fafbfc);
    border-bottom: 1px solid var(--line-soft, #eff1f4);
}

.members-area .table-responsive caption .text-danger,
.members-area .table-responsive caption .mt-2 {
    margin-top: .35rem !important;
    font-size: .82rem;
}

.members-area .table-responsive caption strong {
    color: var(--ink, #101828);
}

/* ==========================================================================
 *  [TSF] ÜYELİK ALANI — liste sayfaları, 2. tur
 *  Filtre kutularının tam genişliğe oturması, bölünmüş "Tümü ▾" düğmesi,
 *  sonuç şeridi + yönetim çubuğunun tek kart olması, sayfalama.
 * ========================================================================== */

/* -- Filtre alanları: sarmalayıcıyı doldursun (sabit .input-* genişliklerini ez) -- */
.members-area .navbar-inline-filter .form-inline > .form-floating,
.members-area .navbar-inline-filter .form-inline > .has-icons,
.members-area .navbar-inline-filter .form-inline > div {
    position: relative;
    flex: 1 1 13rem;
    max-width: 24rem;
}

.members-area .navbar-inline-filter .form-inline .form-control,
.members-area .navbar-inline-filter .form-inline input.input-small,
.members-area .navbar-inline-filter .form-inline input.input-default,
.members-area .navbar-inline-filter .form-inline input[type="text"],
.members-area .navbar-inline-filter .form-inline input[type="search"] {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}

/* yüzen etiketli kutuların yüksekliği: etiket + metin sığsın */
.members-area .navbar-inline-filter .form-floating.form-floating-standard > .form-control {
    height: 2.6rem;
    padding-top: 0;
    padding-bottom: 0;
}

.members-area .navbar-inline-filter .form-floating.form-floating-standard > label {
    padding-top: .55rem;
    padding-bottom: 0;
    color: var(--muted, #667085);
}

/* takvim ve temizle simgeleri kutunun içinde, sağda, dikey ortada */
.members-area .navbar-inline-filter .has-icons > .icon-right {
    position: absolute;
    top: 50%;
    right: .8rem;
    transform: translateY(-50%);
    color: var(--muted-2, #98a2b3);
    cursor: pointer;
}

.members-area .navbar-inline-filter .has-icons > .form-control.has-icon-right {
    padding-right: 2.4rem;
}

/* -- "Filtre : Tümü ▾" bölünmüş düğme ------------------------------------ */
.members-area .main .btn-group {
    align-items: stretch;
}

.members-area .main .btn-group > .btn {
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    padding: 0 .9rem;
    font-size: .9rem;
    font-weight: 600;
    color: var(--ink-3, #344054);
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 10px 0 0 10px;
}

.members-area .main .btn-group > .btn.dropdown-toggle-split {
    margin-left: -1px;
    padding: 0 .7rem;
    border-radius: 0 10px 10px 0;
}

.members-area .main .btn-group > .btn:hover {
    background: var(--bg-2, #f5f6f8);
}

.members-area .main .btn-group > .btn.btn-filter-title {
    height: auto;
    padding: 0 .75rem 0 0;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted, #667085);
    background: transparent;
    border: 0;
    border-radius: 0;
}

/* -- Sonuç şeridi + yönetim çubuğu: tek kart ------------------------------ */
.members-area .form-sticky-buttons > .table-responsive {
    margin-bottom: 0;
}

.members-area .form-sticky-buttons > .table-responsive:has(+ .buttons-sticky-bottom) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.members-area .form-sticky-buttons > .buttons-sticky-bottom {
    margin: -1px 0 1rem;
    padding: .7rem 1rem;
    font-size: .88rem;
    font-weight: 500;
    color: var(--muted, #667085);
    background: var(--surface-soft, #fafbfc);
    border: 1px solid var(--line, #e3e6eb);
    border-radius: 0 0 var(--radius-md, 8px) var(--radius-md, 8px);
    box-shadow: none;
}

/* -- Sayfalama ----------------------------------------------------------- */
.members-area .pagination {
    gap: .25rem;
    justify-content: center;
    margin-top: 1.25rem;
}

.members-area .pagination .page-link {
    min-width: 2.25rem;
    padding: .45rem .7rem;
    font-size: .88rem;
    font-weight: 600;
    text-align: center;
    color: var(--ink-3, #344054);
    background: #fff;
    border: 1px solid var(--line, #e3e6eb);
    border-radius: 8px !important;
}

.members-area .pagination .page-link:hover {
    background: var(--bg-2, #f5f6f8);
    border-color: var(--line-hover, #d0d5dd);
}

.members-area .pagination .active > .page-link,
.members-area .pagination .page-item.active .page-link {
    color: #fff;
    background: var(--pb-color-primary, #1d3557);
    border-color: var(--pb-color-primary, #1d3557);
}

.members-area .pagination .disabled > .page-link {
    color: var(--muted-2, #98a2b3);
    background: var(--surface-soft, #fafbfc);
}

/* -- Genel: üyelik alanı boş durum / bilgi kutuları ----------------------- */
.members-area .main .alert {
    border-radius: 10px;
    font-size: .92rem;
}

/* ==========================================================================
 *  [TSF] ÜYELİK ALANI — etiketler (rozetler), fiyat, alt menü, mobil menü
 *  Etiketleri tek, sakin bir palette toplar. Yalnızca .members-area içi.
 * ========================================================================== */

/* -- Rozet tabanı -------------------------------------------------------- */
.members-area .badge {
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .01em;
    padding: .3rem .65rem;
    border-radius: 999px;
}

/* Tür: Ürün / İhale / İlan(sınıflandırılmış) / Lot  → lacivert ton */
.members-area .badge.text-bg-product,
.members-area .badge.text-bg-auction,
.members-area .badge.text-bg-classified,
.members-area .badge.text-bg-event-lot,
.members-area .badge-group .badge.text-bg-product,
.members-area .badge-group .badge.text-bg-auction,
.members-area .badge-group .badge.text-bg-classified,
.members-area .badge-group .badge.text-bg-event-lot {
    --pb-badge-bg: #e8eef7;
    --pb-badge-color: #1d3557;
}

/* Yayın yeri: Sadece Sitede / Depoda / İkisinde  → nötr gri */
.members-area .badge.text-bg-listin-site,
.members-area .badge.text-bg-listin-store,
.members-area .badge.text-bg-listin-both,
.members-area .badge-group .badge.text-bg-listin-site,
.members-area .badge-group .badge.text-bg-listin-store,
.members-area .badge-group .badge.text-bg-listin-both {
    --pb-badge-bg: #f2f4f7;
    --pb-badge-color: #475467;
}

/* Durum: olumlu → yeşil */
.members-area .badge.text-bg-open,
.members-area .badge.text-bg-success,
.members-area .badge-group .badge.text-bg-open,
.members-area .badge-group .badge.text-bg-success {
    --pb-badge-bg: #e7f5ec;
    --pb-badge-color: #17723a;
}

/* Durum: dikkat → sarı */
.members-area .badge.text-bg-closing,
.members-area .badge.text-bg-scheduled,
.members-area .badge.text-bg-draft,
.members-area .badge.text-bg-warning,
.members-area .badge.text-bg-orange,
.members-area .badge.text-bg-homepage-featured,
.members-area .badge.text-bg-category-featured,
.members-area .badge-group .badge.text-bg-closing,
.members-area .badge-group .badge.text-bg-scheduled,
.members-area .badge-group .badge.text-bg-draft,
.members-area .badge-group .badge.text-bg-warning,
.members-area .badge-group .badge.text-bg-orange,
.members-area .badge-group .badge.text-bg-homepage-featured,
.members-area .badge-group .badge.text-bg-category-featured {
    --pb-badge-bg: #fdf3dc;
    --pb-badge-color: #8a5a00;
}

/* Durum: kapalı / silinmiş → gri */
.members-area .badge.text-bg-closed,
.members-area .badge.text-bg-dark,
.members-area .badge.text-bg-light,
.members-area .badge-group .badge.text-bg-closed,
.members-area .badge-group .badge.text-bg-dark,
.members-area .badge-group .badge.text-bg-light {
    --pb-badge-bg: #eef0f3;
    --pb-badge-color: #475467;
}

/* Hata / ödenmedi → kırmızı */
.members-area .badge.text-bg-danger,
.members-area .badge-group .badge.text-bg-danger {
    --pb-badge-bg: #fee4e2;
    --pb-badge-color: #b42318;
}

/* Hareket sayaçları (teklif, satış, sepet, ödendi) → nötr */
.members-area .badge[class*="text-bg-activity-"],
.members-area .badge-group .badge[class*="text-bg-activity-"] {
    --pb-badge-bg: #f2f4f7;
    --pb-badge-color: #344054;
}

/* -- Fiyat: başlığın önüne geçmesin --------------------------------------- */
.members-area .table .text-product,
.members-area .table .text-classified,
.members-area .table .text-over-reserve,
.members-area .table .text-under-reserve {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.005em;
}

.members-area .table .text-product,
.members-area .table .text-classified,
.members-area .table .text-over-reserve {
    color: var(--ink, #101828) !important;
}

/* -- Alt menü: "Oluştur / Ekle / Yönet" kısayolları ------------------------ */
.sidebar-container .sidebar-menu li > ul .nav-link.ms-2 {
    margin-left: 0 !important;
    padding-left: 30px;
    font-size: .8rem;
    font-weight: 500;
    color: var(--muted-2, #98a2b3);
}

.sidebar-container .sidebar-menu li > ul .nav-link.ms-2:not(.active)::before {
    content: "–";
    position: absolute;
    left: 16px;
    color: var(--line-hover, #d0d5dd);
}

.sidebar-container .sidebar-menu li > ul .nav-link.ms-2:hover {
    color: var(--ink, #101828);
}

/* -- Mobil menü: kullanıcı adı zaten üstte; çift kart ve başlık gizli ------ */
.au-links-mobile .tsf-uye-kart,
.au-links-mobile .sidebar-menu > .heading {
    display: none;
}

.au-links-mobile .sidebar-container {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* ==========================================================================
 *  [TSF] KULLANICI KİMLİĞİ — doğrulama rozeti, kişi ikonu, güven puanı
 *  Yeşil kare onay + mavi/kırmızı "adam" ikonu yerine tek tip, sakin ikonlar.
 *  Yalnızca CSS: PHP çıktısı aynı kalır, ipucu (title) metinleri korunur.
 * ========================================================================== */

/* -- Doğrulanmış kullanıcı: lacivert kalkan + onay işareti ----------------- */
svg.bi-check-square-fill.text-success,
i.bi-check-square-fill.text-success {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    vertical-align: -3px;
    fill: transparent !important;
    background-color: var(--pb-color-primary, #1d3557);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1.5 3.5 4.8v6.4c0 5.3 3.6 9.7 8.5 11.3 4.9-1.6 8.5-6 8.5-11.3V4.8L12 1.5ZM7.6 12.2l1.4-1.4 2.2 2.2 4.8-4.8 1.4 1.4-6.2 6.2-3.6-3.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1.5 3.5 4.8v6.4c0 5.3 3.6 9.7 8.5 11.3 4.9-1.6 8.5-6 8.5-11.3V4.8L12 1.5ZM7.6 12.2l1.4-1.4 2.2 2.2 4.8-4.8 1.4 1.4-6.2 6.2-3.6-3.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* -- Satıcı / alıcı ikonu: ince çizgili kişi, nötr gri-lacivert ---------------- */
svg.bi-person-workspace.text-primary,
svg.bi-person-workspace.text-danger:not(.me-1),
i.bi-person-workspace.text-primary,
i.bi-person-workspace.text-danger:not(.me-1) {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    vertical-align: -3px;
    fill: transparent !important;
    background-color: var(--muted, #667085);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* -- Güven puanı: küçük sakin hap ---------------------------------------- */
.reputation-score {
    display: inline-block;
    padding: .15rem .5rem;
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .01em;
    vertical-align: 1px;
    border-radius: 999px;
}

.reputation-score a {
    color: inherit;
    text-decoration: none;
}

.reputation-score a:hover {
    color: var(--pb-color-primary, #1d3557);
}

/* ==========================================================================
 *  [TSF] KULLANICI DOĞRULAMA SAYFASI
 * ========================================================================== */
.tsf-dogrulama {
    display: grid;
    gap: 1.25rem;
    max-width: 62rem;
}

/* -- Üst şerit: durum + ücret --------------------------------------------- */
.tsf-dg-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.1rem 1.5rem;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border: 1px solid var(--line, #e3e6eb);
    border-left-width: 4px;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.tsf-dg-ust-tamam {
    border-left-color: #17723a;
}

.tsf-dg-ust-bekliyor {
    border-left-color: #d99a00;
}

.tsf-dg-rozet {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

.tsf-dg-ust-tamam .tsf-dg-rozet {
    color: #17723a;
    background: #e7f5ec;
}

.tsf-dg-ust-bekliyor .tsf-dg-rozet {
    color: #8a5a00;
    background: #fdf3dc;
}

.tsf-dg-durum {
    flex: 1 1 16rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.tsf-dg-etiket {
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted, #667085);
}

.tsf-dg-deger {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ink, #101828);
}

.tsf-dg-ust-tamam .tsf-dg-deger {
    color: #17723a;
}

.tsf-dg-ust-bekliyor .tsf-dg-deger {
    color: #8a5a00;
}

.tsf-dg-alt {
    font-size: .88rem;
    color: var(--muted, #667085);
}

/* -- Ücret kutusu ---------------------------------------------------------- */
.tsf-dg-ucret {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .85rem 1.2rem;
    text-align: right;
    background: var(--surface-soft, #fafbfc);
    border: 1px solid var(--line, #e3e6eb);
    border-radius: 12px;
}

.tsf-dg-tutar {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--pb-color-primary, #1d3557);
}

/* -- Kartlar ----------------------------------------------------------------- */
.tsf-dg-kart {
    padding: 1.4rem 1.5rem;
    background: #fff;
    border: 1px solid var(--line, #e3e6eb);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.tsf-dg-baslik {
    margin: 0 0 1rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted, #667085);
}

.tsf-dg-liste {
    display: grid;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsf-dg-liste li {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: .95rem;
    line-height: 1.5;
    color: var(--ink-3, #344054);
}

.tsf-dg-onay {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    padding: 4px;
    margin-top: 1px;
    color: #17723a;
    background: #e7f5ec;
    border-radius: 50%;
}

.tsf-dg-grup {
    display: inline-block;
    margin-right: .4rem;
    padding: .05rem .5rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #1d3557;
    background: #e8eef7;
    border-radius: 999px;
}

/* -- Form kartı -------------------------------------------------------------- */
.tsf-dg-form .form-control,
.tsf-dg-form .form-select {
    min-height: 2.6rem;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
}

.tsf-dg-form .form-control:focus,
.tsf-dg-form .form-select:focus {
    border-color: var(--pb-color-primary, #1d3557);
    box-shadow: 0 0 0 3px rgba(29, 53, 87, .15);
}

.tsf-dg-form .btn-primary,
.tsf-dg-form button[type="submit"],
.tsf-dg-form input[type="submit"] {
    padding: .65rem 1.6rem;
    font-weight: 600;
    border-radius: 10px;
}

@media (max-width: 575.98px) {
    .tsf-dg-ust,
    .tsf-dg-kart {
        padding: 1rem 1.1rem;
    }

    .tsf-dg-ucret {
        width: 100%;
        text-align: left;
    }
}

/* ikon yazı tipi (<i class="bi ...">) kullanılan yerlerde asıl glifi gizle */
i.bi-check-square-fill.text-success::before,
i.bi-person-workspace.text-primary::before,
i.bi-person-workspace.text-danger:not(.me-1)::before {
    content: none !important;
}

/* ==========================================================================
 *  [TSF] MOBİL / PWA — açılır menü (filtre, sepet, ana menü) alt sekme çubuğunun
 *  altında kalmasın. Alt çubuk çekmece açıkken gizlenir; çekmece çubuğun
 *  üstüne çıkar ve gerçek görünür yükseklik (dvh) kullanır.
 * ========================================================================== */
@media (max-width: 991.98px) {

    /* Çekmece açıkken alt sekme çubuğu gizli (modern Safari / Chrome) */
    body:has(.sidebar.show) .tsf-alt-menu {
        display: none;
    }

    /* Sepet çekmecesi header'ın içinde. Header z-index:9 + backdrop-filter ile
       kendi katmanını açtığı için gri perde (z-index:10) çekmecenin ÜSTÜNE
       biniyor ve sepet karanlık görünüyordu. Çekmece açıkken header perdenin
       üstüne çıkar; perde yalnızca sayfa içeriğini karartır. */
    body:has(.sidebar.show) header.site-header {
        z-index: 1040;
    }

    /* :has() desteklemeyen eski tarayıcılar için: çekmece çubuğun üstünde */
    .sidebar.show {
        z-index: 1050;
    }

    /* iOS'ta 100vh adres çubuğunu da sayar; son satır (Arama düğmesi) kesilmesin */
    .sidebar.sidebar-fixed-mobile,
    .sidebar.sidebar-fixed-desktop {
        --pb-sidebar-height: 100dvh;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

/* ==========================================================================
 *  [TSF] GERİ SAYIM / ZAMAN ROZETLERİ
 *  "Bitmesine 292 gün…", "Yakında başlayacak 3 gün…", "Kapanış Başlangıcı: …"
 *  İlan kartı, toplu ihale kartı ve ilan detayında aynı sakin hap görünümü.
 *  Yapı: .au-countdown > [data-countdown] > span.text-danger|.text-primary > em
 * ========================================================================== */
.au-countdown [data-countdown] > span,
.au-countdown > span:not([data-countdown]),
.au-countdown > [data-countdown] ~ span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .75rem;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    max-width: 100%;
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
    color: #344054 !important;
    background: #f2f4f7;
    border-radius: 999px;
}
@media (max-width: 767.98px) {
    .au-countdown [data-countdown] > span,
    .au-countdown > span:not([data-countdown]),
    .au-countdown > [data-countdown] ~ span {
        flex-wrap: wrap;
        white-space: normal;
        padding: .3rem .65rem;
        font-size: .74rem;
        border-radius: 12px;
    }
}

/* küçük saat simgesi */
.au-countdown [data-countdown] > span::before,
.au-countdown > span:not([data-countdown])::before {
    content: "";
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* "Bitmesine / Yakında başlayacak" etiketi sönük, süre kalın */
.au-countdown [data-countdown] > span > em {
    font-style: normal;
    font-weight: 500;
    opacity: .8;
}

/* Açık ilan: bitmesine → lacivert ton */
.au-countdown [data-countdown] > span.text-danger {
    color: #1d3557 !important;
    background: #e8eef7;
}

/* Planlanmış ilan: yakında başlayacak → sarı ton */
.au-countdown [data-countdown] > span.text-primary {
    color: #8a5a00 !important;
    background: #fdf3dc;
}

/* Kapandı → kırmızı ton (geri sayım yok, doğrudan span) */
.au-countdown > span.text-danger:not([data-countdown]) {
    color: #b42318 !important;
    background: #fee4e2;
}

/* Toplu ihale: "Kapanış Başlangıcı: tarih" uzun metin, sarılabilir */
.au-countdown > span:not([data-countdown]):not(.text-danger) {
    white-space: normal;
    border-radius: 10px;
}

/* ==========================================================================
 * Lot detay sayfası: sağdaki "Toplu ihale" kartı
 * Dar kolonda 3 sütunlu mono/harf aralıklı düzen taşıyordu (KONUM kutudan
 * çıkıyor, çizgi kartı aşıyordu). Burada kompakt, satır satır künye.
 * Yalnızca .events-cards.basic (detay sayfası) etkilenir; liste sayfası aynı.
 * ========================================================================== */
.events-cards.basic .card.event-card {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "img" "body";
  gap: 16px 0;
  padding: 18px;
}
.events-cards.basic .card.event-card .card-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
}
.events-cards.basic .card.event-card .card-img a,
.events-cards.basic .card.event-card .card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events-cards.basic .card.event-card .card-body {
  min-width: 0;
  padding: 0;
}
.events-cards.basic .card.event-card .event-badge,
.events-cards.basic .card.event-card .event-status-badge {
  font-family: inherit;
  font-size: .72rem;
  font-weight: 700 !important;
  letter-spacing: .06em;
}
.events-cards.basic .card.event-card .card-title {
  --pb-card-title-font-size: 1.05rem;
  margin: 2px 0 10px;
  padding-bottom: 10px;
  font-size: 1.05rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.events-cards.basic .card.event-card .event-details {
  display: block;
}
.events-cards.basic .card.event-card .event-details .event-details-box {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid var(--line-soft);
}
.events-cards.basic .card.event-card .event-details .event-details-box:last-child {
  border-bottom: none;
}
.events-cards.basic .card.event-card .event-details .event-details-box .bi {
  display: none;
}
.events-cards.basic .card.event-card .event-details .event-details-box .event-details-label {
  margin: 0;
  flex: 0 0 auto;
  font-family: inherit;
  font-size: .8rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
}
.events-cards.basic .card.event-card .event-details .event-details-box .event-details-data {
  min-width: 0;
  font-family: inherit;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: right;
  overflow-wrap: anywhere;
}
.events-cards.basic .card.event-card .event-status-badge {
  position: absolute;
  top: 28px;
  right: 28px;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
}
.events-cards.basic .card.event-card .event-badge {
  display: block;
  margin-bottom: 4px;
}
.events-cards.basic .card.event-card .card-title {
  --pb-card-title-font-size: 1.2rem;
  font-size: 1.2rem;
}
.events-cards.basic .card.event-card .event-details .event-details-box {
  padding: 10px 0;
}

/* ==========================================================================
 *  [TSF] İTİBAR / DEĞERLENDİRME SAYFASI
 *  Sol profil kartı + sağ puan özeti (yüzde, dağılım çubukları), dönem tablosu,
 *  sekmeler ve yorum kartları. Şablonlar: members/reputation/details|browse.
 * ========================================================================== */
.tsf-itibar {
    --it-olumlu: #067647;   --it-olumlu-bg: #ecfdf3;
    --it-notr: #475467;     --it-notr-bg: #f2f4f7;
    --it-olumsuz: #b42318;  --it-olumsuz-bg: #fef3f2;
    margin-bottom: 2rem;
}
.tsf-itibar-kart {
    background: #fff;
    border: 1px solid var(--line, #e4e7ec);
    border-radius: 14px;
    padding: 1.25rem 1.4rem;
}
.tsf-itibar-ust {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}
.tsf-itibar-baslik {
    margin: 0 0 .9rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted, #667085);
}

/* profil kartı */
.tsf-itibar-bilgi {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .55rem 1rem;
    margin: 0 0 1.1rem;
    font-size: .88rem;
}
.tsf-itibar-bilgi dt { font-weight: 400; color: var(--muted, #667085); }
.tsf-itibar-bilgi dd { margin: 0; font-weight: 600; color: var(--ink-2, #1d2939); text-align: right; overflow-wrap: anywhere; }
.tsf-itibar-dugme { width: 100%; }
.tsf-itibar-sosyal:not(:empty) { margin-top: 1rem; }

/* puan özeti */
.tsf-itibar-ozet {
    display: grid;
    grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
    gap: 1.5rem 2rem;
    align-items: center;
}
.tsf-itibar-puan {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-right: 1.5rem;
    border-right: 1px solid var(--line-soft, #eaecf0);
}
.tsf-itibar-yuzde {
    font-size: 3.4rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink, #101828);
}
.tsf-itibar-yuzde small { font-size: 1.4rem; font-weight: 700; margin-left: 2px; }
.tsf-itibar-puan-metin { display: flex; flex-direction: column; gap: .15rem; font-size: .8rem; color: var(--muted, #667085); line-height: 1.35; }
.tsf-itibar-puan-metin strong { font-size: 1rem; color: var(--ink-2, #1d2939); }
.tsf-itibar-puan.is-cok-iyi .tsf-itibar-yuzde,
.tsf-itibar-puan.is-iyi .tsf-itibar-yuzde { color: var(--it-olumlu); }
.tsf-itibar-puan.is-orta .tsf-itibar-yuzde { color: #b54708; }
.tsf-itibar-puan.is-dusuk .tsf-itibar-yuzde { color: var(--it-olumsuz); }
.tsf-itibar-puan.is-yok .tsf-itibar-yuzde { color: #98a2b3; }

.tsf-itibar-dagilim { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.tsf-itibar-dagilim li {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 40px;
    align-items: center;
    gap: .8rem;
    font-size: .85rem;
}
.tsf-itibar-dagilim-ad { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; color: var(--ink-2, #1d2939); }
.tsf-itibar-dagilim-sayi { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.tsf-itibar-cubuk { height: 8px; border-radius: 999px; background: #f2f4f7; overflow: hidden; }
.tsf-itibar-cubuk b { display: block; height: 100%; border-radius: 999px; min-width: 0; }
.tsf-itibar-dagilim .is-olumlu i, .tsf-itibar-dagilim .is-olumlu b { color: var(--it-olumlu); background-color: transparent; }
.tsf-itibar-dagilim .is-olumlu b { background: #12b76a; }
.tsf-itibar-dagilim .is-notr i { color: #667085; }
.tsf-itibar-dagilim .is-notr b { background: #98a2b3; }
.tsf-itibar-dagilim .is-olumsuz i { color: var(--it-olumsuz); }
.tsf-itibar-dagilim .is-olumsuz b { background: #f04438; }

/* sekmeler */
.tsf-itibar-sekmeler {
    display: flex;
    gap: 1.6rem;
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--line, #e4e7ec);
    scrollbar-width: none;
}
.tsf-itibar-sekmeler::-webkit-scrollbar { display: none; }
.tsf-itibar-sekmeler a {
    display: block;
    padding: .7rem 0;
    margin-bottom: -1px;
    font-size: .92rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--muted, #667085);
    text-decoration: none;
    border-bottom: 2px solid transparent;
}
.tsf-itibar-sekmeler a:hover { color: var(--ink-2, #1d2939); }
.tsf-itibar-sekmeler a.active { color: var(--ink, #101828); border-bottom-color: var(--ink, #101828); }

/* dönem tablosu */
.tsf-itibar-donemler { padding: .4rem 1.4rem; }
.tsf-itibar-donemler table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.tsf-itibar-donemler thead th {
    padding: .8rem .5rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--muted, #667085);
    text-align: center;
    border-bottom: 1px solid var(--line, #e4e7ec);
    background: none;
}
.tsf-itibar-donemler thead th:first-child { text-align: left; padding-left: 0; }
.tsf-itibar-donemler thead th i { margin-right: .3rem; }
.tsf-itibar-donemler thead th.is-olumlu { color: var(--it-olumlu); }
.tsf-itibar-donemler thead th.is-olumsuz { color: var(--it-olumsuz); }
.tsf-itibar-donemler tbody th { padding: .75rem 0; font-weight: 500; text-align: left; color: var(--ink-2, #1d2939); }
.tsf-itibar-donemler tbody td { padding: .75rem .5rem; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.tsf-itibar-donemler tbody tr + tr > * { border-top: 1px solid var(--line-soft, #eaecf0); }
.tsf-itibar-donemler tbody tr:last-child { background: #f9fafb; }
.tsf-itibar-donemler tbody tr:last-child th { padding-left: .6rem; }
.tsf-itibar-sayi.is-olumlu { color: var(--it-olumlu); }
.tsf-itibar-sayi.is-olumsuz { color: var(--it-olumsuz); }
.tsf-itibar-sayi.is-notr { color: #475467; }
.tsf-itibar-sayi.is-sifir { color: #c0c5cf; font-weight: 500; }

/* puan hapı (liste) */
.tsf-itibar-hap {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .65rem;
    margin-bottom: .45rem;
    font-size: .76rem;
    font-weight: 700;
    border-radius: 999px;
}
.tsf-itibar-hap.is-olumlu { color: #067647; background: #ecfdf3; }
.tsf-itibar-hap.is-notr { color: #475467; background: #f2f4f7; }
.tsf-itibar-hap.is-olumsuz { color: #b42318; background: #fef3f2; }

/* yorum listesi: tablo satırları kart olur (yönetim tablosu hariç) */
.tsf-itibar-liste:not(.is-admin) table,
.tsf-itibar-liste:not(.is-admin) tbody { display: block; border: 0; background: none; }
.tsf-itibar-liste:not(.is-admin) thead { display: none; }
.tsf-itibar-liste:not(.is-admin) caption {
    display: block;
    padding: 0 0 .9rem;
    font-size: .85rem;
    color: var(--muted, #667085);
    caption-side: top;
}
.tsf-itibar-liste:not(.is-admin) tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: .75rem 1.5rem;
    margin-bottom: .85rem;
    padding: 1.1rem 1.3rem;
    background: #fff;
    border: 1px solid var(--line, #e4e7ec);
    border-radius: 14px;
}
.tsf-itibar-liste:not(.is-admin) tbody tr:has(.select-all) { grid-template-columns: 28px minmax(0, 1fr) 210px; }
.tsf-itibar-liste:not(.is-admin) tbody td { display: block; padding: 0; border: 0; background: none; }
.tsf-itibar-liste:not(.is-admin) tbody td:last-child {
    padding-left: 1.2rem;
    border-left: 1px solid var(--line-soft, #eaecf0);
    font-size: .85rem;
    color: var(--muted, #667085);
}
.tsf-itibar-liste:not(.is-admin) tbody td:last-child strong { color: var(--ink-2, #1d2939); }
.tsf-itibar-liste:not(.is-admin) .mobile-title { display: none; }
.tsf-itibar-liste:not(.is-admin) tbody h6 { font-size: .95rem; font-weight: 600; margin-bottom: .45rem; }
.tsf-itibar-liste:not(.is-admin) tbody img.img-sm { border-radius: 10px; width: 64px; height: 64px; object-fit: cover; }

@media (max-width: 991.98px) {
    .tsf-itibar-ust { grid-template-columns: minmax(0, 1fr); }
    .tsf-itibar-ozet { grid-template-columns: minmax(0, 1fr); }
    .tsf-itibar-puan { padding: 0 0 1.1rem; border-right: 0; border-bottom: 1px solid var(--line-soft, #eaecf0); }
}
@media (max-width: 767.98px) {
    .tsf-itibar-kart { padding: 1rem; }
    .tsf-itibar-yuzde { font-size: 2.8rem; }
    .tsf-itibar-dagilim li { grid-template-columns: 82px minmax(0, 1fr) 32px; gap: .6rem; }
    .tsf-itibar-donemler { padding: .25rem 1rem; }
    .tsf-itibar-donemler thead th span { display: none; }
    .tsf-itibar-liste:not(.is-admin) tbody tr,
    .tsf-itibar-liste:not(.is-admin) tbody tr:has(.select-all) { grid-template-columns: minmax(0, 1fr); padding: 1rem; }
    .tsf-itibar-liste:not(.is-admin) tbody td:last-child {
        padding: .8rem 0 0;
        border-left: 0;
        border-top: 1px solid var(--line-soft, #eaecf0);
    }
}

/* yorum listesi: kap ve hücre çizgilerini sıfırla */
.tsf-itibar-liste:not(.is-admin) {
    border: 0;
    background: none;
    box-shadow: none;
    overflow: visible;
}
.tsf-itibar-liste:not(.is-admin) caption { text-align: left; }
.tsf-itibar-liste:not(.is-admin) tbody td,
.tsf-itibar-liste:not(.is-admin) tbody tr {
    --bs-table-bg: transparent;
}
.tsf-itibar-liste:not(.is-admin) tbody td:first-child:not(:last-child) { border-bottom: 0 !important; box-shadow: none !important; }
.tsf-itibar-liste:not(.is-admin) tbody td { box-shadow: none !important; }
.tsf-itibar-liste:not(.is-admin) tbody td:not(:last-child) { border-bottom: 0 !important; }
.tsf-itibar-liste:not(.is-admin) tbody td { border-bottom: 0 !important; }
.tsf-itibar-liste:not(.is-admin) tbody .d-flex { align-items: flex-start; }
.tsf-itibar-liste:not(.is-admin) caption { background: none; padding-left: 0; }
.tsf-itibar-kart, .tsf-itibar-dugme { box-sizing: border-box; }

/* değerlendirme listesi: boş durum */
.tsf-itibar-bos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    padding: 2.5rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px dashed var(--line, #d0d5dd);
    border-radius: 14px;
    color: var(--muted, #667085);
    font-size: .88rem;
}
.tsf-itibar-bos .bi { font-size: 1.8rem; color: #98a2b3; margin-bottom: .3rem; }
.tsf-itibar-bos strong { font-size: .98rem; color: var(--ink-2, #1d2939); }

/* ==========================================================================
 *  [TSF] GERİ SAYIM — düzeltme (kart kabı + yazı tipi)
 *  Hap, kartın .end-time kabının monospace yazı tipini miras alıyor, kabın
 *  kırmızı noktası ve (liste görünümünde) kesikli kutusu da hapla çakışıyordu.
 *  Kap artık yalın; görünümü yalnızca hap taşır.
 * ========================================================================== */
.listings-cards .card .end-time,
.stores-cards .card .end-time,
.events-cards .card .end-time,
.listings-cards .card-list:not(.event-card) .card-body .end-time,
.stores-cards .card-list:not(.event-card) .card-body .end-time,
.events-cards .card-list:not(.event-card) .card-body .end-time {
    display: block;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    text-align: left;
    font-family: var(--pb-font-primary, Inter), sans-serif;
    font-size: .8rem;
    font-weight: 600;
}
.listings-cards .card .end-time::before,
.stores-cards .card .end-time::before,
.events-cards .card .end-time::before {
    content: none;
    display: none;
}
.listings-cards .card .end-time em,
.stores-cards .card .end-time em,
.events-cards .card .end-time em {
    display: inline;
}
.au-countdown [data-countdown] > span,
.au-countdown > span:not([data-countdown]),
.au-countdown > [data-countdown] ~ span,
.end-time [data-countdown] > span {
    font-family: var(--pb-font-primary, Inter), sans-serif !important;
    letter-spacing: 0;
    flex-wrap: wrap;
    white-space: normal;
    max-width: 100%;
    width: fit-content;
}

/* ===== Hareketler (teklif / satış geçmişi) — kurumsal tablo ===== */
.tsf-hist .table{--bs-table-bg:transparent;font-size:.875rem;margin:0}
.tsf-hist .table thead th{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#475467;border-bottom:1px solid #eaecf0;background:#f9fafb;padding:.55rem .65rem;white-space:nowrap}
.tsf-hist .table tbody td{padding:.6rem .65rem;border-color:#f2f4f7}
.tsf-hist .table tbody tr:last-child td{border-bottom:0}
.tsf-hist-lider>td{background:#f6fef9}
.tsf-hist-hap{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.4;white-space:nowrap}
.tsf-hist-yesil{background:#ecfdf3;color:#067647}
.tsf-hist-gri{background:#f2f4f7;color:#475467}
.tsf-hist-kirmizi{background:#fef3f2;color:#b42318}
.tsf-hist-sari{background:#fffaeb;color:#b54708}
.tsf-hist-mavi{background:#eff8ff;color:#175cd3}
.tsf-hist-bos{padding:1rem;border:1px dashed #d0d5dd;border-radius:10px;background:#fcfcfd;color:#475467;font-size:.875rem;text-align:center}
.tsf-hist-alt{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem}

/* Hareketler özeti (sağ kutu) */
.tsf-hareket-ozet li { padding: 4px 0; color: #334155; font-size: .9rem; }
.tsf-hareket-ozet .bi { color: #1d4ed8; margin-right: 6px; }
.tsf-hareket-link { font-weight: 600; font-size: .9rem; text-decoration: none; }
.tsf-hareket-link:hover { text-decoration: underline; }

/* Teklif Hareketleri sekmesi — kurumsal tablo düzeni */
.tsf-sekmeler .tsf-hareket-sekme{gap:0;display:inline-flex;padding:3px;margin:1rem 0 .75rem!important;background:#f2f4f7;border-radius:8px}
.tsf-sekmeler .tsf-hareket-sekme .nav-link{padding:.35rem .9rem;font-size:.82rem;font-weight:600;color:#475467;border-radius:6px;background:transparent}
.tsf-sekmeler .tsf-hareket-sekme .nav-link.active{background:#fff;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.12)}
.tsf-sekmeler .tab-pane>.tsf-hist,.tsf-sekmeler #hareketler>.tab-content{margin-top:.5rem}
.tsf-sekmeler #hareketler .tsf-hist{border:1px solid #eaecf0;border-radius:10px;overflow:hidden}
.tsf-hist .table th,.tsf-hist .table td{text-align:left!important;vertical-align:middle}
.tsf-hist .table thead th{font-size:.7rem!important;padding:.7rem 1rem}
.tsf-hist .table tbody td{padding:.75rem 1rem;font-size:.9rem;font-variant-numeric:tabular-nums}
.tsf-hist .table th:last-child,.tsf-hist .table td:last-child{text-align:right!important}
.tsf-hist .table tbody td.fw-semibold{color:#101828}

/* "Teklifiniz" kutusu */
.tsf-tekliflerim{border:1px solid #eaecf0;border-radius:10px;background:#f9fafb;padding:.7rem .9rem;margin:.6rem 0}
.tsf-tekliflerim-satir{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.tsf-tekliflerim-etiket{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#475467}
.tsf-tekliflerim-tutar{font-size:1.05rem;font-weight:700;color:#101828;margin-right:auto}
.tsf-tekliflerim-alt{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #eaecf0;justify-content:space-between}
.tsf-tekliflerim-limit{font-weight:600;color:#175cd3}
.tsf-tekliflerim .tsf-hist-hap .bi{margin-right:.2rem}

/* İlan kartı — teklif durumu */
.card-price .bidding{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-top:.35rem}
.card-price .au-nb-bids{font-size:.8rem;color:#667085;font-weight:500}
.card-price .au-your-bid-status .badge,.card-price .au-your-bid-status span{display:inline-block;padding:.15rem .55rem!important;border-radius:999px!important;font-size:.72rem!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;line-height:1.4;background:#ecfdf3!important;color:#067647!important}
.card-price .au-your-bid-status .text-bg-danger,.card-price .au-your-bid-status .bg-danger,.card-price .au-your-bid-status .badge-danger{background:#fef3f2!important;color:#b42318!important}

/* Yetkisiz erişim / satıcı yönlendirme */
.tsf-yetki-kutu{max-width:560px;margin:2.5rem auto;padding:2rem;border:1px solid #eaecf0;border-radius:14px;background:#fff;text-align:center}
.tsf-yetki-ikon{width:52px;height:52px;margin:0 auto 1rem;border-radius:50%;background:#eff8ff;color:#175cd3;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.tsf-yetki-kutu h2{font-size:1.35rem;margin-bottom:.6rem}
.tsf-yetki-kutu p{color:#475467;margin-bottom:1.25rem}

/* Satıcı iletişim bilgisi + ilgi bildirimi */
.tsf-iletisim{display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem}
.tsf-iletisim .tsf-satici-konum{display:inline-flex;align-items:center;gap:.4rem}
.tsf-telefon{color:#175cd3;font-weight:600;text-decoration:none}
.tsf-telefon:hover{text-decoration:underline}
.tsf-maske{filter:blur(5px);user-select:none;pointer-events:none;color:#475467}
.tsf-iletisim-giris{margin-top:.35rem;font-size:.82rem;font-weight:600;color:#175cd3;text-decoration:none}
.tsf-iletisim-giris:hover{text-decoration:underline}
.tsf-ilgi-kutu{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1rem}
.tsf-ilgi{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .9rem;border-radius:10px;border:1px solid;font-size:.85rem;line-height:1.4}
.tsf-ilgi>.bi{font-size:1.15rem;margin-top:.1rem}
.tsf-ilgi b{display:block;font-weight:700}
.tsf-ilgi-dusuk{background:#eff8ff;border-color:#b2ddff;color:#175cd3}
.tsf-ilgi-orta{background:#fffaeb;border-color:#fedf89;color:#b54708}
.tsf-ilgi-yuksek{background:#fef3f2;border-color:#fecdca;color:#b42318}

/* Satıcı kutusu — kurumsal renk düzeni (lacivert marka rengi, yeşil güven, sarı puan) */
.tsf-satici-yan{background:#f6f8fb;border-color:#e4e7ec}
.tsf-satici-yan .tsf-satici-etiket{color:#14395f;font-weight:700}
.tsf-satici-yan .tsf-satici-ad{color:#14395f}
.tsf-iletisim-btn{margin-top:.5rem;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border:0;border-radius:8px;background:#14395f;color:#fff;font-size:.82rem;font-weight:600}
.tsf-iletisim-btn:hover{background:#1d5288;color:#fff}
.tsf-guven{display:flex;flex-direction:column;gap:.35rem;margin:-.6rem 0 1.25rem;padding:.2rem .1rem}
.tsf-guven li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600}
.tsf-guven-yesil{color:#067647}
.tsf-guven-mavi{color:#175cd3}
.tsf-guven-sari{color:#b54708}
.tsf-uye-modal .modal-header{border-bottom:1px solid #eaecf0}
.tsf-uye-modal .modal-title{font-size:1.05rem;font-weight:700;color:#b42318}
.tsf-uye-modal-ana{font-size:1.05rem;color:#101828;margin-bottom:1rem}
.tsf-uye-modal-alt{margin:.8rem 0 1rem;font-size:.9rem;color:#475467}
.tsf-uye-modal-liste{display:grid;gap:.45rem;margin:0;padding-top:.9rem;border-top:1px solid #eaecf0}
.tsf-uye-modal-liste li{display:flex;align-items:center;gap:.55rem;font-size:.85rem;color:#475467}
.tsf-uye-modal-liste .bi{color:#e49b2c;font-size:1.05rem}
.tsf-gizli-not{display:block;margin-top:.2rem;font-size:.75rem;font-weight:500;color:#667085}

/* Fiyat / satın al bloğu orta sütunda (İlan Bilgileri'nin üstünde) */
.listing-details .tsf-islem-kutu{margin-bottom:1.25rem}
.listing-details .tsf-islem-kutu .au-price{font-size:1.9rem}

/* Fiyat bloğu taşındıktan sonra sağ sütunun üst boşluğu ve alt şeridi */
.listing-details .information-section:not(.tsf-islem-kutu) > .tsf-satici-kutu:first-child,
.listing-details .information-section:not(.tsf-islem-kutu) > *:first-child{margin-top:0;border-top:0;padding-top:0}
.listing-details .information-section:not(.tsf-islem-kutu){padding-top:14px}
.listing-details .tsf-islem-kutu{padding-bottom:6px}
.listing-details .tsf-islem-kutu .tsf-ilgi-kutu{margin-bottom:.4rem}
.listing-details .tsf-islem-kutu > .mt-4.no-print:last-child{margin-bottom:0}

/* İşlem düğmeleri — anlamlarına göre ayrı renk (hepsi lacivert olunca ayırt edilemiyordu):
   Teklif Ver = yeşil, Satın Al = lacivert (marka), Teklif Gönder = amber. */
.listing-details .information-section button[type=submit].btn.btn-place-bid,
.listing-details .information-section .btn.btn-place-bid{background-color:#067647;border-color:#067647;color:#fff}
.listing-details .information-section button[type=submit].btn.btn-place-bid:hover,
.listing-details .information-section .btn.btn-place-bid:hover{background-color:#05603a;border-color:#05603a}
.listing-details .information-section button[type=submit].btn.btn-make-offer,
.listing-details .information-section .btn.btn-make-offer{background-color:#fdb022;border-color:#fdb022;color:#6a2c0b}
.listing-details .information-section button[type=submit].btn.btn-make-offer:hover,
.listing-details .information-section .btn.btn-make-offer:hover{background-color:#f79009;border-color:#f79009;color:#fff}

/* Verileri göster — ağır lacivert yerine hafif, tıklanabilir görünen düğme (Satın Al'dan ayrışsın) */
.tsf-iletisim-btn{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}
.tsf-iletisim-btn:hover{background:#d1e9ff;color:#175cd3}

/* Orta sütun fiyat bloğu — sadeleştirme: büyük uyarı kutuları yerine küçük etiketler */
.tsf-chipler{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 .2rem}
.tsf-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;font-size:.76rem;font-weight:600;line-height:1.4;border:1px solid}
.tsf-chip-dusuk{background:#eff8ff;border-color:#d1e9ff;color:#175cd3}
.tsf-chip-orta{background:#fffaeb;border-color:#fef0c7;color:#b54708}
.tsf-chip-yuksek{background:#fff6ed;border-color:#ffead5;color:#c4320a}
/* geri sayımdaki yinelenen saat simgesi */
.tsf-islem-kutu dl.dl-lg>dt{display:none}
.tsf-islem-kutu dl.dl-lg{margin-top:.8rem}
.listing-details .tsf-islem-kutu{padding-bottom:18px}

/* Fiyat bloğu sağ sütunda, satıcı kutusunun üstünde */
.information-section > .tsf-islem-kutu{margin-bottom:0;padding-bottom:0;border:0}

/* İlan türüne göre fiyat rengi: ihale yeşil, sabit fiyat lacivert, teklif topla amber */
.listing-card.tsf-tur-ihale .card-price .au-price{color:#067647}
.listing-card.tsf-tur-sabit .card-price .au-price{color:#14395F}
.listing-card.tsf-tur-teklif .card-price .au-price{color:#b54708}

/* Tek çizgi: bloklar arası ayırıcı yalnızca üstteki blokta (satıcı/hareketler border-top) */
.listing-details .tsf-islem-kutu{border:0}
.listing-details .information-section .tsf-satici-yan{margin-top:16px}
.tsf-hareketler .btn.btn-primary.dialog-box,.tsf-hareketler a.btn-primary{background:#eff8ff;border:1px solid #b2ddff;color:#175cd3;font-weight:600}
.tsf-hareketler a.btn-primary:hover{background:#d1e9ff;color:#175cd3}

/* Sade yan panel: başlık altı çizgileri kalktı, bloklar arası tek çizgi */
.tsf-yan-baslik{border-bottom:0;padding-bottom:0;margin-bottom:10px}
.tsf-iletisim-btn,.tsf-hareketler a.btn-primary,.tsf-hareketler .btn.btn-primary.dialog-box{
  background:transparent;border:0;color:var(--ink,#101828);font-weight:500;padding:.4rem 0;display:inline-flex;align-items:center;gap:.5rem;width:auto;box-shadow:none}
.tsf-iletisim-btn:hover,.tsf-hareketler a.btn-primary:hover{background:transparent;color:#175cd3;text-decoration:underline}

/* Özel simgeler (Lucide, ISC): ihale = tokmak, teklif topla = el sıkışma */
.bi.bi-tsf-gavel::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 13-8.381 8.38a1 1 0 0 1-3.001-3l8.384-8.381' /%3E%3Cpath d='m16 16 6-6' /%3E%3Cpath d='m21.5 10.5-8-8' /%3E%3Cpath d='m8 8 6-6' /%3E%3Cpath d='m8.5 7.5 8 8' /%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 13-8.381 8.38a1 1 0 0 1-3.001-3l8.384-8.381' /%3E%3Cpath d='m16 16 6-6' /%3E%3Cpath d='m21.5 10.5-8-8' /%3E%3Cpath d='m8 8 6-6' /%3E%3Cpath d='m8.5 7.5 8 8' /%3E%3C/svg%3E") center/contain no-repeat}
.bi.bi-tsf-handshake::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3' /%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4' /%3E%3Cpath d='m21 3 1 11h-2' /%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3' /%3E%3Cpath d='M3 4h8' /%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3' /%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4' /%3E%3Cpath d='m21 3 1 11h-2' /%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3' /%3E%3Cpath d='M3 4h8' /%3E%3C/svg%3E") center/contain no-repeat}
/* Soru Sor ve diğer yan düğmeler aynı hizada */
.tsf-satici-yan .tsf-satici-sag .btn,.tsf-satici-yan .tsf-satici-sag .tsf-iletisim-btn{padding-left:0;padding-right:0;margin-left:0}

/* ====== Kategori menüsü — kurumsal, düzenli açılır panel ====== */
.cat-nav .categories-menu .fs-dropdown-menu .masonry-layout{
  column-count:auto;column-gap:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.6rem 2.4rem;align-items:start}
.cat-nav .categories-menu .masonry-layout__panel{break-inside:auto;margin:0;min-width:0}
.cat-nav .categories-menu .subcategory-header{
  font-family:var(--pb-font-primary),sans-serif!important;font-size:.95rem!important;font-weight:700;line-height:1.35;
  margin:0 0 .5rem;padding:0 0 .5rem;border-bottom:2px solid #e4e7ec}
.cat-nav .categories-menu .subcategory-header a{color:#14395F;display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}
.cat-nav .categories-menu .subcategory-header a:hover{color:#0b2540}
.cat-nav .categories-menu .masonry-layout__panel > div{margin:0!important}
.cat-nav .categories-menu .masonry-layout__panel > div > div{margin:0}
.cat-nav .categories-menu .masonry-layout__panel > div a{
  display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;
  padding:.28rem 0;font-size:.88rem;line-height:1.4;color:#475467;text-decoration:none}
.cat-nav .categories-menu .masonry-layout__panel > div a:hover{color:#14395F;padding-left:.25rem;transition:padding .15s}
.cat-nav .categories-menu .masonry-layout small{
  margin:0;flex:none;font-family:inherit;font-size:.72rem;font-weight:600;color:#667085;
  background:#f2f4f7;border-radius:999px;padding:.05rem .5rem;line-height:1.5}
.cat-nav .categories-menu .fs-dropdown-menu{padding-top:1.2rem!important}

/* Kategori paneli: reklam alanı boşsa liste tüm genişliği kullansın */
.cat-nav .categories-menu .fs-dropdown-menu > .row > .col-sm-9{flex:1 1 0;width:auto;max-width:none}
.cat-nav .categories-menu .fs-dropdown-menu > .row > .col-sm-3{flex:0 0 auto;width:auto;max-width:25%}
.cat-nav .categories-menu .fs-dropdown-menu > .row > .col-sm-3:empty{display:none}
.cat-nav .categories-menu .masonry-layout{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

/* Kart: kapanış tarihi ve etiketler */
.tsf-meta-kart{flex-wrap:wrap}
.tsf-meta-kart .tsf-kapanis{display:flex;width:100%;align-items:center;gap:.35rem;margin-top:.3rem;font-size:.78rem;color:#667085}
.tsf-meta-kart .tsf-chipler-kart{display:flex;width:100%;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.tsf-meta-kart .tsf-chipler-kart .tsf-chip{font-size:.72rem;padding:.15rem .55rem}
.tsf-chip-yeni{background:#ecfdf3;border-color:#abefc6;color:#067647}

/* Yatay (liste) kart: etiket satırı başlığın üstündeki alana, tek satır yatay */
.listings-cards .card-list:not(.event-card) .card-body .tsf-meta-kart{
  grid-area:seller;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin-bottom:.5rem}
.listings-cards .card-list .tsf-meta-kart .tsf-kapanis,
.listings-cards .card-list .tsf-meta-kart .tsf-chipler-kart{width:auto;margin-top:0}
.listings-cards .card-list .tsf-meta-kart .tsf-ogeler{white-space:nowrap}

/* Yatay kart, dar alan (ana sayfada yan yana iki bölüm): geri sayım sütunu
   sınırlı; başlık ve etiketler için yer kalsın, sayaç gerekirse alt satıra sarılsın */
@media (min-width: 992px) {
  .listings-cards .card-list:not(.event-card) .card-body{
    grid-template-columns:minmax(0,1fr) 110px minmax(140px,200px)}
  .listings-cards .card-list:not(.event-card) .card-body .end-time,
  .listings-cards .card-list:not(.event-card) .card-body .end-time *{white-space:normal}
  .listings-cards .card-list:not(.event-card) .card-body .end-time{justify-self:end;text-align:right}
}

/* Yatay kart, yarım genişlikli alan (ana sayfada yan yana iki bölüm):
   üç sütunlu ızgara yerine dikey akış — başlık tam genişlikte, sayaç altta */
.listings-cards{container-type:inline-size}
@container (max-width: 980px) {
  .card-list:not(.event-card){grid-template-columns:28% 1fr !important}
  .card-list:not(.event-card) .card-body{display:flex !important;flex-direction:column;align-items:stretch;gap:.35rem}
  .card-list:not(.event-card) .card-body .tsf-meta-kart{margin-bottom:.15rem}
  .card-list:not(.event-card) .card-body .card-title{height:auto;max-height:2.4em}
  .card-list:not(.event-card) .card-body .card-short-description{height:auto}
  .card-list:not(.event-card) .card-body .end-time{justify-self:start;text-align:left;align-self:flex-start}
}

/* Seri ilan: "Satıcıya mesaj gönder" — sade, kurumsal çerçeveli düğme */
.tsf-mesaj-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1rem;
  background:#fff;color:#14395F;border:1px solid #14395F;border-radius:8px;font-weight:600;font-size:.92rem}
.tsf-mesaj-btn:hover,.tsf-mesaj-btn:focus{background:#14395F;color:#fff;border-color:#14395F}
.tsf-mesaj-btn[disabled]{opacity:.5;pointer-events:none}

/* ====== İlan / lot ekleme formu — kurumsal başlık hiyerarşisi ======
   Bölüm başlığı (en üst) > alt başlık (gri şerit) > alan etiketi (yarı kalın) > açıklama (soluk) */
.form-listing .section-title,
.form-vertical .section-title{
  font-family:var(--pb-font-primary),sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;color:#14395F;
  margin:2.75rem 0 1.25rem;padding:0 0 .7rem;border-bottom:2px solid #14395F}
.form-listing .elements > .section-title:first-child,
.form-listing .section-title:first-of-type{margin-top:0}
.form-listing .subtitle,
.form-vertical .subtitle{
  font-family:var(--pb-font-primary),sans-serif;font-size:.95rem;font-weight:700;color:#14395F;letter-spacing:0;
  margin:1.75rem 0 1rem;padding:.6rem .9rem;background:#f2f4f7;border-left:3px solid #14395F;border-radius:0 6px 6px 0}
.form-listing .subtitle .anchor,.form-vertical .subtitle .anchor{display:none}
.form-vertical .col-form-label,
.form-listing .col-form-label{
  font-size:.92rem;font-weight:600;color:#1d2939;margin-bottom:.35rem}
.form-listing .form-text,
.form-listing .text-muted,
.form-vertical .form-text{font-size:.82rem;color:#667085!important}
.form-listing .form-text.text-danger,.form-listing .text-danger{color:#b42318!important}

/* Teklif Topla: fiyat yerine teklif aralığı — küçük etiket + sığan tutar */
.text-offers-only{display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:.1rem;white-space:normal!important;line-height:1.2}
.text-offers-only .tsf-aralik-etiket{font-size:.7rem;font-weight:600;color:#667085;letter-spacing:.01em}
.text-offers-only .tsf-aralik-deger{white-space:nowrap;color:#b54708}
.listing-details .tsf-islem-kutu .au-price .text-offers-only .tsf-aralik-deger{font-size:1.45rem;font-weight:700}
.listings-cards .card .text-offers-only .tsf-aralik-deger{font-size:1.05rem;font-weight:700}

/* ===== Blog (kurumsal) ===== */
.tsf-blog-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin:1.25rem 0 1.75rem}
.tsf-blog-kart{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.tsf-blog-kart:hover{box-shadow:0 8px 24px rgba(20,57,95,.12);transform:translateY(-2px)}
.tsf-blog-gorsel{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#14395F,#1f5a96);overflow:hidden}
.tsf-blog-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.tsf-blog-yer{display:flex;align-items:center;justify-content:center;height:100%;color:rgba(255,255,255,.85);font-size:2.6rem}
.tsf-blog-icerik{display:flex;flex-direction:column;flex:1;padding:1rem 1.1rem 1.1rem}
.tsf-blog-etiket{align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#14395F;background:#e8eff7;border-radius:4px;padding:.15rem .5rem;margin-bottom:.6rem}
.tsf-blog-baslik{font-size:1.05rem;font-weight:800;line-height:1.35;margin:0 0 .5rem}
.tsf-blog-baslik a{color:#14395F;text-decoration:none}
.tsf-blog-baslik a:hover{text-decoration:underline}
.tsf-blog-ozet{font-size:.9rem;color:#525f70;line-height:1.55;flex:1}
.tsf-blog-ozet p:last-child{margin-bottom:0}
.tsf-blog-devam{margin-top:.8rem;font-size:.85rem;font-weight:700;color:#14395F;text-decoration:none}
.tsf-blog-devam:hover{text-decoration:underline}
/* yazi sayfasi */
.tsf-rehber{max-width:820px;margin:0 auto 2rem;font-size:1.02rem;line-height:1.75;color:#2b3645}
.tsf-rehber h2{font-size:1.4rem;font-weight:800;color:#14395F;border-bottom:2px solid #e3e8ef;padding-bottom:.4rem;margin:2rem 0 .8rem}
.tsf-rehber h3{font-size:1.1rem;font-weight:700;color:#14395F;margin:1.4rem 0 .4rem}
.tsf-rehber table{width:100%;font-size:.92rem;margin:1rem 0}
.tsf-rehber th{background:#14395F;color:#fff;font-weight:600;padding:.5rem .7rem}
.tsf-rehber td{padding:.5rem .7rem;border-bottom:1px solid #e3e8ef}
.tsf-rehber nav{background:#f4f7fb;border-left:3px solid #14395F;padding:.7rem 1rem;margin:1rem 0;font-size:.9rem}
.tsf-rehber nav a{margin-right:.2rem}

/* ===== Blog yazi sayfasi: sol menu + govde ===== */
.tsf-yazi-duzen{display:grid;grid-template-columns:280px minmax(0,1fr);gap:2rem;align-items:start;margin-bottom:2rem}
.tsf-yan-bas{font-size:1.1rem;font-weight:800;color:#14395F;margin:0 0 .6rem}
.tsf-yan-liste{list-style:none;margin:0 0 1.6rem;padding:0}
.tsf-yan-liste li{margin-bottom:.4rem}
.tsf-yan-liste a{display:block;background:#f4f7fb;border-left:3px solid transparent;border-radius:4px;padding:.6rem .8rem;color:#4a5668;font-size:.9rem;line-height:1.4;text-decoration:none;transition:all .15s}
.tsf-yan-liste a:hover{background:#e8eff7;border-left-color:#14395F;color:#14395F}
.tsf-yazi-yan{position:sticky;top:1rem}
.tsf-yazi-kapak{margin:0 0 1.4rem;border-radius:8px;overflow:hidden;background:#e8eff7}
.tsf-yazi-kapak img{width:100%;max-height:420px;object-fit:cover;display:block}
.tsf-yazi-govde{font-size:1.02rem;line-height:1.75;color:#2b3645}
.tsf-yazi-govde h2{font-size:1.5rem;font-weight:800;color:#14395F;margin:2rem 0 .7rem;scroll-margin-top:1rem}
.tsf-yazi-govde h3{font-size:1.15rem;font-weight:700;color:#14395F;margin:1.4rem 0 .4rem}
.tsf-yazi-govde img{max-width:100%;height:auto;border-radius:6px}
.tsf-yazi-govde table{width:100%;font-size:.92rem;margin:1rem 0}
.tsf-yazi-govde th{background:#14395F;color:#fff;padding:.5rem .7rem}
.tsf-yazi-govde td{padding:.5rem .7rem;border-bottom:1px solid #e3e8ef}
@media (max-width:991px){.tsf-yazi-duzen{grid-template-columns:1fr}.tsf-yazi-yan{position:static;order:2}}

/* ===== SSS (kurumsal akordeon) ===== */
.tsf-sss{margin-bottom:2rem}
.tsf-sss-giris{background:#f4f7fb;border-left:3px solid #14395F;border-radius:4px;padding:.9rem 1.1rem;margin-bottom:1.2rem;color:#4a5668;font-size:.95rem}
.tsf-sss-giris p:last-child{margin-bottom:0}
.tsf-sss-ara input{width:100%;padding:.85rem 1.1rem;font-size:1rem;border:2px solid #d5deea;border-radius:6px;background:#fff;margin-bottom:1.4rem}
.tsf-sss-ara input:focus{outline:0;border-color:#14395F;box-shadow:0 0 0 3px rgba(20,57,95,.12)}
.tsf-sss-ana{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;align-items:start}
.tsf-sss-yan{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.4rem}
.tsf-sss-yan a{display:block;background:#f4f7fb;border-left:3px solid transparent;border-radius:4px;padding:.65rem .85rem;color:#4a5668;font-size:.9rem;line-height:1.35;text-decoration:none}
.tsf-sss-yan a:hover{background:#e8eff7;color:#14395F}
.tsf-sss-yan a.aktif{background:#e8eff7;border-left-color:#e8a317;color:#14395F;font-weight:700}
.tsf-sss-bolum{margin-bottom:2rem;scroll-margin-top:1rem}
.tsf-sss-bolum>h2{font-size:1.35rem;font-weight:800;color:#14395F;border-bottom:2px solid #f3dca6;padding-bottom:.5rem;margin:0 0 .4rem}
.tsf-sss-soru{border-bottom:1px solid #e3e8ef}
.tsf-sss-bt{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;text-align:left;background:none;border:0;padding:.95rem .2rem;font-size:1rem;font-weight:700;color:#1d2a3a;cursor:pointer}
.tsf-sss-bt:hover,.tsf-sss-soru.acik .tsf-sss-bt{color:#14395F}
.tsf-sss-bt i{color:#14395F;transition:transform .2s;flex:none}
.tsf-sss-soru.acik .tsf-sss-bt i{transform:rotate(180deg)}
.tsf-sss-cevap{padding:0 .2rem 1.1rem;color:#3b4859;line-height:1.7;font-size:.96rem}
.tsf-sss-cevap[hidden]{display:none}
.tsf-sss-cevap table{width:100%;font-size:.9rem}
.tsf-sss-cevap th{background:#14395F;color:#fff;padding:.45rem .6rem}
.tsf-sss-cevap td{padding:.45rem .6rem;border-bottom:1px solid #e3e8ef}
.tsf-sss-bos{color:#667085;padding:1rem 0}
@media (max-width:991px){.tsf-sss-ana{grid-template-columns:1fr}.tsf-sss-yan{position:static;flex-direction:row;flex-wrap:wrap}}

/* ===== Satıcıyı Tanıyın ===== */
.tsf-satici-tanit{margin:.9rem 0}
.tsf-satici-tanit dl{margin:0;border:1px solid #e3e8ef;border-radius:6px;background:#fff}
.tsf-satici-tanit dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .85rem;font-size:.88rem;border-bottom:1px solid #eef1f5}
.tsf-satici-tanit dl>div:last-child{border-bottom:0}
.tsf-satici-tanit dt{font-weight:500;color:#667085}
.tsf-satici-tanit dd{margin:0;font-weight:700;color:#14395F;text-align:right}

/* ===== Ilan detayi: bilgi ikonu ===== */
.tsf-bilgi{display:inline-block;margin-left:.35rem;color:#14395F;opacity:.7;cursor:pointer;font-size:.85em;vertical-align:baseline;text-decoration:none}
.tsf-bilgi:hover,.tsf-bilgi:focus{opacity:1;outline:0}
.popover{max-width:300px;font-size:.85rem}
.popover-header{background:#14395F;color:#fff;font-weight:700;font-size:.85rem}

/* ===== Kurumsal kompakt başlık (tsf-header) ===== */
.utility.tsf-duyuru { background: var(--primary); color: #fff; font-size: .8rem; }
.utility.tsf-duyuru a { color: #fff; text-decoration: underline; }
.utility.tsf-duyuru p { margin: 0; }
header.site-header { backdrop-filter: none; box-shadow: 0 1px 0 var(--line); }
header.site-header .tsf-ana-satir { padding-top: .6rem; padding-bottom: .6rem; }
header.site-header .brand .logo { max-height: 40px; width: auto; }
header .tsf-hesap { display: inline-flex; align-items: center; gap: .4rem; width: auto; padding: 0 .6rem; }
header .tsf-hesap-yazi { font-size: .85rem; font-weight: 600; color: var(--ink); }
.cat-nav { border-top: 1px solid var(--line); background: #f6f8fb; }
.cat-nav a.nav-link { padding: .6rem .7rem; font-size: .86rem; }
.cat-nav small { display: none !important; }
.cat-nav .categories-menu > .link__home { display: none; }
.cat-nav .tsf-cat-satir { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cat-nav .tsf-cat-satir .categories-menu { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; overflow: visible; }
.cat-nav .tsf-cat-ek { flex: 0 0 auto; font-size: .82rem; padding-left: 1rem; border-left: 1px solid var(--line); }
.cat-nav .tsf-cat-link { font-size: .82rem; font-weight: 600; color: var(--ink-3); white-space: nowrap; }
.cat-nav .tsf-cat-link:hover, .cat-nav .tsf-cat-link.active { color: var(--primary); }
@media (min-width: 992px) {
  header.site-header .tsf-ana-satir { height: 64px; display: flex; align-items: center; }
  header.site-header .tsf-ana-satir > .d-flex { width: 100%; flex-wrap: nowrap !important; }
  header.site-header .sidebar-toggler { display: inline-flex !important; }
  header.site-header[data-scroll-header] { top: -65px; }
  header.site-header[data-scroll-header].is-revealed { top: 0; }
}
@media (max-width: 1199.98px) { .cat-nav .tsf-cat-ek { display: none !important; } }
@media (max-width: 991.98px) {
  header.site-header .tsf-ana-satir { padding-top: .5rem; padding-bottom: .5rem; }
  header .tsf-hesap { display: none; }
}

/* ===== tsf-header v2: ince şerit, sol bağlantılar / sağ kategoriler, kompakt açılır menü ===== */
.cat-nav .tsf-cat-satir { position: relative; min-height: 40px; }
.cat-nav .tsf-cat-satir .categories-menu { position: static; order: 2; justify-content: flex-end; flex-wrap: nowrap; gap: 0; }
.cat-nav .tsf-cat-ek { order: 1; padding-left: 0; padding-right: 1rem; border-left: 0; border-right: 1px solid var(--line); margin-right: auto; }
.cat-nav .categories-menu .nav-link { display: inline-flex; align-items: center; white-space: nowrap; font-weight: 500; font-size: .83rem; padding: .55rem .75rem; line-height: 1.2; color: var(--ink-3); }
.cat-nav .categories-menu .nav-link > i:not(.category-dropdown-chevron),
.cat-nav .categories-menu .nav-link > svg,
.cat-nav .categories-menu .nav-link > img { display: none !important; }
.cat-nav .categories-menu .nav-link:hover { color: var(--primary); }
.cat-nav .tsf-cat-link { font-weight: 500; font-size: .83rem; }
.cat-nav .categories-menu .fs-dropdown > .fs-dropdown-menu {
  left: auto; right: 0; top: 100%; margin-top: 0; width: min(820px, 100%); max-height: 70vh;
  padding-top: 12px; border-radius: 0 0 6px 6px; box-shadow: 0 12px 28px -12px rgba(16, 24, 40, .25);
}
.cat-nav .categories-menu .fs-dropdown-menu > .row { margin: 0; padding: 0 1rem .75rem !important; }
.cat-nav .categories-menu .fs-dropdown-menu .col-sm-9 { flex: 0 0 100%; max-width: 100%; }
.cat-nav .categories-menu .fs-dropdown-menu .col-sm-3 { display: none; }
.cat-nav .categories-menu .masonry-layout { column-count: 3 !important; column-gap: 1.5rem; }
.cat-nav .categories-menu .masonry-layout__panel { margin-bottom: .6rem; }
.cat-nav .fs-dropdown-menu .subcategory-header { font-size: .86rem !important; font-weight: 600; margin: 0 0 .3rem; padding-bottom: .25rem; border-bottom: 1px solid var(--line); }
.cat-nav .fs-dropdown-menu .subcategory-header a { font-size: .86rem; }
.cat-nav .fs-dropdown-menu a { font-size: .82rem; font-weight: 400; padding: 0; display: inline-block; }
.cat-nav .fs-dropdown-menu .mb-3.pb-3 { margin-bottom: .6rem !important; padding-bottom: .5rem !important; }
.cat-nav .fs-dropdown-menu .mb-3.pb-3 a { font-size: .86rem; font-weight: 600; }
.cat-nav .fs-dropdown-menu .mb-3.pb-3 a > i:first-child, .cat-nav .fs-dropdown-menu .mb-3.pb-3 svg { display: none; }

/* ===== tsf-header v3: Kayıt Ol, kısa arama, hamburger ===== */
header .tsf-kayit { background: var(--primary); color: #fff !important; font-weight: 600; font-size: .85rem; padding: .5rem 1.1rem; border-radius: 8px; border: 1px solid var(--primary); white-space: nowrap; line-height: 1.3; }
header .tsf-kayit:hover { filter: brightness(1.12); }
@media (min-width: 992px) { header .search-wrap { max-width: 560px; } }
@media (max-width: 991.98px) { header .tsf-kayit { display: none; } }
header .btn.tsf-kayit, header .btn.tsf-kayit:hover, header .btn.tsf-kayit:focus, header .btn.tsf-kayit:active { background-color: #14395F !important; border-color: #14395F !important; color: #fff !important; }
header .btn.tsf-kayit:hover, header .btn.tsf-kayit:focus { background-color: #0f2c4a !important; border-color: #0f2c4a !important; filter: none; }

/* ===== Ürün Listesi (manifest) ===== */
.tsf-urun-listesi { margin: 0 0 1.75rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; overflow: hidden; }
.tsf-urun-listesi-baslik { margin: 0; padding: .8rem 1rem; font-size: .95rem; font-weight: 700; background: #f6f8fb; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: .5rem; }
.tsf-urun-ozet { display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; padding: .7rem 1rem; font-size: .85rem; color: var(--muted); border-bottom: 1px solid var(--line); }
.tsf-urun-ozet strong { color: var(--ink); font-weight: 700; }
.tsf-urun-listesi-kap { max-height: 440px; overflow: auto; }
.tsf-urun-tablo { width: 100%; border-collapse: collapse; font-size: .84rem; }
.tsf-urun-tablo th, .tsf-urun-tablo td { padding: .55rem .9rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.tsf-urun-tablo th { position: sticky; top: 0; background: #fff; font-weight: 600; color: var(--muted); font-size: .78rem; white-space: nowrap; }
.tsf-urun-tablo .sag { text-align: right; white-space: nowrap; }
.tsf-urun-tablo tbody tr:last-child td { border-bottom: 0; }
.tsf-urun-kilit { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem; padding: .9rem 1rem; background: #f6f8fb; border-top: 1px solid var(--line); font-size: .86rem; color: var(--ink-3); }
.tsf-urun-kilit > i { font-size: 1.1rem; color: var(--primary); }
.tsf-urun-kilit > span { flex: 1 1 220px; }
.tsf-urun-indir { padding: .9rem 1rem; display: flex; flex-wrap: wrap; gap: .5rem; border-top: 1px solid var(--line); }
.tsf-kilit-btn { background: var(--primary); color: #fff !important; font-weight: 600; font-size: .85rem; padding: .45rem 1rem; border-radius: 8px; border: 1px solid var(--primary); }
.tsf-kilit-btn:hover { filter: brightness(1.1); }
.tsf-kilit-btn-2 { background: #fff; color: var(--primary) !important; }
.tsf-urun-not { margin: 0; padding: .6rem 1rem; font-size: .76rem; color: var(--muted); border-top: 1px solid var(--line); }
@media (max-width: 767.98px) { .tsf-urun-tablo th, .tsf-urun-tablo td { padding: .5rem .6rem; } }

/* Bilgi baloncukları: sade, başlık şeridi yok */
.popover.tsf-pop { max-width: 300px; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px -10px rgba(16,24,40,.25); }
.popover.tsf-pop .popover-header { background: transparent; color: var(--ink); border-bottom: 0; font-size: .85rem; font-weight: 700; padding: .65rem .85rem .1rem; }
.popover.tsf-pop .popover-body { color: var(--ink-3); font-size: .82rem; line-height: 1.5; padding: .3rem .85rem .75rem; }

/* Bilgi ikonları: etiket sütununun sağ kenarında hizalı */
.tsf-kunye dt { justify-content: space-between; }
.tsf-kunye dt .tsf-bilgi { margin: 1px 0 0 auto; flex: 0 0 auto; }
.tsf-urun-listesi { margin-top: 0; }

/* ===== Buton hover düzeltmesi: hover'da şeffaflaşma / yazı kaybolması ===== */
.tsf-kilit-btn, .tsf-kilit-btn:focus, .tsf-kilit-btn:active { background-color: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; }
.tsf-kilit-btn:hover { background-color: #0f2c4a !important; border-color: #0f2c4a !important; color: #fff !important; filter: none; }
.tsf-kilit-btn.tsf-kilit-btn-2, .tsf-kilit-btn.tsf-kilit-btn-2:focus, .tsf-kilit-btn.tsf-kilit-btn-2:active { background-color: #fff !important; color: var(--primary) !important; }
.tsf-kilit-btn.tsf-kilit-btn-2:hover { background-color: #eef2f7 !important; color: #0f2c4a !important; border-color: var(--primary) !important; }
.btn-light:hover, .btn-light:focus, .btn-light:active { background-color: #e8eef6 !important; border-color: #e8eef6 !important; color: #14395F !important; }
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active { background-color: #fff !important; border-color: #fff !important; color: #14395F !important; }

/* Komisyon kutusu */
.listing-details .information-section .tsf-komisyon { margin-top: 1rem; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.tsf-komisyon dl { display: grid; grid-template-columns: 1fr auto; gap: .35rem 1rem; margin: .5rem 0 0; font-size: .85rem; }
.tsf-komisyon dt { color: var(--muted); font-weight: 400; }
.tsf-komisyon dd { margin: 0; font-weight: 700; color: var(--ink); text-align: right; }

/* Manifest tablosu: telefonda Marka ve Beden sütunları gizli, Ürün sütunu geniş */
.tsf-urun-tablo td:first-child { min-width: 150px; }
@media (max-width: 575.98px) { .tsf-urun-tablo .gizle-mobil { display: none; } .tsf-urun-tablo td:first-child { min-width: 130px; } }

.tsf-komisyon-kim { font-weight: 400; color: var(--muted); font-size: .82em; margin-left: .35rem; }

/* Liste görünümü: fiyat sütunu içeriğe göre genişler (Teklif aralığı "Kalan süre" kutusunun üstüne binmesin) */
@media (min-width: 992px) {
  .listings-cards .card-list:not(.event-card) .card-body,
  .stores-cards .card-list:not(.event-card) .card-body,
  .events-cards .card-list:not(.event-card) .card-body {
    grid-template-columns: minmax(0, 1fr) minmax(125px, max-content) auto;
    column-gap: 1.5rem;
  }
  .listings-cards .card-list:not(.event-card) .card-body .card-price { min-width: 0; text-align: right; }
  .listings-cards .card-list:not(.event-card) .card-body .card-price .price { white-space: nowrap; }
}

/* ==== [TSF] Ana sayfa sekmeleri (Satıcılar / Alıcılar) — kurumsal, iki düğme de görünür ==== */
.container > .row > .col-12 > ul.nav-pills.nav-fill {
  gap: .6rem;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 1.5rem !important;
}
.container > .row > .col-12 > ul.nav-pills.nav-fill .nav-link {
  background: #fff;
  border: 1px solid #C9D3DE;
  color: #14395F;
  border-radius: 8px;
  font-weight: 600;
  padding: .75rem 1rem;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.container > .row > .col-12 > ul.nav-pills.nav-fill .nav-link:hover,
.container > .row > .col-12 > ul.nav-pills.nav-fill .nav-link:focus {
  background: #F2F5F8;
  border-color: #14395F;
  color: #14395F;
}
.container > .row > .col-12 > ul.nav-pills.nav-fill .nav-link.active,
.container > .row > .col-12 > ul.nav-pills.nav-fill .nav-link.active:hover {
  background: #14395F;
  border-color: #14395F;
  color: #fff;
}

/* ==== [TSF] Mobil: geniş slider görseli küçük kalıyordu — yükseklik verip ortadan kırp ==== */
@media (max-width: 767.98px) {
  .advert-carousel .carousel-item img {
    height: 190px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
  }
}

/* ==== [TSF] İlan detayı: "Teklif aralığı" fiyatı sağ kart çerçevesinden taşıyordu ==== */
.listing-details .tsf-islem-kutu {
  container-type: inline-size;
}
.listing-details .tsf-islem-kutu .au-price {
  min-width: 0;
}
.listing-details .tsf-islem-kutu .au-price .text-offers-only .tsf-aralik-deger {
  font-size: min(1.45rem, 7.5cqw);
  line-height: 1.2;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* ==== [TSF] "Yakında başlayacak" etiketi ilan tipinin (Online İhale vb.) yanında ==== */
.tsf-meta .tsf-ogeler { white-space: normal; }
.tsf-meta .tsf-ogeler .tsf-oge { white-space: nowrap; }
.tsf-meta .tsf-ogeler .tsf-yakinda {
  margin-left: .55rem;
  padding: .1rem .55rem;
  font-size: .72rem;
  vertical-align: middle;
  white-space: nowrap;
}
.tsf-meta-detay .tsf-ogeler .tsf-yakinda { font-size: .76rem; padding: .15rem .6rem; }

/* ==== [TSF] İlan bilgi ipuçları: küçük gri ikon, fareyle üstüne gelince açılır (tıklama gerekmez) ==== */
.tsf-kunye dt .tsf-ipucu {
  margin: 2px 0 0 auto;
  flex: 0 0 auto;
  color: var(--muted-2);
  font-size: 12px;
  line-height: 1.5;
  cursor: help;
  outline: 0;
}
.tsf-kunye dt .tsf-ipucu:hover,
.tsf-kunye dt .tsf-ipucu:focus { color: var(--pb-color-primary); }
.tooltip .tooltip-inner {
  max-width: 280px;
  text-align: left;
  font-size: .8rem;
  line-height: 1.45;
  padding: .5rem .7rem;
}

/* "Yakında başlayacak" etiketi kartta "Online İhale" ile aynı satıra sığsın diye biraz küçültüldü */
.tsf-meta-kart .tsf-ogeler .tsf-yakinda {
  margin-left: .4rem;
  padding: .04rem .45rem;
  font-size: .64rem;
  gap: .25rem;
  line-height: 1.35;
}
.tsf-meta-kart .tsf-ogeler .tsf-yakinda .bi { font-size: .7rem; }

/* [TSF] Ana sayfa bölümleri arası boşluk sıkılaştırma (masaüstü + mobil) */
main.home-page .container > .row > [class*="col"].my-4,
main.home-page .container > .row > [class*="col"].my-5{margin-top:14px!important;margin-bottom:14px!important}
main.home-page .container > .row > [class*="col"].advert-carousel{margin-top:10px!important}
main.home-page .nav-pills.nav-fill{margin-bottom:12px!important;padding-bottom:0!important}
main.home-page .tab-content .tsf-durum{margin:0}
@media (max-width:767.98px){
  main.home-page .container > .row > [class*="col"].my-4,
  main.home-page .container > .row > [class*="col"].my-5{margin-top:8px!important;margin-bottom:8px!important}
  main.home-page .nav-pills.nav-fill{margin-bottom:8px!important}
}

/* Anasayfa sekmeleri (Satıcılar/Alıcılar/Canlı durum) - küçültüldü */
main.home-page .nav-pills.nav-fill .nav-link{padding:.5rem 1rem!important;font-size:.95rem!important;line-height:1.3!important;border-radius:8px!important;min-height:0!important}
main.home-page .nav-pills.nav-fill{gap:8px!important}
@media (max-width:767.98px){
main.home-page .nav-pills.nav-fill .nav-link{padding:.42rem .6rem!important;font-size:.85rem!important}
}

/* Banner yüklenirken yer ayır (CLS): resim gelmeden alttaki bölümler kaymasın */
@media (min-width: 768px) {
  .advert-carousel .carousel-item img{width:100%;height:auto;aspect-ratio:1562/764}
}

/* ==== [TSF] Kart üzerinde ürün durumu etiketi (resmin sol altı) ==== */
.listing-card .card-img{position:relative}
.listing-card .card-img > a{display:block;position:relative}
.tsf-durum-etiket{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 9px;border-radius:5px;font-size:.72rem;font-weight:700;line-height:1.35;letter-spacing:.01em;color:#fff;background:#52728f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px rgba(20,57,95,.3);z-index:2}
.tsf-durum-k1{background:#1f7a4d}
.tsf-durum-k2{background:#2a8f8a}
.tsf-durum-k3{background:#2f6aa0}
.tsf-durum-k4{background:#5a8a2e}
.tsf-durum-k5{background:#c8651b}
.tsf-durum-k6{background:#b4442e}
.tsf-durum-k7{background:#5c6670}
@media (max-width:575.98px){
.tsf-durum-etiket{left:6px;bottom:6px;font-size:.66rem;padding:2px 7px}
}

/* Sıralama / sayfa başına gösterim menüleri: kategori ikonu (lamba) kuralı buraya bulaşıyordu */
.btn-group-sm > .dropdown-menu > .dropdown-item::before,
.btn-group-sm > .dropdown-menu > .dropdown-item:hover::before{content:none!important;display:none!important}

.tsf-durum-k8{background:#ffe800;color:#222;text-shadow:none;box-shadow:0 1px 3px rgba(0,0,0,.35)}

/* ==========================================================================
   Liste görünümü: üç bölmeli, kompakt kart (görsel | bilgi | fiyat + işlem)
   Yalnızca .card-list; ızgara (card-grid) görünümü etkilenmez.
   Dar alanlarda (mobil, ana sayfada yarım sütun) container query ile
   iki satırlı düzene geçer. Ölçüler cqw ile kabın genişliğine bağlıdır.
   ========================================================================== */
.card-main,.card-aside{display:contents}
.card-info,.card-incele{display:none}

.listings-cards .card-list.card-list:not(.event-card){
  position:relative;overflow:hidden;padding:0!important;gap:0!important;align-items:stretch!important;
  display:grid!important;
  grid-template-areas:none!important;
  grid-template-columns:clamp(104px,15cqw,150px) minmax(0,1fr) clamp(176px,22cqw,212px)!important;
  grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr)!important;
}
.listings-cards .card-list.card-list:not(.event-card)::after{
  content:"";grid-area:1/3/5/4;background:#fafbfd;border-left:1px solid var(--line,#e8edf3);z-index:0}
.listings-cards .card-list.card-list:not(.event-card) .card-img{
  grid-area:1/1/5/2!important;position:relative;min-height:112px;width:auto;max-width:100%;min-width:0;
  height:auto;aspect-ratio:auto;align-self:stretch;margin:0;overflow:hidden}
.listings-cards .card-list.card-list:not(.event-card) .card-img > a{
  position:absolute;inset:0;display:block}
.listings-cards .card-list.card-list:not(.event-card) .card-img img{
  width:100%;height:100%;object-fit:cover;border-radius:0}
.listings-cards .card-list.card-list:not(.event-card) .card-body{display:contents!important}

.listings-cards .card-list.card-list:not(.event-card) .card-main{
  grid-area:1/2/5/3;display:flex;flex-direction:column;justify-content:center;gap:.3rem;
  min-width:0;padding:.7rem 1rem}
.listings-cards .card-list.card-list:not(.event-card) .card-main .card-seller{margin:0;font-size:.78rem}
.listings-cards .card-list.card-list:not(.event-card) .card-main .tsf-meta-kart{
  grid-area:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:0}
.listings-cards .card-list.card-list:not(.event-card) .card-main .tsf-meta-kart .tsf-kapanis{display:none}
.listings-cards .card-list.card-list:not(.event-card) .card-main .card-title{
  grid-area:auto;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3;height:auto;max-height:2.6em;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal!important}
.listings-cards .card-list.card-list:not(.event-card) .card-main .card-short-description{
  grid-area:auto;margin:0;font-size:.82rem;line-height:1.4;height:auto;max-height:2.8em;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal!important}
.listings-cards .card-list.card-list:not(.event-card) .card-info{
  display:flex;flex-wrap:wrap;gap:.15rem 1.1rem;font-size:.8rem;color:var(--muted,#667789);margin-top:.1rem}
.listings-cards .card-list.card-list:not(.event-card) .card-info b{font-weight:600;color:var(--ink,#1c2b3a)}

.listings-cards .card-list.card-list:not(.event-card) .card-aside{
  grid-area:2/3/3/4;position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;
  gap:.5rem;padding:.75rem 1rem 0;text-align:center;min-width:0}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .card-price{
  grid-area:auto;align-self:auto;display:block;margin:0}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .card-price .price{
  font-size:clamp(.95rem,1.9cqw,1.15rem);font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .end-time{
  grid-area:auto;justify-self:auto;align-self:auto;min-width:0;width:auto;text-align:center;white-space:normal!important;
  background:#eef2f8;border:0;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;line-height:1.3}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .end-time{display:block;border-radius:14px}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .end-time *{
  display:inline!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important;margin:0;min-width:0;white-space:normal!important;font-size:inherit;line-height:inherit}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .end-time em{margin-right:.25rem}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .end-time i,
.listings-cards .card-list.card-list:not(.event-card) .card-aside .end-time .bi{display:none!important}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .card-incele{
  display:block;background:var(--tsf-lacivert,#14395F);color:#fff;font-weight:700;border-radius:8px;padding:.5rem .6rem}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .card-incele:hover{color:#fff;filter:brightness(1.15)}

.listings-cards .card-list.card-list:not(.event-card) .card-footer{
  grid-area:3/3/4/4;position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem;
  width:auto;max-width:none;min-width:0;box-sizing:border-box;margin:0;
  padding:.5rem 1rem .75rem;background:transparent;border:0}
.listings-cards .card-list.card-list:not(.event-card) .card-footer .btn:first-child{
  background:var(--tsf-lacivert,#14395F)!important;border-color:var(--tsf-lacivert,#14395F)!important;color:#fff!important;font-weight:700}
.listings-cards .card-list.card-list:not(.event-card) .card-footer .btn:nth-child(2){
  background:#fff!important;border:1px solid var(--tsf-lacivert,#14395F)!important;color:var(--tsf-lacivert,#14395F)!important;font-weight:600}
.listings-cards .card-list.card-list:not(.event-card) .card-footer .btn{
  box-sizing:border-box;width:100%;padding:.5rem .6rem;font-size:.85rem!important;white-space:normal}
.listings-cards .card-list.card-list:not(.event-card) .card-footer .btn:nth-child(n+3){display:none}

.listings-cards .card-list.card-list:not(.event-card) .btn-wishlist-async{
  top:.5rem;left:.5rem;right:auto;z-index:2}
.listings-cards .card-list.card-list:not(.event-card) .listing-status{z-index:2}

/* Dar kap (mobil veya yarım genişlikli ana sayfa bölümü): iki satır.
   Üstte görsel + bilgi, altta fiyat / kalan süre solda, işlem düğmesi sağda. */
@container (max-width: 760px) {
  .listings-cards .card-list.card-list:not(.event-card){
    grid-template-columns:clamp(88px,18cqw,120px) minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important}
  .listings-cards .card-list.card-list:not(.event-card)::after{
    grid-area:2/1/3/4;border-left:0;border-top:1px solid var(--line,#e8edf3)}
  .listings-cards .card-list.card-list:not(.event-card) .card-img{grid-area:1/1/2/2!important;min-height:96px}
  .listings-cards .card-list.card-list:not(.event-card) .card-main{grid-area:1/2/2/4;padding:.6rem .75rem;gap:.25rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-main .card-title{font-size:1rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-aside{
    grid-area:2/1/3/3;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:.25rem .6rem;padding:.5rem .75rem;text-align:left}
  .listings-cards .card-list.card-list:not(.event-card) .card-aside .end-time{padding:.15rem .6rem;font-size:.75rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-aside .card-incele{
    grid-area:auto;width:auto;margin-left:auto;padding:.4rem .9rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-footer{
    grid-area:2/3/3/4;flex-direction:row;align-self:center;padding:.5rem .75rem .5rem 0}
  .listings-cards .card-list.card-list:not(.event-card) .card-footer .btn{width:auto;padding:.4rem .9rem;white-space:nowrap}
  .listings-cards .card-list.card-list:not(.event-card) .card-footer .btn:nth-child(n+2){display:none}
}
@container (max-width: 480px) {
  .listings-cards .card-list.card-list:not(.event-card) .tsf-durum-etiket{font-size:.62rem;padding:1px 5px;left:5px;bottom:5px;max-width:calc(100% - 10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .listings-cards .card-list.card-list:not(.event-card){grid-template-columns:84px minmax(0,1fr) auto!important}
  .listings-cards .card-list.card-list:not(.event-card) .card-img{min-height:84px}
  .listings-cards .card-list.card-list:not(.event-card) .card-main{padding:.5rem .6rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-main .card-title{font-size:.95rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-main .card-short-description{
    -webkit-line-clamp:1;line-clamp:1;max-height:1.4em}
  .listings-cards .card-list.card-list:not(.event-card) .card-info .card-info-oge:nth-child(n+2){display:none}
  .listings-cards .card-list.card-list:not(.event-card) .card-aside{padding:.4rem .6rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-aside .card-price .price{font-size:.95rem}
  .listings-cards .card-list.card-list:not(.event-card) .card-footer{padding-right:.6rem}
}
@container (max-width: 340px) {
  .listings-cards .card-list.card-list:not(.event-card) .card-main .tsf-meta-kart .tsf-chipler-kart{display:none}
  .listings-cards .card-list.card-list:not(.event-card) .card-aside{flex-wrap:wrap}
}

/* ==========================================================================
   Ana sayfa bilgi slaytları (Reklam > "Ana Sayfa Karuseli", tür: Kod)
   Slayt HTML'i sade tutuldu; tüm görünüm burada. Tüm slaytlar aynı yükseklikte
   (karusel geçişinde sayfa zıplamasın). Tamamı tıklanabilir bağlantı.
   ========================================================================== */
.tsf-sl{display:block;color:#fff;text-decoration:none;min-height:clamp(250px,28vw,360px);background:#14395F}
.tsf-sl:hover{color:#fff;text-decoration:none}
.tsf-sl-in{max-width:1200px;margin:0 auto;min-height:inherit;display:flex;align-items:center;justify-content:space-between;
  gap:clamp(1rem,3vw,2.5rem);padding:1.6rem clamp(1rem,6vw,4.5rem) 2.6rem}
.tsf-sl-metin{min-width:0;max-width:640px}
.tsf-sl-baslik{font-size:clamp(1.35rem,3.4vw,2.6rem);font-weight:800;line-height:1.15;margin:0 0 .6rem}
.tsf-sl-aciklama{font-size:clamp(.92rem,1.7vw,1.2rem);line-height:1.45;margin:0 0 1.2rem;opacity:.92}
.tsf-sl-btn{display:inline-block;background:#fff;color:#14395F;font-weight:700;border-radius:10px;
  padding:.55rem 1.3rem;font-size:clamp(.9rem,1.4vw,1.05rem);transition:filter .15s}
.tsf-sl:hover .tsf-sl-btn{filter:brightness(.93)}
.tsf-sl-gorsel{flex:none;display:flex;align-items:center;justify-content:center}
.tsf-sl-ikon,.tsf-sl-foto{width:clamp(110px,22vw,270px);height:clamp(110px,22vw,270px);border-radius:50%}
.tsf-sl-ikon{background:rgba(255,255,255,.16)}
.tsf-sl-ikon img{width:72%;height:72%}
.tsf-sl-foto{background:#fff;padding:.5rem}
.tsf-sl-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.tsf-sl-kume{display:grid;grid-template-columns:repeat(3,clamp(56px,11vw,130px));gap:.2rem .6rem}
.tsf-sl-kume img{width:100%;height:auto}
.tsf-sl-1{background:linear-gradient(120deg,#14395F,#1f5a94)}
.tsf-sl-2{background:linear-gradient(120deg,#c9772f,#f0a35e);color:#14202e}
.tsf-sl-2:hover{color:#14202e}.tsf-sl-2 .tsf-sl-btn{background:#14395F;color:#fff}
.tsf-sl-3{background:linear-gradient(120deg,#1f5a94,#3f86c4)}
.tsf-sl-4{background:linear-gradient(120deg,#0f2c49,#14395F)}
.tsf-sl-5{background:linear-gradient(120deg,#e8eef5,#cfdbe8);color:#14395F}
.tsf-sl-5:hover{color:#14395F}.tsf-sl-5 .tsf-sl-btn{background:#f0a35e;color:#14202e}
.tsf-sl-6{background:linear-gradient(120deg,#14395F,#2a6aa8)}
@media (max-width:575.98px){
  .tsf-sl{min-height:230px}
  .tsf-sl-in{gap:.75rem;padding:1.1rem 1rem 2.4rem}
  .tsf-sl-aciklama{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin-bottom:.9rem}
}
@media (max-width:399.98px){.tsf-sl-gorsel{display:none}}

/* ==========================================================================
   Site Üst Bilgisi reklamı: ince duyuru şeridi (Reklam > Site Üst Bilgisi, tür: Kod)
   ========================================================================== */
.tsf-ust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem .9rem;max-width:1200px;margin:0 auto;
  padding:.55rem 1rem;border-radius:10px;font-size:.92rem;line-height:1.35;text-decoration:none;text-align:left}
.tsf-ust:hover{text-decoration:none}
.tsf-ust-ikon{flex:none;display:inline-flex;align-items:center;font-size:1.15rem}
.tsf-ust-metin{min-width:0}
.tsf-ust-ok{flex:none;font-weight:700;white-space:nowrap}
.tsf-ust-1{background:#fff7ec;border:1px solid #f0d9b0;color:#14395F}
.tsf-ust-1:hover{background:#ffefd6;color:#14395F}
.tsf-ust-1 .tsf-ust-ikon{color:#c9772f}
.tsf-ust-1 .tsf-ust-ok{color:#b4570f}
.tsf-ust-2{background:#14395F;border:1px solid #14395F;color:#fff}
.tsf-ust-2:hover{background:#1a4a7c;color:#fff}
.tsf-ust-2 .tsf-ust-ikon{color:#f0a35e}
.tsf-ust-2 .tsf-ust-ok{background:#f0a35e;color:#14202e;border-radius:8px;padding:.2rem .75rem}
@media (max-width:575.98px){
  .tsf-ust{font-size:.85rem;padding:.5rem .75rem;gap:.2rem .6rem;justify-content:space-between}
  .tsf-ust-ikon{display:none}
  .tsf-ust-metin{flex:1 1 100%}
  .tsf-ust-2 .tsf-ust-ok{padding:.15rem .6rem}
}

/* ==========================================================================
   Kategori bandı (Reklam > Site Üst Bilgisi, tür: Kod, kategoriye bağlı)
   İnce, sakin, kurumsal: açık zemin, ince çerçeve, solda marka çizgisi.
   Üst bilgi reklamları (şerit + bant) sayfa içeriğiyle aynı genişlikte hizalanır.
   ========================================================================== */
.mb-4.mx-3:has(> .tsf-kb),.mb-4.mx-3:has(> .tsf-ust){margin:.75rem 12px 1rem!important}
.tsf-kb,.tsf-ust{margin-left:auto;margin-right:auto;max-width:100%}
@media (min-width:576px){.tsf-kb,.tsf-ust{max-width:516px}}
@media (min-width:768px){.tsf-kb,.tsf-ust{max-width:696px}}
@media (min-width:992px){.tsf-kb,.tsf-ust{max-width:936px}}
@media (min-width:1200px){.tsf-kb,.tsf-ust{max-width:1116px}}
@media (min-width:1400px){.tsf-kb,.tsf-ust{max-width:1296px}}
.tsf-kb{display:flex;align-items:center;gap:.5rem .8rem;padding:.5rem .95rem;background:#f7f9fc;border:1px solid #e1e8f0;
  border-left:3px solid #f0a35e;border-radius:6px;color:#14395F;font-size:.86rem;line-height:1.4;text-decoration:none;text-align:left}
.tsf-kb:hover{background:#f1f5fa;color:#14395F;text-decoration:none}
.tsf-kb-ikon{flex:none;display:inline-flex;width:auto;height:auto;background:none;border-radius:0;color:#14395F;font-size:1rem}
.tsf-kb-metin{flex:1 1 auto;min-width:0;display:block}
.tsf-kb .tsf-kb-baslik{display:inline!important;font-size:.88rem;font-weight:700;margin:0;color:#14395F}
.tsf-kb .tsf-kb-aciklama{display:inline!important;font-size:.84rem;margin:0 0 0 .55rem;opacity:1;color:#5b6b7d}
.tsf-kb-btn{flex:none;background:none;color:#14395F;font-weight:600;font-size:.84rem;padding:0;border-radius:0;white-space:nowrap;
  border-bottom:1px solid transparent}
.tsf-kb:hover .tsf-kb-btn{border-bottom-color:#14395F}
@media (max-width:1199.98px){.tsf-kb .tsf-kb-aciklama{display:none!important}}
@media (max-width:767.98px){
  .tsf-kb{flex-wrap:wrap;padding:.5rem .8rem}
  .tsf-kb-metin{flex:1 1 calc(100% - 2rem)}
  .tsf-kb .tsf-kb-aciklama{display:none!important}
  .tsf-kb-btn{margin-left:1.55rem}
}

/* Liste kartı, sağ panel: uzun tutar taşmasın, her şey ortalı */
.listings-cards .card-list.card-list:not(.event-card) .card-aside .card-price,
.listings-cards .card-list.card-list:not(.event-card) .card-aside .card-price *{
  text-align:center!important;justify-content:center;white-space:normal!important;overflow-wrap:anywhere}
.listings-cards .card-list.card-list:not(.event-card) .card-aside .card-price .price{
  font-size:clamp(.9rem,1.5cqw,1.1rem)}

/* Kategori menüsü paneli: reklam (Reklam > Kategoriler Menüsü) "Tümünü gör" satırının altında, tek satır ince bant.
   Kompakt panelde sağ sütun gizliydi; yalnızca reklam varsa gösterilir. */
.cat-nav .categories-menu .fs-dropdown-menu > .row{display:flex;flex-wrap:wrap}
.cat-nav .categories-menu .fs-dropdown-menu > .row:has(.col-sm-3 > .text-center) > .col-sm-9{display:contents}
.cat-nav .categories-menu .fs-dropdown-menu > .row:has(.col-sm-3 > .text-center) > .col-sm-9 > *{flex:0 0 100%;max-width:100%;order:1}
.cat-nav .categories-menu .fs-dropdown-menu > .row:has(.col-sm-3 > .text-center) > .col-sm-9 > .masonry-layout{order:3}
.cat-nav .categories-menu .fs-dropdown-menu .col-sm-3:has(> .text-center){
  display:block;order:2;flex:0 0 100%;max-width:100%;width:100%;margin:-.1rem 0 .9rem;padding:0}
.cat-nav .categories-menu .fs-dropdown-menu .col-sm-3 > .text-center{text-align:left!important}
.cat-nav .categories-menu .fs-dropdown-menu a.tsf-kb{display:flex;max-width:none;margin:0}
.cat-nav .categories-menu .fs-dropdown-menu .tsf-kb .tsf-kb-aciklama{display:none!important}

/* Ana sayfa "Son Eklenen Lotlar" (dar sütun): sıkı dikey kart — eşit yükseklik, küçük iç boşluk, fiyat altta */
#recentCarousel .listings-cards{gap:.6rem;align-items:stretch}
#recentCarousel .listings-cards > .card-grid{height:100%;padding:.6rem;gap:.45rem;border-radius:8px}
#recentCarousel .card-grid .card-img{margin:0;aspect-ratio:16/10}
#recentCarousel .card-grid .card-img img{height:100%;width:100%;object-fit:cover}
#recentCarousel .card-grid .card-body{flex:1 1 auto;gap:.2rem;min-width:0}
#recentCarousel .card-grid .card-main{display:contents}
#recentCarousel .card-grid .card-title{font-size:.88rem!important;line-height:1.25;margin:.15rem 0 0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#recentCarousel .card-grid .card-short-description{font-size:.74rem;line-height:1.3;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#recentCarousel .card-grid .tsf-meta{font-size:.72rem;gap:.15rem .35rem}
#recentCarousel .card-grid .tsf-meta .tsf-kapanis{font-size:.72rem}
#recentCarousel .card-grid .tsf-chip{font-size:.66rem;padding:.1rem .4rem}
#recentCarousel .card-grid .card-aside{margin-top:auto;padding-top:.35rem}
#recentCarousel .card-grid .card-price .price{font-size:1rem}
#recentCarousel .card-grid .end-time{font-size:.72rem}

/* WhatsApp: sabit düğme (sağ alt) ve ilan sayfasındaki "WhatsApp ile sor" */
.tsf-wa{position:fixed;right:16px;bottom:18px;z-index:1030;display:inline-flex;align-items:center;gap:.45rem;
  padding:.6rem 1rem .6rem .85rem;border-radius:999px;background:#1f9d55;color:#fff!important;font-size:.88rem;font-weight:600;
  text-decoration:none;box-shadow:0 4px 14px rgba(20,57,95,.25);transition:transform .15s,box-shadow .15s,background .15s}
.tsf-wa:hover{background:#188a4a;transform:translateY(-1px);box-shadow:0 6px 18px rgba(20,57,95,.3);color:#fff}
.tsf-wa i{font-size:1.25rem;line-height:1}
@media (max-width:991.98px){.tsf-wa{bottom:92px}}
@media (max-width:575.98px){.tsf-wa{right:12px;bottom:92px;padding:.7rem;width:48px;height:48px;justify-content:center}
  .tsf-wa span{display:none}.tsf-wa i{font-size:1.5rem}}
@media print{.tsf-wa{display:none!important}}
.tsf-satici-sag{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
.tsf-ek-btn.tsf-wa-sor{white-space:nowrap;color:#1f7a47;border-color:#b7dfc7}
.tsf-ek-btn.tsf-wa-sor:hover{background:#eaf7ef;color:#166338}
.tsf-ek-btn.tsf-wa-sor i{color:#1f9d55}

/* ==========================================================================
 *  Bildirim kutuları (alert): ince, kurumsal — sol vurgu çizgisi + simge, sakin zemin
 *  Teklif penceresi, form uyarıları ve işlem sonuç mesajları için geçerlidir.
 * ========================================================================== */
body .alert{--al-renk:#14395F;--al-zemin:#f4f7fb;--al-kenar:#dbe5f0}
body .alert:not(.payment-box){
  position:relative;display:block;margin:0 0 1rem;padding:.8rem 2.6rem .8rem 2.85rem;
  background:var(--al-zemin);color:#1b2b3b;border:1px solid var(--al-kenar);
  border-radius:8px;font-size:.92rem;line-height:1.45;box-shadow:none;
}
body .alert:not(.payment-box)::before{
  content:"";position:absolute;left:.95rem;top:.88rem;width:1.15rem;height:1.15rem;background:var(--al-renk);
  -webkit-mask:var(--al-simge) center/contain no-repeat;mask:var(--al-simge) center/contain no-repeat;
}
body .alert-success{--al-renk:#1f7a47;--al-zemin:#f3faf6;--al-kenar:#cfe6d9;
  --al-simge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05'/%3E%3C/svg%3E")}
body .alert-danger{--al-renk:#b42318;--al-zemin:#fdf5f4;--al-kenar:#f1d3cf;
  --al-simge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/svg%3E")}
body .alert-warning{--al-renk:#b45309;--al-zemin:#fff9f1;--al-kenar:#f4dfc4;
  --al-simge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E")}
body .alert-info,body .alert-primary,body .alert-light,body .alert-secondary{--al-renk:#14395F;--al-zemin:#f4f7fb;--al-kenar:#dbe5f0;
  --al-simge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2'/%3E%3C/svg%3E")}
body .alert-light,body .alert-secondary{--al-renk:#5b6b7d;--al-zemin:#f7f9fc}
body .alert .btn-close{position:absolute;top:.55rem;right:.6rem;width:.7rem;height:.7rem;padding:.35rem;margin:0;opacity:.45;background-size:.7rem}
body .alert .btn-close:hover{opacity:.9}
body .alert a{color:var(--al-renk);font-weight:600;text-decoration:underline;text-underline-offset:2px}
body .alert > div + div{margin-top:.15rem}
body .alert:not(.payment-box) .feather{display:none}
body .members-area .alert:not(.payment-box),body .members-area .main .alert:not(.payment-box){border-radius:8px;font-size:.92rem;padding:.8rem 2.6rem .8rem 2.85rem}

/* ==========================================================================
 *  Üyelik alanı — Teklifler ve Teklif Ayrıntıları: sade kurumsal liste
 *  Yalnızca teklif satırlarını (dl.dl-variable içeren tabloları) etkiler.
 * ========================================================================== */
.members-area .table-responsive:has(.dl-variable){
  background:#fff;border:1px solid #e1e8f0;border-radius:10px;overflow:hidden;margin-top:1rem}
.members-area .table-responsive:has(.dl-variable) > table{margin:0;border-collapse:collapse;border-spacing:0;--bs-table-bg:transparent}
.members-area .table-responsive:has(.dl-variable) caption{
  caption-side:top;padding:.85rem 1.2rem;background:#fff;color:#5b6b7d;font-size:.86rem;border-bottom:1px solid #e1e8f0}
.members-area .table-responsive:has(.dl-variable) caption strong{color:#14395F}
.members-area .table-responsive:has(.dl-variable) thead th{
  background:#f7f9fc;color:#5b6b7d;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  padding:.6rem 1.2rem;border:0;border-bottom:1px solid #e1e8f0}
.members-area .table-responsive:has(.dl-variable) tbody td{
  padding:1.1rem 1.2rem;border:0;border-top:1px solid #eef2f7;vertical-align:middle;background:transparent}
.members-area .table-responsive:has(.dl-variable) tbody tr:first-child td{border-top:0}
.members-area .table-responsive:has(.dl-variable) tbody tr:hover td{background:#fafbfd}

/* teklif bilgileri: etiket / değer ızgarası */
.members-area dl.dl-variable{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0;align-items:baseline}
.members-area dl.dl-variable dt{grid-column:1;margin:0;padding:0;font-weight:400;color:#5b6b7d;font-size:.84rem;float:none;width:auto;text-align:left}
.members-area dl.dl-variable dt:empty{display:none}
.members-area dl.dl-variable dd{grid-column:2;margin:0;padding:0!important;font-size:.9rem;color:#1b2b3b}
.members-area dl.dl-variable dd.ps-0{grid-column:1/-1;font-size:.84rem;color:#5b6b7d}
.members-area dl.dl-variable dd .h5{margin:0;font-size:1.25rem;font-weight:600;color:#14395F;letter-spacing:-.01em}

/* durum etiketleri: sakin, küçük, noktalı */
.members-area .table-responsive:has(.dl-variable) .badge{
  display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.76rem;font-weight:600;
  border:1px solid transparent;background:#f1f4f8!important;color:#475467!important;letter-spacing:0}
.members-area .table-responsive:has(.dl-variable) .badge::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.members-area .table-responsive:has(.dl-variable) .badge.text-bg-offer{display:none}
.members-area .table-responsive:has(.dl-variable) .badge.text-bg-pending{background:#fff7ec!important;color:#b45309!important;border-color:#f4dfc4!important}
.members-area .table-responsive:has(.dl-variable) .badge.text-bg-success{background:#f1f8f3!important;color:#1f7a47!important;border-color:#cfe6d9!important}
.members-area .table-responsive:has(.dl-variable) .badge.text-bg-danger{background:#fdf3f2!important;color:#b42318!important;border-color:#f1d3cf!important}
.members-area .table-responsive:has(.dl-variable) .badge.text-bg-withdrawn{background:#f4f6f9!important;color:#667085!important;border-color:#e1e6ee!important}
.members-area .table-responsive:has(.dl-variable) .badge.text-bg-counter{background:#f1f5fb!important;color:#14395F!important;border-color:#d4e0ef!important}

/* "Tüm teklifleri görüntüle": düz çerçeveli düğme */
.members-area .table-responsive:has(.dl-variable) .btn-gold{
  background:#fff;color:#14395F;border:1px solid #cfd9e5;border-radius:8px;font-weight:600;font-size:.82rem;padding:.4rem .8rem;box-shadow:none}
.members-area .table-responsive:has(.dl-variable) .btn-gold:hover{background:#f4f7fb;border-color:#14395F;color:#14395F}
.members-area .table-responsive:has(.dl-variable) .btn-gold [data-feather],.members-area .table-responsive:has(.dl-variable) .btn-gold svg{width:15px;height:15px;margin-right:.3rem;vertical-align:-3px}

/* eylem düğmeleri */
.members-area .table-responsive:has(.dl-variable) .buttons-grouped .btn{
  border:1px solid #dbe3ed;background:#fff;border-radius:8px;color:#14395F;box-shadow:none}
.members-area .table-responsive:has(.dl-variable) .buttons-grouped .btn:hover{background:#f4f7fb;border-color:#14395F}

/* üstteki ilan özeti ile tablo arasında nefes payı */
.members-area .main > .listing-list{margin-bottom:.25rem}
@media (max-width:767.98px){
  .members-area .table-responsive:has(.dl-variable) tbody td{padding:.9rem 1rem}
  .members-area dl.dl-variable{grid-template-columns:auto 1fr;gap:.25rem .75rem}
}

/* "Teklifiniz" kutusu: ilan sayfası ve kartlar (teklif verilebilen ilanlarda, yalnızca kendi teklifi) */
.tsf-teklifim{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .55rem;padding:.55rem .8rem;background:#f4f7fb;
  border:1px solid #dbe5f0;border-radius:8px;font-size:.88rem;color:#1b2b3b}
.tsf-teklifim-etiket{color:#5b6b7d;font-size:.8rem}
.tsf-teklifim-tutar{font-weight:700;color:#14395F;font-size:1rem}
.tsf-teklifim-birim{color:#5b6b7d;font-size:.8rem}
.tsf-teklifim .badge{display:inline-flex;align-items:center;gap:.35rem;padding:.24rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;
  border:1px solid transparent;background:#f1f4f8!important;color:#475467!important}
.tsf-teklifim .badge::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:currentColor}
.tsf-teklifim .badge.text-bg-pending{background:#fff7ec!important;color:#b45309!important;border-color:#f4dfc4}
.tsf-teklifim .badge.text-bg-success{background:#f1f8f3!important;color:#1f7a47!important;border-color:#cfe6d9}
.tsf-teklifim .badge.text-bg-danger{background:#fdf3f2!important;color:#b42318!important;border-color:#f1d3cf}
.tsf-teklifim .badge.text-bg-withdrawn{background:#f4f6f9!important;color:#667085!important;border-color:#e1e6ee}
.tsf-teklifim .badge.text-bg-counter{background:#f1f5fb!important;color:#14395F!important;border-color:#d4e0ef}
.tsf-teklifim-kart{margin-top:.4rem;padding:.35rem .55rem;gap:.15rem .4rem;font-size:.78rem;justify-content:center;text-align:center}
.tsf-teklifim-kart .tsf-teklifim-tutar{font-size:.85rem}

/* Satıcı yan paneli: Soru Sor + WhatsApp sol hizalı, aynı düzende alt alta */
.tsf-satici-yan .tsf-satici-sag{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.55rem}
.tsf-satici-yan .tsf-satici-sag .tsf-ek-btn,.tsf-satici-yan .tsf-satici-sag .tsf-ek-btn.tsf-wa-sor{border:0!important;background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem}
.tsf-satici-yan .tsf-satici-sag .tsf-ek-btn.tsf-wa-sor:hover{background:none!important;text-decoration:underline}

/* Bildirim kutularındaki başlık, ayraç ve düğme (ör. "Kullanıcı Doğrulama" uyarısı) */
body .alert:not(.payment-box) .alert-heading{font-size:1.02rem;font-weight:600;line-height:1.3;margin:0 0 .3rem;color:var(--al-renk);letter-spacing:0}
body .alert:not(.payment-box) .alert-heading + p{margin:0 0 .15rem;color:#33475b}
body .alert:not(.payment-box) hr{margin:.75rem 0;border:0;border-top:1px solid var(--al-kenar);opacity:1}
body .alert a.btn,body .alert a.btn:visited{
  display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1.05rem;font-size:.9rem;font-weight:600;line-height:1.2;
  color:#fff;background:#14395F;border:1px solid #14395F;border-radius:6px;text-decoration:none;box-shadow:none}
body .alert a.btn:hover,body .alert a.btn:focus{color:#fff;background:#0f2d4d;border-color:#0f2d4d;text-decoration:none}
body .alert a.btn-lg{padding:.5rem 1.2rem;font-size:.92rem}
/* Doğrulama uyarısındaki kırmızı düğme eski görünümüne dönsün: kırmızı zemin, beyaz yazı */
body .alert a.btn.btn-danger,body .alert a.btn.btn-danger:visited{color:#fff;background:#dc3545;border-color:#dc3545}
body .alert a.btn.btn-danger:hover,body .alert a.btn.btn-danger:focus{color:#fff;background:#bb2d3b;border-color:#b02a37}