@media (min-width: 1201px) {
  .padding-xx {
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
  }

  .header-uyelik .dropdown:hover .dropdown-menu {
    display: flex;
  }

  .container3 {
    max-width: 100%;
    padding: 0px 40px;
  }

  .danisman-lisle-baslik {
    width: 300px;
  }

  .danisman-lisle-eposta {
    width: 300px;
  }

  .danisman-lisle-ilan-sayisi {
    width: 100px !important;
  }

  .page-content-uyelik .form-group {
    margin-top: 10px;
  }

  .danisman-lisle-islemler {
    width: 204px;
  }

  /* Flex hücreler */
  .danisman-lisle-baslik {
    width: 150px;
  }

  .danisman-lisle-gsm {
    width: 150px;
  }

  .danisman-lisle-ofis {
    width: 150px;
  }

  .danisman-lisle-eposta {
    width: 240px;
  }

  .danisman-lisle-ilan-sayisi {
    width: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .personel-table .text-xl-end {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .personel-table .danisman-lisle-ilan-sayisi {
    justify-content: center;
    align-items: center;
  }

  .liste-tab .select-bolumu.sol-menu-web {
    background: transparent;
    border: none;
    padding: 0px;
  }
}

@media (max-width: 1200px) {
  .btn-ortak-ilan-soft {
    width: 100%;
        border-radius: 0;
  }

  .sita-hiza {
    padding-bottom: 0px;
  }

  .hidden-page {
    overflow: hidden;
  }
  .container {
    max-width: 100%;
  }

  .ilan-resim .ilan-resim-btn {
    opacity: 1;
    position: relative;
    width: 100%;
    height: 28px;
    padding: 5px;
    bottom: 0px;
    z-index: 9;
  }

  .ilan-resim-btn .btn {
    border-radius: 0.25rem;
    background: transparent;
    color: #7c7c7c !important;
    border: none;
    font-size: 19px;
    position: relative;
    z-index: 9;
  }

  .padding-x {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }

  .padding-xx {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }

  .padding-y {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
  }

  .padding-yy {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
  }

  .navbar-light .navbar-toggler {
    background: transparent;
    color: #fff;
    border-radius: 0px;
    margin-top: 5px;
  }

  .header-menu {
    position: relative !important;
  }

  .btn-ortak-ilan-soft:hover {
    box-shadow: none;
    transform: translateY(0px);
}

.btn-ortak-ilan-soft {
        padding: 3px 16px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    justify-content: center;
}

  .header-menu ul.navbar-nav li {
    margin-left: 0px !important;
    padding: 0px;
  }

  .header-menu ul.navbar-nav li a {
    font-size: 14px !important;
  }

  .header-menu .nav {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .header-menu .nav {
    background: #fff;
  }

  .header-menu .nav-no-js .nav-button:hover + .nav,
  .header-menu .nav-no-js .nav-button:hover + .nav + .nav-close,
  .header-menu .nav-no-js .nav:hover,
  .header-menu .nav-no-js .nav:hover + .nav-close {
    display: block;
  }

  .header-menu .nav-lock-scroll {
    overflow: hidden;
  }

  .header-menu .nav .nav-mobil-header {
    padding: 20px 15px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 25px;
  }

  /* --- GENEL IZGARA YAPISI (GRID) --- */
  .header-menu .nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Sütunlu yapı */
    gap: 15px; /* Kartlar arası boşluk */
    list-style: none;
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* --- KART TASARIMI (Her bir menü öğesi) --- */
  .header-menu .nav > ul > li {
    display: block;
    width: 100%;
    margin: 0; /* Margin sıfırlandı, gap kullanıyoruz */
  }

  .header-menu .nav > ul > li a {
    display: flex;
    flex-direction: column; /* İkon üstte, yazı altta */
    align-items: center;
    justify-content: center;

    background-color: #ffffff;
    border: 1px solid #f0f0f0; /* Çok silik çerçeve */
    border-radius: 16px; /* Modern yuvarlatılmış köşeler */
    padding: 20px 10px;

    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

    /* Yumuşak gölge ile havada durma hissi */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  }

  /* --- HOVER & FOCUS EFEKTİ --- */
  .header-menu .nav > ul > li a:hover {
    transform: translateY(-5px); /* Yukarı doğru süzülme */
    box-shadow: 0 10px 25px rgba(224, 0, 0, 0.1); /* Kırmızımsı gölge */
    border-color: #ffe5e5;
  }

  /* --- İKON TASARIMI (Baloncuk İçinde) --- */
  .header-menu .nav > ul > li i {
    font-size: 24px; /* İkon boyutu dengelendi */
    color: #e00000;
    margin-bottom: 12px;

    /* İkonu daire içine alalım */
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff0f0; /* Çok açık kırmızı zemin */
    border-radius: 50%; /* Tam daire */
    transition: all 0.3s ease;
  }

  /* Hover olunca ikonun rengi değişsin */
  .header-menu .nav > ul > li a:hover i {
    background-color: #e00000;
    color: #ffffff;
    transform: scale(1.1); /* Hafif büyüme */
  }

  /* --- YAZI (SPAN) TASARIMI --- */
  .header-menu .nav > ul > li span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #444; /* Simsiyah değil, koyu gri */
    margin-top: 5px;
    letter-spacing: -0.3px;
  }

  /* Hover olunca yazı rengi */
  .header-menu .nav > ul > li a:hover span {
    color: #e00000;
  }

  /* --- GİRİŞ YAP BUTONU (Özel Durum) --- */
  /* Genelde giriş yap butonu diğerlerinden ayrılmalı */
  .header-menu .nav > ul > li.giris-yap {
    grid-column: span 2; /* Tüm satırı kaplasın (Opsiyonel) */
  }

  .header-menu .nav > ul > li.giris-yap a {
    background-color: #222; /* Koyu zemin */
    flex-direction: row; /* Yan yana dizilim */
    padding: 15px;
    border: none;
  }

  .header-menu .nav > ul > li.giris-yap i {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    width: 35px;
    height: 35px;
    font-size: 18px;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .header-menu .nav > ul > li.giris-yap span {
    color: #fff;
    margin-top: 0;
    font-size: 15px;
  }

  .header-menu .nav > ul > li.giris-yap a:hover {
    background-color: #e00000;
    transform: none;
  }
  .header-menu .nav > ul > li.giris-yap a:hover i {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* --- ALT MENÜLER (Varsa bozulmaması için) --- */
  .header-menu .nav ul ul {
    display: none; /* Mobilde genelde alt menüler başta gizli olur */
  }

  .header-menu .mobilmenu-ac {
    background: transparent;
    border: none;
    color: #333;
    font-size: 22px;
    line-height: 13px;
    margin-right: 10px;
    padding: 0px;
  }

  .header-menu .mobilmenu-kapat {
    background: transparent;
    border: none;
    color: #333;
    font-size: 13px;
    position: relative;
    outline: none;
  }

  .header-menu .navbarbg .navbar-brand img {
  }

  .header-uyelik li {
    margin-left: 5px;
  }

  .header-uyelik li a i {
    font-size: 17px;
  }

  .ilandetay .ilan-alt {
    padding: 20px 0px;
  }

  .btn-uyelik i {
    margin-left: 0px;
    margin-right: 0px;
  }

  .header-menu .navbar-brand {
    height: 22px;
    margin-right: auto;
  }

  .header-menu .navbar-brand img {
    height: 100%;
  }

  a.favori-ilan-button .icon {
    font-size: 18px;
    color: #373636;
  }

  .Home_Item .kategori-menu {
    margin-top: 0px;
  }

  .ilan-search h1 {
    font-size: 24px;
  }

  .ilan-search .ilan-kategori .kategorisec {
    height: 30px;
    margin-right: 7px;
    cursor: pointer;
    padding: 0px 5px;
  }

  .Home_Item {
    padding: 13px 0px 0px;
  }

  .ilan-liste a span {
    display: block;
  }

  .kategori-baslik {
    font-size: 15px !important;
  }

  .kategori-icon {
    font-size: 15px;
    margin-right: 8px;
  }

  /* Sol menü stil 1 */
  .sol-menu-hasem .menu-akordiyon {
    max-height: 60%;
    overflow-y: scroll;
  }

  /* width */
  .sol-menu-hasem .menu-akordiyon::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px;
  }

  /* Track */
  .sol-menu-hasem .menu-akordiyon::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    border-radius: 3px;
  }

  /* Handle */
  .sol-menu-hasem .menu-akordiyon::-webkit-scrollbar-thumb {
    background: #6d6d6d;
    border-radius: 10px;
    border-radius: 3px;
  }

  .sol-menu-hasem {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -120%;
    z-index: 9999;
    background: #fff;
    overflow-y: auto;
    transition: 0.2s ease-in-out;
  }

  .sol-menu-hasem .filtre-baslik {
    height: auto;
    width: 100%;
    min-height: 59px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .sol-menu-hasem .filtre-baslik .filtre-baslik-ic {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #434343;
    line-height: 1.4;
    flex: 1;
  }

  .liste-tab .select-bolumu .filtre-baslik {
    padding: 0;
    background: transparent;
    box-shadow: none;
    min-height: auto;
  }

  .sol-menu-hasem-fixed {
    left: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }

  .sol-menu-hasem .menu-akordiyon ul li {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    border-bottom: 1px solid #e1e1e1;
  }

  .sol-menu-hasem .menu-akordiyon ul li.active {
    background: #fff;
  }

  .sol-menu-hasem .menu-akordiyon ul li.active a {
    color: red;
  }

  .sol-menu-hasem .menu-akordiyon ul li a {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    padding: 10px 20px !important;
    background: white;
  }

  .sol-menu-hasem .menu-akordiyon ul li a .sol-menu-icon {
    margin-right: 5px;
  }

  .sol-menu-hasem .akordiyon-baslik {
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    text-transform: capitalize;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 99;
    height: 46px;
    background: #fff;
  }

  .sol-menu-hasem .akordiyon-baslik h3 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
  }

  .sol-menu-hasem .akordiyon-baslik .mobil-filtre-kapat {
    left: 20px;
    position: absolute;
    font-size: 22px;
    line-height: 22px;
    color: #e00000;
  }

  .sol-menu-hasem .akordiyon-baslik .mobil-filtre-kapat i {
    display: flex;
  }

  .sol-menu-hasem .menu-akordiyon ul li ul li {
    display: flex;
    flex-direction: column;
    padding: 10px 15px 0px 15px !important;
    border-bottom: none;
  }

  .sol-menu-alt-var {
    margin-left: -5px;
  }

  .kapatma-yeri-kose {
    position: relative;
    right: 0;
    width: 100%;
    height: auto;
    text-align: right;
    color: #333;
    border-style: solid;
    border-width: 0;
    border-color: transparent transparent transparent transparent;
    padding: 15px;
  }

  .kapatma-yeri-kose i {
    display: inline-block;
    font-size: 14px;
    margin-left: 26px;
    margin-top: 0px;
  }

  .kapatma-yeri-kose2 {
    position: relative;
    right: 0;
    width: auto;
    height: auto;
    color: #333;
    border-style: solid;
    border-width: 0;
    border-color: transparent transparent transparent transparent;
    padding: 0;
    margin-left: auto;
  }

  .kapatma-yeri-kose2 i {
    display: inline-block;
    font-size: 14px;
    margin-left: 26px;
    margin-top: 0px;
  }

  .kapatma-yeri {
    padding: 15px;
    margin-top: 10px;
  }

  .kapatma-yeri h3 {
    font-size: 16px;
    font-weight: 300;
    color: #333;
  }

  .kapatma-yeri i {
    color: #333;
    font-size: 35px;
  }

  .kategori_sirala_select {
    max-width: 50%;
  }

  .mobil-muneler {
    padding: 10px 10px;
    overflow-y: scroll;
    margin-bottom: 0px;
    background: #fbfbfb;
  }

  .page-content-uyelik .form-group {
    margin-top: 12px;
  }

  .firma-tab .nav-item .nav-link {
    font-size: 16px;
  }

  .mobil-muneler .card {
    margin-bottom: 15px;
    background: #fff;
    border: none;
    border-radius: 4px;
  }

  .mobil-muneler .card-header2 {
    padding: 8px;
    text-align: center;
  }

  .mobil-muneler::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 3px;
  }

  .mobil-muneler::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
    border-radius: 3px;
  }

  .mobil-muneler::-webkit-scrollbar-thumb {
    background-color: #26ae61;
    border-radius: 3px;
  }

  .mobilfitreAc-Button {
    width: auto;
    height: 25px;
    border-radius: 3px;
    background: #001022;
    color: #fff;
    font-size: 11px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
  }

  .mobilfitreAc-Button i {
    margin-right: 5px;
  }

  .filtreac {
    width: auto;
    position: relative;
    margin-top: 0px;
    top: 0px;
    padding: 0px 8px;
    font-size: 12px;
    text-align: left;
    background: #001022;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 3px;
    font-weight: 600;
    height: 28px;
    margin-left: 15px;
  }

  .ilan-liste2 .ilan-aciklama .ilan-ozellik {
    display: block;
    margin-top: 4px;
  }

  .ilan-liste2 a {
    font-size: 13px;
    color: #263238;
    text-decoration: none;
  }

  .ilan-liste2 .ilan-aciklama .ilan-baslik {
    font-size: 13px;
    line-height: 1.4;
  }

  .ilan-liste2 .ilan-aciklama .ilan-ozellik .liste {
    margin-right: 0px;
    display: inline-block;
    padding-bottom: 2px;
    margin-right: 4px;
  }

  .ilan-liste2 .ilan-aciklama .ilan-ozellik .liste i {
    margin-right: 5px;
  }

  .ilan-liste2 .ilan-bilgi .liste span {
    padding-left: 4px;
    font-size: 10px;
  }

  .ilan-liste2 .ilan-bilgi .liste3 {
    width: auto;
    border-left: 1px solid #eeeeee;
    padding-left: 9px;
    margin-left: 9px;
  }

  .ilan-liste2 .ilan-resim-sayfa {
    width: 110px;
    height: 110px;
    border-right: 0px;
    padding: 4px;
  }

  .ilan-liste2 .ilan-aciklama {
    display: block;
    padding: 8px 8px;
    width: calc(100% - 110px);
  }

  .ilan-liste2 .ilan-aciklama .ilan-fiyat {
    display: block;
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #26ae61;
  }

  .ilan-liste2 .ilan-aciklama .ilan-adres {
    position: relative;
    width: 100%;
    border: none;
    padding: 0px;
    align-items: start !important;
    justify-content: start !important;
    text-align: left !important;
    flex-direction: inherit;
    font-size: 12px;
    margin-top: 10px;
  }

  .ilan-liste2 .ilan-aciklama .ilan-adres li:first-child {
    border: none;
    padding-left: 0px;
  }

  .ilan-liste2 .ilan-aciklama .ilan-adres li {
    border-left: 1px solid #cdcdcd;
    padding-left: 7px;
    padding-right: 5px;
  }

  .ilan-filtre {
    margin-bottom: 0px;
    font-size: 12px;
  }

  .ilan-ozellikler .nav-tabs li a {
    background: transparent;
    color: #001022;
    border: none;
    text-align: center;
    line-height: 1.4;
    display: block;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    font-size: 11px;
  }

  .rg-image {
    height: 344px !important;
  }

  .login-ic {
    background: #fff;
    padding: 20px;
  }

  .hizli-menu .liste {
    padding: 18px 14px;
    margin-bottom: 18px;
  }

  .hizli-menu .liste a .text small {
    margin-top: 7px;
    line-height: 1.3;
  }

  .btn-uyelik {
    font-size: 11px;
    display: flex;
  }

  .kategori-0 {
    margin-bottom: 15px;
  }

  .kategori-liste {
    margin-bottom: 15px;
    width: 100%;
  }

  .ilanDetayResim .swiper-slide .swiper-slide-resim {
    height: 245px;
  }

  .ilandetay .ilan-detay-resim .ilanDetayResim_yok {
    min-height: 245px;
  }

  .ilan-search .ilan-kategori {
    margin-bottom: 10px;
  }

  .ilan-liste2 .ilan-aciklama .ilan-tarihi {
    border-left: 0;
    padding-left: 0;
    display: block !important;
  }

  table.table-temsil.kullanici_table tr td {
    white-space: nowrap;
    vertical-align: middle;
  }

  .ilanlar_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }

  .kullanici_ilanlar_liste {
    margin-bottom: 0px;
  }

  .kullanici_ilanlar_liste .kil_resim {
    position: relative;
    height: 100px;
    width: 80px;
    padding: 5px;
  }

  .kullanici_ilanlar_liste .kil_text {
    position: relative;
    width: calc(100% - 80px);
    padding: 5px;
  }

  .kullanici_ilanlar_liste .kil_text .kil_ozellik {
    width: 100%;
    height: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    display: grid !important;
    grid-template-columns: repeat(2, auto);
    gap: 5px;
  }

  .kullanici_ilanlar_liste .kil_text .kil_ozellik li {
    font-size: 14px;
  }

  .kullanici_ilanlar_liste .kil_text .kil_ozellik li:nth-child(2),
  .kullanici_ilanlar_liste .kil_text .kil_ozellik li:last-child {
    border: none;
    padding-right: 0px;
    margin-right: 0px;
  }

  .kullanici_ilanlar_liste .kil_text .kil-adres {
    font-size: 12px;
    font-weight: 400;
    margin-top: 15px;
  }

  .kullanici_ilanlar_liste .kil_text .kil_danisma {
    font-weight: 600;
    margin-top: 7px;
    font-size: 12px;
    display: flex;
    padding: 6px 4px;
    margin-left: -80px;
    align-items: center;
    justify-content: center;
    height: 35px;
  }

  .kullanici_ilanlar_liste .kil_text .kil_danisma .goruntulenme {
    margin-top: 0px;
    font-size: 12px;
    margin-left: 7px;
  }

  .kullanici_ilanlar_liste .kil_text h3 {
    font-size: 13px;
    width: 100%;
  }

  .kullanici_ilanlar_liste .kil_text .kil_buttons {
    position: relative;
    bottom: 0;
    right: 0;
    border: none;
    padding-left: 0px;
    display: flex;
    justify-content: end;
    margin-top: 5px;
  }

  .page-content-uyelik .stepwizard-step a p {
    margin-top: 0px !important;
    padding-left: 15px;
    cursor: pointer;
    font-size: 12px;
    color: #a6a6a6;
    font-weight: 700;
    padding-left: 10px;
    margin-top: 1px;
  }

  .page-content-uyelik .stepwizard-step a .icon {
    width: 20px;
    height: 20px;
    font-size: 9px;
  }

  .page-content-uyelik .stepwizard-step:after {
    width: 20px;
    height: 1px;
    background: #dfdfdf;
    position: relative;
    content: "";
    margin: 3px 10px 0 10px;
  }

  .kullanici_resim_sec {
    font-size: 15px !important;
    padding: 0px 16px;
  }

  .kullanici_ilanlar_ust {
    justify-content: center;
  }

  .kullanici_ilanlar_ust {
    justify-content: start;
  }

  .kullanici_ilanlar_ust li a::before {
    display: none;
  }

  .kullanici_ilanlar_ust li a {
    justify-content: start;
  }

  .kullanici_ilanlar_ust li {
    margin-top: 5px;
    width: 50%;
  }

  .kullanici_ilanlar_page .kil_header-title span {
    text-align: center;
  }

  .kullanici_ilanlar_menu_count {
    margin-left: auto;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    color: #fff;
  }

  .headeruyeadi {
    margin: 0px 5px;
  }

  /*08.05ç2024 Değişiklikler*/

  .btn-uyelik i {
    font-size: 12px;
  }

  .header-menu .header-uyelik .btn-uyelik {
    padding: 0px 11px;
  }

  .header-menu .navbar {
    justify-content: start;
  }

  .ilan-search .ilan-kategori .kategorisec .icon {
    font-size: 10px;
    margin-right: 5px;
  }

  .ilan-search .ilan-kategori .kategorisec span {
    font-size: 11px;
  }

  .ilan-search .form-group .form-control,
  .ilan-search .form-group .form-select {
    font-size: 12px;
    height: 40px;
  }

  .ilan-search .ilan-ara {
    height: 40px;
    background: #ffc103;
    font-size: 12px;
  }

  .ilan-search a.detayli-arama-button {
    margin-top: 12px;
    font-size: 14px;
  }

  .arama-banner {
    padding: 20px 0px 20px;
  }

  .breadcrumb-bg {
    padding: 6px 0px;
  }

  .mobil-muneler .select-bolumu-alt {
    padding: 15px 15px;
  }

  .liste-tab .select-bolumu h3 {
    font-size: 17px;
    font-weight: 700;
  }

  .liste-tab .select-bolumu {
    padding: 0;
  }
  .liste-tab .select-bolumu.sol-menu-web {
    background: transparent;
    border-bottom: 0px;
  }

  .liste-tab .select-bolumu .select-bolumu-mobil-liste,
  .liste-tab .select-bolumu .form-select {
    padding: 0px 13px;
    margin-bottom: 6px;
    height: 45px;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 0px;
    font-size: 16px;
  }

  .liste-tab .select-bolumu .form-select {
    font-weight: 700;
    border: 1px solid #c0c0c0;
  }

  .dropdown-menu {
    font-size: 12px;
    height: auto;
    padding: 5px 9px;
  }

  .form-select,
  .form-control,
  .btn {
    height: 40px;
  }

  table.table-temsil td .ilanlistele {
    font-size: 12px;
    height: 28px;
  }

  .liste-tab .select-bolumu.ilanarama .ara {
    font-size: 11px;
  }

  .liste-tab .il-sec select,
  .liste-tab .ilce-sec select,
  .liste-tab .mahalle-sec select {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.3px;
  }

  .liste-tab .select-bolumu .input-alani,
  .liste-tab .select-bolumu .checkbox-alani {
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #fff;
    font-weight: 400;
    border: 1px solid #c0c0c0;
    border-radius: 0px 0px 3px 3px;
    display: none;
    border-top: 0px;
    padding: 15px;
    max-height: 100% !important;
    margin-top: -9px;
  }

  .liste-tab .select-bolumu .checkbox-alani ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    display: grid;
  }

  .liste-tab .select-bolumu .input-alani .min-input input,
  .liste-tab .select-bolumu .input-alani .max-input input {
    height: 38px;
    font-size: 14px;
    line-height: 38px;
  }

  .liste-tab .select-bolumu .input-alani .fiyat_input label {
    left: 10px;
    top: 12px;
    font-size: 14px;
    line-height: 1;
  }

  .liste-tab .select-bolumu h3.filtre-baslik .filtre-icon {
    width: 21px;
    margin-right: 15px;
  }

  .mobil-muneler .select-bolumu-ust {
    padding: 0px;
  }

  .liste-tab .arama-butonu {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 0px;
    padding: 10px 20px;
    bottom: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    z-index: 99;
    width: 100%;
  }

  .liste-tab .arama-butonu .btn-uyelik {
    width: 100%;
    padding: 10px 0;
    font-size: 17px !important;
    margin-top: 0px;
    box-shadow:
      0 2px 4px 0 rgba(0, 0, 0, 0.1),
      0 0 3px 0 rgba(0, 0, 0, 0.15);
    height: auto !important;
  }

  .liste-tab .select-bolumu .form-liste-bolumu {
    padding: 0px 13px;
    margin-bottom: 6px;
    height: 45px;
    font-weight: 400;
  }

  .custom-control-label {
    font-size: 16px;
  }

  .custom-control-input {
    width: 15px;
    height: 15px;
  }

  .liste-tab .select-bolumu .input-alani .fiyat_input input:focus ~ label,
  .liste-tab
    .select-bolumu
    .input-alani
    .fiyat_input
    input:not(:placeholder-shown)
    ~ label {
    top: -5px;
    font-size: 10px;
    padding: 2px;
    background: #fff;
  }

  .liste-tab .select-bolumu .checkbox-alani li {
    font-size: 12px;
  }

  .liste-tab .select-bolumu .input-alani .fiyat_input .currency {
    right: 7px;
    top: 0;
    font-size: 12px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  body {
    font-size: 14px;
  }

  .kullanici_ilanlar_liste .kil_text .kil_danisma i,
  .kullanici_ilanlar_liste .kil_text .kil-adres i {
    margin-right: 4px;
    font-weight: 700;
    font-size: 10px;
  }

  .kullanici_ilanlar_liste .kil_text .kil_danisma i,
  .kullanici_ilanlar_liste .kil_text .kil-adres i,
  .kullanici_ilanlar_liste .kil_text .kil_danisma .goruntulenme i {
    line-height: 1;
  }

  .kullanici_ilanlar_liste .kil_text .kil-adres li {
    padding-right: 6px;
    margin-right: 6px;
  }

  .ilan-liste1 .ilan-aciklama a .ilan-baslik {
    font-size: 12px;
  }

  .ilan-liste1 a {
    font-size: 12px;
  }

  .ilan-liste1 .ilan-aciklama a .ilan-ozellik .liste.ilan-adres {
    font-size: 12px;
    margin-top: 12px;
  }

  .ilan-liste1 .ilan-aciklama a .ilan-fiyat {
    font-size: 15px;
  }

  .aranan-kelimeler .tab-content ul.liste li a {
    font-size: 12px;
  }

  .aranan-kelimeler .tab-content {
    background-color: #fff;
    padding: 0 0px 0px 0px;
    border: 1px solid #ddd;
    margin-top: -1px;
  }

  .aranan-kelimeler .tab-content ul.liste span {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .aranan-kelimeler .tab-content ul.liste li {
    margin: 2px 1px;
  }

  footer .footer-liste span.baslikk {
    font-size: 14px;
  }

  footer .footer-liste li a {
    font-size: 12px;
  }

  footer .footer-liste li {
    margin-top: 0px;
  }

  footer .footer-liste span.baslikk {
    margin-bottom: 3px;
  }

  footer .footer-firma .footer-logo {
    height: 19px;
    margin-top: 0px;
  }

  footer .footer-bilgi .sosyal,
  footer .footer-bilgi .telefon {
    width: auto;
    margin: 0;
  }

  footer .footer-bilgi .sosyal {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #f1f1f1;
  }

  footer .footer-firma .footer-text {
    font-size: 12px;
    opacity: 80%;
    text-align: center;
    border: none;
    padding-right: 0px;
  }

  footer .footer-firma {
    width: 100%;
    height: auto;
    padding: 10px 0px;
  }

  footer {
    width: 100%;
    display: none;
    margin-bottom: 120px;
  }
  body {
    margin-bottom: 120px;
  }

  .breadcrumb-bg .breadcrumb li a {
    font-size: 12px;
  }

  .ilan-filtre h3 {
    font-size: 14px;
  }

  .filtre-ilan-search {
    height: auto;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    border: solid 1px #e8e8e8;
    padding: 0px;
    border-radius: 3px;
    padding-right: 5px;
  }

  .filtre-ilan-search .ilan-ara {
    width: 36px;
    height: 36px;
    font-size: 13px;
    font-weight: 500;
    padding: 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 22px;
    background: #e00000;
    border: none;
    z-index: 1;
  }

  .filtre-ilan-search .ilan-ara i {
    margin-right: 0px;
    font-size: 10px;
  }

  .filtre-ilan-search .form-control {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    background-color: #fff;
    color: #373636;
    font-weight: 500;
    border: none;
    height: 50px;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    border-radius: 3px;
  }

  .ilandetay {
    overflow: hidden;
  }

  .ilandetay .ilan-baslik h2 {
    font-size: 16px;
    line-height: 1.4;
  }

  .ilandetay .ilan-baslik {
    margin-bottom: 10px;
  }

  .ilanDetayResim .swiper-button-next,
  .ilanDetayResim .swiper-button-prev {
    width: 25px;
    height: 25px;
    font-size: 11px;
  }

  .ilandetay .adres {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 3px;
    margin-bottom: 7px;
  }

  .ilandetay .ilan-detay-bilgi .media .media-left h4,
  .ilandetay .ilan-detay-bilgi .media .media-body h5 {
    font-size: 14px;
  }

  .ilandetay .ilan-detay-bilgi .media {
    padding: 4px 10px;
  }

  .ilandetay .fiyat {
    font-size: 22px;
  }

  .ilandetay .ilan-detay-firma-ic .firma-baslik h2 {
    font-size: 14px;
  }

  .ilandetay .ilan-detay-firma-ic .sahis-bilgi h2 {
    font-size: 16px;
    font-weight: 700;
  }

  .ilandetay .ilan-detay-firma-ic .sahis-bilgi h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
  }

  .ilandetay .ilan-detay-firma-ic {
    width: 100%;
    position: relative;
    display: flex;
  }

  .ilandetay .ilan-detay-firma-ic .firma-baslik {
    display: flex;
    align-items: center;
    padding: 5px;
    background: #fff;
    flex-direction: column;
    width: 100px;
    box-shadow: none !important;
  }

  .ilandetay .ilan-detay-firma-ic .sahis-bilgi {
    padding: 9px;
    width: calc(100% - 100px);
    box-shadow: none !important;
  }

  .ilandetay .ilan-detay-firma-ic .firma-baslik .icon {
    width: 100%;
    height: 100%;
    display: flex;
    margin-bottom: 0px;
    overflow: hidden;
    border: none;
    padding: 5px;
    border-right: solid 1px #efefef;
  }

  .ilandetay .ilan-detay-firma-ic .sahis-bilgi a.link {
    font-weight: 700;
  }

  .ilandetay .ilan-detay-firma-ic .sahis-bilgi .telefon {
    font-size: 14px;
  }

  .ilandetay .ilan-detay-firma-button a.link span {
    font-size: 12px;
  }

  .ilandetay .ilan-detay-firma-button {
    padding: 7px 0px;
  }

  .ilandetay .mobil-detay-sosyal {
    display: block;
  }

  .ilandetay .mobil-detay-sosyal .mobil-detay-sosyal-ic {
    padding: 7px 0px;
    background: #fff;
    border: 1px solid #f1f1f1;
  }

  .ilandetay .mobil-detay-sosyal .mobil-detay-sosyal-ic .a2a_kit {
    display: flex;
    justify-content: center;
  }

  .ilandetay .mobil-detay-sosyal .mobil-detay-sosyal-ic .a2a_kit a {
    margin: 0px 7px;
  }

  .ilandetay .mobil-detay-sosyal h5 {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;
  }

  .ilandetay .ilan-detay-firma-ic .sahis-bilgi .telefon {
    display: inline-block;
  }

  .a2a_svg,
  .social-yazdir {
    height: 34px !important;
    line-height: 10px !important;
    width: 34px !important;
    /* background: #666 !important; */
    padding: 3px !important;
    border-radius: 3px !important;
  }

  .ilan-ozellikler .ilan-ozellikler-liste {
    width: 100%;
    padding: 8px;
    box-shadow: none !important;
    background: #fff;
    border: 1px solid #f1f1f1;
  }

  .ilan-ozellikler .ilan-ozellikler-liste h5 {
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-size: 14px;
  }

  .ilan-ozellikler h3 {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 700;
  }

  .ilan-ozellikler .listing_detail {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .bolum-baslik h2 {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 20px;
  }

  .bolum-baslik h2 b {
    font-weight: 700;
  }

  .bolum-baslik .cizgi {
    top: 10px;
  }

  .populerslider .owl-dots {
    top: -40px;
    right: 23px;
  }

  .header-title {
    font-size: 16px;
  }

  .card-header2 {
    padding: 8px;
  }

  .card-body {
    padding: 8px;
  }

  .card .card-body-ic {
    padding: 8px;
  }

  .page-content-uyelik .list-group-item {
    font-size: 14px;
    height: 40px;
    padding: 0 12px;
    margin-bottom: 3px;
    width: 100%;
  }

  .kullanici-ilan-ekle .list-group {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    border-bottom: 1px solid #d1d1d1;
    border-radius: 0px;
    padding: 7px 0px;
  }

  .page-content-uyelik .form-select,
  .page-content-uyelik .form-control {
    font-size: 14px;
    height: 40px;
  }

  .page-content-uyelik label {
    font-size: 14px;
  }

  .page-content-uyelik .card-header h5 {
    font-size: 14px;
    font-weight: 700;
  }

  .page-content-uyelik .custom-control .custom-control-label {
    margin-bottom: 0px;
    line-height: 1.5 !important;
  }

  .dz-clickable h4 {
    font-size: 14px;
  }

  .dz-clickable h4 {
    font-size: 12px;
  }

  .dropzone .dz-message {
    text-align: center;
    margin: 1em 0;
  }

  .ilanekle-duzenle-textarea {
    min-height: 200px;
  }

  .ck-editor__editable_inline {
    height: 200px !important;
  }

  .select2-container .select2-selection--single {
    height: 28px !important;
  }

  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #444;
    line-height: 18px !important;
  }

  .login {
    padding: 28px 0px 15px;
  }

  .login-bilgi .liste a .text small {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.2;
    opacity: 70%;
  }

  .login-bilgi .liste a .icon {
    height: 53px;
    width: 15%;
  }

  .uyelik-paketleri .uyelik-liste .baslik {
    height: 38px;
    padding-left: 20px;
  }

  .uyelik-paketleri .uyelik-liste .baslik h3 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .uyelik-paketleri h2 {
    margin-bottom: 20px;
    font-size: 17px;
  }

  .swal2-title {
    font-size: 28px !important;
  }

  .swal2-popup {
    font-size: 11px;
  }

  .swal2-header {
    display: -webkit-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .page-icerik .page-icerik-box {
    padding: 10px;
  }

  .page-icerik h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .detayli-arama .form-liste {
    padding: 7px 0px;
  }

  a.HomeFirmaDestek {
    padding: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 10px;
    display: block;
    color: #000000;
    display: flex;
  }

  a.HomeFirmaDestek .HomeFirmaDestek-icon {
    width: 65px;
    height: auto;
    text-align: center;
  }

  a.HomeFirmaDestek .HomeFirmaDestek-icon img {
    width: 100%;
    height: auto;
  }

  a.HomeFirmaDestek .HomeFirmaDestek-text {
    height: auto;
    overflow: hidden;
    padding-left: 18px;
    width: calc(100% - 65px);
  }

  a.HomeFirmaDestek .HomeFirmaDestek-text .text1 {
    font-size: 14px;
    margin-top: 0px;
    text-align: left;
  }

  a.HomeFirmaDestek .HomeFirmaDestek-text .detaylar {
    justify-content: start;
    text-align: left;
    margin-top: 7px;
    font-size: 12px;
  }

  a.HomeFirmaDestek .HomeFirmaDestek-text .text2 {
    font-size: 12px;
    margin-top: 2px;
    text-align: left;
    font-weight: 500;
  }

  .homeSlider {
    padding: 3px;
    margin-top: 10px;
  }

  .forny-form .form-group .input-group .goster {
    top: 6px;
  }

  .activebg::before {
    content: "";
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #00000091;
    z-index: 2;
  }

  .ilan-resim {
    padding: 4px !important;
    margin: 0 !important;
    width: 100%;
  }

  /* adres filtre bolum*/

  .liste-tab .FiltreAdres {
    max-height: inherit !important;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    box-shadow: none;
    transition: right 0.5s ease;
    left: 0px;
    border: none;
    border-radius: 0px;
  }

  .liste-tab .FiltreAdres.active {
    right: 0;
    z-index: 999;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header {
    padding: 0px;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .Filtre-Scrool-Header-ust {
    width: 100%;
    padding: 11px 15px;
    background: #e00000;
    color: #fff;
    height: 46px;
    display: flex;
    align-items: center;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .Filtre-Scrool-Header-alt {
    width: 100%;
    padding: 11px 15px;
    background: #f1f1f1;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .form-control {
    background: #fff;
    border: solid 1px #fff;
    width: 100%;
    height: 45px;
    font-size: 16px;
  }

  .liste-tab
    .FiltreAdres
    .Filtre-Scrool-Header
    .form-control::-ms-input-placeholder {
    color: #333;
    opacity: 80%;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .form-control::placeholder {
    color: #333;
    opacity: 80%;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .geri {
    display: flex;
    align-items: center;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header h4 {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0px;
    z-index: 1;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .temizle {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin-left: auto;
    position: relative;
    z-index: 1;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .Filtre-kapat {
    position: absolute;
    left: 10px;
    top: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 15px;
    z-index: 99;
  }

  .liste-tab .FiltreAdres .Filtre-Scrool-Header .Filtre-adres-kapat {
    width: auto;
    height: auto;
    background: transparent;
    color: #fff;
    font-size: 22px;
    margin: 0px;
    display: flex;
    align-items: center;
    margin-right: 5px;
  }

  .liste-tab .FiltreAdres ul li {
    margin-top: 4px;
  }

  .liste-tab .FiltreAdres ul li .mahalle-ana-baslik {
    position: relative;
  }

  .liste-tab .FiltreAdres ul li .mahalle-ana-baslik::after {
    content: "\eab6";
    font-family: "fontello";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .liste-tab .FiltreAdres ul li a {
    list-style: none;
    text-decoration: none;
    padding: 0px 13px;
    color: #333;
    border: 1px solid #e6e6e6;
    background: #fff;
    position: relative;
    height: 45px;
    border-radius: 0px;
    font-size: 16px;
  }

  .liste-tab .FiltreAdres ul li a::after {
    content: "\eab4";
    font-family: "fontello";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .liste-tab .Filtre-Scrool {
    height: 100vh;
    overflow-y: scroll;
    background: transparent;
    max-width: 100%;
    margin-bottom: 120px;
  }

  .liste-tab .Filtre-Scrool::-webkit-scrollbar-track {
    background-color: transparent;
  }

  .liste-tab .Filtre-Scrool::-webkit-scrollbar {
    background-color: transparent;
  }

  .liste-tab .Filtre-Scrool::-webkit-scrollbar-thumb {
    background-color: #a2a2a2;
  }

  .activebg {
    width: 100%;
    overflow: hidden;
    /* Kaydırma çubuğunu gizlemek için */
  }

  .liste-tab .Filtre-Scrool-body {
    height: auto;
    background: #fafafa;
    padding: 10px 10px;
    border-top: 1px solid #ebebeb;
  }

  .iletisim-page .iletisim-icon {
    height: 50px;
    margin-bottom: 15px;
  }

  .iletisim-page .iletisimliste {
    display: block;
  }

  .iletisim-page .btn {
    display: inline-flex;
    width: 100%;
  }

  .iletisim-page .btn i {
    margin-right: 10px;
  }

  footer .footer-bilgi .sosyal li a {
    width: 25px;
    height: 25px;
  }

  .ilan_linkler_ul a.ilan_linkler_liste .text span {
    font-size: 12px;
  }

  .ilan_linkler_ul a.ilan_linkler_liste {
    padding: 5px 5px;
  }

  .ilan_linkler_ul a.ilan_linkler_liste .text small {
    font-size: 11px;
    line-height: 1.2;
  }

  .ilan_linkler_ul a.ilan_linkler_liste .icon {
    width: 25px;
  }

  .ilan_linkler_ul a.ilan_linkler_liste .icon .svgIcon {
    fill: #26ae61;
    height: 19px;
    width: 22px;
  }

  .ilan_linkler_ul a.ilan_linkler_liste .text {
    width: calc(100% - 25px);
    padding-left: 7px;
  }

  /* tAble İlanlar Yeni*/

  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste-hiza {
    width: 48.7%;
  }

  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste-hiza:nth-child(2n) {
    margin-right: 0px;
  }

  .table-ilan-liste .ilan-resim-td {
    width: 110px;
  }

  .table-ilan-liste .ilan-resim-sayfa {
    height: 120px;
    padding: 5px;
  }

  .table-ilan-liste .ilan-aciklama-td {
    padding: 5px;
  }

  .table-ilan-liste .ilan-aciklama .ilan-baslik {
    font-size: 13px;
  }

  .table-ilan-liste a {
    font-size: 13px;
    color: #263238;
    text-decoration: none;
  }

  .table-ilan-liste .ilan-fiyat {
    display: block;
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #26ae61;
  }

  .table-ilan-liste .ilan-adres-td {
    padding: 0px 5px 5px;
    border: none;
  }

  .table-ilan-liste .ilan-aciklama .ilan-tarihi {
    border-left: 0;
    padding-left: 0;
  }

  .table-ilan-liste .ilan-adres-td {
    display: none;
  }

  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-ozellik {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .table-ilan-liste .ilan-adres {
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
    overflow: hidden;
    color: #000 !important;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
  }

  .table-ilan-liste .ilan-adres li {
    display: inline-block;
  }

  .table-ilan-liste .ilan-ozellik .liste {
    margin-left: 0;
    font-weight: 600;
  }

  .table-ilan-liste .ilan-aciklama {
    padding-left: 3px;
    padding-right: 0;
  }

  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-ozellik .liste {
    display: inline-block;
    margin-right: 11px;
  }

  table tr.table-ilan-tr.tablegorunum1 .gorunum-galeri {
    margin-top: 5px;
  }

  table tr.table-ilan-tr.tablegorunum2 .gorunum-galeri {
    display: block;
  }

  .btn-ilan-eklee {
    width: 100%;
    height: 45px !important;
    font-size: 16px !important;
  }

  .personel-table .table-header.desktop-only,
  .personel-table .table-footer.desktop-only {
    display: none;
    /* Masaüstü için olan header ve footer gizlenir */
  }

  .personel-table .table-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin-bottom: 10px;
  }

  .personel-table .table-header > div,
  .personel-table .table-row > div,
  .personel-table .table-footer > div {
    text-align: left;
  }

  .personel-table .mobile-only {
    display: inline;
    /* Mobilde görünsün */
  }

  .personel-table .text-end {
    text-align: left;
    /* Mobilde sağa değil sola hizalı */
  }

  .personel-table .danisman-lisle {
    display: block;
  }

  .personel-table .danisman-lisle .mobile-only {
    display: block;
    font-size: 12px;
    font-weight: 300;
  }

  .personel-table .danisman-lisle .mobile-baslik {
    display: block;
    font-size: 14px;
    font-weight: 600;
  }

  .personel-table .danisman-lisle-islemler {
    width: 100%;
  }

  .personel-table .table-row .danisman-lisle-islemler {
    grid-column: span 2;
  }

  .ilan-filtre-mobil {
    margin-bottom: 15px;
    position: sticky;
    top: 0;
    z-index: 50;
    flex-wrap: wrap;
    padding: 0;
    box-shadow: 0 3px 3px 1px hsla(0, 0%, 74.5%, 0.1);
    border-top: 1px solid #eee;
    border-bottom: 2px solid #eee;
    background: #fff;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar a.button {
    flex: 1;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0px 5px;
    color: #001022;
    border-right: 1px solid #eee;
    justify-content: center;
    cursor: pointer;
    border-bottom: 2px solid transparent;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar a.button:last-child {
    border: none;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar a.button .icon {
    margin-right: 8px;
    color: #888;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar a.button .icon i {
    display: flex;
    align-items: center;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar a.button span {
    font-size: 13px;
    font-weight: 600;
    display: block;
  }

  .secilen-filtreler__temizle {
    font-size: 12px;
    position: absolute;
    right: 15px;
    z-index: 9;
  }

  .secilen-filtreler-orta .secilen-filtreler__temizle {
    display: block !important;
    right: 0px;
    position: relative;
  }

  .secilen-filtreler-orta .secilen-filtreler__header {
    display: flex !important;
    align-items: center;
    border-bottom: 0px;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar a.button small {
    font-size: 10px;
    font-weight: 500;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    white-space: normal;
    color: #e00000;
    line-height: 1;
  }

  .filtre-mobil-butonlar a.button.active {
    color: #e00000;
    font-weight: 700;
    border-bottom: 2px solid #e00000;
  }

  .ilan-filtre-mobil .filtre-mobil-butonlar a.button.active:last-child {
    border-bottom: 2px solid #e00000;
  }

  /* =======================================================
   1. PÜRÜZSÜZ MODAL ANİMASYONU (KASMAYI ENGELLER)
======================================================== */
  .filtre-mobil-modal {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 90vh; /* Ekranın %90'ından fazla büyümesin */
    background: #f8fafc; /* App hissi için hafif gri arkaplan */
    z-index: 10000;
    border-radius: 24px 24px 0 0;
    display: flex;
    flex-direction: column;
    /* KASMAYI ÖNLEYEN KISIM BURASI -> Sadece GPU'yu (Transform) kullanır */
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.1); /* iOS yaylanma efekti */
    will-change: transform;
  }

  .filtre-mobil-modal.active {
    transform: translateY(0); /* Pürüzsüz yukarı çıkar */
  }

  /* Arka plan kilitleme ve kararma efekti */
  body.kilitle::before {
    background: rgba(
      15,
      23,
      42,
      0.6
    ) !important; /* Daha yumuşak modern siyah */
    backdrop-filter: blur(
      2px
    ); /* Arkada kalan siteyi hafif bulanıklaştırır (iOS tarzı) */
    transition: all 0.3s ease;
  }

  .filtre-mobil-modal-header {
    border-bottom: none !important;
    padding: 20px 20px 10px !important;
  }

  .filtre-mobil-modal-content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* Mobilde yağ gibi kayma sağlar */
    padding: 0 15px 30px !important;
  }

  /* Başlık Üstündeki Gri Tutma Çubuğu (Swipe Handle) */
  .header-cizgi {
    width: 45px !important;
    height: 5px !important;
    background: #cbd5e1 !important;
    border-radius: 10px !important;
    margin: 0 auto 15px !important;
  }

  /* =======================================================
   1. MODAL BAŞLIĞI (HEADER) ÖZEL TASARIMI
======================================================== */
  .filtre-mobil-modal-header {
    padding: 15px 22px 15px !important;
    border-bottom: 1px solid #f1f5f9 !important; /* Çok hafif bir ayrım çizgisi */
    position: relative;
  }

  /* Sağlı Sollu Ayırma (İsim Solda, Çarpı Sağda) */
  .filtre-mobil-modal-header .d-flex {
    justify-content: space-between;
    align-items: center;
  }

  /* İsim Soyisim Kısmı */
  .filtre-mobil-modal-header h5 {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a; /* Çok koyu lacivert/siyah */
    line-height: 1.3;
  }

  /* Alt Başlık (Bireysel Üye) */
  .filtre-mobil-modal-header h5 small {
    font-weight: 600;
    color: #64748b !important; /* Soft gri */
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
  }

  /* Yuvarlak Çarpı Butonu (Kapat) */
  .header-kapat {
    width: 34px;
    height: 34px;
    background: #f1f5f9; /* Hafif gri arka plan */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .header-kapat:active {
    transform: scale(0.9); /* Basılma hissi */
    background: #e2e8f0;
  }

  .filtre-items {
    margin: 0px;
    padding: 0px;
  }

  /* =======================================================
   FİLTRE VE SIRALAMA LİSTESİ (MOBİL APP TASARIMI)
======================================================== */

  /* Listenin Genel Yapısı */
  .filtre-items {
    list-style: none;
    padding: 10px 0 0 0 !important;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Butonlar arasındaki boşluk */
  }

  .filtre-items li {
    width: 100%;
  }

  /* 1. Normal Menü Butonu Tasarımı */
  .filtre-items li a {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    background: #ffffff;
    border: 1px solid #f1f5f9; /* Çok açık gri narin bir sınır */
    border-radius: 14px; /* Modern yuvarlak köşeler */
    text-decoration: none;
    color: #334155; /* Slate grisi (Tam siyah değil, göz yormaz) */
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.015); /* Çok hafif derinlik */
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Tıklama (Basılma) Hissi */
  .filtre-items li a:active {
    transform: scale(0.97);
    background: #f8fafc;
  }

  /* Yazı (Span) Ayarı */
  .filtre-items li a span {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  /* 2. Rakam (Sayaç) Rozeti (Badge) Tasarımı */
  .filtre-items li a .kullanici_ilanlar_menu_count {
    background: #f1f5f9;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px; /* Hap (Pill) görünümü */
    min-width: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  /* =======================================================
   AKTİF (SEÇİLİ) MENÜ DURUMU
======================================================== */

  /* Seçili Olan Menünün Kutusu */
  .filtre-items li a.active {
    background: #fff5f5; /* Çok açık kırmızı arka plan */
    border-color: #ffe4e4; /* Kırmızımsı sınır çizgisi */
    color: #d90000; /* Markanızın kırmızısı */
    box-shadow: 0 4px 12px rgba(217, 0, 0, 0.05); /* Kırmızımsı parlama */
  }

  /* Seçili Olan Menünün Sayacı */
  .filtre-items li a.active .kullanici_ilanlar_menu_count {
    background: #d90000; /* Kırmızı zemin */
    color: #ffffff; /* Beyaz yazı */
    box-shadow: 0 4px 10px rgba(217, 0, 0, 0.25); /* Sayaç için derinlik */
  }

  /* Masaüstü Hover (Üzerine Gelme) Efekti */
  @media (hover: hover) {
    .filtre-items li a:hover:not(.active) {
      background: #f8fafc;
      border-color: #e2e8f0;
      color: #0f172a;
    }
  }

  /* =======================================================
   2. WHATSAPP VE TELEFON BUTONLARI (DESTEK MENÜSÜ İÇİN)
======================================================== */
  #destekModal .filtre-items {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Butonlar arası boşluk */
    padding-top: 10px;
  }

  #destekModal .filtre-items li {
    list-style: none;
  }

  #destekModal .filtre-items li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    border-radius: 16px; /* Modern yuvarlak köşeler */
    font-size: 15.5px;
    font-weight: 700;
    text-decoration: none;
    transition:
      transform 0.15s ease,
      box-shadow 0.15s ease;
  }

  #destekModal .filtre-items li a:active {
    transform: scale(0.96); /* Tıklanma hissi */
  }

  /* WhatsApp Butonu (Yeşil Gradient) */
  #destekModal .filtre-items li a[href*="whatsapp"] {
    background: linear-gradient(135deg, #25d366, #128c7e); /* Whatsapp yeşili */
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
  }

  /* Telefonla Ara Butonu (Lacivert/Siyah Gradient) */
  #destekModal .filtre-items li a[href*="tel"] {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.25);
  }

  #destekModal .filtre-items li a i {
    font-size: 22px;
    margin-right: 10px !important;
  }

  /* =======================================================
   2. PROFİL MENÜSÜ İÇİN ÖZEL "MOBİL APP" TASARIMI
======================================================== */
  /* Masaüstünden gelen genişlikleri iptal edelim */
  #profilModal .sidebar,
  #profilModal .sidebar-card {
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
  }

  /* Menü Başlıkları (Hesap, Platform vb.) */
  #profilModal .sidebar-nav-label {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 15px 0 6px 10px !important;
    background: transparent !important;
    border: none !important;
  }

  /* Navigasyon Linkleri (Modern Buton Hissiyatı) */
  #profilModal .nav-item {
    background: #ffffff !important;
    display: flex !important;
    align-items: center;
    padding: 14px 16px !important;
    margin-bottom: 8px !important;
    border-radius: 14px !important; /* Yumuşak köşeler */
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    transition:
      transform 0.15s ease,
      background 0.15s ease !important;
  }

  /* İkonlar */
  #profilModal .nav-item i {
    font-size: 18px !important;
    color: #64748b !important;
    margin-right: 12px !important;
  }

  /* Dokunma/Tıklama Animasyonu (Ripple alternatifi) */
  #profilModal .nav-item:active {
    transform: scale(0.97) !important; /* Tıklayınca hafifçe küçülür */
    background: #f8fafc !important;
  }

  /* Aktif (Seçili) Menü */
  #profilModal .nav-item.active {
    background: #fff5f5 !important;
    border-color: #ffe4e4 !important;
    color: #d90000 !important;
  }
  #profilModal .nav-item.active i {
    color: #d90000 !important;
  }

  /* Özel Platform Butonları (Sahibinden vb.) */
  #profilModal .nav-item .platform-logo,
  #profilModal .nav-item .denizliemlak-icon {
    width: 26px !important;
    height: 26px !important;
    margin-right: 12px !important;
  }

  /* Çıkış Yap Butonu */
  #profilModal .nav-item[href*="cikis_yap"] {
    background: #fff0f0 !important;
    border-color: #ffe4e4 !important;
    color: #dc2626 !important;
  }
  #profilModal .nav-item[href*="cikis_yap"] i {
    color: #dc2626 !important;
  }

  .header-uyelik {
    flex-wrap: wrap;
    justify-content: center;
  }

  .header-uyelik a,
  .header-uyelik button {
    font-size: 12px;
    padding: 4px 5px;
    padding-right: 27px;
  }

  .header-uyelik .dropdown .dropdown-menu {
    width: 100%;
  }

  .header-uyelik button .icon {
    width: 20px;
    height: 20px;
  }

  .header-uyelik .dropdown .dropdown-menu {
    display: none;
  }

  .header-uyelik .dropdown.show .dropdown-menu {
    display: block;
  }

  .header-uyelik .dropdown .dropdown-menu a {
    padding: 5px 9px;
    font-size: 12px;
    margin: 0px;
    font-weight: 500;
  }

  .mobil-sabit-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background-color: #ffffff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-around;
    align-items: start;
    z-index: 999;
    border-top: 1px solid #e0e0e0;
    padding: 10px 12px;
  }

  .mobil-sabit-menu-item {
    text-align: center;
    flex: 1;
    color: #434343;
    font-weight: 600;
    text-decoration: none;
    font-size: 11px;
    transition: color 0.3s ease;
  }

  .mobil-sabit-menu-item:hover {
    color: #e00000;
  }

  .mobil-sabit-menu-item i {
    font-size: 20px;
    margin-bottom: 1px;
    display: block;
    line-height: 1;
  }

  .mobil-sabit-menu-center {
    position: relative;
    top: -28px;
    text-align: center;
  }

  .mobil-sabit-menu-ana-sayfa-icon {
    width: 44px;
    height: 44px;
    background-color: #e00000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    color: white;
    transition: transform 0.3s ease;
    margin: 0 auto;
    border: solid 2px #fff;
  }

  .mobil-sabit-menu-ana-sayfa-icon i {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 1;
  }

  .mobil-sabit-menu-ana-sayfa-icon:hover {
    transform: scale(1.1);
  }

  .mobil-sabit-menu-center-text {
    font-size: 12px;
    margin-top: 8px;
    display: block;
  }

  .personel-table {
  }

  .breadcrumb-bg .col-lg-5 {
    width: 100% !important;
  }

  .kategori-ilan-sayi {
    margin-left: auto;
    font-size: 13px;
    background: #f1f1f1;
    width: 45px;
    height: 22px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    font-weight: 700;
  }

  .liste-tab .liste1 li.active a .kategori-ilan-sayi {
    background: #e00000;
    color: #fff;
  }

  #ilan-resim-liste {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ilan-resim {
    padding: 0px !important;
    margin: 0 0px 8px 0px !important;
    width: 32%;
  }

  .sabit-kaydet {
    display: none;
  }

  .secilen-filtreler__header {
    display: block;
    text-align: center;
    border: none;
  }

  .secilen-filtreler__baslik {
    font-size: 16px;
    font-weight: 700;
    display: block;
  }

  .kullanici-warning {
    font-size: 12px;
  }

  .secilen-filtreler__header .secilen-filtreler__count {
    font-size: 12px;
    padding-left: 7px;
  }

  ul.sol-ana-kategori ul.sol-alt-kategori > li > a {
    height: 45px;
  }

  .secilen-filtreler__liste {
    overflow-x: auto;
    /* Yatay kaydırma ekler */
    padding: 10px 0;
  }

  .filtre-listesi {
    display: flex;
    flex-wrap: nowrap;
    /* Elemanların yan yana dizilmesini sağlar */
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 20px;
  }

  .filtre-item {
    background-color: #fff;
    padding: 5px 12px 4px 12px;
    border-radius: 60px;
    font-size: 14px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
    padding-right: 50px;
    line-height: 1;
  }

  .filtre-item__etiket b {
    display: block;
    font-size: 11px;
    color: #888;
    font-weight: 500;
    line-height: 1;
  }

  .filtre-item__etiket small {
    color: #434343;
    font-size: 12px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    line-height: 1;
    font-weight: 600;
  }

  .filtre-item__kaldir {
    color: #d90000;
    font-size: 18px;
    background: #f6f6f6;
    border: solid 1px #e4e4e4;
    border-radius: 50%;
    align-self: center;
    text-align: center;
    display: flex;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 6px;
    line-height: 1;
    top: 3px;
  }

  .bottom-bar {
    top: auto;
    transform: translateY(0%);
    position: fixed;
    bottom: 69px;
    left: 0;
    right: 0;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 5px 5px;
    z-index: 1000;
    flex-direction: row;
    border: none;
    height: auto;
  }

  .floating-buttons {
    gap: 6px;
  }
  .header-menu .header-container {
    justify-content: center;
    height: 50px; /* Görseldeki dolgun yükseklik */
  }
}

@media (max-width: 600px) {
  .header-menu .navbar-brand {
    height: 25px;
    margin-right: auto;
  }

  .headeruyeadi {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    max-width: 100px;
  }

  .ilanlar_container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }

  footer .footer-firma .footer-logo {
    height: 19px;
    margin-top: 17px;
  }

  .forny-form .sifremi-unuttum-menu {
    padding: 8px;
  }

  .ilan-resim {
    padding: 0px !important;
    margin: 0 0px 8px 0px !important;
    width: 49%;
  }

  .login-bilgi .liste {
    background: #fff;
    padding: 15px;
  }

  .login-bilgi .liste {
    display: flex;
    color: #1a2b49;
    text-decoration: none;
  }

  .login-bilgi .liste .icon {
    width: 40px;
  }

  .login-bilgi .liste .text {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-left: 20px;
  }

  .login-bilgi .liste .text span {
    font-size: 16px;
  }

  .login-bilgi .liste .text small {
    font-size: 14px;
    opacity: 70%;
  }

  .login-ortaic {
    width: 100%;
    max-width: 100%;
  }

  .page-icerik h3 {
    font-size: 18px;
  }

  .login-baslik h4 {
    font-size: 16px;
  }

  .login-baslik p {
    font-size: 13px;
  }
}

@media (max-width: 400px) {
  .personel-table .table-row .danisman-lisle {
    grid-column: span 2;
  }
}

/* ============================================= */
/* === RESPONSIVE AYARLAR (TABLET VE MOBİL) === */
/* ============================================= */

/* TABLET GÖRÜNÜMÜ - Orta Boy Ekranlar (Örn: 1120px ve altı) */
@media (max-width: 1120px) {
  .Uyelik_Yeni .container {
    max-width: 95%; /* Konteynerin ekranı daha iyi kullanmasını sağlar */
  }

  .Uyelik_Yeni .form-column,
  .Uyelik_Yeni .info-column,
  .Uyelik_Yeni .form-header {
    padding: 30px; /* İç boşlukları biraz azaltıyoruz */
  }

  .Uyelik_Yeni .info-column-ic {
    /* Sağdaki 3'lü bilgi kutucuklarını 2'li hale getirelim */
    grid-template-columns: repeat(2, 1fr);
  }
}

/* MOBİL GÖRÜNÜMÜ - Küçük Ekranlar (Örn: 768px ve altı) */
@media (max-width: 768px) {
  .Uyelik_Yeni {
    /* Sayfanın genel boşluğunu azaltıyoruz */
    padding: 20px 15px;
    min-height: auto; /* Sayfanın içeriğe göre uzamasını sağlıyoruz */
  }

  .Uyelik_Yeni .logo {
    max-width: 200px; /* Logoyu biraz küçültüyoruz */
    margin-bottom: 11px;
  }

  .Uyelik_Yeni .container {
    box-shadow: none; /* Mobilde gölgeyi kaldırabiliriz, daha sade durur */
    border-radius: 0;
    border: 1px solid #e7e7e7;
  }

  .Uyelik_Yeni .container .container-ic {
    /* EN ÖNEMLİ DEĞİŞİKLİK: Sütunları alt alta getiriyoruz */
    flex-direction: column;
  }

  .Uyelik_Yeni .form-column {
    /* Form ve bilgi sütunları arasındaki dikey çizgiyi yatay çizgiye dönüştürüyoruz */
    border-right: none;
    border-bottom: 1px solid #e7e7e7;
    flex: 1; /* Esneklik oranını sıfırlıyoruz */
  }

  .Uyelik_Yeni .info-column {
    flex: 1; /* Esneklik oranını sıfırlıyoruz */
  }

  .Uyelik_Yeni .form-column,
  .Uyelik_Yeni .info-column,
  .Uyelik_Yeni .form-header {
    padding: 25px 20px; /* İç boşlukları mobilde daha da azaltıyoruz */
  }

  .Uyelik_Yeni .form-header {
    /* Başlık ve "Zaten üye misin?" linkini alt alta alıyoruz */
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .Uyelik_Yeni h2.form-title {
    font-size: 22px; /* Başlık fontunu biraz küçültüyoruz */
  }

  .Uyelik_Yeni .login-link {
    margin-top: 15px; /* Üstteki başlıkla arasına boşluk koyuyoruz */
  }

  .Uyelik_Yeni .info-column-ic {
    /* Sağdaki bilgi kutucuklarını tek sütun yapıyoruz */
    grid-template-columns: 1fr;
  }

  .Uyelik_Yeni .info-column h2 {
    font-size: 22px;
    margin-bottom: 25px;
  }

  .Uyelik_Yeni .feature-item {
    /* İkon ve metnin hizalamasını mobilde daha iyi hale getiriyoruz */
    align-items: flex-start;
    margin-bottom: 25px;
  }

  .Uyelik_Yeni .feature-icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }

  .Uyelik_Yeni .feature-icon svg {
    width: 28px;
    height: 28px;
  }

  .Uyelik_Yeni .submit-btn {
    font-size: 16px;
    padding: 14px;
  }

  .Uyelik_Yeni .form-buttons-genel {
    margin: 15px auto 20px;
  }
}

/* =========================================
   MOBİL ÖZEL: SOL SÜTUN (RESİM + BUTON)
   ========================================= */
@media (max-width: 767px) {
  /* 1. KART YAPISI: Sol taraf için yer açıyoruz */
  .soft-ilan-card {
    display: block; /* Flex yerine Block yapıyoruz ki Absolute kullanabilelim */
    position: relative; /* İçindeki absolute elemanlar buna göre hizalansın */
    min-height: 145px; /* Minimum yükseklik */
    padding-left: 125px; /* SOL TARAFTA 125px BOŞLUK BIRAK (Resim ve buton için) */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 15px;
  }

  .soft-ilan-card.not_var {
    min-height: 184px; /* Minimum yükseklik */
  }

  .soft-ilan-card.not_var .not-title {
    font-size: 10px;
  }

  .soft-content-not .not-info {
    gap: 4px;
  }

  .soft-content-not .not-ilan-text {
    font-size: 10px;
  }

  .soft-content-not .not-actions {
    gap: 5px;
  }

  .soft-content-not .action-btn {
    padding: 3px;
    border-radius: 4px;
  }

  .soft-content-not {
    padding: 1px 3px;
    margin-top: 6px;
  }

  .soft-content-not .action-btn svg {
    width: 14px;
    height: 14px;
  }

  .soft-ilan-container {
    gap: 3px;
  }
  /* 2. SOL ÜST: RESİM (Ayrılan boşluğa yerleşir) */
  .soft-img-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 125px; /* Ayırdığımız genişlik */
    height: calc(100% - 40px); /* Buton payını (40px) düşüyoruz */
    min-width: auto; /* Eski ayarı ez */
    z-index: 1;
  }

  .soft-img-wrap img {
    height: 100%;
    object-fit: cover;
  }

  /* 3. SOL ALT: BUTON ALANI (Resmin altına taşındı) */
  /* HTML'de içerikte olsa bile CSS ile sola çekiyoruz */
  .soft-actions {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 125px; /* Sol sütun genişliği */
    height: 40px; /* Buton yüksekliği */
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  /* Yönet Butonu Stili */
  .btn-soft-action {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #444;
    font-size: 13px;
    font-weight: 600;
    justify-content: center;
  }

  .btn-soft-action i {
    font-size: 14px;
    color: #666;
  }

  /* 4. SAĞ TARAF: İÇERİK (Kalan alana yayılır) */
  .soft-content-wrap {
    width: 100%; /* Kalan %100 */
    height: 100%;
    padding: 12px 15px; /* İç boşluk */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Dikey ortala */
  }

  /* İçerik Düzeni: Hepsi Alt Alta */

  /* Başlık */
  .soft-top-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 4px;
  }

  .soft-title {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: #222;
    /* 2 Satır sınırı */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Fiyat */
  .soft-price {
    font-size: 16px;
    color: #d90000;
    font-weight: 800;
    padding: 0;
    background: transparent;
    margin-bottom: 6px;
  }

  /* Kategori ve Konum (Alt Alta) */
  .soft-mid-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .soft-category-badge {
    font-size: 10px;
    padding: 3px 6px;
    background-color: #edf2f7;
    color: #555;
    border-radius: 4px;
    display: inline-block;
  }

  .soft-location {
    font-size: 12px;
    color: #777;
    margin-top: 2px;

    /* 1. Hizalama Ayarları */
    /* gap ve align-items'ın çalışması için flex veya inline-flex olmalı */
    display: inline-flex;
    align-items: center;
    gap: 5px;

    /* 2. Kesme (...) Ayarları */
    white-space: nowrap; /* Alt satıra geçmeyi engeller */
    overflow: hidden; /* Taşan kısmı gizler */
    text-overflow: ellipsis; /* Sona ... koyar */

    max-width: 210px;
  }

  .yeni_detay_swiper_main {
    height: 240px !important;
  }

  /* Gereksiz Alanları Gizle */
  .soft-bot-row {
    display: contents; /* Yapısını boz, içindeki .soft-actions'ı serbest bırak */
    border: none;
    margin: 0;
    padding: 0;
  }

  .soft-meta-left {
    display: none; /* Danışman bilgisini gizle */
  }

  /* Dropdown Menü Ayarı (Alttan Açılır) */

  .header-menu .logo-img {
    height: 40px;
    width: auto;
  }
}

@media (max-width: 767px) {
  /* Ana kapsayıcıyı yan yana (flex) dizime geçiriyoruz */
  .secilen-filtreler__header {
    display: flex !important;
    justify-content: space-between !important; /* Sağ ve sol köşelere yasla */
    align-items: center !important; /* Dikeyde tam ortala */
    padding: 12px 15px !important;
    text-align: left !important;
    background: #fff;
    border-bottom: 1px solid #eee !important;
  }

  /* Sol taraf: Başlık ve sayıyı alt alta dizer */
  .filtre-header-sol {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1; /* Alanın geri kalanını kaplar */
    padding-right: 10px; /* Butonla arasına boşluk koyar */
  }

  .secilen-filtreler__header .secilen-filtreler__baslik {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    color: #222;
  }

  .secilen-filtreler__header .secilen-filtreler__count {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    color: #777 !important;
  }

  /* Sağ taraf: Butonun boyutu küçülmesin diye sabitler */
  .filtre-header-sag {
    flex-shrink: 0;
  }

  /* Eskiden kalan "position: absolute" çakışmasını KESİNLİKLE bitiren bölüm */
  .secilen-filtreler__header .secilen-filtreler__temizle {
    position: static !important; /* Mutlak pozisyonu iptal ettik */
    transform: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 7px 12px !important;
    background-color: #fff0f0 !important;
    color: #e00000 !important; /* Kırmızı renk */
    border: 1px solid #ffe5e5 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  .secilen-filtreler__header .secilen-filtreler__temizle i {
    font-size: 14px;
    display: flex;
  }
}