:root{--navy:#08264d;--blue:#0e4b88;--green:#18865b;--gold:#c9a34a;--ink:#142235;--muted:#68778a;--bg:#f5f7fa;--card:#fff;--line:#e4e9ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.55}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}a{text-decoration:none;color:inherit}.topline{background:var(--navy);color:#dce8f6;font-size:12px}.topinner{display:flex;justify-content:space-between;padding:8px 0}.topline i{color:#5ed29a;font-style:normal}.auth b{color:#fff}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navinner{height:78px;display:flex;align-items:center;gap:25px}.brand{background:#fff;border-radius:12px;box-shadow:0 7px 24px #09264d12;padding:4px;display:flex}.brand img{width:190px;height:58px;object-fit:contain;border-radius:9px}.links{display:flex;align-items:center;gap:4px;margin-left:auto}.links a{padding:10px 13px;border-radius:10px;font-weight:700;font-size:14px}.links a:hover{background:#eef5fb;color:var(--blue)}.navwa{background:var(--green);color:#fff;padding:11px 16px;border-radius:10px;font-weight:800;font-size:13px}.menu{display:none;margin-left:auto;border:0;background:var(--navy);color:#fff;border-radius:10px;padding:10px 13px;font-size:20px}.hero{background:linear-gradient(115deg,#071f40,#0d4d88);color:#fff;padding:72px 0 88px}.hero h1{font-size:clamp(30px,5vw,56px);line-height:1.05;margin:0 0 16px;max-width:780px;letter-spacing:-1.8px}.hero p{color:#d9e6f4;max-width:680px;margin:0 0 28px}.searchbox{background:#fff;color:var(--ink);border-radius:18px;padding:18px;display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr auto;gap:10px;box-shadow:0 20px 50px #001b3d35}.searchbox input,.searchbox select{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;font:inherit}.btn{border:0;border-radius:10px;padding:13px 18px;font:800 14px Manrope;background:var(--green);color:#fff;cursor:pointer}.section{padding:55px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section h2{margin:0;font-size:28px;letter-spacing:-.7px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 7px 24px #102a4310;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #102a4317}.photo{aspect-ratio:1.45;position:relative;background:#e8edf3;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:12px;top:12px;background:var(--green);color:#fff;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:800}.cardbody{padding:16px}.price{font-size:22px;font-weight:800;color:var(--navy)}.card h3{font-size:16px;line-height:1.35;margin:8px 0}.meta{display:flex;flex-wrap:wrap;gap:7px;color:#536273;font-size:12px}.meta span{background:#f2f5f8;padding:5px 7px;border-radius:6px}.location{margin-top:11px;color:var(--muted);font-size:12px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.feature{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px}.feature strong{display:block;margin-bottom:4px}.trust{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center}.trust img{width:80px;max-height:70px;object-fit:contain}.listhead{padding:40px 0 20px}.filters{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.filters input,.filters select{padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit}.detail{padding:35px 0 60px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:8px;border-radius:18px;overflow:hidden}.gallery a:first-child{grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover}.detailgrid{display:grid;grid-template-columns:1.6fr .8fr;gap:24px;margin-top:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.detailtitle{font-size:34px;line-height:1.15;margin:8px 0 12px}.pricebig{font-size:32px;color:var(--navy);font-weight:800}.specgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.spec{background:#f5f7fa;border-radius:10px;padding:12px}.spec small{display:block;color:var(--muted)}.desc{white-space:pre-line}.contactbox{position:sticky;top:100px}.contactbox .btn{display:block;text-align:center;width:100%;margin-top:10px}.eids{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px;font-size:12px}.eids img{width:50px}.social{display:flex;gap:7px;margin-top:14px}.social a{width:34px;height:34px;border-radius:50%;background:#eaf0f5;display:grid;place-items:center;font-weight:800}.social a:hover{background:var(--navy);color:#fff}footer{background:#071f3e;color:#dce7f2;padding:50px 0 0;margin-top:40px}.footgrid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1.3fr;gap:35px}.footlogo{width:190px;background:#fff;padding:4px;border-radius:9px}.footgrid h3{color:#fff;font-size:15px}.footgrid a{display:block;margin:8px 0;color:#dce7f2}.bottom{border-top:1px solid #ffffff18;margin-top:35px;padding:18px 0;font-size:12px}.floating-wa{position:fixed;right:18px;bottom:18px;background:#20b968;color:#fff;padding:13px 17px;border-radius:999px;font-weight:800;box-shadow:0 10px 30px #0003;z-index:50}.empty{padding:50px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px}@media(max-width:900px){.links{display:none}.links.open{position:absolute;left:16px;right:16px;top:74px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:14px;display:grid;box-shadow:0 15px 40px #0002}.menu{display:block}.navwa{display:none}.cards{grid-template-columns:repeat(2,1fr)}.searchbox{grid-template-columns:1fr 1fr}.features{grid-template-columns:repeat(2,1fr)}.detailgrid{grid-template-columns:1fr}.contactbox{position:static}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.wrap{width:min(100% - 22px,1180px)}.topinner{display:block}.auth{display:block;margin-top:3px}.navinner{height:68px}.brand img{width:150px;height:48px}.hero{padding:45px 0 55px}.hero h1{font-size:34px}.searchbox{grid-template-columns:1fr;padding:13px}.cards{grid-template-columns:1fr}.section{padding:38px 0}.sectionhead{align-items:start;display:block}.filters{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 140px}.gallery a:first-child{grid-column:span 2;grid-row:auto}.gallery a:nth-child(n+4){display:none}.detailtitle{font-size:27px}.specgrid{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr}.floating-wa{right:12px;bottom:12px}}
.eyebrow{display:inline-flex;letter-spacing:1.4px;font-size:11px;font-weight:800;color:#cfe1f4;margin-bottom:12px}.eyebrow.dark{color:var(--blue)}.hero-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:44px;align-items:center}.hero-copy h1 strong{color:#fff}.hero-actions{display:flex;gap:10px;margin-top:22px}.btn.light{background:#fff;color:var(--navy)}.btn.outline{background:transparent;border:1px solid #ffffff55}.searchtitle{margin-bottom:10px}.searchtitle span{display:block;font-weight:800;font-size:18px}.searchtitle small{color:var(--muted)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.textlink{font-weight:800;color:var(--blue);white-space:nowrap}.compact{padding-top:10px}.darkbtn{background:var(--navy)}.wa{background:var(--green)}.pagehero{background:linear-gradient(115deg,#071f40,#0d4d88);color:#fff;padding:46px 0}.pagehero h1{font-size:42px;line-height:1.1;margin:0 0 8px}.pagehero p{margin:0;color:#d8e6f5}.filterbar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr auto;gap:9px;margin-bottom:22px}.filterbar input,.filterbar select{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit}.resultbar{font-size:13px;color:var(--muted);margin:0 0 14px}.resultbar b{color:var(--ink)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:15px;white-space:nowrap;overflow:hidden}.breadcrumbs span{overflow:hidden;text-overflow:ellipsis}.office-mini{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;display:grid;gap:8px;font-size:13px}.office-mini span{color:var(--muted)}.badge.static{position:static;display:inline-block}.trusticon{width:64px;height:64px;border-radius:16px;background:#edf7f2;color:var(--green);display:grid;place-items:center;font-size:25px}.trust h2{margin:3px 0 5px}.trust .btn{justify-self:end}.detail .panel h2{margin-top:28px}.detail .eids .trusticon{width:46px;height:46px;border-radius:12px;font-size:18px}
@media(max-width:1100px){.filterbar{grid-template-columns:1fr 2fr 1fr 1fr}.filterbar select:nth-child(5),.filterbar select:nth-child(6){grid-row:2}.filterbar .btn{grid-row:2}.hero-grid{grid-template-columns:1fr}.searchbox{max-width:850px}.trust{grid-template-columns:72px 1fr}.trust .btn{grid-column:2;justify-self:start}}
@media(max-width:600px){.hero-grid{gap:26px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1;text-align:center}.pagehero h1{font-size:32px}.filterbar{grid-template-columns:1fr 1fr}.filterbar input:nth-child(2){grid-column:span 2}.filterbar .btn{grid-column:span 2}.trust{grid-template-columns:1fr}.trust .btn{grid-column:auto}.twocol{grid-template-columns:1fr}.breadcrumbs{font-size:11px}.searchbox .btn{width:100%}}
/* =========================================================
   SON TASARIM DÜZELTMELERİ
   ========================================================= */

/* ANA SAYFA ARAMA ALANI */
.hero-grid {
    align-items: center;
}

.searchbox {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    padding: 22px;
}

.searchbox form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
}

.searchbox .searchtitle {
    margin-bottom: 4px;
}

.searchbox .searchtitle span {
    font-size: 20px;
    line-height: 1.3;
}

.searchbox .searchtitle small {
    display: block;
    margin-top: 3px;
    line-height: 1.4;
}

.searchbox input,
.searchbox select {
    min-height: 46px;
    width: 100%;
}

.searchbox .twocol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.searchbox .btn {
    width: 100%;
    min-height: 46px;
}


/* FOOTER SOSYAL MEDYA */
.social {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.social a {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.10);
    color: #fff;
    font-size: 17px;
    line-height: 1;
    transition: .2s ease;
}

.social a i {
    display: block;
    line-height: 1;
}

.social a:hover {
    transform: translateY(-2px);
    background: #fff;
    color: var(--navy);
}


/* İLAN DETAY GALERİ */
.gallery {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 260px 260px;
    gap: 8px;
    border-radius: 18px;
    overflow: hidden;
    background: #e8edf3;
}

.gallery a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #e8edf3;
}

.gallery a:first-child {
    grid-row: span 2;
}

.gallery img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .25s ease;
}

.gallery a:hover img {
    transform: scale(1.02);
}


/* DETAY SAYFASI ANA GÖRSEL */
.detail .gallery a:first-child img {
    object-fit: cover;
}


/* MOBİL */
@media (max-width: 900px) {

    .searchbox {
        max-width: none;
        margin-left: 0;
    }

    .gallery {
        grid-template-columns: 2fr 1fr;
        grid-template-rows: 220px 160px;
    }

    .gallery a:first-child {
        grid-row: span 2;
    }
}


@media (max-width: 600px) {

    .searchbox {
        padding: 16px;
        border-radius: 15px;
    }

    .searchbox .searchtitle span {
        font-size: 18px;
    }

    .searchbox .twocol {
        grid-template-columns: 1fr;
    }

    .searchbox input,
    .searchbox select,
    .searchbox .btn {
        min-height: 45px;
    }

    .social {
        gap: 8px;
    }

    .social a {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 16px;
    }

    .gallery {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 220px 140px;
        gap: 6px;
        border-radius: 14px;
    }

    .gallery a:first-child {
        grid-column: span 2;
        grid-row: auto;
    }

    .gallery a:nth-child(n+4) {
        display: none;
    }
}

/* =========================================================
   İLAN DETAY FOTOĞRAF GALERİSİ
   ========================================================= */

.property-gallery {
    width: 100%;
    margin-bottom: 26px;
}

.gallery-main {
    position: relative;
    width: 100%;
    height: 560px;
    background: #edf1f5;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-main > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #edf1f5;
}

.gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: rgba(8, 38, 77, .82);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    font-size: 18px;
    transition: .2s ease;
}

.gallery-arrow:hover {
    background: var(--green);
    transform: translateY(-50%) scale(1.05);
}

.gallery-prev {
    left: 18px;
}

.gallery-next {
    right: 18px;
}

.gallery-counter {
    position: absolute;
    right: 16px;
    bottom: 16px;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    z-index: 5;
}

.gallery-thumbs {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    padding: 12px 2px 4px;
    scrollbar-width: thin;
}

.gallery-thumb {
    flex: 0 0 100px;
    width: 100px;
    height: 75px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 9px;
    overflow: hidden;
    background: #edf1f5;
    cursor: pointer;
    opacity: .72;
    transition: .2s ease;
}

.gallery-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumb:hover {
    opacity: 1;
}

.gallery-thumb.active {
    border-color: var(--green);
    opacity: 1;
}


/* TABLET */
@media (max-width: 900px) {

    .gallery-main {
        height: 460px;
    }

    .gallery-arrow {
        width: 44px;
        height: 44px;
    }

    .gallery-thumb {
        flex-basis: 90px;
        width: 90px;
        height: 68px;
    }
}


/* MOBİL */
@media (max-width: 600px) {

    .property-gallery {
        margin-left: -1px;
        margin-right: -1px;
    }

    .gallery-main {
        height: 300px;
        border-radius: 14px;
    }

    .gallery-arrow {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .gallery-prev {
        left: 10px;
    }

    .gallery-next {
        right: 10px;
    }

    .gallery-counter {
        right: 10px;
        bottom: 10px;
        padding: 6px 9px;
    }

    .gallery-thumbs {
        gap: 7px;
        padding-top: 9px;
    }

    .gallery-thumb {
        flex-basis: 78px;
        width: 78px;
        height: 60px;
        border-radius: 7px;
    }
}

/* =========================================================
   İLAN DETAY - YENİ PROFESYONEL DÜZEN
   ========================================================= */

.detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 26px;
    align-items: start;
}

.detail-left {
    min-width: 0;
}


/* FOTOĞRAF GALERİSİ */

.property-gallery {
    width: 100%;
    margin-bottom: 22px;
}

.gallery-main {
    position: relative;
    width: 100%;
    height: 540px;
    background: #edf1f5;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-main > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #edf1f5;
}


/* GALERİ OKLARI */

.gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(8, 38, 77, .82);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    font-size: 17px;
    transition: all .2s ease;
}

.gallery-arrow:hover {
    background: var(--green);
    transform: translateY(-50%) scale(1.05);
}

.gallery-prev {
    left: 18px;
}

.gallery-next {
    right: 18px;
}


/* FOTOĞRAF SAYACI */

.gallery-counter {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: rgba(8, 38, 77, .82);
    color: #fff;
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    z-index: 5;
}


/* ALT FOTOĞRAF ŞERİDİ */

.gallery-thumbs {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    padding: 11px 2px 5px;
    scrollbar-width: thin;
}

.gallery-thumb {
    flex: 0 0 105px;
    width: 105px;
    height: 78px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 9px;
    overflow: hidden;
    background: #edf1f5;
    cursor: pointer;
    opacity: .72;
    transition: all .2s ease;
}

.gallery-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumb:hover {
    opacity: 1;
}

.gallery-thumb.active {
    border-color: var(--green);
    opacity: 1;
}


/* İLAN BİLGİ ALANI */

.detail-info {
    padding: 25px;
}

.detail-location {
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
}

.detail-location i {
    color: var(--blue);
    margin-right: 5px;
}

.detailtitle {
    margin: 0 0 12px;
    font-size: 31px;
    line-height: 1.18;
    color: var(--navy);
}

.detail-price-mobile {
    display: none;
}


/* DETAY BİLGİLERİ */

.specgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 22px 0 25px;
}

.spec {
    background: #f5f7fa;
    border: 1px solid #e8edf2;
    border-radius: 10px;
    padding: 13px;
}

.spec small {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-bottom: 3px;
}

.spec b {
    font-size: 14px;
    color: var(--navy);
}


/* AÇIKLAMA */

.description-section {
    border-top: 1px solid var(--line);
    padding-top: 22px;
}

.description-section h2 {
    margin: 0 0 12px;
    font-size: 21px;
    color: var(--navy);
}

.desc {
    color: #425267;
    line-height: 1.75;
    font-size: 14px;
}


/* EİDS */

.detail-info .eids {
    margin-top: 25px;
}


/* SAĞ İLETİŞİM KARTI */

.listing-contact {
    position: sticky;
    top: 100px;
    padding: 26px;
}

.contact-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.contact-price {
    color: var(--navy);
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -.5px;
}

.contact-price small {
    font-size: 16px;
    font-weight: 700;
    color: var(--muted);
}

.listing-status {
    flex: 0 0 auto;
    background: var(--green);
    color: #fff;
    padding: 9px 13px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
}


/* AYIRICI */

.contact-divider {
    height: 1px;
    background: var(--line);
    margin: 23px 0;
}


/* BAŞLIK */

.contact-heading {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-heading i {
    color: var(--blue);
    font-size: 24px;
}

.contact-heading h2 {
    margin: 0;
    font-size: 22px;
    color: var(--navy);
}

.contact-description {
    color: #526174;
    font-size: 14px;
    line-height: 1.65;
    margin: 12px 0 18px;
}


/* İLETİŞİM BUTONLARI */

.contact-button {
    width: 100%;
    min-height: 55px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    margin-top: 10px;
    transition: all .2s ease;
}

.contact-button i {
    font-size: 21px;
}

.contact-button:hover {
    transform: translateY(-2px);
}

.whatsapp-button {
    background: var(--green);
}

.phone-button {
    background: var(--blue);
}


/* OFİS BİLGİLERİ */

.office-contact {
    display: grid;
    gap: 18px;
}

.office-title {
    display: flex;
    align-items: center;
    gap: 13px;
}

.office-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 12px;
    background: #edf4fb;
    color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
}

.office-title strong {
    display: block;
    color: var(--navy);
    font-size: 17px;
}

.office-title span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    margin-top: 2px;
}

.office-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #526174;
    font-size: 13px;
    line-height: 1.6;
}

.office-row i {
    flex: 0 0 18px;
    color: var(--blue);
    margin-top: 3px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .detail-layout {
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 20px;
    }

    .gallery-main {
        height: 470px;
    }

    .specgrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .listing-contact {
        padding: 21px;
    }

    .contact-price {
        font-size: 25px;
    }

}


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

@media (max-width: 900px) {

    .detail-layout {
        grid-template-columns: 1fr;
    }

    .listing-contact {
        position: static;
        order: 2;
    }

    .detail-left {
        order: 1;
    }

    .gallery-main {
        height: 430px;
    }

    .detailtitle {
        font-size: 28px;
    }

}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 600px) {

    .detail {
        padding-top: 22px;
    }

    .detail-layout {
        gap: 18px;
    }

    .gallery-main {
        height: 300px;
        border-radius: 13px;
    }

    .gallery-arrow {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .gallery-prev {
        left: 9px;
    }

    .gallery-next {
        right: 9px;
    }

    .gallery-counter {
        right: 9px;
        bottom: 9px;
        padding: 6px 9px;
    }

    .gallery-thumbs {
        gap: 7px;
        padding-top: 9px;
    }

    .gallery-thumb {
        flex: 0 0 78px;
        width: 78px;
        height: 59px;
        border-radius: 7px;
    }

    .detail-info {
        padding: 19px;
    }

    .detailtitle {
        font-size: 24px;
    }

    .detail-price-mobile {
        display: block;
        color: var(--navy);
        font-size: 25px;
        font-weight: 800;
        margin-bottom: 15px;
    }

    .specgrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin-top: 16px;
    }

    .spec {
        padding: 11px;
    }

    .listing-contact {
        padding: 20px;
    }

    .contact-price {
        font-size: 24px;
    }

    .listing-status {
        font-size: 12px;
        padding: 8px 10px;
    }

    .contact-heading h2 {
        font-size: 20px;
    }

    .contact-description {
        font-size: 13px;
    }

    .contact-button {
        min-height: 52px;
        font-size: 14px;
    }

}