@import url("theme.css");
@import url("main.css");
@import url("hero.css");
@import url("property.css");
/* ===================================
   MODERN HEADER
=================================== */

.site-header{

  background:#fff;

  border-bottom:
  1px solid #eceff3;

  position:sticky;

  top:0;

  z-index:999;

  box-shadow:
  0 2px 10px rgba(0,0,0,.03);
}

.navbar{

  display:flex;

  align-items:center;

  gap:26px;

  min-height:78px;
}

.navbar a{

  font-size:17px;

  font-weight:500;

  color:#1f2937;
}

/* ===================================
   MODERN SEARCH
=================================== */

.search-box{

  background:#fff;

  border-radius:24px;

  padding:22px;

  box-shadow:
  0 10px 35px rgba(0,0,0,.05);

  display:grid;

  grid-template-columns:
  repeat(6,1fr);

  gap:14px;
}

.search-box input,
.search-box select{

  height:54px;

  border-radius:16px;

  border:1px solid #e5e7eb;

  background:#fff;

  font-size:15px;

  padding:0 14px;
}

.search-box button{

  height:54px;

  border-radius:16px;

  background:#4f46e5;

  color:#fff;

  border:none;

  font-weight:600;

  font-size:16px;
}

/* ===================================
   MODERN CATEGORY BUTTONS
=================================== */

.home-cats{

  display:flex;

  gap:14px;

  flex-wrap:wrap;

  margin-top:22px;
}

.home-cats a{

  background:#fff;

  border:1px solid #eceff3;

  padding:13px 18px;

  border-radius:999px;

  font-size:15px;

  font-weight:500;

  transition:.2s;
}

.home-cats a:hover{

  background:#f3f4f6;
}

/* ===================================
   MODERN SECTION TITLES
=================================== */

.section-title{

  font-size:38px;

  font-weight:800;

  margin-bottom:28px;

  color:#111827;
}

/* ===================================
   MODERN PROPERTY CARD
=================================== */

.properties-row{

  gap:28px !important;
}

.property-card{

  background:#fff;

  border-radius:24px;

  overflow:hidden;

  border:1px solid #eceff3;

  box-shadow:
  0 4px 18px rgba(0,0,0,.04);

  transition:.25s;

  display:flex;

  flex-direction:column;

  height:100%;
}

.property-card:hover{

  transform:translateY(-4px);

  box-shadow:
  0 18px 40px rgba(0,0,0,.08);
}

.property-card-image{

  height:260px !important;
}

.property-card-image img{

  transition:.4s;
}

.property-card:hover img{

  transform:scale(1.03);
}

.property-card-price{

  font-size:28px;

  font-weight:800;

  color:#111827;
}

.property-card-meta{

  color:#6b7280;

  font-size:14px;
}
/* ================= CARD ================= */

.property-card{
    position: relative;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;

    transition: .25s ease;

    border: 1px solid #ececec;

}

.property-card:hover{
    transform: translateY(-4px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
}

/* ================= LINK ================= */

.property-card-link{
    display: block;
    color: inherit;
    text-decoration: none;
}

/* ================= IMAGE ================= */

.property-card-img{
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #f5f5f5;
}

.property-card-img img{
    width: 100%;
    object-fit: cover;

    transition: transform .4s ease;
}

.property-card:hover .property-card-img img{
    transform: scale(1.05);
}

/* ================= BODY ================= */

.property-card-body{
    padding: 14px;
}

/* ================= TITLE ================= */

.property-card-title{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;

    color: #222;

    height: 42px;
    overflow: hidden;

    margin-bottom: 8px;
}

/* ================= LOCATION ================= */

.property-card-loc{
    font-size: 13px;
    color: #777;

    margin-bottom: 10px;
}

/* ================= META ================= */

.property-card-meta{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

    font-size: 13px;
    color: #666;

    margin-bottom: 12px;
}

/* ================= PRICE ================= */

.property-card-price{
    font-size: 24px;
    font-weight: 700;

    color: #111;
}

/* ================= FAVORITE ================= */

.fav-btn{
    position: absolute;

    top: 12px;
    right: 12px;

    width: 36px;
    height: 36px;

    border: none;
    border-radius: 50%;

    background: rgba(255,255,255,.92);

    backdrop-filter: blur(6px);

    font-size: 16px;

    cursor: pointer;

    z-index: 5;

    transition: .2s;
}

.fav-btn:hover{
    background: #ffeded;
    transform: scale(1.08);
}

/* ================= VIP ================= */

.vip-badge{
    position: absolute;

    top: 12px;
    left: 12px;

    background: #ff6b00;

    color: #fff;

    font-size: 11px;
    font-weight: 700;

    padding: 5px 10px;

    border-radius: 8px;

    z-index: 5;

    letter-spacing: .4px;
}

/* ================= PREMIUM ================= */

.premium-badge{
    position: absolute;

    top: 12px;
    left: 12px;

    background: linear-gradient(135deg,#d4a017,#ffdd57);

    color: #222;

    font-size: 11px;
    font-weight: 700;

    padding: 5px 10px;

    border-radius: 8px;

    z-index: 5;

    letter-spacing: .4px;
}

/* ================= MOBILE ================= */

@media(max-width:768px){

    .property-card-img{
        height: 180px;
    }

    .property-card-price{
        font-size: 20px;
    }

}
.property-card{
    border-radius: 18px;
    background: #fff;

    box-shadow:
    0 2px 10px rgba(0,0,0,.04);

    transition: all .25s ease;
}

.property-card:hover{
    transform: translateY(-6px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.12);
}

.property-card-img{
    height: 240px;
}

.property-card-body{
    padding: 16px;
}

.property-card-title{
    font-size: 14px;
    font-weight: 600;

    line-height: 1.5;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;

    min-height: 42px;
}

.property-card-price{
    font-size: 30px;
    font-weight: 800;

    margin-top: 10px;
}

.fav-btn{
    width: 38px;
    height: 38px;

    background: rgba(255,255,255,.95);

    box-shadow:
    0 4px 12px rgba(0,0,0,.12);
}

.vip-badge{
    background: rgba(255,107,0,.92);

    backdrop-filter: blur(6px);

    border-radius: 10px;
}
.fav-btn{
    position:absolute;
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:20;
    transition:.2s;
}

.fav-btn i{
    color:#666;
    font-size:16px;
    transition:.2s;
}

.fav-btn.active i{
    color:#ff3b5c;
}

.fav-btn:hover{
    transform:scale(1.08);
}
.side-ad{
position:fixed;

top:90px;

width:180px;

z-index:20;

display:block;
}

.side-ad img{

width:100%;

border-radius:12px;

box-shadow:
0 0 20px
rgba(0,0,0,.12);

}

.left-ad{

left:8px;

}

.right-ad{

right:8px;

}


@media(max-width:1600px){

.side-ad{

display:none;

}

}
/* əsas kontenti sıx */

/* əsas konteyner */

.container-xl{

padding-left:150px !important;

padding-right:150px !important;

}


/* reklam */

.side-ad{

width:220px;

top:190px;

}


.left-ad{

left:15px;

}


.right-ad{

right:15px;

}

/* dar ekran */

@media(max-width:1600px){

.container-xl{

padding-left:20px !important;

padding-right:20px !important;

}

.side-ad{

display:none;

}

}
.navbar-brand img{
    height:100px;
    width:auto;
    display:block;
}
.navbar-brand{
    padding:0;
}

.catbar-wrap{
    margin:20px 0 30px;
}

.catbar{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.catchip{
    display:flex;
    align-items:center;
    gap:8px;

    padding:12px 18px;

    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;

    color:#212529;
    text-decoration:none;

    transition:.2s;
}

.catchip:hover{
    background:#f8f9fa;
    border-color:#d0d5dd;
    color:#0d6efd;
}

.catchip.is-active{
    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;
}

.catchip.is-clear{
    background:#dc3545;
    color:#fff;
    border-color:#dc3545;
}
.catbar-wrap{
    margin:20px 0;
}

.catbar{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding-bottom:8px;
}

.catchip{
    display:flex;
    align-items:center;
    gap:8px;

    padding:12px 18px;

    border:1px solid #e5e5e5;
    border-radius:16px;

    background:#fff;
    color:#222;

    text-decoration:none;
    white-space:nowrap;

    transition:.2s;
}

.catchip:hover{
    background:#f8f9fa;
    color:#000;
}

.catchip.is-active{
    background:#198754;
    color:#fff;
    border-color:#198754;
}
.my-property-card{
border:none;
border-radius:18px;
overflow:hidden;
transition:.25s;
background:#fff;
height:100%;
box-shadow:0 2px 12px rgba(0,0,0,.06);
}

.my-property-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.my-property-image{
height:220px;
overflow:hidden;
position:relative;
}

.my-property-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.my-property-card:hover img{
transform:scale(1.05);
}

.property-badge{
position:absolute;
top:12px;
left:12px;
z-index:5;
}

.property-vip{
position:absolute;
top:12px;
right:12px;
z-index:5;
}

.property-content{
padding:16px;
}

.property-title{
font-size:17px;
font-weight:600;
line-height:1.4;
height:48px;
overflow:hidden;
}

.property-meta{
font-size:14px;
color:#777;
margin-top:8px;
}

.property-price{
font-size:22px;
font-weight:700;
margin-top:14px;
margin-bottom:16px;
}

.property-buttons .btn{
border-radius:10px;
font-size:14px;
font-weight:500;
}

.property-buttons{
display:flex;
flex-direction:column;
gap:8px;
}

.property-buttons .btn{
padding:7px 10px;
}

.property-content{
padding:14px;
}

.property-title{
font-size:15px;
font-weight:600;
}

.property-meta{
font-size:13px;
}

.my-property-card{
background:#fff;
border-radius:16px;
overflow:hidden;
}

@media (max-width: 991px){

  .navbar-collapse{
    background:#0d6efd;
    padding:15px;
    margin-top:10px;
    border-radius:10px;
  }

  .navbar-collapse .btn{
    width:100%;
    margin-bottom:8px;
  }

  .navbar-collapse .nav-link{
    padding:10px 0;
  }

}

@media (max-width: 991px){

.navbar-brand img{
    height:60px !important;
}

.navbar-collapse{
    margin-top:15px;
}

.navbar .btn{
    width:100%;
    margin-bottom:8px;
}

.header-nav{
    margin-bottom:15px;
}

}

@media (max-width:991px){

.navbar-brand img{
    height:60px !important;
}

.navbar-collapse{
    background:#0b2341;
    padding:15px;
    margin-top:10px;
    border-radius:12px;
}

.navbar-collapse .btn{
    margin-bottom:8px;
}

.header-nav{
    margin-bottom:15px;
}

}

/* Header */
.site-header .navbar{
    background:#ffffff !important;
    border-bottom:1px solid #e5e7eb;
}

/* Menyu linkləri */
.site-header .nav-link{
    color:#1f2937 !important;
    font-weight:600;
}

.site-header .nav-link:hover,
.site-header .nav-link.active{
    color:#0d6efd !important;
}

/* Hamburger */
.navbar-toggler{
    border:1px solid #d1d5db;
}

.navbar-toggler-icon{
    filter: invert(1);
}

/* Mobil menyu */
@media (max-width:991px){

    #mainNav{
        background:#fff;
        padding:15px;
        margin-top:10px;
        border-radius:12px;
        box-shadow:0 4px 20px rgba(0,0,0,.08);
    }

    #mainNav .nav-link{
        padding:10px 0;
        color:#111827 !important;
        border-bottom:1px solid #f1f1f1;
    }

    #mainNav .btn{
        width:100%;
        margin-bottom:8px;
    }
}

@media (max-width: 991px){

    .navbar-collapse:not(.show){
        display:none !important;
    }

    .navbar-collapse.show{
        display:block !important;
        background:#fff;
        padding:15px;
        margin-top:10px;
        border-radius:12px;
    }

}
@media (max-width: 991px){

    .header-buttons{
        width:100%;
    }

    .header-buttons .btn{
        width:100%;
    }

}

@media (max-width: 991px){

    #mainNav form{
        background:#fff;
        padding:12px;
        border-radius:12px;
        margin-top:10px;
    }

    #mainNav .form-control{
        height:34px;
    }

    #mainNav .btn-primary{
        height:36px;
        font-weight:600;
    }

}

/* TAPEMLAK VIP BLOKU */

.home-listings{
    background:#fff;
    border-radius:28px;
    padding:30px;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.home-listings h2{
    color:#b8860b;
    font-weight:700;
}

.property-card-price{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    font-size:34px !important;
    font-weight:800 !important;
    color:#000 !important;

    margin-top:15px !important;
}

.dropdown-menu{
    border:none;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.dropdown-item{
    padding:10px 18px;
    font-weight:500;
}
.image-modal{
    display:none;
    position:fixed;
    z-index:99999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    text-align:center;
}

.image-modal img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width:90%;
    max-height:90%;
    object-fit:contain;
}

#closeModal{
    position:absolute;
    top:20px;
    right:35px;
    color:#fff;
    font-size:45px;
    cursor:pointer;
}

.modal-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:#fff;
    font-size:50px;
    cursor:pointer;
    user-select:none;
    z-index:10000;
}

.modal-arrow.left{
    left:30px;
}

.modal-arrow.right{
    right:30px;
}

.image-modal{

    display:none;

    position:fixed;

    inset:0;

    background:#000;

    z-index:99999;

}

.modal-top{

    position:absolute;

    top:0;

    left:0;

    right:0;

    height:72px;

    background:#171717;

    color:#fff;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 35px;

    z-index:100000;

}

.modal-title{

    font-size:30px;

    font-weight:700;

}

.modal-price{

    margin-top:4px;

    color:#f4c542;

    font-size:24px;

    font-weight:700;

}

.modal-close{

    font-size:48px;

    cursor:pointer;

}

#modalImg{

    position:absolute;

    top:90px;

    left:50%;

    transform:translateX(-50%);

    max-width:90%;

    max-height:82vh;

    object-fit:contain;

}

.modal-arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    color:#fff;

    font-size:65px;

    cursor:pointer;

    user-select:none;

    z-index:99999;

}

.modal-arrow.left{

    left:40px;

}

.modal-arrow.right{

    right:40px;

}

/* =========================================================
   TAPEMLAK.AZ — ANA SƏHİFƏ YIĞCAM DİZAYN
   ========================================================= */

/* Əsas konteyner */
.home-page .container-xl {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
}


/* Bölmələr */
.home-listings {
    padding: 22px 0 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}


/* Bölmə başlığı */
.home-listings h2 {
    font-size: 26px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

.home-listings .d-flex {
    margin-bottom: 16px !important;
}


/* Elan sütunları */
.home-listings .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}


/* Kart */
.home-listings .property-card {
    width: 100% !important;
    border-radius: 14px !important;
}


/* Kart şəkli */
.home-listings .property-card-img {
    height: 205px !important;
}


/* Kart məzmunu */
.home-listings .property-card-body {
    padding: 12px !important;
}


/* Başlıq */
.home-listings .property-card-title {
    font-size: 15px !important;
    min-height: 42px !important;
    height: 42px !important;
}


/* Meta */
.home-listings .property-card-meta {
    font-size: 12px !important;
    margin-bottom: 8px !important;
}


/* Qiymət */
.home-listings .property-card-price {
    font-size: 23px !important;
    margin-top: 6px !important;
}


/* =========================================================
   VIP / PREMIUM / YENİ ELANLARDA KARTLAR
   ========================================================= */

@media (min-width: 1200px) {

    .home-listings .col-xl-3 {
        width: 25% !important;
    }

}


/* =========================================================
   YAN REKLAMLAR
   ========================================================= */

.side-ad {
    position: fixed !important;

    top: 180px !important;

    width: 150px !important;

    max-width: 150px !important;

    z-index: 20 !important;
}

.side-ad img {
    width: 100% !important;
    height: auto !important;

    max-height: 180px !important;

    object-fit: contain !important;

    border-radius: 12px !important;
}


/* 1600-dən aşağı ekranlarda reklam gizlənsin */
@media (max-width: 1600px) {

    .side-ad {
        display: none !important;
    }

}


/* =========================================================
   KATEQORİYALAR
   ========================================================= */

.catbar-wrap {
    margin: 14px 0 18px !important;
}

.catbar {
    gap: 9px !important;
}

.catchip {
    padding: 9px 14px !important;

    border-radius: 12px !important;

    font-size: 13px !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 991px) {

    .home-page .container-xl {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .home-listings {
        padding: 15px 0 !important;
    }

    .home-listings h2 {
        font-size: 22px !important;
    }

    .home-listings .property-card-img {
        height: 190px !important;
    }

}


@media (max-width: 575px) {

    .home-listings .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 12px;
    }

    .home-listings .property-card-img {
        height: 175px !important;
    }

    .home-listings .property-card-price {
        font-size: 20px !important;
    }

}

/* =========================================================
   TAPEMLAK — VIP / PREMIUM BÖLMƏLƏRİNİ YIĞCAMLAŞDIR
   ========================================================= */

/* VIP və Premium bölmələrinin minimum hündürlüyünü ləğv et */
.home-listings {
    min-height: 0 !important;
}

/* Bölmənin daxili boşluğunu azalt */
.home-listings {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* VIP/Premium kart */
.home-listings .property-card {
    max-width: 280px !important;
    margin-left: 0 !important;
}

/* Şəkil */
.home-listings .property-card-img {
    height: 170px !important;
    object-fit: cover !important;
}

/* Kartın ümumi məzmunu */
.home-listings .property-card-body {
    padding: 11px !important;
}

/* Başlıq */
.home-listings .property-card-title {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

/* Qiymət */
.home-listings .property-card-price {
    font-size: 21px !important;
}


/* =========================================================
   BÖLMƏ BAŞLIĞI
   ========================================================= */

.home-listings h2 {
    font-size: 24px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   BÖLMƏNİN İÇİNDƏKİ ROW
   ========================================================= */

.home-listings .row {
    align-items: flex-start !important;
}


/* =========================================================
   YAN REKLAMLARI DAHA YIĞCAM ET
   ========================================================= */

.side-ad {
    width: 125px !important;
    max-width: 125px !important;
}

.side-ad img {
    max-height: 155px !important;
    border-radius: 10px !important;
}


/* =========================================================
   YUXARI MENYU
   ========================================================= */

.site-header {
    min-height: 62px !important;
}

.site-header .navbar {
    min-height: 62px !important;
}

.navbar-brand img {
    max-height: 52px !important;
    width: auto !important;
}


/* =========================================================
   AXTARIŞ DÜYMƏSİ
   ========================================================= */

.search-toggle,
.search-btn {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}


/* =========================================================
   KATEQORİYA ZOLAĞI
   ========================================================= */

.catbar-wrap {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.catchip {
    padding: 8px 12px !important;
    font-size: 12px !important;
}

/* =========================================================
   TAPEMLAK.AZ — 2-Cİ MƏRHƏLƏ
   HEADER + KATEQORİYALAR + ELAN KARTLARI
   ========================================================= */


/* =========================================================
   1. HEADER
   ========================================================= */

.site-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
}

.site-header .container,
.site-header .container-xl {
    min-height: 62px !important;
}

.site-header .navbar {
    min-height: 62px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


/* Logo */

.site-header .navbar-brand {
    display: flex !important;
    align-items: center !important;
    margin-right: 22px !important;
    padding: 0 !important;
}

.site-header .navbar-brand img {
    height: 50px !important;
    max-height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* Menyu */

.site-header .nav-link {
    color: #171717 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    padding:
        8px 9px !important;

    border-radius: 7px !important;

    white-space: nowrap !important;
}

.site-header .nav-link:hover {
    color: #b18428 !important;

    background: #faf7f0 !important;
}


/* Aktiv / xüsusi düymələr */

.site-header .btn {
    font-size: 13px !important;

    padding:
        7px 11px !important;

    border-radius: 7px !important;
}


/* Yeni elan düyməsi */

.site-header .btn-success {
    background: #198754 !important;

    border-color: #198754 !important;
}


/* Gözləyən elanlar */

.site-header .btn-warning {
    padding:
        7px 10px !important;

    font-size: 12px !important;
}


/* =========================================================
   2. SEARCH
   ========================================================= */

.search-area,
.search-section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.search-toggle,
.search-btn {
    min-height: 38px !important;

    border-radius: 8px !important;

    font-size: 13px !important;
}


/* =========================================================
   3. KATEQORİYALAR
   ========================================================= */

.catbar-wrap {
    background: #faf8f4 !important;

    border-top:
        1px solid #eee9df !important;

    border-bottom:
        1px solid #eee9df !important;

    margin-top: 0 !important;

    padding:
        10px 0 !important;
}


.catbar {
    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    overflow-x: auto !important;

    scrollbar-width: thin !important;
}


.catchip {
    flex: 0 0 auto !important;

    background: #fff !important;

    border:
        1px solid #e3e3e3 !important;

    color: #303030 !important;

    padding:
        8px 13px !important;

    min-height: 36px !important;

    border-radius: 10px !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    box-shadow:
        0 1px 3px rgba(0,0,0,.03) !important;

    transition:
        .2s ease !important;
}


.catchip:hover {
    border-color:
        #c89b3c !important;

    color:
        #a67c25 !important;

    background:
        #fffdf8 !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   4. ELAN KARTLARI
   ========================================================= */

.home-listings .property-card {

    background: #fff !important;

    border:
        1px solid #e9e9e9 !important;

    border-radius:
        13px !important;

    overflow: hidden !important;

    box-shadow:
        0 3px 12px rgba(0,0,0,.055) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}


.home-listings .property-card:hover {

    transform:
        translateY(-3px) !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.10) !important;
}


/* =========================================================
   5. ELAN ŞƏKLİ
   ========================================================= */

.home-listings .property-card-img {

    width: 100% !important;

    height: 170px !important;

    object-fit: cover !important;

    display: block !important;
}


/* =========================================================
   6. ELAN MƏZMUNU
   ========================================================= */

.home-listings .property-card-body {

    padding:
        11px 12px 13px !important;
}


/* Başlıq */

.home-listings .property-card-title {

    color: #171717 !important;

    font-size:
        14px !important;

    line-height:
        1.35 !important;

    font-weight:
        750 !important;

    margin-bottom:
        8px !important;

    display:
        -webkit-box !important;

    -webkit-line-clamp:
        2 !important;

    -webkit-box-orient:
        vertical !important;

    overflow:
        hidden !important;
}


/* =========================================================
   7. META MƏLUMATLAR
   ========================================================= */

.home-listings .property-card-meta {

    color:
        #707070 !important;

    font-size:
        12px !important;

    line-height:
        1.4 !important;

    margin-bottom:
        7px !important;
}


/* =========================================================
   8. QİYMƏT
   ========================================================= */

.home-listings .property-card-price {

    color:
        #111 !important;

    font-size:
        21px !important;

    font-weight:
        850 !important;

    line-height:
        1.1 !important;

    margin-top:
        7px !important;
}


/* =========================================================
   9. VIP BADGE
   ========================================================= */

.home-listings .badge-vip,
.home-listings .vip-badge {

    background:
        #c89b3c !important;

    color:
        #fff !important;

    border-radius:
        20px !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    padding:
        5px 9px !important;
}


/* =========================================================
   10. PREMIUM BADGE
   ========================================================= */

.home-listings .badge-premium,
.home-listings .premium-badge {

    background:
        #26384d !important;

    color:
        #fff !important;

    border-radius:
        20px !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    padding:
        5px 9px !important;
}


/* =========================================================
   11. FAVORİ DÜYMƏSİ
   ========================================================= */

.home-listings .fav-btn {

    width:
        36px !important;

    height:
        36px !important;

    border-radius:
        50% !important;

    background:
        rgba(255,255,255,.96) !important;

    border:
        1px solid #e5e5e5 !important;

    box-shadow:
        0 2px 7px rgba(0,0,0,.08) !important;
}


/* =========================================================
   12. BÖLMƏ BAŞLIQLARI
   ========================================================= */

.home-listings h2 {

    color:
        #111827 !important;

    font-size:
        24px !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.2px !important;
}


.home-listings > .container-xl > .d-flex a,
.home-listings .section-link {

    color:
        #333 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;
}


.home-listings > .container-xl > .d-flex a:hover {

    color:
        #b18428 !important;
}


/* =========================================================
   13. MOBİL
   ========================================================= */

@media (max-width: 991px) {

    .site-header .navbar-brand img {
        height: 44px !important;
    }

    .site-header .nav-link {
        padding:
            9px 10px !important;

        font-size:
            13px !important;
    }

    .home-listings .property-card-img {
        height:
            165px !important;
    }

}


@media (max-width: 575px) {

    .site-header .navbar-brand img {
        height:
            42px !important;
    }

    .home-listings h2 {
        font-size:
            21px !important;
    }

    .home-listings .property-card-img {
        height:
            150px !important;
    }

    .home-listings .property-card-body {
        padding:
            9px !important;
    }

    .home-listings .property-card-title {
        font-size:
            13px !important;
    }

    .home-listings .property-card-price {
        font-size:
            19px !important;
    }

}

/* =========================================================
   TAPEMLAK.AZ — 3-CÜ MƏRHƏLƏ
   ANA SƏHİFƏ ELAN BÖLMƏLƏRİ
   ========================================================= */


/* =========================================================
   ÜMUMİ BÖLMƏ
   ========================================================= */

.home-listings {

    background: #fff !important;

    border-radius: 16px !important;

    margin:
        14px 0 !important;

    padding:
        18px 0 20px !important;

    box-shadow:
        0 2px 10px rgba(0,0,0,.035) !important;
}


/* =========================================================
   BÖLMƏ BAŞLIĞI
   ========================================================= */

.home-listings > .container-xl > .d-flex {

    min-height:
        38px !important;

    align-items:
        center !important;

    margin-bottom:
        14px !important;
}


.home-listings h2 {

    margin:
        0 !important;

    font-size:
        23px !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;
}


/* Başlıq ikonları */

.home-listings h2:first-letter {

    font-size:
        24px;
}


/* Hamısına bax */

.home-listings .section-link,
.home-listings > .container-xl > .d-flex a {

    white-space:
        nowrap !important;

    color:
        #444 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;
}

.home-listings .section-link:hover,
.home-listings > .container-xl > .d-flex a:hover {

    color:
        #b18428 !important;
}


/* =========================================================
   ELAN GRID
   ========================================================= */

.home-listings .row {

    margin-left:
        -7px !important;

    margin-right:
        -7px !important;

    row-gap:
        14px !important;
}


.home-listings .row > [class*="col-"] {

    padding-left:
        7px !important;

    padding-right:
        7px !important;
}


/* =========================================================
   KARTLAR
   ========================================================= */

.home-listings .property-card {

    height:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 !important;
}


/* =========================================================
   ŞƏKİL
   ========================================================= */

.home-listings .property-card-img {

    height:
        175px !important;

    min-height:
        175px !important;

    max-height:
        175px !important;

    object-fit:
        cover !important;
}


/* =========================================================
   KART MƏTNİ
   ========================================================= */

.home-listings .property-card-body {

    min-height:
        125px !important;

    padding:
        11px 12px 13px !important;
}


/* =========================================================
   ELAN BAŞLIĞI
   ========================================================= */

.home-listings .property-card-title {

    height:
        auto !important;

    min-height:
        38px !important;

    max-height:
        40px !important;

    margin:
        0 0 7px !important;

    font-size:
        14px !important;

    line-height:
        1.35 !important;

    font-weight:
        750 !important;

    overflow:
        hidden !important;

    display:
        -webkit-box !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        2 !important;
}


/* =========================================================
   META
   ========================================================= */

.home-listings .property-card-meta {

    min-height:
        18px !important;

    margin:
        0 0 7px !important;

    font-size:
        11.5px !important;

    color:
        #727272 !important;
}


/* =========================================================
   QİYMƏT
   ========================================================= */

.home-listings .property-card-price {

    margin:
        5px 0 0 !important;

    font-size:
        21px !important;

    line-height:
        1.1 !important;

    font-weight:
        850 !important;

    color:
        #111 !important;
}


/* =========================================================
   VIP / PREMIUM KARTLARIN BADGE-LƏRİ
   ========================================================= */

.home-listings .badge,
.home-listings .vip-badge,
.home-listings .premium-badge {

    font-size:
        10px !important;

    padding:
        5px 9px !important;

    border-radius:
        20px !important;

    font-weight:
        800 !important;
}


/* =========================================================
   FAVORİ
   ========================================================= */

.home-listings .fav-btn {

    width:
        34px !important;

    height:
        34px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 !important;
}


/* =========================================================
   DESKTOP — 4 ELAN YAN-YANA
   ========================================================= */

@media (min-width: 1200px) {

    .home-listings .col-xl-3 {

        flex:
            0 0 25% !important;

        max-width:
            25% !important;
    }

}


/* =========================================================
   ORTA EKRAN — 3 ELAN
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .home-listings .col-lg-4 {

        flex:
            0 0 33.333333% !important;

        max-width:
            33.333333% !important;
    }

}


/* =========================================================
   TABLET — 2 ELAN
   ========================================================= */

@media (min-width: 576px) and (max-width: 991px) {

    .home-listings .col-md-6 {

        flex:
            0 0 50% !important;

        max-width:
            50% !important;
    }

}


/* =========================================================
   TELEFON — 2 ELAN
   ========================================================= */

@media (max-width: 575px) {

    .home-listings {

        border-radius:
            12px !important;

        margin:
            10px 0 !important;

        padding:
            14px 0 16px !important;
    }


    .home-listings > .container-xl > .d-flex {

        margin-bottom:
            11px !important;
    }


    .home-listings h2 {

        font-size:
            20px !important;
    }


    .home-listings .row {

        margin-left:
            -5px !important;

        margin-right:
            -5px !important;

        row-gap:
            10px !important;
    }


    .home-listings .row > [class*="col-"] {

        padding-left:
            5px !important;

        padding-right:
            5px !important;
    }


    .home-listings .property-card-img {

        height:
            145px !important;

        min-height:
            145px !important;

        max-height:
            145px !important;
    }


    .home-listings .property-card-body {

        min-height:
            112px !important;

        padding:
            8px !important;
    }


    .home-listings .property-card-title {

        font-size:
            12.5px !important;

        min-height:
            34px !important;

        max-height:
            35px !important;
    }


    .home-listings .property-card-price {

        font-size:
            18px !important;
    }

}


/* =========================================================
   BOŞ BÖLMƏLƏR
   ========================================================= */

/*
   Bölmədə elan yoxdursa böyük boş ağ sahə yaranmasın.
*/

.home-listings:has(.property-card:empty) {

    display:
        none !important;
}

/* =========================================================
   TAPEMLAK.AZ — RƏNG KONSEPTİ
   Ağ + Tünd Yaşıl + Qızılı
   ========================================================= */

:root {
    --tap-green: #126b45;
    --tap-green-dark: #0b5134;
    --tap-green-light: #eaf5ef;

    --tap-gold: #c89b3c;
    --tap-gold-dark: #a77c28;
    --tap-gold-light: #fff8e8;

    --tap-bg: #f6f8f6;
    --tap-text: #17221c;
}


/* =========================================================
   SAYTIN ÜMUMİ FONU
   ========================================================= */

body {
    background: var(--tap-bg) !important;
    color: var(--tap-text) !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.site-header {
    background: #fff !important;
    border-bottom: 2px solid var(--tap-gold) !important;

    box-shadow:
        0 3px 14px rgba(18,107,69,.07) !important;
}


/* Menyu */

.site-header .nav-link {
    color: var(--tap-text) !important;
}

.site-header .nav-link:hover {
    color: var(--tap-green) !important;

    background:
        var(--tap-green-light) !important;
}


/* =========================================================
   YENİ ELAN DÜYMƏSİ
   ========================================================= */

.site-header .btn-success {
    background:
        var(--tap-green) !important;

    border-color:
        var(--tap-green) !important;

    color: #fff !important;
}

.site-header .btn-success:hover {
    background:
        var(--tap-green-dark) !important;

    border-color:
        var(--tap-green-dark) !important;
}


/* =========================================================
   GÖZLƏYƏN ELANLAR
   ========================================================= */

.site-header .btn-warning {
    background:
        var(--tap-gold) !important;

    border-color:
        var(--tap-gold) !important;

    color: #fff !important;
}


/* =========================================================
   AXTARIŞ DÜYMƏSİ
   ========================================================= */

.search-toggle,
.search-btn {
    background:
        var(--tap-green) !important;

    border-color:
        var(--tap-green) !important;

    color: #fff !important;
}

.search-toggle:hover,
.search-btn:hover {
    background:
        var(--tap-green-dark) !important;

    border-color:
        var(--tap-green-dark) !important;
}


/* =========================================================
   KATEQORİYA ZOLAĞI
   ========================================================= */

.catbar-wrap {
    background:
        #f9f7f1 !important;

    border-top:
        1px solid #eee3ca !important;

    border-bottom:
        1px solid #eee3ca !important;
}


.catchip {
    background: #fff !important;

    border:
        1px solid #ded8ca !important;

    color:
        #26352d !important;
}

.catchip:hover {
    background:
        var(--tap-green-light) !important;

    border-color:
        var(--tap-green) !important;

    color:
        var(--tap-green-dark) !important;
}


/* =========================================================
   ELAN BÖLMƏLƏRİ
   ========================================================= */

.home-listings {
    background:
        #fff !important;

    border:
        1px solid #e8eee9 !important;

    box-shadow:
        0 4px 18px rgba(18,107,69,.045) !important;
}


/* Bölmə başlıqları */

.home-listings h2 {
    color:
        var(--tap-green-dark) !important;
}


/* Hamısına bax */

.home-listings .section-link,
.home-listings > .container-xl > .d-flex a {
    color:
        var(--tap-green) !important;
}

.home-listings .section-link:hover,
.home-listings > .container-xl > .d-flex a:hover {
    color:
        var(--tap-gold-dark) !important;
}


/* =========================================================
   ELAN KARTLARI
   ========================================================= */

.home-listings .property-card {
    border:
        1px solid #e2e9e4 !important;

    box-shadow:
        0 3px 12px rgba(18,107,69,.06) !important;
}


.home-listings .property-card:hover {
    border-color:
        #c8dccf !important;

    box-shadow:
        0 9px 24px rgba(18,107,69,.12) !important;
}


/* Qiymət */

.home-listings .property-card-price {
    color:
        var(--tap-green-dark) !important;
}


/* Elan başlığı */

.home-listings .property-card-title {
    color:
        #1d2923 !important;
}


/* =========================================================
   VIP
   ========================================================= */

.home-listings .badge-vip,
.home-listings .vip-badge {
    background:
        var(--tap-gold) !important;

    color:
        #fff !important;
}


/* =========================================================
   PREMIUM
   ========================================================= */

.home-listings .badge-premium,
.home-listings .premium-badge {
    background:
        var(--tap-green-dark) !important;

    color:
        #fff !important;
}


/* =========================================================
   FAVORİ DÜYMƏSİ
   ========================================================= */

.home-listings .fav-btn:hover {
    border-color:
        var(--tap-gold) !important;

    color:
        var(--tap-gold-dark) !important;
}


/* =========================================================
   YAN REKLAMLAR
   ========================================================= */

.side-ad {
    box-shadow:
        0 5px 18px rgba(18,107,69,.10) !important;
}


/* =========================================================
   SEÇİLMİŞ / AKTİV ELEMENTLƏR
   ========================================================= */

.active,
.active-page {
    color:
        var(--tap-green) !important;
}


/* =========================================================
   LINKLƏR
   ========================================================= */

a {
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease !important;
}

/* =========================================================
   TAPEMLAK — VIP BÖLMƏSİNİ YIĞCAMLAŞDIR
   ========================================================= */

.home-listings {
    min-height: auto !important;
}


/* VIP/Premium bölməsində artıq boşluq olmasın */
.home-listings > .container-xl {
    min-height: auto !important;
}


/* Kart sayı az olduqda bölmə uzanmasın */
.home-listings .row {
    min-height: 0 !important;
}


/* Kartın özü */
.home-listings .property-card {
    max-width: 320px !important;
}


/* Şəkil */
.home-listings .property-card-img {
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
}


/* Bölmənin aşağı boşluğu */
.home-listings {
    padding-bottom: 16px !important;
}


/* =========================================================
   VIP BÖLMƏSİNİ DAHA KOMPAKT GÖSTƏR
   ========================================================= */

.home-listings h2 {
    margin-bottom: 4px !important;
}


/* =========================================================
   KARTLARIN ARASINDA MƏSAFƏ
   ========================================================= */

.home-listings .row {
    row-gap: 12px !important;
}


/* =========================================================
   PREMIUM
   ========================================================= */

.home-listings + .home-listings {
    margin-top: 12px !important;
}

/* =========================================================
   TAPEMLAK — KATEQORİYALARI MƏRKƏZƏ AL
   ========================================================= */

.catbar-wrap {
    display: flex !important;
    justify-content: center !important;
}

.catbar-wrap > .container,
.catbar-wrap > .container-xl {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.catbar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 9px !important;
}

/* Kateqoriya düymələri */
.catchip {
    flex: 0 0 auto !important;
}


/* Mobil ekranda sürüşdürülə bilən qalsın */
@media (max-width: 767px) {

    .catbar-wrap {
        display: block !important;
        overflow: hidden !important;
    }

    .catbar-wrap > .container,
    .catbar-wrap > .container-xl {
        display: block !important;
    }

    .catbar {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding-bottom: 3px !important;
    }

}

/* =========================================================
   TAPEMLAK — AXTARIŞ + KATEQORİYA ARASINI YIĞCAMLAŞDIR
   ========================================================= */

.search-area,
.search-section {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    margin-bottom: 0 !important;
}


/* Axtarış düyməsi */
.search-toggle,
.search-btn {
    margin-bottom: 0 !important;
}


/* Kateqoriya zolağı */
.catbar-wrap {
    margin-top: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


/* Header-dən sonra yaranan artıq boşluqlar */
.site-header + * {
    margin-top: 0 !important;
}


/* Kateqoriyadan sonra VIP-ə keçid */
.catbar-wrap + .home-listings {
    margin-top: 10px !important;
}

/* =========================================================
   TAPEMLAK.AZ — YENİ HEADER DİZAYNI
   ========================================================= */

/* Header */
.site-header {
    height: 66px !important;
    min-height: 66px !important;

    background: #ffffff !important;

    border-bottom:
        2px solid #c89b3c !important;

    box-shadow:
        0 3px 12px rgba(18,107,69,.07) !important;

    position: relative !important;
    z-index: 100 !important;
}


/* Header daxilində əsas container */
.site-header .container,
.site-header .container-xl {

    height: 66px !important;

    display: flex !important;

    align-items: center !important;
}


/* Navbar */
.site-header .navbar {

    width: 100% !important;

    min-height: 66px !important;

    padding:
        0 !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.site-header .navbar-brand {

    display: flex !important;

    align-items: center !important;

    height: 66px !important;

    margin-right:
        24px !important;

    padding:
        0 !important;
}


.site-header .navbar-brand img {

    display: block !important;

    height:
        48px !important;

    width:
        auto !important;

    max-height:
        48px !important;

    object-fit:
        contain !important;
}


/* =========================================================
   ƏSAS MENYU
   ========================================================= */

.site-header .navbar-nav {

    display: flex !important;

    align-items: center !important;

    gap:
        3px !important;
}


.site-header .nav-link {

    display: flex !important;

    align-items: center !important;

    height:
        38px !important;

    padding:
        0 11px !important;

    border-radius:
        8px !important;

    color:
        #17221c !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    white-space:
        nowrap !important;

    transition:
        .2s ease !important;
}


.site-header .nav-link:hover {

    color:
        #126b45 !important;

    background:
        #eaf5ef !important;
}


/* Aktiv menyu */
.site-header .nav-link.active {

    color:
        #126b45 !important;

    background:
        #eaf5ef !important;
}


/* =========================================================
   SAĞ TƏRƏF
   ========================================================= */

.site-header .ms-auto {

    display: flex !important;

    align-items: center !important;

    gap:
        7px !important;
}


/* Sağ tərəfdəki düymələr */
.site-header .ms-auto .btn {

    height:
        38px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 12px !important;

    border-radius:
        8px !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    white-space:
        nowrap !important;
}


/* Seçilmişlər */
.site-header .btn-light {

    background:
        #fff !important;

    border:
        1px solid #e5e8e6 !important;

    color:
        #26332d !important;
}


.site-header .btn-light:hover {

    border-color:
        #c89b3c !important;

    color:
        #a77c28 !important;
}


/* =========================================================
   YENİ ELAN
   ========================================================= */

.site-header .btn-success {

    background:
        #126b45 !important;

    border-color:
        #126b45 !important;

    color:
        #fff !important;

    font-weight:
        700 !important;
}


.site-header .btn-success:hover {

    background:
        #0b5134 !important;

    border-color:
        #0b5134 !important;
}


/* =========================================================
   GİRİŞ / QEYDİYYAT
   ========================================================= */

.site-header .btn-outline-primary {

    color:
        #126b45 !important;

    border-color:
        #dce6e0 !important;

    background:
        #fff !important;
}


.site-header .btn-outline-primary:hover {

    background:
        #eaf5ef !important;

    border-color:
        #126b45 !important;
}


/* =========================================================
   GÖZLƏYƏN ELANLAR
   ========================================================= */

.site-header .btn-warning {

    background:
        #c89b3c !important;

    border-color:
        #c89b3c !important;

    color:
        #fff !important;

    font-weight:
        700 !important;
}


.site-header .btn-warning:hover {

    background:
        #a77c28 !important;

    border-color:
        #a77c28 !important;
}


/* =========================================================
   ADMİN PANELİ
   ========================================================= */

.site-header .dropdown-toggle {

    height:
        38px !important;

    border:
        1px solid #e2e6e3 !important;

    background:
        #fff !important;

    color:
        #26332d !important;

    border-radius:
        8px !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;
}


.site-header .dropdown-toggle:hover {

    border-color:
        #126b45 !important;

    color:
        #126b45 !important;
}


/* =========================================================
   HEADER ALTINDA AXTARIŞ
   ========================================================= */

.search-area,
.search-section {

    background:
        #fff !important;

    border-bottom:
        1px solid #edf0ee !important;

    min-height:
        58px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        7px 0 !important;
}


/* Axtarış düyməsi */

.search-toggle,
.search-btn {

    background:
        #126b45 !important;

    border:
        1px solid #126b45 !important;

    color:
        #fff !important;

    height:
        36px !important;

    padding:
        0 18px !important;

    border-radius:
        8px !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    box-shadow:
        0 3px 8px rgba(18,107,69,.15) !important;
}


.search-toggle:hover,
.search-btn:hover {

    background:
        #0b5134 !important;

    border-color:
        #0b5134 !important;
}


/* =========================================================
   MOBİL HEADER
   ========================================================= */

@media (max-width: 991px) {

    .site-header {
        height:
            auto !important;

        min-height:
            60px !important;
    }

    .site-header .container,
    .site-header .container-xl {

        height:
            auto !important;

        min-height:
            60px !important;
    }

    .site-header .navbar {

        min-height:
            60px !important;
    }

    .site-header .navbar-brand {

        height:
            60px !important;

        margin-right:
            10px !important;
    }

    .site-header .navbar-brand img {

        height:
            43px !important;
    }

    .site-header .nav-link {

        height:
            36px !important;

        font-size:
            13px !important;

        padding:
            0 8px !important;
    }

}


/* =========================================================
   KİÇİK TELEFON
   ========================================================= */

@media (max-width: 575px) {

    .site-header .navbar-brand img {

        height:
            40px !important;
    }

    .site-header .ms-auto .btn {

        height:
            34px !important;

        padding:
            0 8px !important;

        font-size:
            12px !important;
    }

}

/* =========================================================
   TAPEMLAK.AZ — HEADER SON DÜZƏLİŞ
   ========================================================= */

/* DESKTOPDA HAMBURGER TAM GİZLƏNSİN */
@media (min-width: 992px) {

    header.site-header .navbar-toggler {
        display: none !important;
    }

    header.site-header .navbar-collapse {
        display: flex !important;
        flex-basis: auto !important;
    }

    header.site-header .navbar-collapse.collapse {
        display: flex !important;
    }

}


/* =========================================================
   HEADER KONTEYNERİ
   ========================================================= */

header.site-header .navbar > .container {

    min-height: 64px !important;

    display: flex !important;

    align-items: center !important;
}


/* =========================================================
   LOGO
   ========================================================= */

header.site-header .navbar-brand {

    flex-shrink: 0 !important;

    margin-right: 18px !important;

    padding: 0 !important;
}

header.site-header .navbar-brand img {

    height: 54px !important;

    width: auto !important;

    max-height: 54px !important;

    object-fit: contain !important;
}


/* =========================================================
   MENYU
   ========================================================= */

@media (min-width: 992px) {

    header.site-header #mainNav {

        flex-grow: 1 !important;

        align-items: center !important;

        justify-content: space-between !important;

        margin: 0 !important;

        padding: 0 !important;
    }

    header.site-header #mainNav > * {

        align-items: center !important;
    }

}


/* =========================================================
   MENYU LINKLƏRİ
   ========================================================= */

header.site-header #mainNav .nav-link {

    color: #17221c !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    padding: 8px 10px !important;

    border-radius: 7px !important;
}

header.site-header #mainNav .nav-link:hover {

    color: #126b45 !important;

    background: #eaf5ef !important;
}


/* =========================================================
   GÖZLƏYƏN ELANLAR
   ========================================================= */

header.site-header #mainNav .btn-warning {

    background: #c89b3c !important;

    border-color: #c89b3c !important;

    color: #fff !important;
}


/* =========================================================
   YENİ ELAN
   ========================================================= */

header.site-header #mainNav .btn-success {

    background: #126b45 !important;

    border-color: #126b45 !important;

    color: #fff !important;
}


/* =========================================================
   AXTARIŞ DÜYMƏSİ — TAM MƏRKƏZ
   ========================================================= */

.search-area,
.search-section {

    width: 100% !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    text-align: center !important;

    margin: 0 !important;

    padding: 7px 0 !important;
}


/* Container */
.search-area > .container,
.search-area > .container-xl,
.search-section > .container,
.search-section > .container-xl {

    width: 100% !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    margin: 0 auto !important;
}


/* Düymənin özünü mərkəzə məcbur et */
.search-area .search-toggle,
.search-area .search-btn,
.search-section .search-toggle,
.search-section .search-btn {

    display: block !important;

    margin-left: auto !important;

    margin-right: auto !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 991px) {

    header.site-header .navbar-toggler {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;
    }

    header.site-header .navbar-brand img {

        height: 44px !important;

        max-height: 44px !important;
    }

}

/* =========================================================
   TAPEMLAK — FOOTER LOGO
   ========================================================= */

.footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-logo-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
}

.footer-site-logo {
    display: block;

    width: auto !important;
    height: 58px !important;
    max-width: 190px !important;

    object-fit: contain;

    border-radius: 8px;
}

.footer-logo-link:hover {
    opacity: .88;
}

@media (max-width: 767px) {

    .footer-site-logo {
        height: 52px !important;
        max-width: 170px !important;
    }

}

/* =========================================================
   TAPEMLAK.AZ — FOOTER TAM DÜZƏLİŞ
   ========================================================= */

.footer {
    width: 100% !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    color: #17221c;
}


/* FOOTER CONTAINER */
.footer > .container {
    width: min(1240px, calc(100% - 32px)) !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}


/* ƏSAS FOOTER SƏTİRİ */
.footer > .container > .row:first-child {
    display: grid !important;

    grid-template-columns:
        1.4fr
        1fr
        1fr !important;

    gap: 45px !important;

    align-items: start !important;

    margin: 0 !important;
}


/* Bootstrap col-ları grid daxilində normal saxla */
.footer > .container > .row:first-child > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   FOOTER LOQO
   ========================================================= */

.footer-brand {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
}

.footer-logo-link {
    display: flex !important;

    align-items: center !important;

    width: 160px !important;

    height: 62px !important;

    margin-bottom: 8px !important;

    text-decoration: none !important;
}

.footer-site-logo {
    display: block !important;

    width: 150px !important;

    height: 58px !important;

    max-width: 150px !important;

    max-height: 58px !important;

    object-fit: contain !important;

    object-position: left center !important;
}


/* =========================================================
   FOOTER İÇİNDƏKİ İKİNCİ ROW
   ========================================================= */

.footer > .container > .row:first-child
> .col-md-4:nth-child(2) > .row {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 30px !important;

    margin: 0 !important;
}


/* Daxili sütunlar */
.footer > .container > .row:first-child
> .col-md-4:nth-child(2)
.col-6,
.footer > .container > .row:first-child
> .col-md-4:nth-child(2)
.col {

    width: auto !important;

    padding: 0 !important;

    margin: 0 !important;
}


/* =========================================================
   FOOTER BAŞLIQLARI
   ========================================================= */

.footer .fw-bold,
.footer .fw-semibold,
.footer h6 {

    color: #17221c !important;

    font-weight: 700 !important;

    margin-bottom: 9px !important;
}


/* =========================================================
   FOOTER LINKLƏRİ
   ========================================================= */

.footer a {

    color: #34423a;

    text-decoration: none;

    transition: .2s ease;
}

.footer a:hover {

    color: #126b45 !important;
}


/* Siyahılar */
.footer ul {

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}

.footer li {

    margin-bottom: 5px !important;
}


/* =========================================================
   SOSİAL ŞƏBƏKƏLƏR
   ========================================================= */

.footer .social-links {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin-top: 7px !important;
}

.footer .social-links a {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 30px !important;

    height: 30px !important;

    border-radius: 50% !important;

    background: #f3f5f3 !important;

    color: #126b45 !important;
}


/* =========================================================
   ALT HİSSƏ
   ========================================================= */

.footer > .container > .border-top {

    margin-top: 25px !important;

    padding-top: 14px !important;

    display: flex !important;

    flex-direction: row !important;

    justify-content: space-between !important;

    align-items: center !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .footer > .container > .row:first-child {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 25px !important;
    }

    .footer > .container > .row:first-child
    > .col-md-4 {

        width: 100% !important;
    }

    .footer > .container > .row:first-child
    > .col-md-4:nth-child(2) > .row {

        grid-template-columns: 1fr 1fr !important;

        gap: 20px !important;
    }

    .footer > .container > .border-top {

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 7px !important;
    }

    .footer-site-logo {

        width: 140px !important;

        height: 55px !important;
    }

}

/* =========================================================
   TAPEMLAK.AZ — FOOTER SÜTUNLARI YAN-YANA
   ========================================================= */

/* Əsas footer sətri */
.footer > .container > .row:first-child {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* 1-ci sütun — TAPEMLAK */
.footer > .container > .row:first-child > .col-md-4 {
    display: block !important;

    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;

    padding-left: 12px !important;
    padding-right: 12px !important;
}


/* =========================================================
   ORTA HİSSƏ — SAYT BÖLMƏLƏRİ + MƏLUMAT
   ========================================================= */

.footer > .container > .row:first-child
> .col-md-4:nth-child(2) > .row {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

    margin: 0 !important;
}


.footer > .container > .row:first-child
> .col-md-4:nth-child(2)
> .row > .col-6 {

    flex: 0 0 50% !important;

    width: 50% !important;

    max-width: 50% !important;

    padding-left: 0 !important;

    padding-right: 15px !important;
}


.footer > .container > .row:first-child
> .col-md-4:nth-child(2)
> .row > .col {

    flex: 0 0 50% !important;

    width: 50% !important;

    max-width: 50% !important;

    padding-left: 0 !important;

    padding-right: 15px !important;
}


/* =========================================================
   ƏLAQƏ — 3-CÜ SÜTUN
   ========================================================= */

.footer > .container > .row:first-child
> .col-md-4:nth-child(3) {

    flex: 0 0 33.333333% !important;

    width: 33.333333% !important;

    max-width: 33.333333% !important;
}


/* =========================================================
   FOOTER MƏTNİ
   ========================================================= */

.footer p {
    line-height: 1.5 !important;
}


/* Linklər alt-alta normal görünsün */
.footer ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer ul li {
    display: block !important;
    margin-bottom: 5px !important;
}


/* =========================================================
   FOOTER ALT HİSSƏ
   ========================================================= */

.footer > .container > .border-top {
    width: 100% !important;

    display: flex !important;

    flex-direction: row !important;

    justify-content: space-between !important;

    align-items: center !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .footer > .container > .row:first-child {

        flex-direction: column !important;

        flex-wrap: wrap !important;
    }


    .footer > .container > .row:first-child
    > .col-md-4 {

        flex: 0 0 100% !important;

        width: 100% !important;

        max-width: 100% !important;
    }


    .footer > .container > .row:first-child
    > .col-md-4:nth-child(2)
    > .row {

        flex-direction: row !important;
    }


    .footer > .container > .border-top {

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 7px !important;
    }

}

/* =========================================================
   TAPEMLAK.AZ — FOOTER FINAL LAYOUT
   ========================================================= */

@media (min-width: 768px) {

    /* ƏSAS FOOTER SƏTRİ */
    footer.footer > .container > .row {

        display: grid !important;

        grid-template-columns:
            1.5fr
            1.8fr
            1.2fr !important;

        column-gap: 55px !important;

        row-gap: 0 !important;

        width: 100% !important;

        margin: 0 !important;

        align-items: start !important;
    }


    /* 3 ƏSAS SÜTUN */
    footer.footer > .container > .row > .col-md-4 {

        width: auto !important;

        max-width: none !important;

        flex: none !important;

        margin: 0 !important;

        padding-left: 0 !important;

        padding-right: 0 !important;
    }


    /* =====================================================
       ORTA SÜTUN
       Sayt bölmələri + Məlumat
       ===================================================== */

    footer.footer > .container > .row
    > .col-md-4:nth-child(2) > .row {

        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        gap: 35px !important;

        width: 100% !important;

        margin: 0 !important;
    }


    /* Orta sütunun daxili hissələri */
    footer.footer > .container > .row
    > .col-md-4:nth-child(2)
    > .row > .col-6,

    footer.footer > .container > .row
    > .col-md-4:nth-child(2)
    > .row > .col {

        width: auto !important;

        max-width: none !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    /* =====================================================
       FOOTER LOQOSU
       ===================================================== */

    footer.footer .footer-logo-link {

        display: inline-flex !important;

        align-items: center !important;

        justify-content: flex-start !important;

        width: 180px !important;

        height: 65px !important;

        margin-bottom: 8px !important;
    }


    footer.footer .footer-site-logo {

        width: 160px !important;

        height: 62px !important;

        max-width: 160px !important;

        max-height: 62px !important;

        object-fit: contain !important;

        object-position: left center !important;
    }


    /* =====================================================
       FOOTER MƏTNLƏRİ
       ===================================================== */

    footer.footer .footer-brand {

        width: 100% !important;
    }


    footer.footer p {

        max-width: 390px !important;

        line-height: 1.5 !important;
    }


    /* Başlıqlar */
    footer.footer .fw-bold,
    footer.footer .fw-semibold,
    footer.footer h6 {

        margin-bottom: 8px !important;

        color: #17221c !important;

        font-weight: 700 !important;
    }


    /* Linklər */
    footer.footer ul {

        margin: 0 !important;

        padding: 0 !important;

        list-style: none !important;
    }


    footer.footer ul li {

        margin-bottom: 5px !important;
    }


    footer.footer ul li a {

        text-decoration: none !important;

        color: #34423a !important;
    }


    footer.footer ul li a:hover {

        color: #126b45 !important;
    }


    /* =====================================================
       ƏLAQƏ
       ===================================================== */

    footer.footer > .container > .row
    > .col-md-4:nth-child(3) {

        min-width: 0 !important;
    }


    /* =====================================================
       ALT SƏTİR
       ===================================================== */

    footer.footer > .container
    > .border-top {

        display: flex !important;

        flex-direction: row !important;

        justify-content: space-between !important;

        align-items: center !important;

        width: 100% !important;
    }

}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    footer.footer > .container > .row {

        display: block !important;
    }


    footer.footer > .container > .row
    > .col-md-4 {

        width: 100% !important;

        max-width: 100% !important;

        margin-bottom: 25px !important;
    }


    footer.footer > .container > .row
    > .col-md-4:nth-child(2) > .row {

        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        gap: 20px !important;
    }

}

/* =========================================================
   TAPEMLAK.AZ — FOOTER YENİ DİZAYN
   ========================================================= */

.tapemlak-footer {
    width: 100% !important;

    background: #ffffff !important;

    border-top: 1px solid #e5e7eb !important;

    margin-top: 30px !important;

    padding: 42px 0 18px !important;

    color: #17221c !important;

    font-size: 14px !important;
}


/* ƏSAS FOOTER */
.tapemlak-footer-inner {

    width: min(1240px, calc(100% - 40px)) !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1.2fr !important;

    gap: 45px !important;

    align-items: start !important;
}


/* SÜTUN */
.tapemlak-footer .footer-column {

    min-width: 0 !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* BAŞLIQLAR */
.tapemlak-footer .footer-column h5 {

    margin: 0 0 13px !important;

    padding: 0 !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    color: #17221c !important;
}


/* LOQO */
.tapemlak-footer .footer-logo-link {

    display: inline-flex !important;

    align-items: center !important;

    width: 170px !important;

    height: 65px !important;

    margin-bottom: 8px !important;

    text-decoration: none !important;
}


.tapemlak-footer .footer-site-logo {

    display: block !important;

    width: 160px !important;

    height: 60px !important;

    max-width: 160px !important;

    max-height: 60px !important;

    object-fit: contain !important;

    object-position: left center !important;
}


/* MƏTN */
.tapemlak-footer .footer-about p {

    max-width: 390px !important;

    margin: 0 0 10px !important;

    line-height: 1.55 !important;

    color: #647067 !important;
}


/* LİNKLƏR */
.tapemlak-footer ul {

    list-style: none !important;

    padding: 0 !important;

    margin: 0 !important;
}


.tapemlak-footer li {

    margin: 0 0 8px !important;

    padding: 0 !important;
}


.tapemlak-footer a {

    color: #34423a !important;

    text-decoration: none !important;

    transition: .2s ease !important;
}


.tapemlak-footer a:hover {

    color: #126b45 !important;
}


/* ƏLAQƏ */
.tapemlak-footer .footer-contact p {

    margin: 0 0 8px !important;

    color: #647067 !important;

    line-height: 1.5 !important;
}


.tapemlak-footer .footer-contact p a {

    color: #34423a !important;
}


/* SOSİAL */
.tapemlak-footer .footer-social-title {

    margin-top: 12px !important;

    margin-bottom: 7px !important;

    color: #647067 !important;
}


.tapemlak-footer .footer-social {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    gap: 9px !important;

    margin-bottom: 14px !important;
}


.tapemlak-footer .footer-social a {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 30px !important;

    height: 30px !important;

    border-radius: 50% !important;

    background: #f3f5f3 !important;

    color: #126b45 !important;

    font-size: 14px !important;
}


.tapemlak-footer .footer-social a:hover {

    background: #126b45 !important;

    color: #ffffff !important;
}


/* DİL */
.tapemlak-footer .footer-language {

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;
}


.tapemlak-footer .footer-language span {

    color: #647067 !important;

    margin-right: 3px !important;
}


.tapemlak-footer .footer-language button {

    border: 1px solid #d1d5d2 !important;

    background: #ffffff !important;

    color: #59645d !important;

    border-radius: 5px !important;

    padding: 5px 13px !important;
}


.tapemlak-footer .footer-language button.active {

    background: #126b45 !important;

    color: #ffffff !important;

    border-color: #126b45 !important;
}


/* ALT HİSSƏ */
.tapemlak-footer-bottom {

    width: min(1240px, calc(100% - 40px)) !important;

    margin: 30px auto 0 !important;

    padding-top: 15px !important;

    border-top: 1px solid #e5e7eb !important;

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    color: #647067 !important;

    font-size: 13px !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .tapemlak-footer {

        padding: 30px 0 15px !important;
    }


    .tapemlak-footer-inner {

        width: calc(100% - 30px) !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 28px !important;
    }


    .tapemlak-footer .footer-about p {

        max-width: 100% !important;
    }


    .tapemlak-footer-bottom {

        width: calc(100% - 30px) !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 7px !important;
    }

}