:root {
    --logo-green: #229c50;
    --bgcolor: #0e1116;
    --bgcolor1: #221e1d;
    --bgcolor2: #010101;
    --bgcolor3: #404040;
    --bgcolor4: #1A1A1A;
    --grandcolor1: #242424;
    --grandcolor2: #464444;
    --txtcolor: rgb(189, 189, 189);
    --txtcolor1: #666666;
    --bordercolor1: rgb(67 67 67);
    --bordercolor2: rgb(230 230 230);
    --color1: #fff;
    --color2: #000;
    --altbosluk: calc(30px + 0.5vw);
    --color3: #229c50;
    --temacolor: #fff;
    --temacolor1: #333;
    --temacolor2: #ccc;
    --temabg: #000;
    --temabg1: #0d0d0d;
    --temabgrbg: #fff;
    --temabordercolor: #212121;
    --temabordercolor1: #161616;
    --temabordercolor2: #333;
    --temabordercolor3: #d1d1d1;
    --temaaltmenu: #E8E8E8;
    --filter: brightness(0) invert(1);
    --filter1: brightness(0) invert(0);
    --temaopacity: rgba(255, 255, 255, 0.06);
    --temaopacity1: rgba(255, 255, 255, 0.03);
    --temaopacity2: rgba(255, 255, 255, 0.12);
}

/*Reset*/

.light {
    --logo-green: #fff;
    --temacolor: #000;
    --temacolor1: rgb(189, 189, 189);
    --temacolor1: #333;
    --temacolor2: #707070;
    --temabg: #fff;
    --temabg1: #f7f7f7;
    --temabgrbg: #282828;
    --temabordercolor: #f3f3f3;
    --temabordercolor1: e0e0e0;
    --temabordercolor2: #ccc;
    --temabordercolor3: #3a3a3a;
    --temaaltmenu: #262626;
    --filter: brightness(0) invert(0);
    --filter1: brightness(0) invert(1);
    --temaopacity: rgba(0, 0, 0, 0.06);
    --temaopacity1: rgba(0, 0, 0, 0.03);
    --temaopacity2: rgba(0, 0, 0, 0.12);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: calc(-0.02em + 0.02rem);
    font-family: 'text-ar';
    font-family: 'site-text';
    font-family: 'site-head';
    font-family: 'roboto-vi';
    font-family: "Krona One", sans-serif;
    font-family: "roboto";
    font-family: "Lexend";
    font-weight: 300;
}

.headtxt {
    font-family: "Krona One", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

/* ===== HS-TAG ===== */
.mastertxt,
.mastertxt * {
    font-family: "posterama-2001";
}

#tmSelectText, .ft-kart-meta * {
    font-size: 12px
}

.haberdetay, .haberdetay * {
    color: var(--temacolor2);
}

.haberlist *, .news-item * {
    color: #fff
}

.textbar.haberdetay {
    max-width: 1200px;
    margin: 0 auto
}

.hk-stat-num span {
    margin-left: 5px
}

.ft-kapat-notu-tarih {
    color: #bbb;
    white-space: nowrap;
    margin-left: 4px;
    font-size: 12px;
}

.filo-adet-input {
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    background: var(--temabgrbg);
    margin-bottom: 15px;
    border: 1px solid var(--temabordercolor1);
    color: var(--temacolor);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
}

#tmAracAdiText{font-size: 13px;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: calc(8px + 0.5vw);
    line-height: calc(13px + 0.5vw);
    vertical-align: baseline;
    letter-spacing: 0px;
    color: var(--temacolor);
}

.scrollhidden {
    overflow: hidden !important;
}

.mobileactive {
    display: none
}

body {
    background: var(--temabg);
    transition: .5s;
}

button {
    display: inline-block;
    padding: 13px 20px;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
}

a, a:hover {
    text-decoration: none;
}

b, strong {
    font-weight: bold;
}

ol, ul {
    list-style: none;
    margin: 0;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

.temizle {
    clear: both;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.hide {
    display: none !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.no-margin {
    margin: 0 !important;
}

.ds-effect {
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
    transition: 0.22s ease-out;
    transition-property: transform, box-shadow;
}

    .ds-effect:hover {
        transform: translate3d(0, -0.1875rem, 0);
        box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.15);
    }

.mtopauto {
    margin-top: var(--altbosluk)
}

.mt0 {
    margin-top: 0px !important;
    padding-top: 0 !important;
}

.mt15 {
    margin-top: 15px;
}

.mt25 {
    margin-top: 25px;
}

.mt45 {
    margin-top: 45px;
}

.slick-lightbox {
    z-index: 99999 !important;
}

    .slick-lightbox .slick-slider, .slick-lightbox .slick-list, .slick-lightbox .slick-track {
        width: 100%
    }

    .slick-lightbox .slick-slide img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }



.bg30 {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: 0.5s;
}

.bg50 {
    background: rgba(0, 0, 0, 0.35);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bg60 {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bg70 {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.filtrele, .mobilegizle {
    display: none !important
}

.grdbg {
    width: 100%;
    position: absolute;
    height: 25vh;
    top: 0;
    z-index: 2;
    background: rgb(0, 0, 0);
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% );
}

.grdbgbottom {
    width: 100%;
    position: absolute;
    height: 27vh;
    bottom: -1px;
    z-index: 2;
    background: rgb(13 15 20);
    background: linear-gradient(0deg, rgb(8 8 8) 0%, rgba(0, 0, 0, 0) 100%);
}

.grdbgleft {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 2;
    background: rgb(0, 0, 0);
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.65) 40%, rgba(0, 0, 0, 0) 100% );
}

.leaflet-container {
    background: none
}

.arac-detay .slick-slide {
    position: relative
}

.main {
    width: 100%;
}

.alink {
    margin-top: -100px;
    position: absolute;
}

.txtmain {
    width: calc(100% - 25px);
    padding-right: 25px;
}

.rtl {
    flex-direction: row-reverse;
}

h1,
h2 {
    font-weight: normal;
    letter-spacing: 0.1px;
}

.beyaz {
    color: #fff !important;
}

form:focus {
    outline: 0;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

body.no-scroll,
html.no-scroll {
    overflow: hidden;
}

body.homepage,
html.homepage {
    padding-top: calc(100vh - 210px);
}

textarea, input {
    width: 100%;
    padding: 20px 15px;
    border-radius: 5px;
    background: var(--temabgrbg);
    margin-bottom: 15px;
    border: 1px solid var(--temabordercolor1);
    color: var(--temacolor);
    font-weight: 500;
}

input {
}

textarea {
    overflow: auto;
    resize: none;
    padding-top: 15px !important;
    height: 120px !important;
}



    textarea::placeholder {
        color: var(--temabordercolor2) !important;
        font-weight: 300;
        font-size: 11px
    }

::-webkit-input-placeholder {
    color: var(--temabordercolor2) !important;
    font-weight: 300;
    font-size: 11px
}

:-ms-input-placeholder {
    color: var(--temabordercolor2) !important;
    font-weight: 300;
    font-size: 11px
}

::placeholder {
    color: var(--temabordercolor2) !important;
    font-weight: 300;
    font-size: 11px
}

.bgsiyah {
    background: #000;
}

.bgbeyaz {
    background: #fff;
}

.bgfull {
    width: 100% !important;
}

.txtcenter {
    text-align: center;
}

.sifrebasarili {
    background: #000;
    padding: 10px;
    margin-bottom: 45px;
    display: none;
}

    .sifrebasarili p {
        color: #00ff43;
        margin: 0 !important;
    }

.sifrehatali {
    background: #000;
    padding: 10px;
    margin-bottom: 45px;
    display: none;
}

    .sifrehatali p {
        color: red;
        margin: 0 !important;
    }

.sifremiunuttum > div {
    width: 100% !important;
}

.positionrelative {
    position: relative
}


.talep-modal-kapat{padding:0}
.talepler {
    display: flex;
    flex-direction: column;
}

    .talepler > div {
        border-bottom: 1px solid #dddd;
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    .talepler h1 {
        font-size: 22px !important;
    }

    .talepler p {
    }

    .talepler a {
        font-size: 17px;
    }

.talepdetay {
}

    .talepdetay h1 {
    }

    .talepdetay p {
        margin-bottom: 12px !important;
    }

        .talepdetay p span {
            font-weight: 500;
        }

.icalan {
    width: 100%;
    background: var(--temabg);
    margin: 0 auto;
}

.icalankaydir {
    width: calc(100% - var(--altbosluk) * 4);
    margin: 0 auto;
    padding-bottom: calc(var(--altbosluk) * 1);
}

/*Theme Toggle*/
.theme-toggle-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.theme-toggle {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: var(--temabg1); */
    /* border: 2px solid var(--temabordercolor1); */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    overflow: hidden;
}

    .theme-toggle:hover {
        /* background: var(--temacolor); */
        /* border-color: var(--temacolor); */
        transform: scale(1.1);
    }

    .theme-toggle .day-icon,
    .theme-toggle .night-icon {
        width: 20px;
        height: 20px;
        position: absolute;
        transition: all 0.3s ease;
        color: var(--color1);
    }

.fixed .theme-toggle .day-icon,
.fixed .theme-toggle .night-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    transition: all 0.3s ease;
    color: var(--temabgrbg);
}

.theme-toggle .day-icon {
    opacity: 1;
    transform: scale(1);
}

.theme-toggle .night-icon {
    opacity: 0;
    transform: scale(0.8);
}

/* Dark mode (varsay?lan) - G?ne? g?ster */
body:not(.light) .theme-toggle .day-icon {
    opacity: 1;
    transform: scale(1);
}

body:not(.light) .theme-toggle .night-icon {
    opacity: 0;
    transform: scale(0.8);
}

/* Light mode - Ay g?ster */
body.light .theme-toggle .day-icon {
    opacity: 0;
    transform: scale(0.8);
}

body.light .theme-toggle .night-icon {
    opacity: 1;
    transform: scale(1);
}


/*Slider box fiyat*/
.price-range-block {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ui-widget.ui-widget-content {
    width: 100%
}

.sliderText {
    width: 40%;
    margin-bottom: 30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight: bold;
}

.ui-slider-horizontal {
    height: .6em;
}

.ui-slider-horizontal {
    margin-bottom: 15px;
    width: 40%;
    background: none !important;
    border: 1px solid var(--temabg1) !important;
    border-radius: 5px !important;
}

.ui-widget-header {
    background: var(--temabg1) !important;
    border: 1px solid var(--temabg1) !important;
    border-radius: 5px !important;
}

.price-range-search {
    width: 40.5%;
    background-color: #f9f9f9;
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom: 20px;
    font-size: 16px;
}

.price-range-field {
    width: 20%;
    min-width: 16%;
    background-color: #f9f9f9;
    border: 1px solid #6e6666;
    color: black;
    font-family: myFont;
    font: normal 14px Arial, Helvetica, sans-serif;
    border-radius: 5px;
    height: 26px;
    padding: 5px;
    /* display:block !important; */
}

.search-results-block {
    position: relative;
    display: block;
    clear: both;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: var(--temacolor) !important;
    border: 0px !important;
    left: 0%;
    background: transparent !important;
    border-radius: 16px;
}


.ui-slider .ui-slider-handle {
    width: 1.7em !important;
    height: 1.7em !important;
}

.ui-slider-handle > div {
    position: relative !important
}

    .ui-slider-handle > div > span {
        position: absolute
    }

div > span:first-of-type {
}

    div > span:first-of-type > div {
        margin-top: 7px;
    }

div > span:last-of-type {
}

#slider-range-price .ui-slider-handle div span {
    bottom: -47px;
    font-size: calc(9px + 0.15vw);
    line-height: calc(11px + 0.3vw);
}

#slider-range-price .ui-slider-handle:last-child div span {
    top: -39px;
    bottom: auto;
    right: 0;
}

#slider-range-price > span:first-of-type {
    border-bottom: 20px solid var(--temacolor) !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
}

#slider-range-price > span:last-of-type { /* transform: rotate(180deg); */
    margin-left: -0.9em;
    border-top: 20px solid var(--temacolor) !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
    border-bottom: 0 solid transparent !important;
}

/*full page down*/
.fs-page {
    position: relative;
    height: 100%;
}

.fs-section {
    position: relative;
    height: 100%;
}

.fs-content {
    width: 100%;
}

.fs-page-absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.fs-pagination {
    position: fixed;
    right: var(--yanmenugenislik);
    top: 50%;
    margin-top: -50px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .fs-pagination ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 10px; /* margin-left: 5px; */
    }

    .fs-pagination li {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

        .fs-pagination li a {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 1px solid #fff;
        }

        .fs-pagination li.active a {
            background-color: #fff;
        }

.fullmesaj { /* background:#fff; */
    position: absolute;
    right: 20px;
    transition: 1s;
    z-index: -1;
    opacity: 0;
    color: #fff;
    margin-top: -3px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 11px;
    width: 340px;
    text-align: right;
}

.fs-pagination li.active .fullmesaj {
    opacity: 1 !important;
}

.navigasyon {
    display: flex;
    bottom: 50px;
    left: 50%;
    position: absolute;
    z-index: 99;
}

.fs-pagination .next,
.fs-pagination .back {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.fs-pagination .back {
}

.fs-pagination > div > img {
    width: 8px;
}

.fs-pagination .back > img {
    transform: rotate(180deg);
}
/*full page down end*/

.hatadiv {
    margin-bottom: 15px
}

    .hatadiv span {
        font-size: 16px;
        color: #ff0000
    }

/*open table */
.opentab {
    width: 100%;
    margin-top: 0;
}

    .opentab > h2 {
        border: 1px solid #efefef;
        font-weight: 500;
        padding: 11px 15px;
        margin: 9px 0;
        cursor: pointer;
        line-height: 23px;
        font-size: 15px;
        text-align: left;
        padding-left: 22px;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .opentab > h2 > span {
            margin-bottom: 14px;
        }

    .opentab > div > h3 {
        font-weight: 600;
        color: #00a550;
        padding-bottom: 20px;
        font-size: 34px;
    }

    .opentab > div {
        display: none;
        padding: 0;
        color: #c8c7c7;
        line-height: 24px;
        font-size: 18px;
    }

        .opentab > div > a {
            text-decoration: none;
            color: #8f8d8d;
            border-bottom: 1px dotted rgba(25, 25, 25, 0.28);
            width: 100%;
            display: block;
            line-height: 33px;
            font-size: 13px;
        }

    .opentab > .active {
        background: #a5977f;
        color: #fff;
    }

.ricon {
    font-size: 21px;
    padding-left: 15px;
    float: right;
}
/*List dizayn*/
.opentab > div > ul {
    list-style-type: none;
}

    .opentab > div > ul > li {
        margin: 10px;
    }

.opentab .fa {
    padding-right: 5px;
}

.opentab > div p {
    margin-bottom: 15px;
}

.opentab > h2 {
    position: relative;
}

    .opentab > h2 > span:after {
        content: "";
        padding: 4px;
        border: solid #d5804f;
        border-width: 0px 0px 2px 2px;
        transform: rotate(-45deg);
        width: 0px;
        position: absolute;
        display: flex;
        right: 25px;
    }

    .opentab > h2.active > span:after {
        border-width: 2px 2px 0px 0;
        border-color: #d5804f;
    }

    .opentab > h2 b {
        color: #a66946;
        margin-right: 10px;
    }
/*open table end */

/*mouse kayd?r*/
#scroll-helper {
    position: absolute;
    bottom: calc(var(--yanmenugenislik));
    left: calc(var(--yanmenugenislik) - 20px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    z-index: 9;
}

    #scroll-helper .scroll-line {
        position: initial;
        bottom: initial;
        left: initial;
        margin: 0 auto;
    }

    #scroll-helper .scroll-word {
        position: initial;
        bottom: initial;
        margin-top: 10px;
        margin-left: 0;
    }

.scroll-word {
    position: absolute;
    bottom: 6vh;
    margin-left: -28px;
    opacity: 0;
    visibility: hidden;
    font-size: 11px;
    color: #a68676;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#scroll-helper .scroll-word {
    position: initial;
    bottom: initial;
    margin-top: 10px;
    margin-left: 0;
}

.scroll-line {
    height: 65px;
    width: 1px;
    background: #a68676;
    position: absolute;
    bottom: 10vh;
    display: block;
    overflow: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
}

    .scroll-line:after {
        content: "";
        width: inherit;
        height: 50%;
        background: #fff;
        position: absolute;
        transform: translateY(0%) scaleY(0);
        left: 0;
        z-index: 10;
        display: block;
    }

    .scroll-line.init:after {
        -webkit-animation: mymove 1.5s infinite linear;
        animation: mymove 1.5s infinite linear;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}
/*mouse kayd?r bitti*/

#toTop {
    position: fixed;
    right: calc(var(--altbosluk) / 2.3);
    bottom: var(--altbosluk);
    border-radius: 10px;
    display: none !important;
    background: #ffffff;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    z-index: 9;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 25%);
}

    #toTop a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #toTop a svg {
            width: 20% !important;
        }

            #toTop a svg path {
                fill: var(--bordercolor);
                stroke: var(--bordercolor);
            }

    #toTop:hover {
        background: var(--bordercolor1);
    }

        #toTop:hover a svg path {
            fill: #fff;
            stroke: #fff;
        }

/* 2nclick 
==========================================================================================================================================*/
#twonclick {
    background: url(/img/2nreklam2.svg) no-repeat 0 0 transparent;
    bottom: 190px;
    height: 105px;
    position: absolute;
    right: 13px;
    width: 25px;
    z-index: 9;
    background-size: 90%;
}

    #twonclick .twonclick {
        display: block;
        height: 90px;
        outline: none;
        text-indent: -9999px;
        width: 37px;
        background-size: 17px;
    }
/*  Ykon
==========================================================================================================================================*/

/*carousel*/
.homeslader.slader {
    width: 100%;
    height: 100vh;
    position: relative;
    background: var(--color2);
    overflow: hidden; /* box-shadow: 0px 0px 30px 6px #464646; */
}

.carousel__slide__inner {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slick-lightbox .slick-arrow, .slader .slick-arrow {
    top: auto;
    font-size: 0;
    left: 4%;
    position: absolute;
    background: #fff url( /assets/img/white-arrow.svg) no-repeat center;
    width: 40px;
    height: 40px;
    right: var( --altbosluk);
    display: block;
    z-index: 11;
    bottom: 4%;
    transform: translateY(-50%) rotate(-180deg);
    background-size: 10px;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
}

    .slader .slick-arrow:hover {
        opacity: 0.5;
    }

.slick-arrow.slick-next {
    left: calc(11% + 3px) !important;
    transform: translateY(-50%) rotate(0deg);
    background-position: 16px;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 100%;
    display: flex;
    justify-content: center;
}

.loadingcar {
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #fff;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.arac-kaydir-liste .slick-arrow {
    left: calc(0px - (var(--altbosluk) + 30px));
}

    .arac-kaydir-liste .slick-arrow.slick-next {
        right: calc(0px - 60px);
        left: auto !important;
    }

.carousel__image,
.homeslader video {
    width: 100%;
    cursor: pointer;
    transition: 0.5s;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.homeslader.slader .slick-dots li.slick-active button::after {
    content: "";
    padding: 10px;
    border-radius: 15px;
    left: 3px;
    position: absolute;
    top: -8px;
}

.homeslader.slader .slick-dots li {
}

.slick-dots {
    position: absolute;
    font-size: 0;
    z-index: 9;
    bottom: calc(4% + 32px);
    display: flex;
    gap: 5px;
    left: calc(4% + 49px);
}

    .slick-dots li {
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 13px;
    }

        .slick-dots li.slick-active button {
            background: radial-gradient(circle at 0% 0%, #ffffff 0%, #fffafa 100%);
        }

    .slick-dots button {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        min-width: 0;
        background-color: transparent;
        border-radius: 100%;
        font-size: 0;
        margin: 0 auto;
        border: 2px solid #fff;
        /* margin: 5px 0px; */
    }

.homeslader.slader .slick-dots button {
}

.homeslader.slader .slick-dots {
}

.carousel__text {
    position: absolute;
    z-index: 3;
    color: #fff;
    width: 100%;
    display: flex;
    opacity: 1;
    padding: 0;
    justify-content: center;
}

    .carousel__text > div {
        width: 92%;
        height: calc(100% - 13vh);
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        transform: scale(1);
    }

    .carousel__text h2 {
        font-weight: 200;
        font-size: calc(36px + 0.5vw);
        line-height: calc(40px + 0.5vw);
        color: #fff;
        letter-spacing: 0px;
        font-family: 'text-ar';
        font-family: 'site-text';
        font-family: 'site-head';
        font-family: 'roboto-vi';
        /* letter-spacing: 3px; */
    }

    .carousel__text h1 {
        font-weight: 500;
        font-size: 40px;
        line-height: 45px;
        color: #fff;
        letter-spacing: 0;
        max-width: 420px;
    }

    .carousel__text p {
        font-size: 30px;
        line-height: 35px;
        color: #fff;
        letter-spacing: 4px;
    }

    .carousel__text .linkler {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        gap: 13px;
    }

        .carousel__text .linkler a {
            color: var(--color1);
            font-size: 14px;
            line-height: 18px;
            /* border: 1px solid var(--color1); */
            padding: 11px 20px;
            /* border-radius: 13px; */
            background-color: rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(20px);
            font-family: 'roboto-vi';
            font-weight: 100;
            letter-spacing: .5px;
            background: rgba(255, 255, 255, .10);
            -webkit-backdrop-filter: blur(35px);
            backdrop-filter: blur(35px);
            box-shadow: 0 1px 3px rgba(18, 18, 18, .2), inset 0 1px .5px rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(18, 18, 18, .08);
        }



.socialmedia {
    display: flex;
    left: var(--yanmenugenislik);
    z-index: 13;
    margin-right: 25px;
}

    .socialmedia a {
        display: flex;
        text-align: left;
        align-content: center;
        align-items: center;
        /* border: 1px solid var(--color1); */
        border-radius: 100%;
        width: 23px;
        height: 23px;
        justify-content: center;
    }

        .socialmedia a svg {
            height: 15px;
        }

        .socialmedia a:hover svg path {
            fill: #c6000f;
        }


    .socialmedia h2 {
        color: var(--color1);
        font-family: 'roboto-vi';
        font-size: 12px;
        letter-spacing: 2px;
    }

    .socialmedia h1 {
        color: var(--color1);
        font-family: 'roboto-vi';
        font-weight: 600;
        font-size: 15px;
        line-height: 17px;
    }

    .socialmedia .social {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        gap: 9px;
        margin-top: 10px;
    }

#chVideo2,
#chVideo1 {
}

#chVideo2 {
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 5px 4px 5px rgb(0 0 0 / 55%);
}

.greenborder {
    border: 1px solid rgba(70, 185, 116, 0.9);
}

.carousel__slide__inner {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.doAnimation .slick-active .carousel__slide__inner .carousel__image {
    -webkit-animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;
    animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;
    transform: scale(1.3);
}

.carousel__slide__overlay {
    background-color: transparent;
    background-size: 100%;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.carousel__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.carousel__video {
    width: 100%;
}

.scroll-downs {
    position: absolute; /* top: 0; */
    right: 5vh;
    bottom: 5vh; /* left: 0; */ /* margin: auto; */
    width: 34px;
    height: 55px;
    display: none;
}

.mousey {
    width: 3px;
    padding: 10px 10px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: var(--grandcolor1);
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }

    10% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

/*carousel*/

.main-begin {
    width: 92%;
    margin: 0 auto;
    max-width: 1400px;
}

.head {
    text-align: center;
    margin: 0 auto;
    margin-bottom: calc(var(--altbosluk));
    max-width: 720px;
}

.altmenu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    align-content: center;
}

    .altmenu > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .altmenu > div:nth-child(2n) {
        }

        .altmenu > div > a {
            display: block;
            text-align: center;
        }

            .altmenu > div > a img {
                width: 80%;
            }

        .altmenu > div ul {
            display: flex;
            align-items: center;
            width: 100%;
            gap: 28px;
        }

            .altmenu > div ul > li {
            }

                .altmenu > div ul > li a {
                    font-size: calc(6px + 0.5vw);
                    line-height: calc(13px + 0.5vw);
                    font-family: 'roboto-vi';
                    font-weight: 500;
                    letter-spacing: .5px;
                }



            .altmenu > div ul.small {
                margin-top: 6px;
            }

                .altmenu > div ul.small li a {
                    font-weight: 100;
                    font-size: 11px;
                    line-height: 14px;
                    letter-spacing: 1px;
                }

.baslikbold {
    color: var(--temacolor);
    text-align: center;
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    max-width: 997px;
    margin: 0 auto;
    font-family: 'roboto-vi';
}

.baslikbold1 {
    color: var(--color1);
    text-align: center;
    font-size: 49px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0 auto;
    font-family: 'roboto-vi';
}

.baslik1 {
    font-size: calc(10px + 0.5vw);
    color: var(--temacolor);
    font-weight: 100;
    line-height: calc(13px + 0.5vw);
    letter-spacing: 3px;
    font-family: 'roboto-vi';
    MARGIN-BOTTOM: 15px;
    text-transform: uppercase;
}

.baslik2 {
    font-weight: 100;
    margin-top: 14px;
    font-size: calc(10px + 0.5vw);
    line-height: calc(16px + 0.5vw);
    letter-spacing: 1px;
    color: var(--temacolor);
}

.arac-detay .Aciklama .baslik1 {
    color: var(--color1);
}

.arac-detay .Aciklama .baslikbold {
    color: var(--color1);
}

.mobilaracslider {
    height: 100% !important;
    min-height: auto !important;
    display: none !important;
}

.desktoppicture {
    display: block !important
}

.mobilcarhead {
    text-align: center;
    padding: 20px;
    display: none !important;
    background: #0d0f14;
}

    .mobilcarhead > div {
        margin-bottom: 7px;
    }

        .mobilcarhead > div > h1 {
            color: #fff !important;
            height: auto;
            padding: 0;
            font-size: calc(16px + 0.3vw);
            line-height: calc(21px + 0.3vw);
            letter-spacing: 0px;
            margin-bottom: 3px;
        }

        .mobilcarhead > div > span {
            color: #fff !important;
            font-size: calc(10px + 0.5vw);
            font-weight: 100;
            line-height: calc(13px + 0.5vw);
        }

.homeslader .videoplay {
    z-index: 9;
}

.mobilbrosur {
    position: absolute;
    z-index: 9;
    right: calc(var(--altbosluk) * 1);
    bottom: var(--altbosluk);
    display: none
}

    .mobilbrosur div {
        display: flex;
        align-content: center;
    }

    .mobilbrosur a {
        display: flex;
        color: #fff;
        align-items: center;
    }

    .mobilbrosur img {
        width: 15px !important;
        margin-right: 5px;
        height: auto !important;
    }

.videoplay {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    bottom: calc(var(--altbosluk) * 1.2);
    z-index: 3;
    cursor: pointer;
}

    .videoplay .butonlar {
        /* padding: 11px; */
        /* opacity: 0.5; */
        cursor: pointer;
        transition: all 0.3s;
        border: 1px solid #fff;
        border-radius: 100px;
        width: 40px;
        height: 40px;
        display: flex;
        align-content: center;
        justify-content: center;
        margin-right: calc(var(--altbosluk) * 1.2);
        align-items: center;
    }

        .videoplay .butonlar > svg {
            width: 50%;
        }

        .videoplay .butonlar :hover {
            opacity: 1;
        }

.main-item {
    padding-top: calc(var(--altbosluk) * 2);
}

    .main-item.mt0 {
        padding-top: 0;
    }

.bgbeyaz .grandbg h1,
.bgbeyaz .head h1,
.bgbeyaz .grandbg h2,
.bgbeyaz .head h2 {
    color: var(--color2);
}

.treefold.slader {
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
}

    .treefold.slader .slick-track {
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }

        .treefold.slader .slick-track > figure:last-child {
            margin-left: 0
        }

.treefold div:first-child h1 {
}

.treefold img {
    width: 100%;
    /* aspect-ratio: 4/2; */
}

.treefold h1 {
    margin-bottom: 8px;
    font-size: 18px;
    color: var(--color1);
    text-align: left;
    font-family: 'roboto-vi';
}

.treefold.slader .txt {
    /* background: #000000b8; */
    display: flex;
    flex-direction: column;
    padding: 13px 20px;
    position: absolute;
    bottom: 0;
    height: 100%;
    justify-content: space-between;
    z-index: 3;
}

    .treefold.slader .txt h1 {
    }

    .treefold.slader .txt p {
        margin-bottom: 8px;
        font-size: 13px;
        color: var(--color1);
        text-align: left;
        font-family: 'roboto-vi';
        line-height: 16px;
    }

    .treefold.slader .txt label {
        font-family: 'roboto-vi';
        color: var(--color1);
        font-size: 12px;
        background: var(--bgcolor3);
        padding: 8px 15px;
        display: block;
    }

    .treefold.slader .txt div {
    }

.treefold a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .treefold a .bg50 {
        transition: .5s
    }

    .treefold a:hover .bg50 {
        background: none
    }

.treefold.slader a:hover .txt label {
    background: var(--color3);
}

.treefold.bgsiyah {
    padding-bottom: 0;
    width: 100%;
    height: auto;
}

.treefold figure {
    margin-right: 15px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

    .treefold figure:last-child {
        margin-right: 0px;
    }

    .treefold figure > div:first-child {
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

.homeyeniler.treefold > div {
    width: auto
}



.loading-icon {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
}

    .loading-icon > div {
        background: #000000d1;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .loading-icon .icon-load {
        width: 50px;
        height: 50px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid #fff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.vitrinilan {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

    .vitrinilan > div {
        width: calc(50% - 15px);
        position: relative;
        max-height: 60vh;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vitrinilan .slick-dots button {
        border-bottom: 2px solid #bdbdbd;
    }

    .vitrinilan .slick-track {
        gap: 20px
    }

    .vitrinilan .slick-slide {
        aspect-ratio: 960 / 582;
    }

    .vitrinilan .txtslade {
        align-content: center;
        position: relative;
    }

        .vitrinilan .txtslade > div.txt {
            width: calc(100% - (var(--altbosluk) * 1.2));
            display: flex;
            flex-direction: column;
            background: var(--temabg1);
            height: 100%;
            display: flex;
            justify-content: center;
            padding: 2vw 4vw;
            margin-left: calc(var(--altbosluk) * 1.2);
        }

        .vitrinilan .txtslade h1 {
            color: var(--temacolor);
            font-size: clamp(1.38rem, 1.22rem + 0.44vw, 1.75rem);
            font-weight: 600;
            line-height: 100%;
            /* text-transform: uppercase; */
            font-family: 'roboto-vi';
            margin-bottom: 11px;
        }

        .vitrinilan .txtslade h2 {
            color: var(--temacolor);
            font-size: clamp(1.38rem, 1.22rem + 0.44vw, 1.75rem);
            font-weight: 100;
            line-height: 107%;
            font-family: 'roboto-vi';
            margin-bottom: 15px;
        }

        .vitrinilan .txtslade p {
            color: var(--temacolor);
            font-weight: 300;
            margin-bottom: 15px;
            font-size: 1rem;
            line-height: 133%;
            letter-spacing: calc(-0.02em + 0.02rem);
            /* font-family: 'text-ar'; */
            /* font-family: 'site-head'; */
            font-family: 'roboto-vi';
        }

    /* .vitrinilan > div:not(:nth-child(3)) .aracim img,
        .vitrinilan > div:not(:nth-child(3)) .aracim video {aspect-ratio: 3 / 2;}
           */
    .vitrinilan > div .aracim img, .vitrinilan > div .aracim video {
        aspect-ratio: 3 / 2;
    }

    .vitrinilan > div.tekli {
        width: 100%;
        max-height: calc(95vh - 90px)
    }

        .vitrinilan > div.tekli .aracim img {
            top: 50%;
            transform: translateY(-50%);
        }

        .vitrinilan > div.tekli .aracim:hover img {
            transform: translateY(-50%) scale(1.05);
        }


.aracim {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    outline: none;
    border: 1px solid var(--temaopacity);
    flex-direction: column;
    justify-content: space-between;
    /* box-shadow: 0 0 4px 0px #0000001f; */
    border-radius: 10px;
    background: var(--temaopacity1);
}

    .aracim > div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .aracim.karsilastirmeactive {
        border: 1px solid var(--color3);
    }

.aracim {
    padding: 0 0;
    /* border: 0; */
}

    .aracim .bg30 {
        display: none
    }

.araclar-list .aracim > div:not(.fiyat) {
    border-radius: 10px;
    overflow: hidden;
    background: var(--temaopacity1);
}

.araclar-list .aracim .usttab:not(.fiyat) {
    margin-bottom: 0;
}

.markalogo {
    height: 1.5rem;
    margin-right: 5px;
}

    .markalogo > img {
        height: 100%;
    }



.favoriekle {
    display: flex;
    align-items: center;
}


.bgsiyah .aracim, .search-results-list .aracim { /* border: 1px solid var(--bgcolor3); */
}

    .search-results-list .aracim .usttab > div:first-child > div span {
        /* color: var(--color1); */
    }


    .bgsiyah .aracim .usttab:not(.fiyat) > div:first-child > div {
        padding: 15px 15px 10px 15px;
        margin-bottom: 0;
    }

    .bgsiyah .aracim > div:first-child {
        background: var(--grandcolor1);
        border-radius: 10px;
    }


.vitrinilan .aracim {
    padding: 0;
    border: 0
}

    .vitrinilan .aracim video {
        width: 101%;
        cursor: pointer;
        transition: 0.5s;
        height: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        aspect-ratio: 3 / 1.9 !important;
    }

.arac-info {
    position: absolute;
    bottom: var(--altbosluk);
    left: var(--altbosluk);
    z-index: 3;
}

.aracim:hover .bg30 {
    background: rgb(0, 0, 0, 0);
}

.aracim .bilgi {
    /* margin-top: 20px; */
    width: 100%;
    background: var(--grandcolor1);
    border-radius: 0 0 10px 10px;
}

    .aracim .bilgi > div {
        display: flex;
        flex-direction: row;
    }

        .aracim .bilgi > div > div {
            font-size: calc(7px + 0.4vw);
            line-height: calc(9px + 0.4vw);
            font-weight: 100;
        }

            .aracim .bilgi > div > div:first-child {
                width: 128px;
            }

/* Icon Row Styles */
.icon-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 14px 8px;
}

.icon-item {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    border-radius: 6px;
    transition: all 0.3s ease;
    flex-direction: column;
}

    .icon-item:hover {
        /* background: var(--temabg1); */
        /* border-color: var(--temacolor1); */
        /* transform: translateY(-1px); */
    }

    .icon-item svg {
        /* opacity: 0.9; */
        color: var(--temacolor1);
    }

    .icon-item:hover svg {
        /* opacity: 1; */
        /* transform: scale(1.05); */
        /* color: var(--temacolor); */
    }

    .icon-item span {
        font-size: calc(7px + 0.3vw);
        line-height: calc(9px + 0.3vw);
        font-weight: 400;
        color: var(--txtcolor);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: 'roboto-vi';
    }


.bgsiyah .baslikbold, .bgsiyah a, .bgsiyah .baslik1, .bgsiyah .baslik2, .bgsiyah p {
    color: var(--color1)
}

.bgsiyah .aracim * {
    color: var(--color1)
}



.icon-play {
    transition: opacity 0.225s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 76px;
    height: 76px;
    padding: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    cursor: pointer;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(255, 255, 255, 0.2);
}

    .icon-play > svg {
        width: 100%;
    }

.newshome > div {
    padding: calc(var(--altbosluk) * 1) 0 calc(var(--altbosluk) * 1.5);
}

.news-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}


    .news-item .slick-track {
        gap: 15px
    }

        .news-item .slick-track .txt {
            padding: 0 25px;
        }

    .news-item > div a {
        display: flex;
        color: var(--bgcolor);
        flex-direction: column;
        justify-content: space-between;
    }

        .news-item > div a img {
            width: 100%;
            aspect-ratio: 443/295;
        }

        .news-item > div a h1 {
            margin-top: 11px;
            color: #ffffff;
            font-size: calc(9px + 0.5vw);
            line-height: calc(16px + 0.5vw);
        }

        .news-item > div a h2 {
            margin-top: 5px;
            color: var(--bgcolor);
            font-weight: 100;
        }

    .news-item.news-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }

        .news-item.news-list > div {
            margin-right: 40px;
            width: calc(25% - 30px);
            margin-bottom: 40px;
        }

            .news-item.news-list > div:nth-child(4n) {
                margin-right: 0;
            }

.news-detail {
    width: calc(100% - (var(--altbosluk) * 2));
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: calc(var(--altbosluk) * 2) 0;
}

    .news-detail > div {
    }

    .news-detail h1 {
        color: var(--zeminbg);
    }

    .news-detail > div:first-child {
        width: 15%;
    }

        .news-detail > div:first-child > h1 {
            font-weight: bold;
        }

    .news-detail > div:last-child {
        width: 75%;
    }

    .news-detail .homenews {
        padding: 0 !important;
    }

.news-txt {
    margin: var(--yanmenugenislik) 0;
}

    .news-txt, .news-txt p, .news-txt li, .news-txt div {
        color: var(--zeminbg);
        font-size: 17px;
        line-height: 26px;
    }

        .news-txt strong {
            font-weight: bold;
            margin: 25px 0 15px 0;
            color: var(--zeminbg);
        }

        .news-txt ul {
            list-style: disc;
            margin-left: 23px;
            padding-bottom: 25px;
        }

            .news-txt ul > li {
                padding: 5px 0;
            }

.haberlist {
    padding-top: calc(var(--altbosluk) * 1);
}

    .haberlist .news-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
    }

        .haberlist .news-item > div {
            margin-bottom: 45px;
            width: calc(25% - 10px);
            margin-right: 10px
        }

            .haberlist .news-item > div:nth-child(4n) {
                margin-right: 0
            }

            .haberlist .news-item > div a h1 {
                padding-bottom: 0;
                font-family: "posterama-2001";
                font-size: 12px;
                color: #229c50 !important;
            }

            .haberlist .news-item > div a h2 {
                font-size: 14px;
                font-weight: 200;
                width: 90%;
                color: var(--temacolor2);
            }

.news-detail .geri {
    margin-top: 35px;
}

.arac-kaydir-liste {
    width: calc(100% - 25px);
    margin-left: 15px;
}

    .arac-kaydir-liste .slick-list {
        margin: 0 -7.5px;
    }

    .arac-kaydir-liste figure {
        outline: 0;
        margin-right: 15px;
    }

    .arac-kaydir-liste .slick-dots {
        bottom: -30px;
    }


.grandbg {
    border: 1px solid var(--bordercolor);
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    padding: var(--altbosluk) calc(var(--altbosluk) / 2);
    vertical-align: middle;
}

    .grandbg h1, .grandbg h2 {
        margin-top: 2vh;
    }

    .grandbg a {
        border: 1px solid var(--color1);
        padding: 10px 20px;
        display: block;
        float: left;
        margin-top: 2vw;
        color: var(--color1);
        font-weight: 500;
        font-size: calc(10px + 0.5vw);
    }

        .grandbg a i {
            color: var(--color1);
            font-size: 12px;
        }

        .grandbg a:hover {
            background: var(--color1);
            color: var(--bordercolor);
        }

            .grandbg a:hover i {
                color: var(--bordercolor);
            }

.homemarkalar {
    width: 100%;
    height: 60vh;
    max-height: 60vh;
    overflow: hidden;
}




.homeyeniler .fnish {
}

    .homeyeniler .fnish > .grandbg {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .homeyeniler .fnish > .grandbg > a {
        }

.slick-slide img, .slick-slide picture {
    display: block;
    width: 100%;
    cursor: pointer;
    transition: 0.5s;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.topbar {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    padding-bottom: 11px;
    transition: .5s;
    background: 0 0;
}

    .topbar.fixed {
        background: var(--temabg) !important;
        margin-top: 0;
        box-shadow: 0 0 4px 0px #0000003b;
        /* border-bottom: 1px solid var(--temabordercolor1); */
        padding: 0;
    }

    .topbar > div { /* width:100%; */
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .topbar .menu {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        max-width: 820px;
        justify-content: space-between;
    }

        .topbar .menu > div a {
            display: flex;
            width: 100%;
            align-items: center;
            font-weight: 100;
            font-size: calc(8px + 0.5vw);
        }

            .topbar .menu > div a img {
                height: calc(15px + 1vh);
            }

    .topbar:not(.homepage) {
    }

.menubar {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .menubar .menuhead {
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: row;
        padding: 11px 0;
    }

        .menubar .menuhead .menutxt {
            width: 92%;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            max-width: 1420px;
        }


            .menubar .menuhead .menutxt > div {
                width: 100%;
            }


                .menubar .menuhead .menutxt > div.logo {
                    width: 150px;
                    display: block;
                    padding: 1px;
                }

    .menubar .logo a {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }

        .menubar .logo a svg {
            width: 99%;
            color: #fff;
        }

.light .menubar .logo a svg {
    color: #fff;
}

.fixed .menubar .logo a svg {
    color: #fff;
}

.light .fixed .menubar .logo a svg {
    color: #231f20;
}

.menubar .logo a svg #green {
}

.menubar .menuhead .menutxt ul {
    display: flex;
    gap: 26px;
    width: auto;
}

    .menubar .menuhead .menutxt ul.right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .menubar .menuhead .menutxt ul > li {
    }

        .menubar .menuhead .menutxt ul > li > a {
            letter-spacing: 0.5px;
            font-size: 13px !important;
            color: #fff;
            font-weight: 500;
            position: relative;
            text-decoration: none;
        }

        /* Kayan alt çizgi — .nocizgi li'lerde yok */
        .menubar .menuhead .menutxt ul > li:not(.nocizgi) > a::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -4px;
            height: 1px;
            background: #fff;
            border-radius: 2px;
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform 0.25s cubic-bezier(.4,0,.2,1), background 0.2s;
        }

        .menubar .menuhead .menutxt ul > li:not(.nocizgi) > a:hover::after {
            transform: scaleX(1);
        }

        .menubar .menuhead .menutxt ul > li:not(.nocizgi) > a.nav-active::after {
            transform: scaleX(1);
            background: #229c50;
        }
/* light modda hover çizgisi siyah */
.light .menubar .menuhead .menutxt ul > li:not(.nocizgi) > a::after {
    background: #ffffff;
}

.light .menubar .menuhead .menutxt ul > li:not(.nocizgi) > a.nav-active::after {
    background: #229c50;
}

.fixed .menubar .menuhead .menutxt ul > li > a {
    color: rgba(255,255,255,0.85);
}

.light .fixed .menubar .menuhead .menutxt ul > li > a {
    color: #000;
    font-weight: 400;
}

.menubar .logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 16px;
    align-content: center;
    justify-content: space-evenly;
    position: absolute;
    top: 20px;
    z-index: -1;
    transition: .5s;
}

    .menubar .logos > div {
        width: 60px;
    }



        .menubar .logos > div.cizgi {
            height: 2px;
            background: #fff;
            width: 100%;
            transition: .5s;
        }

.fixed .menubar .logos > div.cizgi {
    height: 1px;
    background: #333;
}

.light .fixed .menubar .logos > div.cizgi {
    background: #ccc;
}




.fixed .menubar .logos > div.cizgi:last-child {
    display: none
}

.fixed .menubar .logos {
    top: 3px;
    display: flex;
    flex-direction: column;
    flex-flow: column-reverse;
    gap: 0;
}

.menubar .logos > div.cizgi:first-child {
    width: 100%;
}

.menubar .logos > div > a {
    display: block;
    width: 56px;
    height: 60px;
}

.menubar .logos svg {
    width: 100%;
    filter: brightness(0) invert(1);
}

.light .menubar .logos svg {
    width: 100%;
    filter: brightness(1) invert(0);
}

.fixed .menubar .logos > div > a {
    height: 47px;
}

.fixed .menubar .logos svg {
    height: 87%;
    filter: brightness(1) invert(0);
    padding-top: 5px;
}
/*.menubar .logos svg path {*/
/* fill: #170805;*/
/*fill: #fff;
    }


.menubar .logos svg path.kirmizi{
   fill:#c6000f;
}*/


.light .topbar.fixed .menu > div a img, .light .topbar .menu > div a img {
    filter: brightness(1) invert(1);
}

.topbar .menu > div {
    display: flex;
    align-items: center;
}

.topbar .temamod {
    margin-left: calc(var(--altbosluk) * 1);
    min-width: 120px;
    position: fixed;
}

    .topbar .temamod > div {
        display: flex;
        align-items: center;
    }

        .topbar .temamod > div > svg {
            cursor: pointer;
            width: 31px;
        }

        .topbar .temamod > div > p {
            margin-left: 5px;
            font-size: 14px;
            font-weight: 100;
        }

.topbar.fixed .menu > div a img {
    height: calc(10px + 1vh);
    transition: 0.5s;
}

/* ===== MENUBAR-RIGHT ===== */
.menubar-right {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
}

    .menubar-right .menuarama .menuaramaclick {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.2s;
    }

        .menubar-right .menuarama .menuaramaclick:hover {
            background: rgba(255,255,255,0.08);
        }

    .menubar-right .menuarama svg {
        width: 18px;
        height: 18px;
        fill: var(--temabgrbg);
        transition: fill 0.2s;
    }

    .menubar-right .menuarama .menuaramaclick:hover svg {
        fill: #fff;
    }

.menuyelik {
    display: flex;
    align-items: center;
    background: #229c50;
    border: 1px solid #3ab869;
    border-radius: 10px;
}

    .menuyelik a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        transition: background 0.2s;
        text-decoration: none;
        padding: 5px 12px;
        font-size: 10px;
    }

        .menuyelik a * {
            color: #fff;
            font-weight: 500;
            font-size: 11px;
            font-family: "Lexend";
            text-transform: uppercase;
        }

        .menuyelik a:hover {
            background: rgba(255,255,255,0.08);
            color: #fff;
        }

        .menuyelik a svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

.fixed .menubar-right .menuarama svg {
    fill: rgba(255,255,255,225.6);
}



.fixed .menubar-right .menuarama .menuaramaclick:hover {
    background: rgba(255,255,255,255.06);
}

    .fixed .menubar-right .menuarama .menuaramaclick:hover svg {
        fill: #fff;
    }

.fixed .menuyelik a {
    color: rgba(0,0,0,0.6);
}

    .fixed .menuyelik a:hover {
        background: rgba(0,0,0,0.06);
        color: #000;
    }



.light .fixed .menubar-right .menuarama svg {
    fill: rgba(0,0,0,0.6);
}

.light .fixed .menubar-right .menuarama .menuaramaclick:hover {
    background: rgba(0,0,0,0.6);
}

    .light .fixed .menubar-right .menuarama .menuaramaclick:hover svg {
        fill: #000;
    }


.menulag {
    display: flex;
    align-items: center;
}

    .menulag > div > a {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .06em;
        color: var(--color1);
        text-decoration: none;
        transition: background 0.2s, color 0.2s;
    }

        .menulag > div > a:hover {
            background: rgba(255,255,255,0.08);
            color: #fff;
        }

.fixed .menulag > div > a {
    color: var(--temabgrbg);
}

    .fixed .menulag > div > a:hover {
        background: rgba(0,0,0,0.06);
        color: #000;
    }


.menuarama {
    cursor: pointer;
}

    .menuarama > div:first-child {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .menuarama > div:first-child > i {
            color: var(--temacolor);
        }

        .menuarama > div:first-child > i {
            color: var(--color1);
        }

.menuaramaclick svg {
    width: 22px;
}

    .menuaramaclick svg > path {
        fill: #fff;
    }



.fixed .menuaramaclick svg > path {
    fill: var(--temabgrbg);
}


.light .fixed .menuaramaclick svg > path {
    fill: #000;
}


/* Arama Men? Content ?zel CSS */
/* Arama men?s? genel mega-menu-content stillerini kullan?r */

/* Arama men?s? i?in ?zel tek sat?r yap?s? - sadece mega menu i?inde aktif */
.mega-menu-overlay.active #megaMenuContentSearch {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
    padding: 40px !important;
    width: 100% !important;
    position: relative !important;
    z-index: 1 !important;
    overflow-y: auto;
    background: var(--grandcolor1);
    border: 1px solid var(--grandcolor1);
}

/* Arama men?s? mega menu d???nda gizli */
#megaMenuContentSearch {
    display: none;
}

    #megaMenuContentSearch .search-container {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #megaMenuContentSearch .search-header {
        margin-bottom: 30px;
    }

        #megaMenuContentSearch .search-header h2 {
            font-size: 32px;
            font-weight: 700;
            color: var(--temacolor);
            font-family: 'roboto-vi';
            margin: 0;
            background: linear-gradient(135deg, var(--color3), var(--color1));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

    #megaMenuContentSearch .search-input-container {
        margin-bottom: 30px;
    }

    #megaMenuContentSearch .search-main-input::placeholder {
        color: #fff !important; /* Placeholder metin rengi */
        font-size: 14px !important; /* Placeholder yaz? boyutu */
        font-family: 'roboto-vi';
        font-weight: 600
    }



    #megaMenuContentSearch .search-input-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        background: var(--bgcolor);
        border: 1px solid var(--temabordercolor3);
        border-radius: 15px;
        padding: 0;
        transition: all 0.3s ease;
        max-width: 600px;
        margin: 0 auto;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

        #megaMenuContentSearch .search-input-wrapper:focus-within {
            border-color: var(--color3);
            box-shadow: 0 6px 20px rgba(0, 123, 255, 0.2);
            transform: translateY(-2px);
        }

    #megaMenuContentSearch .search-input-icon {
        position: absolute;
        left: 20px;
        width: 20px;
        height: 20px;
        color: var(--temacolor1);
        z-index: 1;
        transition: all 0.3s ease;
    }

    #megaMenuContentSearch .search-input-wrapper:focus-within .search-input-icon {
        color: var(--color3);
        transform: scale(1.1);
    }

    #megaMenuContentSearch .search-main-input {
        width: 100%;
        padding: 18px 60px 18px 55px;
        font-size: 16px;
        border: none;
        background: transparent;
        color: var(--temacolor1);
        outline: none;
        font-family: 'roboto-vi';
        font-weight: 500;
    }


    #megaMenuContentSearch .search-submit-btn {
        position: absolute;
        right: 12px;
        background: linear-gradient(135deg, var(--color3), var(--color1));
        border: none;
        border-radius: 10px;
        padding: 10px;
        color: white;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 3px 10px rgba(0, 123, 255, 0.3);
    }

        #megaMenuContentSearch .search-submit-btn svg {
            width: 20px;
            height: 20px;
        }

        #megaMenuContentSearch .search-submit-btn:hover {
            transform: scale(1.05) translateY(-1px);
            box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
        }

        #megaMenuContentSearch .search-submit-btn:active {
            transform: scale(0.95);
        }

    #megaMenuContentSearch .popular-searches {
        margin-bottom: 30px;
    }

        #megaMenuContentSearch .popular-searches h3 {
            font-size: 20px;
            font-weight: 600;
            color: var(--temacolor);
            margin-bottom: 20px;
            font-family: 'roboto-vi';
        }

    #megaMenuContentSearch .popular-searches-list {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        max-width: 700px;
        margin: 0 auto;
    }

    #megaMenuContentSearch .popular-search-item {
        background: var(--temabordercolor3);
        color: var(--temacolor1);
        padding: 10px 20px;
        border-radius: 25px;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-family: 'roboto-vi';
        font-weight: 500;
        border: 1px solid transparent;
    }

        #megaMenuContentSearch .popular-search-item:hover {
        }

    #megaMenuContentSearch .search-results {
        display: none;
    }

        #megaMenuContentSearch .search-results.active {
            display: block;
        }

        #megaMenuContentSearch .search-results h3 {
            font-size: 20px;
            font-weight: 600;
            color: var(--temacolor);
            margin-bottom: 20px;
            font-family: 'roboto-vi';
        }




    #megaMenuContentSearch .search-result-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
        transition: left 0.5s;
    }

    #megaMenuContentSearch .search-result-item:hover::before {
        left: 100%;
    }


    #megaMenuContentSearch .search-result-image {
        width: 100%;
        height: 140px;
        object-fit: cover;
        border-radius: 10px;
        margin-bottom: 15px;
        transition: transform 0.3s ease;
    }

    #megaMenuContentSearch .search-result-item:hover .search-result-image {
        transform: scale(1.03);
    }

    #megaMenuContentSearch .search-result-title {
        font-size: 16px;
        font-weight: 600;
        color: var(--temacolor);
        margin-bottom: 8px;
        font-family: 'roboto-vi';
    }

    #megaMenuContentSearch .search-result-subtitle {
        font-size: 13px;
        color: var(--temacolor1);
        margin-bottom: 12px;
        line-height: 1.4;
    }

    #megaMenuContentSearch .search-result-price {
        font-size: 16px;
        font-weight: 700;
        color: var(--color3);
        font-family: 'roboto-vi';
    }

    #megaMenuContentSearch .no-results {
        text-align: center;
        padding: 60px 20px;
        color: var(--temacolor1);
    }

    #megaMenuContentSearch .no-results-icon {
        font-size: 60px;
        margin-bottom: 20px;
        opacity: 0.5;
    }

    #megaMenuContentSearch .search-show-all-btn {
        text-align: center;
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid var(--temabordercolor3);
    }


/* Responsive */
@media (max-width: 768px) {
    .mega-menu-overlay.active #megaMenuContentSearch {
        padding: 20px !important;
    }

    #megaMenuContentSearch .search-container {
        max-width: 100%;
    }

    #megaMenuContentSearch .search-header h2 {
        font-size: 24px;
    }

    #megaMenuContentSearch .search-input-wrapper {
        max-width: 100%;
    }

    #megaMenuContentSearch .search-main-input {
        padding: 15px 50px 15px 45px;
        font-size: 14px;
    }

    #megaMenuContentSearch .search-input-icon {
        left: 15px;
        width: 18px;
        height: 18px;
    }

    #megaMenuContentSearch .search-results-list {
        grid-template-columns: 1fr;
        gap: 15px;
        max-height: calc(100vh - 350px); /* Mobilde daha az sabit alan */
    }

    #megaMenuContentSearch .popular-searches-list {
        gap: 8px;
        max-width: 100%;
    }

    #megaMenuContentSearch .popular-search-item {
        padding: 8px 16px;
        font-size: 13px;
    }

    #megaMenuContentSearch .search-result-item {
        padding: 15px;
    }

    #megaMenuContentSearch .search-result-image {
        height: 120px;
    }
}


#megaMenuContentSearch .search-header {
    margin-bottom: 30px;
}

    #megaMenuContentSearch .search-header h2 {
        font-size: 32px;
        font-weight: 700;
        color: var(--temacolor);
        font-family: 'roboto-vi';
        margin: 0;
        background: linear-gradient(135deg, var(--color3), var(--color1));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

#megaMenuContentSearch .search-input-container {
    margin-bottom: 30px;
}

#megaMenuContentSearch .search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--grandcolor1);
    border: 1px solid var(--temabordercolor3);
    border-radius: 15px;
    padding: 0;
    transition: all 0.3s ease;
    margin: 0 auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    align-content: center;
}

    #megaMenuContentSearch .search-input-wrapper:focus-within {
        border-color: var(--color3);
        box-shadow: 0 6px 20px rgba(0, 123, 255, 0.2);
        transform: translateY(-2px);
    }

#megaMenuContentSearch .search-input-icon {
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    color: var(--color1);
    z-index: 1;
    transition: all 0.3s ease;
}

#megaMenuContentSearch .search-input-wrapper:focus-within .search-input-icon {
    color: var(--color3);
    transform: scale(1.1);
}

#megaMenuContentSearch .search-main-input {
    width: 100%;
    padding: 10px 60px 10px 55px;
    font-size: 16px;
    border: none;
    background: transparent;
    color: var(--color1);
    outline: none;
    font-family: 'roboto-vi';
    font-weight: 500;
    margin: 0;
}


#megaMenuContentSearch .search-submit-btn {
    position: absolute;
    right: 12px;
    border: none;
    border-radius: 10px;
    padding: 10px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    background: transparent;
    justify-content: center;
    box-shadow: none;
}

    #megaMenuContentSearch .search-submit-btn svg {
        width: 20px;
        height: 20px;
    }

    #megaMenuContentSearch .search-submit-btn:hover {
        transform: none;
        box-shadow: none;
    }

    #megaMenuContentSearch .search-submit-btn:active {
        transform: scale(0.95);
    }

#megaMenuContentSearch .popular-searches {
    margin-bottom: 30px;
}

    #megaMenuContentSearch .popular-searches h3 {
        font-size: 20px;
        font-weight: 600;
        color: var(--color1);
        margin-bottom: 20px;
        font-family: 'roboto-vi';
    }

#megaMenuContentSearch .popular-searches-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    max-width: 700px;
    margin: 0 auto;
}

#megaMenuContentSearch .popular-search-item {
    background: var(--temabordercolor3);
    color: var(--temacolor1);
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'roboto-vi';
    font-weight: 500;
    border: 1px solid transparent;
}

    #megaMenuContentSearch .popular-search-item:hover {
    }

#megaMenuContentSearch .search-results {
    display: none;
}

    #megaMenuContentSearch .search-results.active {
        display: block;
    }

    #megaMenuContentSearch .search-results h3 {
        font-size: 20px;
        font-weight: 600;
        color: var(--color1);
        margin-bottom: 20px;
        font-family: 'roboto-vi';
    }

#megaMenuContentSearch .search-results-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    max-height: calc(100vh - 380px); /* Viewport - sabit alanlar */
    overflow-y: auto;
    padding-right: 10px;
}

    /* Scroll bar styling */
    #megaMenuContentSearch .search-results-list::-webkit-scrollbar {
        width: 8px;
    }

    #megaMenuContentSearch .search-results-list::-webkit-scrollbar-track {
        background: var(--temabordercolor3);
        border-radius: 4px;
    }

    #megaMenuContentSearch .search-results-list::-webkit-scrollbar-thumb {
        background: var(--color3);
        border-radius: 4px;
    }

        #megaMenuContentSearch .search-results-list::-webkit-scrollbar-thumb:hover {
            background: var(--color1);
        }

#megaMenuContentSearch .search-result-item {
    /* background: var(--bgcolor); */
    border: 1px solid var(--temabordercolor2);
    border-radius: 12px;
    padding: 0 0 20px 0;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    #megaMenuContentSearch .search-result-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
        transition: left 0.5s;
    }

    #megaMenuContentSearch .search-result-item:hover::before {
        left: 100%;
    }

    #megaMenuContentSearch .search-result-item:hover {
        border-color: var(--color3);
    }

#megaMenuContentSearch .search-result-image {
    width: 100%;
    object-fit: cover;
    border-radius: 0;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

#megaMenuContentSearch .search-result-item:hover .search-result-image {
    transform: scale(1.03);
}

#megaMenuContentSearch .search-result-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--color1);
    margin-bottom: 0;
    font-family: 'roboto-vi';
}

#megaMenuContentSearch .search-result-subtitle {
    font-size: 13px;
    color: var(--color1);
    margin-bottom: 12px;
    line-height: 1.4;
}

#megaMenuContentSearch .search-result-price {
    font-size: 16px;
    font-weight: 700;
    color: var(--color1);
    font-family: 'roboto-vi';
}

#megaMenuContentSearch .no-results {
    text-align: center;
    padding: 60px 20px;
    color: var(--temacolor1);
}

#megaMenuContentSearch .no-results-icon {
    font-size: 60px;
    margin-bottom: 20px;
    opacity: 0.5;
}

#megaMenuContentSearch .search-show-all-btn {
    text-align: center;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid var(--temabordercolor3);
}


#megaMenuContentSearch .no-results-text {
    font-size: 18px;
    font-family: 'roboto-vi';
    font-weight: 500;
    color: var(--color1);
}

/* Responsive */
@media (max-width: 768px) {
    .mega-menu-overlay.active #megaMenuContentSearch {
        padding: 20px !important;
    }

    #megaMenuContentSearch .search-container {
        max-width: 100%;
    }

    #megaMenuContentSearch .search-header h2 {
        font-size: 24px;
    }

    #megaMenuContentSearch .search-input-wrapper {
        max-width: 100%;
    }

    #megaMenuContentSearch .search-main-input {
        padding: 15px 50px 15px 45px;
        font-size: 14px;
    }

    #megaMenuContentSearch .search-input-icon {
        left: 15px;
        width: 18px;
        height: 18px;
    }

    #megaMenuContentSearch .search-results-list {
        grid-template-columns: 1fr;
        gap: 15px;
        max-height: calc(100vh - 350px); /* Mobilde daha az sabit alan */
    }

    #megaMenuContentSearch .popular-searches-list {
        gap: 8px;
        max-width: 100%;
    }

    #megaMenuContentSearch .popular-search-item {
        padding: 8px 16px;
        font-size: 13px;
    }

    #megaMenuContentSearch .search-result-item {
        padding: 15px;
    }

    #megaMenuContentSearch .search-result-image {
        height: 120px;
    }
}














.topbar {
    background: 0 0;
}

.light .topbar .menu > div a img {
    filter: none;
}

.light .topbar.menu > div a, .light .kaydirma-text {
    color: var(--color1);
}

.light .fixed .kaydirma-text, .light .topbar.fixed .menu > div a {
    color: var(--color2);
}

.rsContent video,
.rsContent img {
    width: 100%;
    cursor: pointer;
    transition: 0.5s;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.container > .araclargb > .aracxlar > .yeniarac {
}

.container > .araclargb > .araclar > .yeniarac > ul {
    display: flex;
}

    .container > .araclargb > .araclar > .yeniarac > ul > li {
        width: calc((100% / 5) - 16px);
        margin-right: 20px;
        margin-bottom: 24px;
    }

        .container > .araclargb > .araclar > .yeniarac > ul > li a {
            display: block;
        }

.popupkampanya {
    width: 100%;
    position: fixed;
    z-index: 999999;
    height: 100%;
    display: block;
    opacity: 1;
    top: 0;
}

    .popupkampanya .popupkampanyakapat {
        position: absolute;
        top: -50px;
        right: -40px;
        font-size: 60px;
        width: 60px;
        z-index: 9999999999;
    }

        .popupkampanya .popupkampanyakapat img {
            width: 100%;
        }

        .popupkampanya .popupkampanyakapat > a {
            color: #fff;
        }

    .popupkampanya > .kampanyalar {
        width: 100%;
        height: 100%;
        position: relative;
        display: table;
        background: rgba(19, 19, 19, 0.69);
    }

        .popupkampanya > .kampanyalar > div {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .popupkampanya > .kampanyalar > div > div {
                width: 21%;
                margin: 0 auto;
                position: relative;
                max-width: 1200px;
                border: 20px solid var(--color1);
            }

                .popupkampanya > .kampanyalar > div > div img {
                    width: 100%;
                }

            .popupkampanya > .kampanyalar > div a {
                display: block;
                height: 100%;
            }

#aracdetay1_wehicleGallery .rsOverflow {
    height: 65vh;
}

.fullexit .rsOverflow {
    height: 65vh !important;
}

.whatsapp {
    position: fixed;
    bottom: 65px;
    left: 20px;
    z-index: 99999;
    transition: all 0.4s ease-in-out;
}

    .whatsapp a {
        display: block;
    }

    .whatsapp img {
        width: 50px;
    }

.instagonderi {
    width: 100%;
    display: table; /* background: #2f2f2f; */
}

.instagram {
    display: table;
    width: 100%;
}

    .instagram > ul {
        display: table-row;
    }

        .instagram > ul > li {
            display: table-cell;
            vertical-align: middle;
            width: calc((100% / 5) - 10px);
            float: left;
            overflow: hidden;
            height: 200px;
            margin: 5px;
            position: relative;
        }

            .instagram > ul > li:last-child {
                margin-right: 0;
            }

            .instagram > ul > li .arkaresim {
                height: 100%;
                position: relative;
                transform: translateX(-50%) translateY(-50%);
                left: 50%;
                transition: all 0.4s ease-in-out;
                top: 50%;
            }

            .instagram > ul > li:hover .arkaresim {
                opacity: 0.5;
                height: 115%;
            }

.dahafazlasi {
    background: #000;
    height: 100%;
}

    .dahafazlasi a {
        display: block;
        height: 100%;
    }

    .dahafazlasi > div {
        position: absolute;
        width: 100%;
        z-index: 1;
        bottom: 0;
        transition: all 0.4s ease-in-out;
        height: 100%;
        display: table;
    }

        .dahafazlasi > div > div {
            display: table-cell;
        }

.instagram > ul > li .arti {
    transition: all 0.3s ease-in-out;
    width: 0;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    position: relative;
}

.dahafazlasi > div > div > a {
}

.instagram > ul > li:hover .dahafazlasi > div {
}

.instagram > ul > li:hover .arti {
    transition: all 0.6s ease-in-out;
    width: 37px; /* height: 65px; */
}

.instabaslik {
    width: 100%;
    display: table;
    margin: calc(var(--altbosluk) / 1.4) 0;
}

    .instabaslik > h1 {
        color: #fff;
        text-align: center;
        font-size: calc(30px + 0.5vw);
        font-family: "LaramiePro-Bold";
        letter-spacing: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: calc(37px + 0.5vw);
    }

        .instabaslik > h1 > span {
            font-size: 28px;
            letter-spacing: 0;
        }

            .instabaslik > h1 > span a {
                color: #fff;
                font-size: calc(20px + 0.5vw);
                font-weight: 500;
            }

    .instabaslik .cizgi {
        margin: 0 15px;
        background: #707070;
        width: 1px;
        height: 20px;
        display: inline-block;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 8px 15px;
            text-decoration: none;
            font-size: calc(6px + 0.5vw);
            color: #828282;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 15px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: var(--bordercolor1);
            color: var(--color1) !important;
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #eaeaea;
        cursor: default;
        font-weight: 500;
    }

    .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager:before, .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager:before, .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover, .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
    }

.arabtn {
    border: 1px solid var(--color1);
    padding: 14px 12px;
    margin-left: 5px;
    color: var(--color1);
    cursor: pointer; /* background: var(--color1); */
    font-weight: 500;
    border-radius: 5px;
    font-size: calc(7px + 0.4vw);
    line-height: calc(8px + 0.5vw);
}

.arainput {
    padding: 15px 10px;
    width: 275px;
    border-radius: 5px;
    border: 0;
}

.arabtn > .fa {
    font-size: calc(7px + 0.4vw);
    padding-right: 3px; /* color: var(--color2); */
}

.kvk {
}

    .kvk a {
        font-size: 18px;
    }

.mobil-menu {
    width: 100%;
    position: absolute;
    top: 93px;
    left: 0;
    background: #000000;
    text-align: center;
    display: none;
}

    .mobil-menu > ul > li {
        border-bottom: 1px solid #2d2827;
    }

        .mobil-menu > ul > li > a {
            color: #cbcbcb;
            display: block;
            line-height: 36px;
            font-size: 14px;
            font-weight: 600;
        }

.mobmenu > li > ul {
    height: 0px;
    overflow: hidden;
}

    .mobmenu > li > ul > li > a {
        color: #6b6b6b;
        padding: 4px 0;
        display: block;
        font-size: 12px;
        font-weight: 500;
    }

.menu-bar2 {
    position: fixed;
    right: 0;
}

.menu-bar3 > .logo {
    width: 100%;
    display: table-cell;
    text-align: center;
}

    .menu-bar3 > .logo > a > img {
        height: 15vh;
        min-height: 100px;
    }

.menu-bar3 .menutik {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
}

    .menu-bar3 .menutik > div {
        float: left;
        margin-right: 30px;
        margin-top: 10px;
        line-height: 54px;
        font-size: 15px;
        color: #000;
    }

        .menu-bar3 .menutik > div > a {
            color: #000;
        }

    .menu-bar3 .menutik > img {
        float: left;
        margin-right: 20px;
        margin-top: 20px;
        width: 30px;
        cursor: pointer;
    }

.menu-bar2 .mmenu {
    margin-right: 10px;
}

.mobil-dil {
    margin-right: 10px;
    width: auto !important;
    margin: 0 !important;
    position: absolute;
    top: calc(var(--altbosluk) + 57px);
    right: calc((var(--altbosluk) * 2) + 50px);
    display: flex;
    align-items: center;
    transition: .5s
}

.topbar.fixed .mobil-dil {
    top: calc(var(--altbosluk) + 30px);
}

.mobil-dil > a {
    color: var(--color1);
    font-weight: 300;
    font-size: calc(10px + 0.25vw);
    display: block;
    padding: 2px 20px;
    border-right: 1px solid #ffffff;
}

    .mobil-dil > a:last-child {
        font-weight: 500;
    }


.mobil-arama {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.mobil-dil > a:hover {
    color: var(--temabordercolor1);
}

.mobil-arama > div {
}

    .mobil-arama > div i {
        font-size: 18px;
        padding: 5px;
    }

.menu-bar2 > .logo {
    text-align: center;
    width: calc(100% - 200px);
}

    .menu-bar2 > .logo > a > img {
        height: 15vh;
        min-height: 100px;
        box-shadow: 0 0 9px 0px #000000b3;
        border-radius: 100%;
    }

/*Mobil Menu*/
.mmenu .search,
.mmenu .menuicon {
    width: 31px;
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 9999;
    height: 60px;
}

.mmenu .iconbar {
    width: 23px;
    height: 1px;
    background: var(--temabgrbg);
    transition: 0.3s;
    z-index: 9999;
    position: absolute;
}

.iconbar:after,
.iconbar:before {
    content: "";
    width: 77%;
    height: 1px;
    background: var(--color1);
    position: absolute;
    right: 0;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transition: 0.3s;
}


.iconbar:before {
    top: -8px;
}

.iconbar:after {
    top: 8px;
}

.mmunepopup.active {
    right: 0;
}

.popaltmenu.active {
    right: 0;
}

.menuicon.active .iconbar {
    background: 0 0;
    width: 60px;
    height: 60px;
}


.topbar.fixed .iconbar {
}


.light .topbar.fixed .mmenu .iconbar,
.light .mmenu .iconbar,
.light .iconbar:after,
.light .iconbar:before,
.light .topbar.fixed .mmenu .iconbar:after,
.light .topbar.fixed .mmenu .iconbar:before {
    background: var(--color1);
}


.light .homepagemenu .mmenu .iconbar, .light .homepagemenu .iconbar:after, .light .homepagemenu .iconbar:before {
    background: var(--color1);
}



.light .topbar.fixed .menuicon.active .iconbar, .light .menuicon.active .iconbar {
    background: 0 0;
}

.menuicon.active .iconbar:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(135deg);
    background: var(--color1);
}

.menuicon.active .iconbar:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: var(--color1);
}

.menuicon.active .iconbar:before {
    top: 29px;
}

.menuicon.active .iconbar:after {
    top: 29px;
}

.mmunepopup {
    transition: 0.5s;
    z-index: 999;
    position: fixed;
    right: -100%;
    top: -50px;
    height: calc(100vh + 50px);
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    width: 40%;
    flex-direction: column;
    justify-content: center;
    max-width: 850px;
    background: var(--color3);
}

    .mmunepopup::before {
        content: "";
        background-image: url(/img/arma.svg);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position-x: 80%;
        background-position-y: center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        opacity: 0.14;
    }

    .mmunepopup > div {
        width: 90%;
        margin: 0 auto;
    }

    .popaltmenu ul, .mmunepopup ul {
        margin-bottom: calc(30px + 10px);
    }

        .popaltmenu ul > li, .mmunepopup ul > li {
            /* border-bottom: 1px solid var(--temabordercolor2); */
        }

            .popaltmenu ul > li a, .mmunepopup ul > li > a {
                color: var(--color1);
                padding: 8px 0px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
                font-size: 46px;
                align-items: center;
                line-height: 1.2;
                font-weight: 100;
            }

                .mmunepopup ul > li > a > span:after {
                    content: "";
                    padding: 3px;
                    border: solid #fff;
                    border-width: 0 1px 1px 0;
                    transform: rotate(-45deg);
                    width: 1px;
                    display: flex;
                }

.popaltmenu {
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #a5977f;
    z-index: 99;
    right: -100vw;
    transition: 0.5s;
    display: flex;
    align-items: center;
}

.altclose {
    color: #a5977f;
    position: absolute;
    top: 90px;
    left: 0;
    background: #ffffff;
    padding: 10px 25px;
    cursor: pointer;
    font-weight: 600;
}

.mmunepopup .tarif > a {
    font-weight: 300;
    padding: 15px 22px;
    margin-left: 5px;
    color: var(--temabg);
    font-size: 20px;
    line-height: 24px;
    display: block;
    border: 1px solid var(--temabg);
    border-radius: 5px;
    float: left;
}


.r2o {
    width: 40px;
    filter: var(--filter);
}

.r2oarac {
    width: 40px !important;
}

.r2ofilter {
    filter: var(--filter1);
}

.clrdark * {
    color: #000 !important
}

.iletisim .tarif {
    width: 300px;
}

    .iletisim .tarif a {
        color: var(--color1)
    }

.light .iletisim .tarif.button:hover, .light .iletisim .tarif.button:hover a {
    color: var(--color2)
}

.mmunepopup .menuicerik {
    width: 100%;
    max-width: 450px;
    margin-top: calc(var(--altbosluk) / 2);
}

.popaltmenu ul > li a:hover,
.mmunepopup ul > li > a:hover {
    color: var(--temabordercolor1);
}

.msearch {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px !important; /* background: var(--grandcolor3); */ /* padding: 20px 0; */ /* border-radius: 13px; */ /* border: 1px solid var(--grandcolor3); */
    position: relative;
    max-width: 470px;
}

    .msearch > form {
        display: flex;
        align-items: center;
        width: calc(100%);
        justify-content: space-between;
        position: relative;
    }

        .msearch > form > div {
            width: calc(100%);
        }

            .msearch > form > div input {
                width: 100%;
                background: transparent;
                border: 1px solid var(--temabg);
                border-radius: 10px;
                padding: 15px 22px;
                color: var(--temabg);
                font-size: 14px;
                transition: 0.5s;
            }

                .msearch > form > div input::placeholder {
                    color: var(--temabg) !important;
                }

                .msearch > form > div input:focus {
                    border-radius: 0;
                }

            .msearch > form > div button {
                font-size: 14px;
                line-height: 16px;
            }

            .msearch > form > div i {
                font-size: 14px !important;
            }

.msearchclose {
}

.msdetayclose {
    display: none;
    width: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    height: 40px !important;
}

    .msdetayclose img, .msearchclose img {
        width: 100%;
    }

.menukapat {
    display: none;
}

.menu-bar3 {
    display: table;
    position: relative;
}

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

#menusearchalandetay {
    display: none;
    position: absolute;
    top: 48px;
    padding: 25px 25px 25px 25px;
    background: var(--temabgrbg);
    width: calc(100%);
    margin: 0 auto;
    z-index: 998;
    left: 0;
    border-radius: 0 0 20px 20px;
}


.suggestion-result {
    width: 100%;
}

    .suggestion-result .suggestion-result-title {
        font-size: 14px;
        font-weight: bold;
        /* margin-bottom: 15px; */
        color: var(--temacolor);
    }

    .suggestion-result .suggestion {
        width: 100%;
        color: #333;
        text-decoration: none;
        padding: 8px;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        align-items: center;
        font-size: 14px;
    }

        .suggestion-result .suggestion b {
            font-weight: 700;
        }

.suggestion:not(:last-child) {
    border-bottom: 1px solid #f7f7f7;
}

.suggestion .suggestion-image {
    height: 30px;
    width: 30px;
    margin-right: 7px;
    border-radius: 15px;
    border: solid 1px #e6e6e6;
    background-color: #ffffff;
}

.menusearch-home .menusearch {
    box-shadow: 0 3px 12px rgb(0 0 0 / 18%);
    border: 2px solid #fff;
}

    .menusearch-home .menusearch.active {
        background: #ffffff;
    }

.menusearch-home-btn {
    position: absolute;
    right: 46px; /* top: 17px; */ /* width: 28px; */
}

    .menusearch-home-btn a {
        display: block;
    }

        .menusearch-home-btn a img {
            width: 91%;
            opacity: 0.5;
        }

    .menusearch-home-btn:hover a img {
        opacity: 1;
    }

#zoom-fig {
    position: relative;
    width: calc(100% - 97px);
}

.aramaliste {
    margin: 0;
    height: 48vh;
    overflow-y: auto;
    max-height: 460px;
}

    .aramaliste > li > a {
        display: flex
    }

    .aramaliste > li {
        border-bottom: 1px solid var(--temabordercolor) !important;
        padding: 9px 0;
    }

        .aramaliste > li div {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }

            .aramaliste > li div > div {
                width: 130px;
            }

                .aramaliste > li div > div:last-child {
                    width: calc(100% - 150px);
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                }

                .aramaliste > li div > div img {
                    width: 100%;
                }

                .aramaliste > li div > div h1, .aramaliste > li div > div h2, .aramaliste > li div > div p {
                    color: var(--temacolor);
                    font-size: 11px;
                    line-height: 17px;
                }

                .aramaliste > li div > div h1 {
                    font-size: 13px;
                }

                .aramaliste > li div > div h2 {
                    font-weight: 300;
                }

                .aramaliste > li div > div p {
                }

.container {
    width: 100%; /* background: radial-gradient(farthest-side at 50% 15%, rgba(47,47,47,1) 0%, rgba(0,0,0,0) 100%); */
}

    .container > .slider {
        width: 100%;
        height: 86vh;
        min-height: 469px;
        position: relative;
        background: #2d2827;
        overflow: hidden;
    }

        .container > .slider img {
            width: 100%;
            top: 50%;
            transform: translateY(-50%);
            position: relative;
        }

        .container > .slider > .leftarrow {
            position: absolute;
            left: 0;
            top: 40%;
        }

        .container > .slider > .rightarrow {
            position: absolute;
            right: 0;
            top: 40%;
        }

    .container > .araclar {
        width: 85vw;
        margin: 0 auto;
        padding: 15px 0;
        margin-top: 35px;
    }

#aracnotekle {
    background: #000 !important;
}

#aracnotekle, .aracduzenle {
    background: #35aa47;
    color: #fff;
    float: left;
    margin: 3px 0;
    margin-left: 5px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
}

.aracozelnot {
}

    .aracozelnot span {
    }

    .aracozelnot select {
        width: calc(100% - 18px) !important;
    }

.title {
    width: 100%;
    display: table;
    margin-bottom: 15px;
    height: 57px;
    border: 1px solid rgb(7 84 147);
    background: radial-gradient( circle at 0% 0%, rgb(0, 67, 122) 0%, rgb(0, 30, 80) 100% );
    padding: 10px 0;
}

    .title > ul {
        display: table-row;
    }

        .title > ul > li {
            display: table-cell;
            vertical-align: middle;
            width: 15%;
        }

            .title > ul > li img {
                background: #7b1315;
                padding: 11px 14px;
                cursor: pointer;
            }

        .title > ul > li {
            font-weight: 200;
            color: #fff;
            font-size: 30px;
            line-height: 40px;
        }

            .title > ul > li span {
                font-weight: 600;
            }

            .title > ul > li:nth-child(2) {
                width: 70%;
                text-align: center;
            }

            .title > ul > li:last-child {
                text-align: right;
            }

.container > .araclar > div > .yeniarac {
    width: 1900px;
}

    .container > .araclar > div > .yeniarac > ul > li {
        vertical-align: middle;
        width: 215px;
        padding-right: 25px;
        float: left;
    }

        .container > .araclar > div > .yeniarac > ul > li:last-child {
            padding-right: 0;
        }

        .container > .araclar > div > .yeniarac > ul > li img {
            width: 100%;
        }

        .container > .araclar > div > .yeniarac > ul > li p {
            padding: 15px 15px 15px 0;
            font-family: "Open Sans";
            font-size: 11px;
        }

            .container > .araclar > div > .yeniarac > ul > li p span {
                width: 100%;
                font-family: "Open Sans";
                font-weight: 600;
                font-size: 14px;
            }


.golge {
    -moz-box-shadow: rgb(0, 0, 0) 7px 7px 44px 7px inset;
    width: 100%;
    transition: 0.5s;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.aracgolge {
    position: relative;
    width: 100%;
    /* overflow: hidden; */
    /* aspect-ratio: 5 / 3.2; */
    z-index: 0;
}

.aracim:hover .aracgolge img,
.aracim:hover .golge img {
    transform: scale(1.1);
}

.gribg {
    background-color: #eeedec;
    z-index: 2;
    padding: 15px 0;
}

.homegribg {
    background-color: #eeedec;
    color: #000
}

    .homegribg *:not(a) {
        color: #000 !important;
    }

    .homegribg svg path {
        fill: #000 !important;
    }

.container > .araclargb {
    width: 85vw;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 0;
}

    .container > .araclargb > .araclar {
        width: 100%;
        margin: 0 auto;
    }

        .container > .araclargb > .araclar > .yeniarac {
            width: 100%;
            margin-bottom: 35px;
            margin-top: 13px;
        }

            .container > .araclargb > .araclar > .yeniarac > ul > li {
            }

                .container > .araclargb > .araclar > .yeniarac > ul > li:nth-child(5n) {
                    margin-right: 0;
                }

                .container > .araclargb > .araclar > .yeniarac > ul > li img {
                    width: 100%;
                    position: relative;
                    z-index: -1;
                    display: block;
                    transition: 0.5s;
                }

                .container > .araclargb > .araclar > .yeniarac > ul > li:last-child, .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(2), .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(3), .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(4), .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(5) {
                    margin-bottom: 0;
                }

/*yeni*/
.aracim img {
    z-index: -1;
    display: block;
    transition: 0.5s;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    cursor: pointer;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 100%;
}

.aracim:hover .golge { /* border: 3px solid var(--grandcolor1); */ /* border-image: linear-gradient(-90deg, var(--grandcolor1),var(--grandcolor2)) 1; */
}

    .aracim:hover .golge img {
        transform: scale(1.1);
    }

.aracim p {
}

    .aracim p span {
        width: 100%;
        font-weight: 300;
        font-size: calc(7px + 0.4vw);
        color: var(--color1);
        line-height: calc(7px + 0.5vw);
    }

.aracim .usttab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 18px 15px 20px 20px;
}

    .aracim .usttab > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .aracim .usttab.fiyat > div {
        width: auto;
    }

    .aracim .usttab.fiyat.listduzen {
        display: flex;
        justify-content: space-between;
        padding-bottom: 9px;
    }

        .aracim .usttab.fiyat.listduzen > div {
            display: flex;
            /* width: calc(100% - 50px); */
            justify-content: space-between;
            align-items: flex-end;
        }

            .aracim .usttab.fiyat.listduzen > div:last-child {
            }

    .aracim .usttab.fiyat > div:last-child {
        display: flex;
        align-items: center;
        flex-direction: row;
        align-content: center;
        gap: 8px;
    }

        .aracim .usttab.fiyat > div:last-child > div {
        }

            .aracim .usttab.fiyat > div:last-child > div a {
            }

            .aracim .usttab.fiyat > div:last-child > div:first-child {
                margin-right: 15px;
            }

            .aracim .usttab.fiyat > div:last-child > div svg {
                height: 15px;
                width: auto;
            }

.bgsiyah .aracim .usttab.fiyat > div:last-child > div svg path {
    /* fill: var(--color1); */
    stroke: var(--temabordercolor);
    stroke-width: 1px;
}

.aracim .usttab.fiyat > div:last-child > div svg path {
    stroke: var(--temacolor2);
    stroke-width: 1.5px;
}

.aracim .usttab > div:last-child {
    padding: 0;
}

    .aracim .usttab > div:last-child > svg {
    }

.aracim .usttab > div:first-child > div {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0; /* Flex item'?n k???lmesine izin ver */
    overflow: hidden; /* Ta?an i?eri?i gizle */
    position: relative;
    font-size: 12px;
}

    .aracim .usttab > div:first-child > div > span {
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        color: var(--temacolor2);
    }

    /* Sadece son span'da ellipsis (alt sat?ra d??mesin) */
    .aracim .usttab > div:first-child > div span:last-child {
        /* white-space: nowrap; */ /* Alt sat?ra d??mesin */
        /* overflow: hidden; */ /* Ta?an i?eri?i gizle */
        /* text-overflow: ellipsis; */ /* Ta?an i?eri?i ... ile g?ster */
        /* flex-shrink: 1; */ /* Gerekirse k???lebilir */
        /* min-width: 0; */ /* Flex item'?n k???lmesine izin ver */
    }

    .aracim .usttab > div:first-child > div model {
        position: relative;
        white-space: nowrap; /* Alt sat?ra d??mesin */
        flex-shrink: 0; /* K???lmesin, tam g?z?ks?n */
        overflow: visible; /* ??erik tam g?z?ks?n */
        z-index: 1;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: #229c50;
        margin-bottom: 5px;
        opacity: 0.8;
        font-family: "posterama-2001";
    }

    .aracim .usttab > div:first-child > div.kilometre span {
        font-size: 10px;
        line-height: 10px;
        font-weight: 300;
        letter-spacing: 0;
        /* Alt sat?ra d??mesin */
        /* K???lmesin, tam g?z?ks?n */
        /* ??erik tam g?z?ks?n */
        z-index: 1;
        letter-spacing: 0;
        color: var(--temabordercolor);
    }

.carlist .aracim .usttab > div:first-child > div model {
}

.carlist > div {
}

.usttab.fiyat {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid var(--temaopacity2);
    padding-top: 10px;
}

    .usttab.fiyat > div > div:first-child {
        font-size: calc(7px + 0.4vw);
        line-height: calc(9px + 0.5vw);
        font-weight: 100;
    }

    .usttab.fiyat > div div:last-child {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        margin-bottom: 0;
        color: var(--temacolor2);
    }


.button {
    font-size: calc(8px + 0.35vw);
    line-height: calc(9px + 0.35vw);
    font-weight: 100;
    background: var(--temabordercolor);
    padding: 10px 24px;
    border-radius: 5px;
    border: 1px solid var(--temabordercolor);
    color: var(--color1);
}

    .button:hover {
        background: var(--temabg);
        color: var(--temacolor);
    }

.mbottom {
    margin-bottom: 0;
}

.container > .araclar > .yeniarac {
    width: 100%;
    display: table;
}

    .container > .araclar > .yeniarac > ul {
        display: table-row;
    }

        .container > .araclar > .yeniarac > ul > li {
            display: table-cell;
            vertical-align: middle;
            width: calc(20% - 15px);
            padding-right: 15px;
        }

            .container > .araclar > .yeniarac > ul > li:last-child {
                padding-right: 0;
            }

            .container > .araclar > .yeniarac > ul > li img {
                width: 100%;
            }

            .container > .araclar > .yeniarac > ul > li p {
                padding: 15px;
                font-family: "Open Sans";
                font-size: 11px;
            }

                .container > .araclar > .yeniarac > ul > li p span {
                    width: 100%;
                    font-family: "Open Sans";
                    font-weight: 600;
                    font-size: 14px;
                }

.yeni-gelenler {
    background: #000;
    text-align: center;
    padding: 19px 0;
    font-weight: 600;
    color: #fff;
    border: 1px solid #403a39;
    margin-bottom: 15px;
}

    .yeni-gelenler > a > span {
        font-weight: bold;
        color: #fff;
    }

.container > .substation {
    width: 100%;
    height: auto;
    padding: 30px 0;
    background: #221e1d;
    overflow: hidden;
}

    .container > .substation > div {
        width: calc(100% - 40px);
        height: auto;
        margin: 0 auto;
        max-width: 1175px;
        padding: 0 20px;
    }

        .container > .substation > div > ul {
            width: 100%;
            vertical-align: middle;
        }

            .container > .substation > div > ul > li {
                width: calc((100% / 3) - 15px);
                padding-right: 21px;
                position: relative;
                float: left;
            }

                .container > .substation > div > ul > li:last-child {
                    padding-right: 0;
                }

                .container > .substation > div > ul > li img {
                    width: 100%;
                }

                .container > .substation > div > ul > li p {
                    position: absolute;
                    width: calc(100% - 21px);
                    bottom: 0px;
                    background: #000;
                    font-size: 18px;
                    color: #fff;
                    line-height: 34px;
                    text-align: center;
                }

                .container > .substation > div > ul > li:last-child p {
                    width: 100%;
                }

                .container > .substation > div > ul > li p span {
                    font-weight: 600;
                }

.footer .altmenu {
}

.footer .firmalar {
    margin-top: 25px;
}

    .footer .firmalar > ul {
        display: flex;
        flex-direction: row;
        align-content: center;
        gap: 50px;
        align-items: center;
    }

        .footer .firmalar > ul > li {
        }

            .footer .firmalar > ul > li > a {
            }

                .footer .firmalar > ul > li > a > img {
                    width: 125px;
                }

                    .footer .firmalar > ul > li > a > img:not(.noefeck) {
                        filter: brightness(0) invert(1);
                    }

.footer-ust-bg {
    width: 90vw;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0 auto;
}

.footer-ust {
    display: table;
    width: 100%;
}

    .footer-ust > ul {
        display: flex;
        align-items: stretch;
        width: 100%;
        justify-content: space-between;
    }

        .footer-ust > ul > li {
            display: flex;
            width: 35%;
            font-size: 16px;
            text-align: left;
            color: #fff;
            margin: 0px;
            padding: 0px;
            align-items: center;
            overflow: hidden;
        }

            .footer-ust > ul > li > div {
                float: left;
                width: calc(100%);
                padding: var(--altbosluk) calc(var(--altbosluk) / 1.3);
            }

            .footer-ust > ul > li:first-child > div {
                border: 1px solid var(--bordercolor);
                background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
                color: var(--color1);
                height: 100%;
                display: flex;
                width: 100%;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }

            .footer-ust > ul > li:last-child, .footer-ust > ul > li:first-child {
            }

            .footer-ust > ul > li.resim {
                position: relative;
                width: 40%;
            }

                .footer-ust > ul > li.resim img {
                    width: 100%;
                    cursor: pointer;
                    transition: 0.5s;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                    position: relative;
                }

            .footer-ust > ul > li > div > p {
                text-align: left;
            }

                .footer-ust > ul > li > div > p > span {
                    font-weight: 500;
                    color: var(--color1);
                    font-size: calc(22px + 0.5vw);
                }

    .footer-ust p, .footer-ust i, .footer-ust span {
        color: var(--color1);
    }

    .footer-ust i {
        margin-right: 8px;
        color: var(--color1);
        font-size: 12px;
    }

    .footer-ust a {
        border: 1px solid var(--color1);
        padding: 10px 20px;
        display: block;
        float: right;
        margin-top: 50px;
        color: var(--color1);
        font-weight: 500;
        font-size: calc(10px + 0.4vw);
    }

    .footer-ust > ul > li:last-child > div > a {
        float: left;
    }

    .footer-ust a:hover {
        background: var(--color1);
        color: var(--bordercolor);
    }

        .footer-ust a:hover i {
            color: var(--bordercolor);
        }

    .footer-ust p {
        font-size: calc(12px + 0.5vw);
        line-height: calc(18px + 0.5vw);
        font-weight: 100;
    }

        .footer-ust p.head {
            font-size: calc(22px + 0.5vw);
            font-weight: 200;
            line-height: calc(25px + 0.5vw);
            margin-bottom: 10px;
        }

.apphaber {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    flex-direction: row;
    align-content: center;
}

.apptxt .head h1 {
    color: var(--color1);
    font-family: 'roboto-vi';
    letter-spacing: 1px;
    font-size: 30px;
    font-weight: 200;
    margin-bottom: 10px;
}

.apptxt .head h2 {
    color: var(--color1);
    font-family: 'roboto-vi';
    line-height: 18px;
    font-size: 15px;
}

.apphaber > div {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apphaber .apptxt img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.apphaber .apphead {
    position: absolute;
    z-index: 3;
    width: 50%;
}

    .apphaber .apphead .head {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


        .apphaber .apphead .head div {
            margin-top: calc(var(--altbosluk) / 2);
            display: flex;
            align-items: center;
        }

            .apphaber .apphead .head div > a {
                margin-right: 20px;
                width: 190px;
                display: block;
                cursor: pointer;
            }

                .apphaber .apphead .head div > a img {
                    width: 100%;
                }

.footer {
    width: 100%;
    height: auto;
    position: relative;
    /* margin-top: var(--altbosluk); */
    background: var(--color2);
    display: flex;
    align-items: center;
}

    .footer > .footertop {
        width: 100%;
        height: auto;
    }

        .footer > .footertop > .footer-merkez {
            width: 90%;
            background-color: var(--color1);
            padding: calc(var(--altbosluk) / 1) calc(var(--altbosluk) / 2);
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .footer > .footertop > .footer-merkez > div {
            }

                .footer > .footertop > .footer-merkez > div:first-child {
                    max-width: 15vh;
                }

                .footer > .footertop > .footer-merkez > div img {
                    height: 15vh;
                }

                .footer > .footertop > .footer-merkez > div > div {
                }

                    .footer > .footertop > .footer-merkez > div > div:first-child {
                    }

                    .footer > .footertop > .footer-merkez > div > div:last-child {
                    }

                .footer > .footertop > .footer-merkez > div ul {
                    display: flex;
                    align-items: flex-start;
                }

                    .footer > .footertop > .footer-merkez > div ul > li {
                        min-width: 335px;
                        width: 30vw;
                    }

                        .footer > .footertop > .footer-merkez > div ul > li > div {
                            margin-right: calc(34px + 0.5vw);
                            border-right: 1px solid var(--txtcolor);
                            font-size: calc(15px + 0.5vw);
                            line-height: calc(18px + 0.5vw);
                            font-weight: 200;
                            color: var(--bgcolor2);
                            width: 90%;
                        }

                        .footer > .footertop > .footer-merkez > div ul > li:last-child > div {
                            border: 0;
                        }

                        .footer > .footertop > .footer-merkez > div ul > li span {
                            font-size: calc(16px + 0.5vw);
                            padding-bottom: 10px;
                            color: var(--bgcolor);
                            font-weight: 500;
                        }

.ciz {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ciz div {
        height: 1px;
        width: 90%;
        background: var(--txtcolor);
    }

.footer > .footertop > .footer-merkez p {
    color: var(--txtcolor1);
    margin-top: calc(1px + 0.3vw);
    line-height: calc(11px + 0.5vw);
    font-size: calc(8px + 0.4vw);
    font-weight: 200;
}

.footer > .footertop > .footer-merkez .ciz {
    margin: 0 13px;
}

.footerbottom {
    width: 100%;
    background-color: var(--bgcolor1);
}

    .footerbottom > div {
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }

        .footerbottom > div a {
            color: var(--color1);
            font-size: 14px;
        }

            .footerbottom > div a:hover {
            }

.rsContent > div {
    position: absolute;
    width: 100%;
    font-family: "Open Sans";
    font-size: 22px;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72));
    height: 88px;
    font-weight: 300;
    padding-top: 200px;
}

    .rsContent > div span {
        font-weight: 500;
    }

.secim-alani {
    width: 100%;
    margin: 5px auto;
    min-height: 58px;
    border-bottom: 1px solid var(--bgcolor4);
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .secim-alani.ustbar {
        height: 0;
        border: 0;
    }

.margintop {
    margin-top: 30px;
}

.dropdownsecim {
    position: relative;
    width: 230px;
    border: 1px solid var(--temabordercolor2);
    border-radius: 5px;
}

    .dropdownsecim.btgonder {
        background: #a61e22;
    }

.btn-gonder {
    cursor: pointer;
    border: 1px solid var(--bordercolor);
    padding: 13px 12px;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    font-weight: 500;
    border-radius: 5px; /* margin-top: 15px; */
}

    .btn-gonder > i {
        color: var(--color1);
        margin-right: 2px;
    }

    .btn-gonder:hover {
        background: var(--color1);
        color: var(--bordercolor);
        border-color: var(--color1);
    }

        .btn-gonder:hover i {
            color: var(--bordercolor);
        }

.instagram-posts {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Yeni Instagram Grid D?zenlemesi - Dinamik Boyutlar */
.instagram-posts-grid {
    --gap: 15px;
    display: grid;
    /* Kolon geni?likleri e?it de?il: 1. s?tun geni?, 2. dar, 3. orta, 4. dar-orta */
    grid-template-columns: 1.3fr 0.9fr 1.0fr 0.8fr;
    gap: var(--gap);
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    /* Ekrana g?re 16:9 y?ksekli?i s?n?rla: min(56.25vw, 80vh) */
    width: 100%;
    height: min(56.25vw, 80vh);
    grid-template-rows: 1fr;
    overflow: hidden;
}

.instagram-column {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    height: 100%;
    min-height: 0;
}

    /* Column-1: Reel videosu - En b?y?k, ekrana tam oturur */
    .instagram-column.column-1 {
        grid-column: 1;
        grid-row: 1;
        /* Reel videosu i?in daha geni? alan */
        min-width: 0;
        flex: 1.2; /* Di?erlerinden %20 daha b?y?k */
    }

        .instagram-column.column-1 .reel-post {
            height: 100%;
            flex: 1;
        }

            .instagram-column.column-1 .reel-post .instaebat {
                height: 100%;
                aspect-ratio: 9/16; /* Reel format? */
            }

    /* Column-2: 3 sat?r y?kseklik b?l???m? */
    /* Column-2: 3 sat?r - grid ile e?it payla?t?r */
    .instagram-column.column-2 {
        --rows: 3;
    }

    /* Column-3: 2 sat?r y?kseklik b?l???m? */
    /* Column-3: 2 sat?r - grid ile e?it payla?t?r */
    .instagram-column.column-3 {
        --rows: 2;
    }

    /* Column-4: 3 sat?r; son sat?r 3 mini post i?erir */
    /* Column-4: 3 sat?r - 3. sat?r i? grid */
    .instagram-column.column-4 {
        --rows: 3;
    }

        .instagram-column.column-4 .post-grid {
            --mini-gap: 5px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--mini-gap);
            height: calc((100% - (var(--rows) - 1) * var(--gap)) / var(--rows));
        }

            /* Mini post grid i?in ?zel y?kseklik - 3 yan yana g?rsel */
            .instagram-column.column-4 .post-grid .mini-post {
                height: 100%;
                min-height: 0;
            }

                .instagram-column.column-4 .post-grid .mini-post .instaebat {
                    height: 100%;
                    aspect-ratio: 1;
                }

/*KİRLAMA*/
/* ===== HERO ===== */
.kk-hero {
    position: relative;
    min-height: 580px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #080808;
}

.kk-hero-bg {
    position: absolute;
    inset: 0;
    background: url('/img/banner/banner.jpg') center center / cover no-repeat;
    opacity: 0.18;
}

    .kk-hero-bg::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(8,8,8,0.92) 35%, rgba(8,8,8,0.5) 70%, transparent 100%);
    }

.kk-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 120px 60px 100px;
}

.kk-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #229c50;
    margin-bottom: 32px;
}

    .kk-hero-tag::before {
        content: '';
        display: block;
        width: 28px;
        height: 1px;
        background: #229c50;
    }

.kk-hero h1 {
    font-size: 68px;
    font-weight: 900;
    color: #fff;
    line-height: 1.0;
    margin-bottom: 16px;
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: -2px;
    max-width: 700px;
}

    .kk-hero h1 em {
        color: #229c50;
        font-style: normal;
    }

.kk-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.4);
    max-width: 520px;
    line-height: 1.9;
    font-weight: 300;
    margin-bottom: 48px;
    padding-left: 16px;
    border-left: 2px solid rgba(34,156,80,0.4);
}

.kk-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #229c50;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 4px;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: background 0.25s;
}

    .kk-hero-cta:hover {
        background: #1a7a3c;
        color: #fff;
    }

    .kk-hero-cta svg {
        width: 16px;
        height: 16px;
        fill: #fff;
    }

/* ===== INTRO ===== */
.kk-intro {
}

.kk-intro-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.kk-intro-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #229c50;
    margin-bottom: 20px;
}

.kk-intro-left h2 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    letter-spacing: -1px;
    margin-bottom: 28px;
}

    .kk-intro-left h2 span {
        color: #229c50;
    }

.kk-intro-left p {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    line-height: 1.75;
    margin-bottom: 16px;
}

    .kk-intro-left p:last-child {
        margin-bottom: 0;
    }

.kk-intro-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.kk-intro-item {
    background: #151515;
    border: 1px solid #282828;
    border-radius: 10px;
    padding: 28px 24px;
    transition: border-color 0.2s, background 0.2s;
    position: relative;
    overflow: hidden;
}

    .kk-intro-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, #229c50, transparent);
        opacity: 0;
        transition: opacity 0.2s;
    }

    .kk-intro-item:hover {
        border-color: #1e1e1e;
        background: #0f0f0f;
    }

        .kk-intro-item:hover::before {
            opacity: 1;
        }

.kk-intro-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: rgba(34, 156, 80, 0.12);
    border: 1px solid rgba(34, 156, 80, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

    .kk-intro-icon svg {
        width: 24px;
        height: 24px;
        fill: #229c50;
    }

.kk-intro-text h4 {
    font-size: 13px;
    font-weight: 700;
    color: #e0e0e0;
    margin-bottom: 8px;
    line-height: 1.3;
}

.kk-intro-text p {
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    line-height: 1.7;
    margin: 0;
}

/* ===== AVANTAJLAR ===== */
.kk-avantaj {
    background: #080808;
    padding: 100px 60px;
}

.kk-avantaj-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.kk-section-head {
    margin-bottom: 60px;
}

    .kk-section-head .tag {
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #229c50;
        margin-bottom: 16px;
    }

    .kk-section-head h2 {
        font-size: 40px;
        font-weight: 800;
        color: #fff;
        letter-spacing: -1px;
        line-height: 1.1;
        max-width: 480px;
    }

.kk-avantaj-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #141414;
    border: 1px solid #141414;
    border-radius: 10px;
    overflow: hidden;
}

.kk-avantaj-kart {
    background: #0d0d0d;
    padding: 36px 32px;
    transition: background 0.2s;
}

    .kk-avantaj-kart:hover {
        background: #111;
    }

.kk-avantaj-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
    opacity: 0.7;
}

    .kk-avantaj-icon svg {
        width: 100%;
        height: 100%;
        fill: #229c50;
    }

.kk-avantaj-kart h3 {
    font-size: 15px;
    font-weight: 700;
    color: #e8e8e8;
    margin-bottom: 10px;
    line-height: 1.3;
}

.kk-avantaj-kart p {
    font-size: 13px;
    color: rgba(255,255,255,0.35);
    line-height: 1.75;
    margin: 0;
}

/* ===== SÜREÇ ===== */
.kk-surec {
    background: #050505;
    border-top: 1px solid #111;
    padding: 100px 60px;
}

.kk-surec-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.kk-surec-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-top: 60px;
    position: relative;
}

    .kk-surec-steps::before {
        content: '';
        position: absolute;
        top: 22px;
        left: calc(12.5% + 10px);
        right: calc(12.5% + 10px);
        height: 1px;
        background: linear-gradient(90deg, #229c50, rgba(34,156,80,0.1));
    }

.kk-step {
    padding: 0 20px;
    text-align: left;
}

.kk-step-num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #229c50;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #229c50;
    margin-bottom: 24px;
    background: #050505;
    position: relative;
    z-index: 1;
}

.kk-step h4 {
    font-size: 14px;
    font-weight: 700;
    color: #e0e0e0;
    margin-bottom: 8px;
}

.kk-step p {
    font-size: 12px;
    color: rgba(255,255,255,0.3);
    line-height: 1.7;
    margin: 0;
}

/* ===== FORM ===== */
.kk-form-section {
    background: #080808;
    border-top: 1px solid #111;
    padding: 100px 60px;
}

.kk-form-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

.kk-form-left h2 {
    font-size: 44px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1.5px;
    margin-bottom: 16px;
    line-height: 1.05;
}

    .kk-form-left h2 span {
        color: #229c50;
    }

.kk-form-left p {
    font-size: 14px;
    color: rgba(255,255,255,0.35);
    line-height: 1.9;
    margin-bottom: 36px;
}

.kk-contact-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

    .kk-contact-list li {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 13px;
        color: rgba(255,255,255,0.4);
    }

        .kk-contact-list li svg {
            width: 15px;
            height: 15px;
            fill: #229c50;
            flex-shrink: 0;
        }

.kk-form {
    background: #0d0d0d;
    border: 1px solid #1a1a1a;
    border-radius: 12px;
    padding: 44px 40px;
    position: relative;
    overflow: hidden;
}

    .kk-form::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, #229c50, rgba(34,156,80,0.2), transparent);
    }

.kk-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

.kk-form-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .kk-form-group.full {
        grid-column: 1 / -1;
    }

    .kk-form-group label {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: rgba(255,255,255,0.25);
    }

    .kk-form-group input,
    .kk-form-group select,
    .kk-form-group textarea {
        background: #111;
        border: 1px solid #1e1e1e;
        border-radius: 6px;
        padding: 13px 15px;
        font-size: 13px;
        color: #e0e0e0;
        outline: none;
        transition: border-color 0.2s;
        font-family: inherit;
        width: 100%;
        margin: 0;
        -webkit-appearance: none;
    }

    .kk-form-group select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 14px center;
        padding-right: 36px;
        cursor: pointer;
    }

    .kk-form-group input::placeholder,
    .kk-form-group textarea::placeholder {
        color: rgba(255,255,255,0.15);
    }

    .kk-form-group input:focus,
    .kk-form-group select:focus,
    .kk-form-group textarea:focus {
        border-color: rgba(34,156,80,0.5);
    }

    .kk-form-group textarea {
        resize: none;
        height: 100px;
    }

.kk-form-submit {
    margin-top: 22px;
}

    .kk-form-submit button {
        width: 100%;
        background: #229c50;
        color: #fff;
        border: none;
        border-radius: 6px;
        padding: 15px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        cursor: pointer;
        transition: background 0.25s;
    }

        .kk-form-submit button:hover {
            background: #1a7a3c;
        }

/* ===== HİZMETLER ===== */
.kk-hizmet {
    background: #070707;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    padding: 100px 60px;
    position: relative;
    overflow: hidden;
}

.kk-hizmet-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

    .kk-hizmet-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    .kk-hizmet-bg::after {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(4, 18, 8, 0.78);
    }

.kk-hizmet-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.kk-hizmet .kk-section-head {
    margin-bottom: 56px;
}

.kk-hizmet-layout {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0;
    border: 1px solid rgba(34,156,80,0.18);
    border-radius: 14px;
    overflow: hidden;
}

/* Sekmeler */
.kk-hizmet-tabs {
    background: rgba(0,0,0,0.35);
    border-right: 1px solid rgba(34,156,80,0.15);
    display: flex;
    flex-direction: column;
    padding: 12px 0;
}

.kk-htab {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
    background: none;
    border: none;
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    transition: color 0.2s, background 0.2s;
    position: relative;
    letter-spacing: 0.2px;
}

    .kk-htab::before {
        content: '';
        position: absolute;
        left: 0;
        top: 8px;
        bottom: 8px;
        width: 3px;
        background: #229c50;
        border-radius: 0 3px 3px 0;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .kk-htab:hover {
        color: rgba(255,255,255,0.65);
        background: rgba(34,156,80,0.04);
    }

    .kk-htab.active {
        color: #fff;
        background: rgba(34,156,80,0.1);
    }

        .kk-htab.active::before {
            opacity: 1;
        }

.kk-htab-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(34,156,80,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s;
}

    .kk-htab-icon svg {
        width: 16px;
        height: 16px;
        fill: #229c50;
    }

.kk-htab.active .kk-htab-icon {
    background: rgba(34,156,80,0.22);
}

/* Paneller */
.kk-hpanel {
    display: none;
}

    .kk-hpanel.active {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

/* Hizmet listesi */
.kk-hizmet-list {
    border-right: 1px solid rgba(34,156,80,0.12);
    padding: 8px 0;
}

.kk-hitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    cursor: pointer;
    transition: background 0.15s;
    border-bottom: 1px solid rgba(34,156,80,0.08);
    gap: 12px;
}

    .kk-hitem:last-child {
        border-bottom: none;
    }

    .kk-hitem:hover {
        background: rgba(34,156,80,0.05);
    }

    .kk-hitem.active {
        background: rgba(34,156,80,0.1);
    }

.kk-hitem-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.kk-hitem-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(34,156,80,0.08);
    border: 1px solid rgba(34,156,80,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

    .kk-hitem-icon svg {
        width: 18px;
        height: 18px;
        fill: rgba(34,156,80,0.5);
        transition: fill 0.15s;
    }

.kk-hitem.active .kk-hitem-icon {
    background: rgba(34,156,80,0.18);
    border-color: rgba(34,156,80,0.4);
}

    .kk-hitem.active .kk-hitem-icon svg {
        fill: #229c50;
    }

.kk-hitem-name {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,0.5);
    transition: color 0.15s;
}

.kk-hitem.active .kk-hitem-name {
    color: #fff;
}

.kk-hitem-arr {
    width: 12px;
    height: 12px;
    color: rgba(34,156,80,0.2);
    flex-shrink: 0;
    transition: color 0.15s, transform 0.15s;
}

.kk-hitem.active .kk-hitem-arr {
    color: #229c50;
    transform: translateX(3px);
}

/* Detay paneli */
.kk-hizmet-detail {
    padding: 40px 36px;
    display: flex;
    align-items: flex-start;
}

.kk-hdetail-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 200px;
    opacity: 0.2;
    gap: 12px;
}

    .kk-hdetail-placeholder svg {
        width: 32px;
        height: 32px;
        fill: #fff;
    }

    .kk-hdetail-placeholder p {
        font-size: 13px;
        color: #fff;
        margin: 0;
    }

.kk-hdetail-content {
    width: 100%;
}

.kk-hdetail-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(34,156,80,0.1);
    border: 1px solid rgba(34,156,80,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

    .kk-hdetail-icon svg {
        width: 26px;
        height: 26px;
        fill: #229c50;
    }

.kk-hdetail-content h3 {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
    letter-spacing: -0.5px;
}

.kk-hdetail-content p {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    line-height: 1.85;
    margin: 0;
}

.kk-hdetail-tag {
    display: inline-block;
    margin-top: 20px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #229c50;
    border: 1px solid rgba(34,156,80,0.3);
    padding: 5px 12px;
    border-radius: 20px;
}

@media (max-width: 900px) {
    .kk-hizmet-layout {
        grid-template-columns: 1fr;
    }

    .kk-hizmet-tabs {
        flex-direction: row;
        border-right: none;
        border-bottom: 1px solid #1a1a1a;
        overflow-x: auto;
        padding: 0;
    }

    .kk-htab {
        white-space: nowrap;
        padding: 14px 18px;
        font-size: 12px;
    }

        .kk-htab::before {
            top: auto;
            bottom: 0;
            left: 8px;
            right: 8px;
            width: auto;
            height: 3px;
            border-radius: 3px 3px 0 0;
        }

    .kk-hpanel.active {
        grid-template-columns: 1fr;
    }

    .kk-hizmet-list {
        border-right: none;
        border-bottom: 1px solid #1a1a1a;
    }
}

@media (max-width: 640px) {
    .kk-hizmet {
        padding: 60px 24px;
    }
}


/* ===== CTA ===== */
.kk-cta {
    background: #229c50;
    padding: 80px 60px;
    text-align: center;
}

    .kk-cta h2 {
        font-size: 34px;
        font-weight: 800;
        color: #fff;
        margin-bottom: 12px;
        letter-spacing: -0.5px;
    }

    .kk-cta p {
        font-size: 15px;
        color: rgba(255,255,255,0.75);
        margin-bottom: 32px;
    }

    .kk-cta a {
        display: inline-block;
        background: #fff;
        color: #229c50;
        font-weight: 700;
        font-size: 13px;
        padding: 14px 40px;
        border-radius: 4px;
        text-decoration: none;
        letter-spacing: 0.5px;
        transition: background 0.2s, color 0.2s;
    }

        .kk-cta a:hover {
            background: #111;
            color: #fff;
        }

@media (max-width: 1000px) {
    .kk-intro-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .kk-form-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .kk-avantaj-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .kk-surec-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

        .kk-surec-steps::before {
            display: none;
        }
}

@media (max-width: 640px) {
    .kk-hero h1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .kk-hero-inner, .kk-intro-inner, .kk-avantaj, .kk-surec, .kk-form-section, .kk-cta {
        padding-left: 24px;
        padding-right: 24px;
    }

    .kk-avantaj-grid {
        grid-template-columns: 1fr;
    }

    .kk-surec-steps {
        grid-template-columns: 1fr;
    }

    .kk-form-row {
        grid-template-columns: 1fr;
    }
}
/*KİRLAMA*/

/*FILO*/
/* ===== HERO ===== */
.fm-hero {
    width: 100%;
    background: #080808;
    border-bottom: 1px solid #1a1a1a;
}

.fm-hero-bg {
    display: none;
}

.fm-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 120px 60px 100px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.fm-hero-left {
}

.fm-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #229c50;
    margin-bottom: 28px;
}

    .fm-hero-tag::before {
        content: '';
        display: inline-block;
        width: 24px;
        height: 1px;
        background: #229c50;
    }

.fm-hero h1 {
    font-size: 64px;
    font-weight: 900;
    color: #fff;
    line-height: 1.0;
    margin-bottom: 32px;
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: -2px;
}

    .fm-hero h1 span {
        color: #229c50;
    }

.fm-hero-desc {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    line-height: 1.9;
    font-weight: 300;
    max-width: 440px;
}

.fm-hero-right {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    border-top: 1px solid #1a1a1a;
}

.fm-hero-stat {
    padding: 28px 0;
    text-align: center;
    border-right: 1px solid #1a1a1a;
    position: relative;
}

    .fm-hero-stat:last-child {
        border-right: none;
    }

    .fm-hero-stat::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 24px;
        height: 1px;
        background: #229c50;
    }

.fm-hero-stat-num {
    display: block;
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    margin-bottom: 6px;
    letter-spacing: -1px;
}

    .fm-hero-stat-num span {
        color: #229c50;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0;
    }

.fm-hero-stat-lbl {
    font-size: 10px;
    color: rgba(255,255,255,0.65);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "posterama-2001";
}

/* ===== TABS ===== */
.fm-tabs-wrap {
    background: #fff;
    border-bottom: 1px solid #1a1a1a;
    position: sticky;
    top: 0;
    z-index: 100;
}

.fm-tabs {
    /* max-width: 1200px; */
    margin: 0 auto;
    display: flex;
    gap: 4px;
    padding: 16px 0;
    overflow-x: auto;
    scrollbar-width: none;
    width: 92%;
}

    .fm-tabs::-webkit-scrollbar {
        display: none;
    }

.fm-tab {
    padding: 9px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 6px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: transparent;
    transition: color 0.2s, background 0.2s;
    border: 1px solid transparent;
    font-family: "posterama-2001";
}

    .fm-tab:hover {
        color: #ffffff;
        background: #161616;
    }

    .fm-tab.active {
        color: #229c50;
        background: rgba(34,156,80,0.08);
        border-color: rgba(34,156,80,0.25);
    }

/* ===== MAIN LAYOUT ===== */
.fm-main {
    min-height: 600px;
    background: var(--temabg);
}

.fm-main-inner {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 48px 0px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 40px;
    align-items: start;
    width: 92%;
    max-width: 1400px;
}

/* ===== FILTER SIDEBAR ===== */
.fm-filter {
    /* position: sticky; */
    top: 73px;
    background: var(--temaopacity1);
    border: 1px solid var(--temaopacity);
    border-radius: 8px;
    padding: 20px;
}

.fm-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.fm-filter-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--temacolor2);
    font-family: "posterama-2001";
}

.fm-filter-reset {
    font-size: 11px;
    color: #229c50;
    cursor: pointer;
    transition: opacity 0.2s;
    opacity: 0.6;
}

    .fm-filter-reset:hover {
        opacity: 1;
    }

.fm-filter-group {
    margin-bottom: 8px;
}

.fm-filter-group-title {
    font-size: 10px;
    font-weight: 600;
    color: var(--temabordercolor2);
    text-transform: capitalize;
    letter-spacing: 2px;
    padding: 12px 0 8px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "posterama-2001";
}

    .fm-filter-group-title::after {
        content: '';
        width: 5px;
        height: 5px;
        border-right: 1px solid var(--temaopacity2);
        border-bottom: 1px solid var(--temaopacity2);
        transform: rotate(45deg);
        transition: transform 0.2s;
        margin-right: 2px;
    }

.fm-filter-group.collapsed .fm-filter-group-title::after {
    transform: rotate(-45deg);
}

.fm-filter-options {
    display: flex;
    flex-direction: column;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: max-height 0.3s ease;
    scrollbar-width: thin;
    scrollbar-color: #229c50 var(--temabg1);
    scrollbar-gutter: stable;
}

    .fm-filter-options::-webkit-scrollbar {
        width: 3px;
    }

    .fm-filter-options::-webkit-scrollbar-track {
        background: #111;
        border-radius: 2px;
    }

    .fm-filter-options::-webkit-scrollbar-thumb {
        background: #229c50;
        border-radius: 2px;
    }

        .fm-filter-options::-webkit-scrollbar-thumb:hover {
            background: #1a7a3e;
        }

.fm-filter-group.collapsed .fm-filter-options {
    max-height: 0;
    overflow: hidden;
}

/* Pill-style se?enek ? checkbox gizli, label pill */
.fm-filter-opt {
    display: block;
    cursor: pointer;
    margin-bottom: 4px;
}

    .fm-filter-opt input[type="checkbox"] {
        display: none;
    }

.fm-filter-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 12px;
    border-radius: 6px;
    border: 1px solid var(--temaopacity);
    background: transparent;
    transition: border-color 0.15s, background 0.15s;
}

.fm-filter-opt:hover .fm-filter-pill {
    border-color: var(--temaopacity);
    background: var(--temaopacity1);
}

.fm-filter-opt.is-checked .fm-filter-pill {
    border-color: rgba(34,156,80,0.4);
    background: rgba(34,156,80,0.07);
}

.fm-filter-pill-name {
    font-size: 13px;
    color: var(--temacolor2);
    transition: color 0.15s;
    line-height: 1;
    text-transform: capitalize;
}

.fm-filter-opt:hover .fm-filter-pill-name, {
    color: rgba(255,255,255,0.75);
}

.fm-filter-opt.is-checked .fm-filter-pill-name {
    color: #fff;
    font-weight: 500;
}

.fm-filter-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid var(--temaopacity2);
    transition: all 0.15s;
    flex-shrink: 0;
}

.fm-filter-opt.is-checked .fm-filter-pill-dot {
    background: #229c50;
    border-color: #229c50;
    box-shadow: 0 0 6px rgba(34,156,80,0.5);
}

.fm-filter-opt:hover span:not(.fm-count) {
    color: #FFF;
}

.fm-filter-opt.is-checked span:not(.fm-count) {
    color: #ffffff;
    font-weight: 500;
}



/* Say? badge */
.fm-count {
    font-size: 10px;
    color: var(--txtcolor1);
    background: var(--temabgrbg);
    border: 1px solid var(--temabordercolor);
    padding: 1px 7px;
    border-radius: 20px;
    min-width: 24px;
    text-align: center;
    transition: all 0.2s;
}

/* ===== ARA? L?STES? ===== */
.fm-cars-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
}

.fm-cars-count {
    font-size: 12px;
    color: var(--temabordercolor3);
    letter-spacing: 0.3px;
}

    .fm-cars-count strong {
        color: var(--temaaltmenu);
        font-weight: 600;
    }

.fm-cars-sort {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #444;
}

    .fm-cars-sort select {
        background: transparent;
        border: 1px solid #1e1e1e;
        color: #dddddd;
        font-size: 12px;
        padding: 6px 12px;
        border-radius: 4px;
        outline: none;
        cursor: pointer;
        appearance: none;
    }

.fm-cars-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.fm-car-card {
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    cursor: pointer;
    background: var(--temaopacity1);
    border: 1px solid var(--temaopacity);
}

    .fm-car-card:hover {
    }

    .fm-car-card.hidden {
        display: none;
    }

.fm-car-img {
    width: 100%;
    background: #111;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1920/1080;
}

    .fm-car-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.6;
        transition: opacity 0.3s, transform 0.5s;
    }

.fm-car-card:hover .fm-car-img img {
    opacity: 0.8;
    transform: scale(1.03);
}

.fm-car-segment-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 3px 8px;
    border-radius: 3px;
    background: rgba(34,156,80,0.9);
    color: #fff;
    backdrop-filter: blur(4px);
}

.fm-car-body {
    padding: 14px 16px 18px;
}

.fm-car-brand {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #229c50;
    margin-bottom: 5px;
    opacity: 0.8;
    font-family: "posterama-2001";
}

.fm-car-model {
    font-size: 15px;
    font-weight: 700;
    color: var(--temabgrbg);
    margin-bottom: 12px;
    letter-spacing: -0.3px;
}

.fm-car-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.fm-car-tag {
    font-size: 11px;
    color: var(--temabgrbg);
    border: 1px solid var(--temaopacity2);
    padding: 3px 8px;
    border-radius: 3px;
    letter-spacing: 0.3px;
}

.fm-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
    color: #333;
    font-size: 14px;
    display: none;
}

/* ===== CTA ===== */
.fm-cta {
    background: #111;
    border-top: 1px solid #1e1e1e;
    text-align: center;
    padding: 80px 40px;
}

    .fm-cta h2 {
        font-size: 32px;
        font-weight: 800;
        color: #fff;
        margin-bottom: 14px;
    }

        .fm-cta h2 span {
            color: #229c50;
        }

    .fm-cta p {
        font-size: 15px;
        color: #666;
        margin-bottom: 32px;
    }

    .fm-cta a {
        display: inline-block;
        background: #229c50;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        padding: 14px 42px;
        border-radius: 4px;
        text-decoration: none;
        letter-spacing: 0.5px;
        transition: background 0.3s;
    }

        .fm-cta a:hover {
            background: #1a7a3c;
        }

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px) {
    .fm-hero-inner {
        grid-template-columns: 1fr;
        gap: 48px;
        padding: 100px 40px 80px;
    }

    .fm-hero-right {
        grid-template-columns: repeat(4, 1fr);
    }

    .fm-cars-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .fm-main-inner {
        padding: 40px 40px 80px;
    }
}

@media (max-width: 900px) {
    .fm-main-inner {
        grid-template-columns: 1fr;
        padding: 32px 24px 60px;
    }

    .fm-filter {
        position: static;
    }

    .fm-filter-options {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .fm-filter-opt {
        border-bottom: none;
        padding: 4px 0;
    }

    .fm-tabs {
        padding: 12px 24px;
    }

    .homeslader.slader {
       height: 60vh; 
    }

    .right.mastertxt>li:not(.nocizgi){display:none}
    .topbar{background:#000;margin-bottom: 0;padding: 0;}
    .menubar .menuhead .menutxt ul.right {
        width: calc(100% - 32px);
    }

}

@media (max-width: 600px) {
    .fm-hero h1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .fm-hero-inner {
        padding: 80px 24px 60px;
    }

    .fm-hero-right {
        grid-template-columns: 1fr 1fr;
        border-top: none;
        border-bottom: 1px solid #1a1a1a;
    }

    .fm-tabs {
        padding: 10px 16px;
        gap: 2px;
    }

    .fm-tab {
        padding: 7px 14px;
        font-size: 11px;
    }

    .fm-cars-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .fm-main-inner {
        padding: 24px 16px 60px;
    }
}
/*FILO BITTI*/

/*Hakk*/
/* ?? HAKKIMIZDA SAYFA ST?LLER? ?? */
.hk-page {
    background: var(--temabg);
    color: #fff;
}

/* ?? Hakk?m?zda Hero ????????????????????????????? */
.hk-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: var(--temabg);
}

    .hk-hero.small {
        min-height: 350PX;
        HEIGHT: 20VH;
    }

.hk-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .hk-hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        display: block;
    }

.hk-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.70) 55%, rgba(0,0,0,0.25) 100%);
}

.hk-hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #229c50 0%, rgba(34,156,80,0.3) 60%, transparent 100%);
}

.hk-hero-inner {
    max-width: 1400px;
    width: 92%;
    margin: 0 auto;
    padding: 60px 0px;
    position: relative;
    z-index: 2;
}

/* eyebrow ? anasayfadaki .mastertxt + span ?izgi deseni */
.hk-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    color: #229c50;
    margin-bottom: 24px;
}

    .hk-hero-eyebrow span {
        display: block;
        width: 24px;
        height: 1px;
        background: #229c50;
    }

.hk-hero-title {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -2px;
    margin-bottom: 18px;
    color: #fff;
}

.hk-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.96);
    max-width: 520px;
    line-height: 1.75;
    font-weight: 300;
}

/* ?? Hakk?m?zda Metin ???????????????????????????? */
.hk-about-section {
    background: var(--temabg1);
    padding: 80px 60px;
    border-top: 1px solid #161616;
}

.light .hk-about-section {
}


.hk-about-section-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 64px;
    align-items: start;
}

.hk-about-text-divider {
    background: linear-gradient(to bottom, transparent, rgba(34,156,80,0.5), transparent);
    width: 1px;
    align-self: stretch;
    min-height: 160px;
}

.hk-about-text-col p {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 24px;
    font-weight: 300;
    color: var(--temacolor2);
}

    .hk-about-text-col p:last-child {
        margin-bottom: 0;
    }

    .hk-about-text-col p strong {
        font-weight: 600;
        color: var(--temacolor2);
    }

/* ?? ?statistikler ??????????????????????????????? */
.hk-stats-section {
    background: #fff;
    padding: 0;
    /* border-top: 1px solid #f0f0f0; */
}

.hk-stats-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #f0f0f0;
    border-radius: 12px;
    overflow: hidden;
}

.hk-stat-card {
    background: #fff;
    padding: 48px 36px 44px;
    position: relative;
    transition: background 0.3s;
}

    .hk-stat-card:hover { /* background: #f7f8fa; */
    }

    .hk-stat-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: transparent;
        transition: background 0.3s;
    }

    .hk-stat-card:hover::after { /* background: #229c50; */
    }

.hk-stat-icon {
    width: 70px;
    height: 70px;
    /* background: rgba(34,156,80,0.08); */
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: #229c50; */
    margin-bottom: 14px;
    border: 1px solid #229c50;
}

    .hk-stat-icon svg {
        width: 60%;
        height: auto;
        color: #229c50;
    }

.hk-stat-num {
    display: block;
    font-size: 52px;
    font-weight: 900;
    color: #111;
    letter-spacing: -3px;
    line-height: 1;
    margin-bottom: 8px;
}


.hk-stat-unit {
    font-size: 24px;
    font-weight: 300;
    color: #229c50;
    letter-spacing: 0;
    vertical-align: super;
    margin-left: 2px;
}

.hk-stat-lbl {
    font-size: 13px;
    font-weight: 700;
    color: #111;
    letter-spacing: 0.2px;
    display: block;
    margin-bottom: 6px;
}

.hk-stat-desc {
    font-size: 12px;
    color: #999;
    line-height: 1.7;
}
/* ?? Neden Bagacar ??????????????????????????????? */
.hk-why {
    background: #080808;
    padding: 80px 0 0;
    border-top: 1px solid #111;
}

.hk-why-inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 60px;
}

.hk-why-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 64px;
}

.hk-why-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    color: #229c50;
    margin-bottom: 16px;
}

    .hk-why-eyebrow span {
        display: block;
        width: 24px;
        height: 1px;
        background: #229c50;
    }

.hk-why-head-left h2 {
    font-size: 42px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -2px;
    line-height: 1.05;
    margin: 0;
}

.hk-why-head-sub {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    line-height: 1.8;
    max-width: 340px;
    border-left: 2px solid rgba(34,156,80,0.3);
    padding-left: 16px;
    margin: 0;
}

/* ?? CTA B?l?m? ?????????????????????????????????? */
.hk-cta-section {
    background: #050505;
    border-top: 1px solid #161616;
    padding: 80px 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .hk-cta-section::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 500px;
        height: 300px;
        background: radial-gradient(ellipse, rgba(34,156,80,0.08) 0%, transparent 70%);
        pointer-events: none;
    }

.hk-cta-inner {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
}

.hk-cta-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    color: #229c50;
    margin-bottom: 20px;
}

    .hk-cta-eyebrow span {
        display: block;
        width: 24px;
        height: 1px;
        background: #229c50;
    }

.hk-cta-title {
    font-size: 42px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -2px;
    line-height: 1.15;
    margin-bottom: 16px;
}

.hk-cta-desc {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    line-height: 1.8;
    margin-bottom: 40px;
}

.hk-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #229c50;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 14px 40px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.25s, transform 0.2s;
}

    .hk-cta-btn:hover {
        background: #1a7a3e;
        transform: translateY(-2px);
    }

    .hk-cta-btn svg {
        flex-shrink: 0;
    }

/* ?? Hakk?m?zda Responsive ??????????????????????? */
@media (max-width: 1024px) {
    .hk-hero-inner {
        padding: 80px 40px;
    }

    .hk-hero-title {
        font-size: 42px;
    }

    .hk-about-section {
        padding: 64px 40px;
    }

    .hk-about-section-inner {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .hk-about-text-divider {
        display: none;
    }

    .hk-stats-section {
        padding: 64px 40px;
    }

    .hk-stats-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .hk-why-inner {
        padding: 0 40px;
    }

    .hk-why-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .hk-why-head-left h2 {
        font-size: 34px;
    }

    .hk-cta-section {
        padding: 64px 40px;
    }

    .hk-cta-title {
        font-size: 34px;
    }
}

@media (max-width: 640px) {
    .hk-hero-inner {
        padding: 60px 20px;
    }

    .hk-hero-title {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .hk-about-section {
        padding: 48px 20px;
    }

    .hk-stats-section {
        padding: 48px 20px;
    }

    .hk-stats-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .hk-stat-card {
        padding: 32px 24px;
    }

    .hk-stat-num {
        font-size: 38px;
        letter-spacing: -2px;
    }

    .hk-why {
        padding: 60px 0 0;
    }

    .hk-why-inner {
        padding: 0 20px;
    }

    .hk-cta-section {
        padding: 56px 20px;
    }

    .hk-cta-title {
        font-size: 28px;
        letter-spacing: -1px;
    }
}
/**hakkbiti*/
/* Column-2: 3 sat?r - Dar geni?lik, tam oturur */
.instagram-column.column-2 {
    grid-column: 2;
    grid-row: 1;
    flex: 0.8; /* Di?erlerinden %20 daha dar */
    justify-content: space-between;
}

    .instagram-column.column-2 .post {
        flex: 1;
        min-height: 0;
    }

        .instagram-column.column-2 .post:nth-child(1) {
            flex: 1;
        }

        .instagram-column.column-2 .post:nth-child(2) {
            flex: 1;
        }

        .instagram-column.column-2 .post:nth-child(3) {
            flex: 1;
        }

/* Column-3: 2 sat?r - Orta geni?lik */
.instagram-column.column-3 {
    grid-column: 3;
    grid-row: 1;
    flex: 1;
    justify-content: space-between;
}

    .instagram-column.column-3 .post {
        flex: 1;
        min-height: 0;
    }

        .instagram-column.column-3 .post:nth-child(1) {
            flex: 1;
        }

        .instagram-column.column-3 .post:nth-child(2) {
            flex: 1;
        }

/* Column-4: 3 sat?r - En dar geni?lik */
.instagram-column.column-4 {
    grid-column: 4;
    grid-row: 1;
    flex: 0.9; /* Biraz daha dar */
    justify-content: space-between;
}

    .instagram-column.column-4 .post {
        flex: 1;
        min-height: 0;
    }

        .instagram-column.column-4 .post:nth-child(1) {
            flex: 1;
        }

        .instagram-column.column-4 .post:nth-child(2) {
            flex: 1;
        }

    /* Post Grid (Column-4'?n 3. h?cresi) */
    .instagram-column.column-4 .post-grid {
        /* flex: 1; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 5px;
        min-height: 0;
    }

        .instagram-column.column-4 .post-grid .mini-post {
            min-height: 0;
            flex: 1;
        }

            .instagram-column.column-4 .post-grid .mini-post .instaebat {
                height: 100%;
                aspect-ratio: 1;
            }

/* Genel Post Stilleri */
.instagram-column .post {
    position: relative;
    overflow: hidden;
    /* border-radius: 8px; */
    background: #fff;
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 0;
    /* S?tunlarda sat?r y?ksekli?ini ekrana g?re payla?t?r: (containerH - toplamGap) / rows */
}

/* Sadece sat?r bazl? kartlara y?kseklik uygula (reel hari?) */
.instagram-column.column-2 > .post,
.instagram-column.column-3 > .post,
.instagram-column.column-4 > .post {
    height: calc((100% - (var(--rows) - 1) * var(--gap)) / var(--rows));
}

.instagram-column .post:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.instagram-column .post a {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.instagram-column .instaebat {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .instagram-column .instaebat img,
    .instagram-column .instaebat video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Ba??ms?z y?kseklikler: s?tun bazl? oranlar */
/* Sat?r bazl? ba??ms?z oranlar - ekranla beraber k???l?r */
.instagram-column.column-2 > .post .instaebat {
    aspect-ratio: 4 / 5;
}

.instagram-column.column-3 > .post .instaebat {
    aspect-ratio: 2 / 3;
}

.instagram-column.column-4 > .post .instaebat {
    aspect-ratio: 4 / 5;
}

.instagram-column.column-4 .post-grid .mini-post .instaebat {
    aspect-ratio: 1 / 1;
}

/* Reel post kapsay?c? ta?mas?n */
.instagram-column.column-1 .reel-post .instaebat {
    aspect-ratio: 9 / 16;
    height: auto;
}

/* Instagram Hata Mesaj? */
.instagram-error-message {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    padding: 40px 20px;
    text-align: center;
    background: var(--bordercolor2);
    border-radius: 12px;
    margin-top: 30px;
}

.error-content {
    max-width: 500px;
}

.error-icon {
    margin-bottom: 20px;
    color: #e74c3c;
}

.error-content h3 {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 15px;
}

.error-content p {
    font-size: 16px;
    color: #7f8c8d;
    line-height: 1.6;
    margin-bottom: 25px;
}

.error-actions {
    margin-top: 20px;
}

.instagram-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

    .instagram-link:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
        color: white;
        text-decoration: none;
    }

    .instagram-link svg {
        width: 20px;
        height: 20px;
    }

.instagram-column .bgblack {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.instagram-column .post:hover .bgblack {
    opacity: 1;
}

.instagram-column .klip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
}

.instagram-column .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    color: #fff;
    padding: 30px 25px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.instagram-column .post:hover .txt {
    transform: translateY(0);
}

.instagram-column .txt p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color1);
    font-family: 'roboto-vi';
}

/* Mini Post Grid i?in ?zel stiller */
.post-grid .mini-post .txt {
    padding: 10px 8px 8px;
}

    .post-grid .mini-post .txt p {
        font-size: 12px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

/* Eski yanli s?n?f? i?in geriye d?n?k uyumluluk */
.instagram-posts.yanli {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    margin-top: 50px
}

    .instagram-posts.yanli .post:nth-child(1) {
        grid-row: span 2;
    }

        .instagram-posts.yanli .post:nth-child(1) .instaebat {
            aspect-ratio: 1080 / 1920;
        }

    .instagram-posts.yanli .post .instaebat {
        aspect-ratio: 1080/950;
    }

    .instagram-posts.yanli > div {
        width: 100%
    }

.instagram-posts > div {
    width: calc(25% - 8px);
}

    .instagram-posts > div a {
        display: flex;
        position: relative;
        overflow: hidden;
        flex-direction: column;
    }

        .instagram-posts > div a:hover .txt {
            bottom: 0;
        }

    .instagram-posts > div video {
        width: 100%;
    }

    .instagram-posts > div img {
        width: 100%;
    }

.instagram-posts .txt {
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 8%;
    color: #fff;
    z-index: 99;
    transition: 0.5s;
}

.instagram-posts > div p {
    font-size: 15px;
    color: #fff;
    line-height: 18px;
}

.instagram-posts .instaebat {
    aspect-ratio: 1080 / 1350;
    position: relative;
    overflow: hidden;
}

    .instagram-posts .instaebat img, .instagram-posts .instaebat video {
        width: 100%;
        cursor: pointer;
        transition: 0.5s;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }

.instagram-posts .bgblack {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.5s;
}

.instagram-posts > div a:hover .bgblack {
    opacity: .5;
}

.instagram-posts .klip {
    position: absolute;
    right: 10px;
    z-index: 3;
    top: 10px;
    color: #fff;
}

.carlist {
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

    .carlist.karsilastirlist > div {
        background: none !important;
        width: 100% !important
    }

    .carlist > div:first-child {
        width: 340px;
        /* background: var(--temaaltmenu); */
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        padding: 0px 25px 25px 0;
    }

        .carlist > div:first-child > form {
            width: 100%;
        }

    .carlist > div:last-child {
        display: flex;
        align-items: flex-start;
        width: calc(100% - 450px);
        flex-direction: column;
    }

    .carlist.miniform {
    }

        .carlist.miniform > div:first-child {
            width: 270px;
        }

        .carlist.miniform > div:last-child {
            width: calc(100% - (320px + 3vw));
        }


    .carlist .listebar {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .carlist .listebar > div {
        }

            .carlist .listebar > div:last-child {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-end;
            }

.carmenu {
}

    .carmenu .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--temabg1);
        padding-bottom: 10px;
    }

.button2 {
}
/*
.carmenu .item input {
    display: none
}
*/
.mobilfiyat {
    display: none !important
}

    .mobilfiyat div {
        width: 100%
    }

.mobilfiyatgizle {
    margin-bottom: 25px !important
}

.carmenu .button2 {
    font-size: calc(6.5px + 0.2vw);
    line-height: calc(8px + 0.3vw);
    background: var(--temabg1);
    padding: 0.7vw 0.4vw;
    border-radius: 5px;
    border: 1px solid var(--temabg1);
    margin-right: 0.6vw;
    margin-bottom: 0.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: var(--color1);
}

    .carmenu .button2.active, .carmenu .button2:hover {
        background: var(--temacolor);
        color: var(--temacolor1)
    }

.light .carmenu .button2.active, .light .carmenu .button2:hover {
    color: var(--temaaltmenu);
}

.carmenu .item > div {
    font-size: calc(7px + 0.15vw);
    line-height: calc(9px + 0.3vw);
    margin-bottom: 5px;
    font-weight: 300;
    letter-spacing: 2px;
}

    .carmenu .item > div:last-child {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-end;
    }

.carmenu .mobilfiyat > div:first-child {
    margin-bottom: 5px
}

.carmenu input {
    padding: 7px;
}

.carmenu .item.tree.yakitlist .button2:nth-child(2n) {
    margin-right: 0;
}

.carmenu .item.tree.yakitlist .button2:nth-child(3n) {
    margin-right: 0.6vw;
}

.carmenu .item.tree.yakitlist .button2 {
    width: calc((100% / 2) - 0.6vw);
}

.carmenu .item.tree .button2 {
    width: calc((100% / 3) - 0.4vw);
}

.carmenu .item.two .button2 {
    width: calc((100% / 2) - 0.4vw);
}

.carmenu .item.tree .button2:nth-child(3n) {
    margin-right: 0;
}

.carmenu .item.two .button2:nth-child(2n) {
    margin-right: 0
}

.listebarust {
}

    .listebarust > div:first-child {
    }

    .listebarust > div:last-child {
        display: none
    }

.listebar .button span {
    font-size: calc(8px + 0.25vw);
    line-height: calc(9px + 0.3vw);
    font-weight: 400;
    color: var(--temacolor2);
}

.listebar .button {
    font-size: calc(8px + 0.25vw);
    line-height: calc(9px + 0.3vw);
    margin-right: 15px;
    background: transparent;
    color: var(--temacolor);
    display: flex;
    align-items: center;
}

    .listebar .button:hover {
        background: var(--temabordercolor);
    }

.light .listebar .button:hover, .light .listebar .button:hover span {
    color: var(--color1);
    font-weight: 300;
}

.listebar .button svg {
    height: 15px;
    margin-right: 5px
}



    .listebar .button svg path {
        fill: var(--temacolor);
    }

.light .listebar .button:hover svg path {
    fill: var(--temaaltmenu);
}

svg.active path {
    fill: var(--color3) !important;
    stroke: var(--color3) !important;
}


.dropdownsecim > span {
    width: 100%;
    -webkit-appearance: none;
    outline: none;
    display: block;
    cursor: pointer;
    background: var(--color1);
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--bordercolor);
    color: #fff;
    font-size: 14px;
    background: var(--temabordercolor);
    padding: 11px 16px;
    /* font-weight: 500; */
    border-radius: 5px;
    line-height: calc(9px + 0.3vw);
}

.dropdownsecim > ul {
    display: none;
    background: #fff;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    position: absolute;
    width: calc(100% - 1px);
    z-index: 99;
    max-height: 400px;
    overflow: auto;
    top: calc(38px + 0.a2vw);
    border-radius: 5px;
    padding: 20px 13px;
}

    .dropdownsecim > ul > li {
        width: 100%;
        cursor: pointer;
        background: var(--color1);
        color: var(--txtcolor1);
        border-bottom: 1px solid #d0d0d0;
        font-size: calc(7px + 0.25vw);
        line-height: calc(20px + 0.3vw);
        padding: 3px 6px !important;
    }

        .dropdownsecim > ul > li:last-child {
            border: none;
        }

        .dropdownsecim > ul > li:hover {
            /* background: var(--bordercolor2); */
            /* color: var(--bordercolor); */
            color: var(--color2);
        }

#dropdownsecim5 {
}

.dsplayfllex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.suzme-text {
    width: 100%;
}

.suzme-bar {
    color: #fff;
    margin: 15px 0;
}

    .suzme-bar > div {
        border: 1px solid #ddd;
        padding: 5px;
        font-size: 13px;
        width: 35px;
        text-align: center;
    }

.suzme-input {
}

    .suzme-input > div:first-child, .suzme-input > div:last-child {
        overflow: hidden;
    }

    .suzme-input > div:nth-child(2) {
        padding: 0 5px;
        color: #fff;
        font-size: 21px;
    }

    .suzme-input input {
        padding: 14px 10px; /* border-radius: 5px; */
        border: 0px;
        width: 100%;
        color: #fff;
        font-weight: 500;
        background: radial-gradient( circle at 0% 0%, var(--bgcolor3) 0%, var(--grandcolor4) 101% );
        border: 1px solid var(--txtcolor);
    }

.detayliaramatik {
    width: 180px !important;
    display: flex;
    justify-content: flex-end !important;
    margin-right: 10px;
}

    .detayliaramatik a {
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--color1);
        border: 1px solid var(--color2);
        padding: 13px 12px;
        width: 90%;
    }

.detayliarama {
    display: none;
    background: var(--bgcolor4);
    margin-bottom: 20px;
    padding: 50px 30px;
}

    .detayliarama > div {
        height: 100%;
    }

        .detayliarama > div > form > div {
            width: 100%;
            margin-bottom: 25px;
            display: flex;
            flex-direction: row;
        }

.dropust {
    display: inline-block;
    width: calc((100% / 6) - 17px);
    margin-right: 20px;
}

    .dropust > span, .suzme-text > span {
        color: #fff;
        margin-bottom: 10px;
        display: block;
        font-size: calc(8px + 0.3vw);
    }

.detayliarama .dropust:last-child {
    margin: 0;
}

.detayliarama > div > form > div:last-child {
    border: 0;
    margin-block: 0;
    padding: 0;
}

.detayliarama > div > form > div input {
}

.txtbar {
    padding: 25px;
    background: var(--bgcolor3);
}

    .txtbar .dropust {
        width: calc((100% / 3) - 14px);
        margin: 0;
        margin-right: 20px;
        max-width: 354px;
    }

        .txtbar .dropust:last-child {
            margin: 0;
        }

.filterebar {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

    .filterebar > div {
        width: 260px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

.detayliaramatik a > p,
.dropdownsecim > span > p {
    color: var(--temabgrbg);
    margin-bottom: 0;
    font-size: calc(8px + 0.25vw);
    line-height: calc(9px + 0.3vw);
}

.detayliaramatik a > p {
    color: var(--bgcolor2);
}

.detayliaramatik a > i,
.dropdownsecim > span > i {
    transform: rotate(90deg);
    color: var(--grandcolor1);
}

.dropdownsecim > span > i {
    color: var(--temabordercolor3);
    margin-right: 7px;
}

    .detayliaramatik a > i:before, .dropdownsecim > span > i:before {
    }

.detayliarama .dropdownsecim > span {
    background: radial-gradient( circle at 0% 0%, var(--bgcolor3) 0%, var(--grandcolor4) 101% );
    border: 1px solid var(--txtcolor);
}

.dropdownsecim > span.active {
    border: 1px solid var(--bordercolor);
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
}

.detayliarama .dropdownsecim > span > p {
}

.detayliarama .dropdownsecim > span > i {
}

.dropust .dropdownsecim {
    width: 100%;
}

.arazi-baslik {
    padding: 19px 10px;
    width: auto;
    float: left;
    color: var(--color1);
    font-size: calc(20px + 0.5vw);
    line-height: calc(24px + 0.5vw);
    width: 50%;
}

.aracmodel {
    overflow: hidden;
    display: block;
    font-size: calc(10px + 0.5vw);
    line-height: calc(12px + 0.5vw);
    font-weight: 500;
    color: var(--color1);
    overflow: hidden;
    height: calc(9px + 0.5vw);
}

.araclar-list {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

    .araclar-list > ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
    }

        .araclar-list > ul > li {
            margin: 0 15px 35px 0;
            width: calc((100% /3) - 12px);
        }

            .araclar-list > ul > li > a img {
                width: 100%;
                /* display: block; */
                position: relative;
                z-index: -1;
            }

            .araclar-list > ul > li p {
                padding: 12px 15px 0 10px;
                font-family: "Open Sans";
                font-size: 11px;
            }

                .araclar-list > ul > li p span {
                }



            .araclar-list > ul > li:nth-child(3n) {
                margin-right: 0;
            }

.araclist-loader {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    background: rgba(0, 0, 0, 0.58);
    display: none;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.light .araclist-loader {
    background: rgba(255, 255, 255, 0.58);
}

.araclist-loader > img {
    margin-top: 10%;
}

.arac-bulunamadi {
    width: 100%;
    border: 1px solid var(--bordercolor);
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    padding: calc(48px + 0.5vw) calc(22px + 0.5vw);
    width: 100%;
}

    .arac-bulunamadi > p {
        font-weight: 300;
        font-size: calc(14px + 0.5vw);
        line-height: calc(24px + 0.5vw);
        margin-bottom: calc(10px + 0.5vw);
        color: var(--color1);
    }

        .arac-bulunamadi > p > a {
            font-weight: 700;
            color: var(--color1);
        }

        .arac-bulunamadi > p:last-child {
            margin-block: 0;
        }

/*arama sayfasy*/

.list-yanmenu {
    width: 100%;
    display: flex;
    flex-direction: column !important;
    background: #ffffff12;
    border: 1px solid var(--temaopacity);
    border-radius: 8px;
    padding: 20px;
}


    .list-yanmenu > ul {
        margin-bottom: 0px;
        border: 1px solid var(--bordercolor);
        padding: 13px 12px;
        border-radius: 5px;
        width: 100%;
    }


    .list-yanmenu > div {
        border-bottom: 0;
        padding: 10px 12px;
        width: 100%;
        margin-bottom: 8px;
        background: var(--color3);
        border-radius: 22px;
    }

.talepform.list-yanmenu > div:not(.active) {
    background: 0 0;
    border-radius: 0;
    border-bottom: 1px solid var(--temaopacity);
}

list-yanmenu > ul {
    border: 1px solid var(--bordercolor);
    background: 0 0;
    margin: 0;
    padding: 3px 12px;
    width: 95%;
}

.list-yanmenu > ul > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 13px;
}

    .list-yanmenu > ul > li a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }

.list-yanmenu > ul i {
    margin-right: 10px
}

.list-yanmenu > ul a > p {
    font-weight: 100;
}

.list-yanmenu > div > a {
    color: #ffffff;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: calc(8px + 0.4vw);
    line-height: calc(9px + 0.5vw);
}



.list-yanmenu a > p {
    font-size: calc(8px + 0.4vw);
    line-height: calc(9px + 0.5vw);
    font-weight: 500;
    margin: 0;
}

.list-yanmenu > div.active a, .list-yanmenu > div.active a p, .list-yanmenu > div.active a i {
    color: var(--color1)
}


.list-yanmenu i {
    font-size: calc(6px + 0.24vw);
    line-height: calc(7px + 0.5vw);
    font-weight: 100;
}


.list-yanmenu div i {
    transform: rotate(90deg);
}

.list-yanmenu > ul i {
    margin-right: 10px
}

.list-yanmenu > ul a > p {
    font-weight: 100;
}

.talepform {
    width: 100%
}

    .talepform.list-yanmenu div i {
        transform: rotate(0deg);
        color: var(--temacolor);
    }

.miniform .list-yanmenu > div:not(.active) a > p {
    font-weight: 300;
    color: var(--temacolor);
}

.arama-sonuc {
    width: calc(100% - 250px);
    display: table;
    float: left;
    z-index: 1;
    position: relative;
}

.uyeol {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .uyeol > div {
        width: 100%
    }

        .uyeol > div form > div {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .uyeol > div div > div {
            width: 100%;
            display: flex;
            margin-bottom: 25px;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column;
        }

            .uyeol > div div > div > span {
                display: block;
                font-size: 15px;
                line-height: 18px;
                margin-bottom: 9px;
                font-weight: 500;
            }

        .uyeol > div > div {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            max-width: 1080px;
            margin-top: 45px;
        }

        .uyeol > div div > div > input {
            border: 1px solid #ddd;
            padding: 13px 10px;
            width: 100%;
            font-size: 14px;
        }

    .uyeol button {
        border: 1px solid #ddd;
        padding: 7px 50px;
        background: transparent;
        border-radius: 0;
        min-width: 134px;
        font-size: 15px;
        line-height: 24px;
        height: auto;
        float: right;
        font-weight: 500;
    }

        .uyeol button:hover {
            background: #3f3d3d;
            color: #fff
        }

.wallpaperlist {
}

    .wallpaperlist h1 {
        margin-bottom: 25px;
    }

    .wallpaperlist .wallpapeslider {
        display: flex;
        flex-wrap: wrap;
    }

        .wallpaperlist .wallpapeslider div {
            width: calc((100% / 3) - 15px);
            margin-right: 15px;
            text-align: center;
            margin-bottom: 25px;
            border: 1px solid var(--temaaltmenu);
            padding: 25px;
        }

            .wallpaperlist .wallpapeslider div a.downloadbutton {
                font-size: calc(8px + 0.35vw);
                line-height: calc(9px + 0.35vw);
                font-weight: 100;
                background: var(--temabordercolor);
                padding: 10px 24px;
                border-radius: 5px;
                border: 1px solid var(--temabordercolor);
                color: var(--color1);
                display: block; /* width: 250px; */
                margin: 10px auto 0 auto;
            }

.aracsozlesmeleri {
    margin: 25px 0;
}

    .aracsozlesmeleri > div {
        border: 1px solid var(--temabordercolor1);
        margin-bottom: calc(var(--altbosluk) / 5);
    }

        .aracsozlesmeleri > div > a:hover {
            background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
            color: var(--color1);
        }

        .aracsozlesmeleri > div a {
            display: block;
            padding: 10px;
            font-weight: 300;
            color: var(--temacolor);
            font-size: calc(9px + 0.5vw);
            line-height: calc(11px + 0.5vw);
        }

.wallpaperlist .wallpapeslider div img {
}

.wallpaperlist .wallpapeslider img {
    width: 100%
}

.uyegir {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 960px;
    margin: 0 auto;
}

    .uyegir > div {
    }

        .uyegir > div:first-child {
            width: 40%;
        }

        .uyegir > div:last-child {
            width: 54%;
            background: var(--temabgrbg);
            padding: var(--altbosluk);
            border-radius: 10px;
            position: relative;
        }

.light .uyegir > div:last-child {
    background: var(--temabordercolor1);
}

.uyegir .input-grup a {
    font-size: calc(8px + 0.4vw);
    line-height: calc(9px + 0.5vw);
}

.uyegir .formlar > form {
    position: relative
}

.light .lds-ellipsis div {
    background: #000;
}

.light .girisloaderdv, .light .uyeloaderdv, .light .sifremiunuttumloaderdv {
    background: rgba(255, 255, 255, 0.58);
}

.girisloaderdv, .uyeloaderdv, .sifremiunuttumloaderdv {
    position: absolute;
    z-index: 2;
    width: 100%;
    background: #0006;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
}

    .girisloaderdv > div, .uyeloaderdv > div, .sifremiunuttumloaderdv > div {
        position: relative;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 1s;
    z-index: 99999;
}

#logo {
    width: 100px; /* Yste?inize g?re boyutu ayarlayabilirsiniz */
    opacity: 0;
    animation: logo-fade 2s infinite;
}

@keyframes logo-fade {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

#loading-text {
    color: white;
}

body.loaded #loading-screen {
    opacity: 0;
    pointer-events: none;
}

body.loaded #logo {
    opacity: 0;
    animation: none;
}

body.loaded #loading-text {
    display: none;
}

.aramatab {
    width: 100%;
    margin-top: 10px;
}

    .aramatab > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid var(--temabordercolor1);
        border-top: 1px solid var(--temabordercolor1);
        padding: 10px 0;
        width: 100%;
    }

    .aramatab label {
        font-size: calc(8px + 0.25vw);
        line-height: calc(13px + 0.25vw);
    }

    .aramatab a {
        font-size: calc(7px + 0.25vw);
        line-height: calc(11px + 0.25vw);
        border: 1px solid var(--temaaltmenu);
        background: var(--temaaltmenu);
        padding: 7px 14px;
        margin-left: 12px;
        border-radius: 5px;
    }

        .aramatab a:last-child {
            background: no-repeat;
        }

        .aramatab a:hover {
            background: no-repeat;
        }

        .aramatab a > i {
            margin-left: 5px;
            background: var(--color1);
            color: var(--color2);
            padding: 3px;
            border-radius: 4px;
            font-size: calc(8px + 0.25vw);
            line-height: calc(8px + 0.25vw);
        }


.arama-sonuc > ul {
    display: flex;
    flex-wrap: wrap;
}

    .arama-sonuc > ul > li {
        margin: 0 15px 35px 0;
        width: calc(25% - 12px);
    }

        .arama-sonuc > ul > li:nth-child(4n) {
            margin-right: 0px;
        }

        .arama-sonuc > ul > li > a img {
        }

        .arama-sonuc > ul > li p {
            padding: 15px 15px 0 0;
            font-family: "Open Sans";
            font-size: 11px;
        }

            .arama-sonuc > ul > li p span {
            }

        .arama-sonuc > ul > li:nth-child(8n + 5), .arama-sonuc > ul > li:nth-child(8n + 6), .arama-sonuc > ul > li:nth-child(8n + 7), .arama-sonuc > ul > li:nth-child(8n + 8) { /* background:#221e1d; */
        }

.araclar-list .list-yanmenu > ul {
    padding-left: 0;
}

    .araclar-list .list-yanmenu > ul > li {
        padding-top: 7px;
        margin-bottom: 10px;
        padding-bottom: 9px;
        border-bottom: 1px solid var(--txtcolor1);
    }

        .araclar-list .list-yanmenu > ul > li a {
            display: flex;
            justify-content: space-between;
            width: 94%;
            padding-left: 15px;
        }

            .araclar-list .list-yanmenu > ul > li a > i {
                color: #fff;
                font-size: 11px;
            }

.araclar-list .list-yanmenu > h3 > a p {
    color: #ffffff;
    font-weight: 600;
    font-size: calc(7px + 0.4vw);
    line-height: calc(8px + 0.5vw);
}

.araclar-list .list-yanmenu > ul > li a:hover {
}

    .araclar-list .list-yanmenu > ul > li a:hover i {
    }

.araclar-list .list-yanmenu > h3 > a i {
    color: #fff; /* transform: rotate(90deg); */ /* margin: 0 5px; */
    font-size: 11px;
}

.araclar-list .list-yanmenu > ul > li:last-child {
    border: 0;
}

.araclar-list .list-yanmenu > ul > li a p {
    font-size: calc(7px + 0.4vw);
    line-height: calc(9px + 0.5vw);
}

.araclar-list > .aramasonuc {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.araclar-list .araclar-list {
    margin-top: 0px;
}
/*end arama sayfasy*/

.bottompage.arac-detay {
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
}

.bottompagedetail {
    background: var(--temabg);
    padding: 20px 0 0 0;
}

.arac-detay .info {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

    .arac-detay .info img, .arac-detay .info video {
        width: 100%;
        cursor: pointer;
        transition: 0.5s;
        height: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }

    .arac-detay .info .grdbg {
    }

    .arac-detay .info .grdbgbottom {
    }

.arac-detay .carhead {
    position: absolute;
    z-index: 4;
    bottom: var(--altbosluk);
    left: calc(var(--altbosluk) * 2);
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

    .arac-detay .carhead > div {
    }

    .arac-detay .carhead > .bos {
        border-right: 1px solid rgba(255,255,255,.30);
        width: 2px;
        margin-right: 20px;
    }

    .arac-detay .carhead > div:first-child {
        width: 25px;
        display: flex;
        flex-direction: column;
        margin-right: 20px;
        justify-content: center;
        align-items: center;
    }

        .arac-detay .carhead > div:first-child > div {
            width: 100%;
            margin-bottom: 9px;
        }

            .arac-detay .carhead > div:first-child > div:last-child {
                margin-bottom: 0px;
                cursor: pointer;
            }

            .arac-detay .carhead > div:first-child > div > svg {
                width: 25px;
            }

    .arac-detay .carhead > div:last-child {
    }

    .arac-detay .carhead > div > div {
        margin-bottom: 5px;
    }

        .arac-detay .carhead > div > div > span {
            color: var(--color1);
        }

        .arac-detay .carhead > div > div > model {
        }

    .arac-detay .carhead > div:last-child > div > h2 {
    }

.detatrentto {
    display: flex;
    align-items: center;
}

    .detatrentto svg {
    }

    .detatrentto > div {
        background: #fff;
        padding: 8px 19px;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 25px;
        border-radius: 9px;
        cursor: pointer;
        margin-bottom: 0 !important;
    }

        .detatrentto > div > div:last-child {
            margin-left: 11px;
            margin-bottom: 0 !important;
        }

            .detatrentto > div > div:last-child > div {
                font-size: 15px;
                line-height: 17px;
            }

                .detatrentto > div > div:last-child > div:last-child {
                    font-weight: 500;
                }


.aracno {
    padding: 0 9px;
}

.faviconlar {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

    .faviconlar > div {
    }

        .faviconlar > div svg {
            width: 25px;
            height: 25px;
            color: var(--bgcolor);
        }

            .faviconlar > div svg path {
                /* fill: var(--temacolor); */
                fill: transparent;
                stroke: var(--bordercolor2);
                stroke-width: 1.5px;
            }

.aracno span {
    font-weight: 300;
    font-size: calc(10px + 0.25vw) !important;
    line-height: calc(16px + 0.45vw) !important;
    color: #000 !important
}

.aracno p {
    font-size: calc(10px + 0.25vw) !important;
    line-height: calc(18px + 0.45vw) !important;
    margin: 0 !important;
    color: #000 !important
}


.carinfo {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    top: 0;
    overflow-y: auto;
    pointer-events: none;
    /* padding: 60px 60px; */
}

    .carinfo * {
        pointer-events: auto;
    }

    .carinfo > div:first-child {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        position: relative;
        margin-bottom: 25px;
    }

        .carinfo > div:first-child > ul {
            width: 100%;
            display: flex;
            gap: 15px;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .carinfo > div:first-child > ul > li {
                display: flex;
                align-items: flex-start;
                flex-direction: column;
                /* flex: 1; */
                width: 42%;
            }

                .carinfo > div:first-child > ul > li > div:first-child {
                    width: 100%;
                    font-size: 10px;
                    line-height: calc(9px + 0.35vw);
                    letter-spacing: 0;
                    /* border-bottom: 1px solid #2f2f2f; */
                    /* padding-bottom: 2px; */
                    color: #229c50;
                    margin-bottom: 2px;
                    font-weight: 600;
                    text-transform: uppercase;
                    font-family: "posterama-2001";
                }

                    .carinfo > div:first-child > ul > li > div:first-child:before {
                    }

                .carinfo > div:first-child > ul > li > div:last-child {
                    font-size: calc(9px + 0.15vw);
                    line-height: calc(12px + 0.25vw);
                    letter-spacing: 0;
                    color: var(--temacolor);
                }

    .carinfo > div:last-child {
        display: flex;
        flex-direction: column;
        margin-top: 5px;
        width: 100%;
    }

        .carinfo > div:last-child a {
        }

            .carinfo > div:last-child a svg {
                margin-right: 0;
            }




.renttoown {
    margin-bottom: 25px;
    padding-left: 35px;
}

    .renttoown p {
    }

    .renttoown li {
        line-height: calc(23px + 0.5vw) !important;
        font-size: calc(14px + 0.4vw) !important;
        list-style-type: disclosure-closed;
    }



.leftmodal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgb(255 255 255 / 70%);
    display: flex;
    align-items: center;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none
}

    .leftmodal input {
        background: inherit !important
    }

    .leftmodal form {
        position: relative
    }

    .leftmodal .pro-detail {
        background: #fff;
        width: 35%;
        height: 100%;
        padding: 7vh 45px 10px 45px;
        overflow-y: auto;
        transition: 0.5s;
        right: -580px;
        position: absolute;
        max-width: 560px;
        top: 0;
        border-left: 1px solid #e1e1e1;
    }

    .leftmodal.show .pro-detail {
        right: 0;
    }

        .leftmodal.show .pro-detail > div {
        }

    .leftmodal .pro-detail header {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-bottom: 16px;
    }

        .leftmodal .pro-detail header h3 {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 10px;
            line-height: 22px;
        }

            .leftmodal .pro-detail header h3 img {
                width: 40px;
            }

            .leftmodal .pro-detail header h3 > span {
                font-weight: 500;
                font-size: 18px;
            }

                .leftmodal .pro-detail header h3 > span.gizle {
                    display: none !important
                }

        .leftmodal .pro-detail header svg {
        }

    .leftmodal .pro-detail .ictext p {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 30px;
    }

    .leftmodal .pro-detail .ictext .pesinat p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .leftmodal .pro-detail .ictext p span {
        font-weight: 600
    }

    .leftmodal .pro-detail .ictext h1 {
        margin-bottom: 6px;
        font-weight: 500;
        letter-spacing: 2px;
        font-size: calc(8px + 0.25vw);
        line-height: calc(11px + 0.5vw);
    }

        .leftmodal .pro-detail .ictext h1 * {
            color: #000
        }

        .leftmodal .pro-detail .ictext h1 > b {
            font-size: 16px;
            line-height: 20px;
            font-weight: 600;
        }

    .leftmodal .pro-detail .ictext img {
    }

    .leftmodal .close {
        cursor: pointer
    }

.pro-detail input {
    font-size: 18px;
}

.pro-detail form input {
    display: block;
    height: 100%;
    width: 100%;
    padding: 13px 17px;
    border: 2px solid rgb(216, 216, 219);
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 300;
}

.leftmodal .surebar {
    margin-bottom: 30px;
}

    .leftmodal .surebar span {
        margin-bottom: 3px;
        display: block;
        font-size: calc(8px + 0.25vw);
        line-height: calc(11px + 0.5vw);
        font-weight: 500;
        letter-spacing: 2px;
    }

    .leftmodal .surebar > div {
        display: flex;
        justify-content: space-between;
        align-content: center;
    }

        .leftmodal .surebar > div > div {
            display: block;
            height: 100%;
            width: 100%;
            padding: 13px 17px;
            margin: 0px;
            border: 2px solid rgb(216, 216, 219);
            border-radius: 4px;
            background: transparent;
            cursor: pointer;
            font-size: 16px;
        }

        .leftmodal .surebar > div > div {
            margin-right: 5px;
        }

            .leftmodal .surebar > div > div:last-child {
                margin-right: 0 !important
            }

    .leftmodal .surebar .secili {
        border-color: #000 !important;
    }

.leftmodal .pesinat {
}

    .leftmodal .pesinat > div > div:first-child {
        width: 70px;
        font-size: calc(43px + 1.5ex);
        height: 53px;
        background-image: url(/img/eksi.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .leftmodal .pesinat > div > div:nth-child(2) {
        text-align: center;
    }

    .leftmodal .pesinat > div > div:last-child {
        width: 70px;
        font-size: calc(43px + 1.5ex);
        height: 53px;
        background-image: url("/img/arti.svg");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .leftmodal .pesinat div input {
        padding: 0;
        border-radius: 0;
        border: 0;
        margin: 0;
        font-weight: 200;
    }

        .leftmodal .pesinat div input[type="number"]::-webkit-outer-spin-button, .leftmodal .pesinat div input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .leftmodal .pesinat div input[type="number"] {
            -moz-appearance: textfield;
        }

.leftmodal form button {
    display: block;
    width: 50%;
    padding: 13px 17px;
    margin: 0px;
    border: 2px solid rgb(0 0 0);
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    margin: 0 auto;
}

    .leftmodal form button:hover {
        background: #000;
        color: #fff !important;
    }

.leftmodal .finanstesekkur {
    text-align: center;
    margin-top: 50%;
    display: none;
}

    .leftmodal .finanstesekkur p {
        color: #34bb1b;
        font-weight: 300;
    }

.Dimensions-id {
}

    .Dimensions-id .size {
        background: #f3f3f3;
        width: 100%;
        padding: 10px 20px;
    }

        .Dimensions-id .size p {
            font-size: 14px;
            line-height: 25px;
            display: flex;
        }

            .Dimensions-id .size p > span {
                font-size: 14px;
                line-height: 25px;
                font-weight: 700;
                width: 43px;
                display: block;
            }

    .Dimensions-id img {
    }

.arac-detay .leftslider, .arac-detay .leftslider1 {
    max-height: calc(90vh - 90px);
    overflow: hidden;
    background: var(--bgcolor);
}

    .arac-detay .leftslider .slick-slide, .bottompageempty .leftslider .slick-slide, .arac-detay .leftslider1 .slick-slide, .bottompageempty .leftslider1 .slick-slide {
        margin: 0 15px
    }


.newrow {
    margin-top: calc(30px + 0.5vw);
}

    .newrow.padding {
        padding-top: calc(var(--altbosluk) * 2);
        margin-top: 0
    }

.Aciklama > div {
    background: var(--bgcolor4);
    padding: var(--altbosluk);
}

.Aciklama {
    margin-bottom: calc(30px + 0.5vw);
}

.headprev, .headnext {
    font-size: 0;
    left: 10px;
    position: absolute;
    background: url(/assets/img/white-arrow.svg) no-repeat center;
    width: 15px;
    height: 15px;
    display: block;
    z-index: 11;
    top: 45px;
    transform: translateY(-50%) rotate(-180deg);
    background-size: 10px;
    border-radius: 15px;
    padding: 0;
    display: none
}

.headnext {
    right: 10px;
    transform: translateY(-50%) rotate(0deg);
    left: initial;
    padding: 11px;
}

.AciklamaHead {
    width: 100%;
    overflow-x: scroll;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid var(--bgcolor3);
    border-top: 1px solid var(--bgcolor3);
    display: flex;
    justify-content: center;
    padding: 15px 0;
}

.AciklamaHeadyeni {
    width: 100%;
    border-bottom: 1px solid var(--bgcolor3);
    /* border-top: 1px solid var(--bgcolor3); */
    padding: 15px 0;
}



    .AciklamaHeadyeni .tanitim {
        color: var(--color1);
        width: 90%;
        margin: 0 auto;
        padding: 25px 0;
    }

        .AciklamaHeadyeni .tanitim p {
            color: var(--color1);
            margin-bottom: 15px
        }

        .AciklamaHeadyeni .tanitim * {
            color: var(--color1);
            font-size: calc(11px + 0.15vw);
            font-weight: 300;
            line-height: calc(17px + 0.25vw);
            text-align: center;
            letter-spacing: .5px;
        }

.AciklamaHead::-webkit-scrollbar {
    display: none;
}

.AciklamaHead > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 96%;
}

    .AciklamaHead > ul > li {
        margin-right: 30px;
    }

        .AciklamaHead > ul > li label {
            font-size: calc(7px + 0.25vw);
            line-height: calc(9px + 0.5vw);
            font-weight: 500;
            letter-spacing: 2px;
            color: var(--color1);
        }

        .AciklamaHead > ul > li div {
            font-size: calc(9px + 0.25vw);
            line-height: calc(9px + 0.25vw);
            margin-top: 5px;
            color: var(--color1);
        }

.ekstraaciklama { /* border-bottom: 1px solid var(--bgcolor3); */
    padding-bottom: 40px;
}


    .ekstraaciklama ul {
        display: flex;
        flex-direction: row;
        gap: 12px 50px;
        flex-wrap: wrap;
        text-transform: uppercase;
    }

        .ekstraaciklama ul > li {
            display: flex;
            align-items: center;
            width: calc((100% /4) - 38px);
        }

            .ekstraaciklama ul > li i {
                margin-right: 7px;
                color: var(--color1);
                font-size: 12px;
            }

            .ekstraaciklama ul > li svg {
                margin-right: 4px;
                color: #ffff;
                width: 12px;
                height: 12px;
            }

            .ekstraaciklama ul > li p {
                line-height: calc(10px + 0.25vw);
                font-size: calc(9px + 0.15vw);
                margin: 0;
                letter-spacing: 0;
                color: var(--color1);
                font-weight: 300;
                text-transform: uppercase;
                /* font-family: "posterama-2001"; */
            }



/* Quote Section Styles */
.quote-section {
    font-family: 'AstonMartinSans';
    background-color: #00665e;
    color: #fff;
    padding: 40px 20px;
    position: relative;
}

    .quote-section.hidde {
        display: none
    }

.quote-container {
    margin: 0 auto;
    padding: 0 calc(var(--spacing) * 3);
    background: var(--color3);
}

.quote-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    gap: 10px;
}

.quote-text > a, .quote-text {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 300;
    margin-bottom: var(--spacing);
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    color: var(--color1);
}

.quote-highlight {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    color: var(--color1);
}

.quote-text > a {
}

.quote-text.kisa {
}

.quote-author {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: calc(var(--spacing) / 2);
    padding-left: 65px;
    margin-top: 25px;
}

    .quote-author:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 40px;
        height: 2px;
        background-color: var(--color1);
        transform: translateY(-50%);
    }

.author-name {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 4px;
    color: var(--color1);
    letter-spacing: 5px;
}

.author-title {
    font-size: 15px;
    letter-spacing: 2px;
    /* opacity: 0.6; */
    font-weight: 300;
    color: var(--color1);
}

    .author-title > span {
        font-size: 15px;
        letter-spacing: 0;
        /* opacity: 0.6; */
        font-weight: 500;
        color: var(--color1);
        text-transform: uppercase;
    }

.quote-section-alt {
    background-color: #252525;
}

    .quote-section-alt .quote-author:before {
        background-color: #3c8d84;
    }

.arac-detay .rsTmb, .bottompageempty .rsTmb {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.galerilink {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    z-index: 3;
}

.arac-detay .arac-detay-galeri {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
}

    .arac-detay .arac-detay-galeri > div {
        color: #bdbdbd;
    }

        .arac-detay .arac-detay-galeri > div:last-child {
            display: flex;
            align-items: center;
            align-content: center;
            /* background: var(--grandcolor1); */
            width: calc(30% - 15px);
        }

        .arac-detay .arac-detay-galeri > div > .arac-bilgileri {
            width: 100%;
            /* padding: 5% 10%; */
        }

.arac-bilgileri fieldset {
    border: 1px solid var(--temaopacity2);
    padding: 35px;
}

    .arac-bilgileri fieldset > legend {
    }

        .arac-bilgileri fieldset > legend > p {
            color: var(--color1);
            padding: 0 7px;
            font-size: 12px;
            letter-spacing: 1px;
            text-transform: uppercase;
            padding: 7px 18px;
            background: var(--color3);
            border-radius: 8px;
            font-weight: 600;
        }

        .arac-bilgileri fieldset > legend span {
            color: var(--color1);
            font-size: 12px;
            letter-spacing: 1px;
            text-transform: uppercase;
            font-weight: 400;
        }

.arac-detay .arac-detay-galeri > div > h2 {
    width: calc(100% - 40px);
    font-size: calc(17px + 0.4vw);
    color: var(--color2);
    font-weight: 500;
    margin-top: calc(5px + 0.3vw);
}

.arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--grandcolor3);
}

    .arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul > li {
        display: table-cell;
        line-height: calc(15px + 0.5vw);
        font-size: calc(9px + 0.4vw);
        font-weight: 500;
        color: var(--color2);
        padding: 6px 5px;
    }

        .arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul > li:first-child {
            width: 154px;
        }

        .arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul > li > span {
            font-weight: 300;
            font-size: calc(9px + 0.4vw);
            line-height: calc(20px + 0.5vw);
        }

.arac-bilgileri .normaldiv {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .arac-bilgileri .normaldiv > div {
        color: var(--color1);
    }

        .arac-bilgileri .normaldiv > div:first-child {
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 1px;
        }

        .arac-bilgileri .normaldiv > div:last-child {
            font-size: 20px;
            line-height: 22px;
        }
/* Simple Fullscreen Slider Styles */
/* Simple Fullscreen Slider Styles */
#simpleFullscreenSlider {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
}

    #simpleFullscreenSlider > div {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Slider Butonlar? */
.slider-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .slider-close-btn:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.1);
    }

.slider-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .slider-nav-btn:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: translateY(-50%) scale(1.1);
    }

    .slider-nav-btn svg {
        width: 24px;
        height: 24px;
        color: white;
    }

.slider-prev-btn {
    left: 20px;
}

.slider-next-btn {
    right: 20px;
}

/* Slider Resim */
.slider-image {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    transition: all 0.3s ease;
}

/* Sayfa G?stergesi */
.slider-page-indicator {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .slider-nav-btn {
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

        .slider-nav-btn svg {
            width: 20px;
            height: 20px;
        }

    .slider-prev-btn {
        left: 15px;
    }

    .slider-next-btn {
        right: 15px;
    }

    .slider-close-btn {
        width: 45px;
        height: 45px;
        font-size: 25px;
        top: 15px;
        right: 15px;
    }

    .slider-page-indicator {
        font-size: 16px;
        padding: 8px 16px;
        bottom: 15px;
    }
}

@media (max-width: 480px) {
    .slider-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

        .slider-nav-btn svg {
            width: 18px;
            height: 18px;
        }

    .slider-prev-btn {
        left: 10px;
    }

    .slider-next-btn {
        right: 10px;
    }

    .slider-close-btn {
        width: 40px;
        height: 40px;
        font-size: 20px;
        top: 10px;
        right: 10px;
    }

    .slider-page-indicator {
        font-size: 14px;
        padding: 6px 12px;
        bottom: 10px;
    }
}

/* Images Gallery Section - 1 B?y?k + 2 K???k Alternating Layout */
.images-gallery-section {
    margin-top: 80px;
    padding: 0;
    position: relative;
}

.gallery-header {
    padding: 60px 40px 40px;
    text-align: center;
}

.gallery-title {
    font-size: 36px;
    font-weight: 300;
    color: #2c3e50;
    margin: 0;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.gallery-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
}

/* Gizli gallery row'lar */
.gallery-row-hidden {
    display: none !important;
}

/* 1 B?y?k + 2 K???k Grup Tasar?m? - 2 Div Yap?s? */
.gallery-row {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    /* height: 300px; */
    overflow: hidden;
    aspect-ratio: 1920/1080;
    max-height: 65vh;
}
/* 2. S?ra: Ters ?evirme (2 K???k Sola + 1 B?y?k Sa?a) */
.gallery-grid .gallery-row:nth-child(2n) {
    flex-direction: row-reverse;
}
/* 1. Div: Tek Resim (B?y?k) */
.gallery-single {
    flex: 2;
    height: 100%;
    overflow: hidden;
}

    .gallery-single .gallery-item {
        height: 100%;
    }

/* 2. Div: Alta 2 Resim (K???k) */
.gallery-double {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

    .gallery-double .gallery-item {
        flex: 1;
        aspect-ratio: 1920/1080;
    }

.gallery-item {
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    border-radius: 12px;
}

    .gallery-item:hover img {
        transform: scale(1.02);
        z-index: 10;
    }

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
}

.gallery-item:hover .gallery-image {
    transform: scale(1.05);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .gallery-grid {
        padding: 0 30px 50px;
    }

    .gallery-row {
        gap: 15px;
        height: 250px;
    }

    .homefilter-wrap .homefilter-head {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .homefilter-wrap .homefilter-head-action {
        grid-column: 1 / -1;
        max-width: none;
        flex-direction: row;
        align-items: flex-end;
        justify-content: stretch;
    }

    .homefilter-wrap .homefilter-head-action-label {
        display: none;
    }

    .homefilter-wrap .homefilter-submit {
        flex: 1;
    }
}

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


.arac-detay .arac-detay-diger {
    margin-bottom: calc(30px + 0.5vw);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin-top: calc(30px + 0.5vw);
}

    .arac-detay .arac-detay-diger > div {
        width: 100%;
        line-height: 28px;
        vertical-align: top;
        background: var(--color2);
        padding: calc(36px + 0.5vw);
    }

        .arac-detay .arac-detay-diger > div:last-child {
            width: 100%;
            background: transparent;
            display: flex;
            padding: 0;
            margin-top: 40px;
        }

        .arac-detay .arac-detay-diger > div > ul {
            display: flex;
            flex-wrap: wrap;
        }

            .arac-detay .arac-detay-diger > div > ul > li { /* border-bottom: 1px solid var(--txtcolor1); */
                width: calc((100% / 3) - 30px);
                font-size: calc(10px + 0.4vw);
                line-height: calc(12px + 0.5vw);
                padding: calc(2px + 0.2vw) 0px;
                margin-right: 40px;
                color: #fff;
                display: flex;
                flex-direction: row;
            }

                .arac-detay .arac-detay-diger > div > ul > li p {
                    margin-left: 6px;
                    font-size: calc(10px + 0.4vw);
                }

                .arac-detay .arac-detay-diger > div > ul > li:nth-child(3n) {
                    margin-right: 0;
                }

                .arac-detay .arac-detay-diger > div > ul > li i {
                    color: var(--color1);
                }

        .arac-detay .arac-detay-diger > div > h3 { /* margin-top: 70px; */
            font-size: calc(18px + 0.5vw);
            color: var(--color1);
            font-weight: 500;
            margin-bottom: calc(10px + 0.5vw);
        }

        .arac-detay .arac-detay-diger > div > h4 {
            margin-top: 30px;
            color: #bdbdbd;
            padding: 5px 10px;
        }

        .arac-detay .arac-detay-diger > div form {
            width: calc(35% - calc(60px + 1vw));
        }

.arac-iletisim {
    width: calc(100% - 30px);
    text-align: center;
    margin: 0 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0;
    line-height: 20px;
    border: 4px solid #ccc;
}

.sosyalmedya {
    width: 100%
}

    .sosyalmedya > img {
        width: 100%
    }

.detaysosyalmedya {
    display: flex;
    width: 100%;
    margin-top: calc( 30px + 0.5vw ); /* border: 1px solid var(--bordercolor1); */
    padding: calc(15px + 0.5vw) calc(10px + 0.5vw);
    color: #fff;
    background: var(--bgcolor2);
    justify-content: flex-end;
}

    .detaysosyalmedya > div > h4 {
        color: var(--color1);
        font-weight: 500;
        font-size: calc(11px + 0.4vw);
        margin-right: 25px;
    }

    .detaysosyalmedya > div {
        display: flex;
        align-items: center;
    }

        .detaysosyalmedya > div > div {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .detaysosyalmedya > div a {
            padding: 0 10px;
            cursor: pointer;
        }

            .detaysosyalmedya > div a img {
                width: 27px;
            }

.kreditab {
    width: 35%;
    margin-right: calc(30px + 0.5vw);
}

.kaskobaslik {
    width: 100%; /* border: 1px solid var(--bordercolor); */
    padding: 13px 18px;
    color: #fff; /* background: radial-gradient(circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100%); */
}

    .kaskobaslik > div.active { /* background:#a61e22; */
    }

    .kaskobaslik > div {
        display: flex;
        width: 100%;
        padding: 5px 8px;
        color: #fff;
        cursor: pointer;
        font-weight: 500;
        font-size: calc(13px + 0.4vw);
        align-items: center;
        margin-bottom: 10px;
    }

        .kaskobaslik > div img {
            width: 19px;
            margin-right: 8px;
            margin-bottom: 4px;
        }

        .kaskobaslik > div:first-child {
        }

    .kaskobaslik p {
        line-height: calc(14px + 0.5vw);
        font-size: calc(9px + 0.4vw);
        color: var(--color1);
        width: 90%;
    }

.kreditoplam,
.kredihesapla,
.kaskohesapla {
    display: block;
    width: 100%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    color: #fff;
    border-top: 0;
    margin-top: calc(10px + 0.5vw);
}

.kaskohesapla {
    display: none;
}

    .kaskohesapla > div > p {
        float: left;
        color: #fff;
        line-height: 47px;
    }

    .kaskohesapla span {
        float: right;
        background: #221e1d;
        color: #fff;
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .kaskohesapla a {
        display: table;
        background: #000;
        padding: 10px;
        width: calc(100% - 20px);
        text-align: center;
        font-weight: 700;
        color: #fff;
    }

        .kredihesapla ul button:hover, .kaskohesapla a:hover {
            background: #ffffff;
            color: var(--bordercolor);
        }

            .kredihesapla ul button:hover i {
                color: var(--bordercolor);
            }

.kredihesapla {
}

    .kredihesapla > div {
        padding: 0px 25px;
    }

.kreditoplam > ul {
    border-bottom: 1px solid var(--bordercolor);
    padding-bottom: 6px;
}

    .kreditoplam > ul:last-child {
        margin-bottom: 0;
        border: 0;
    }

.kreditoplam > ul,
.kredihesapla ul {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

    .kredihesapla ul > li {
        display: table-cell;
        color: #fff;
    }

        .kredihesapla ul > li:first-child {
            width: calc(163px + 0.5vw);
        }

        .kredihesapla ul > li:nth-child(2) {
            width: calc(100% - 150px);
        }

            .kredihesapla ul > li:nth-child(2) input {
                margin: 0;
                padding: 5px;
                width: 100%;
                padding: 14px 10px;
                border-radius: 5px;
            }

        .kredihesapla ul > li:nth-child(3) {
            text-align: right;
            width: calc(19px + 0.5vw);
            font-size: calc(9px + 0.4vw);
        }

    .kredihesapla ul button {
        margin: 0;
        font-size: calc(9px + 0.4vw);
        font-weight: 500;
        border-radius: 5px;
        cursor: pointer;
        border: 1px solid var(--bordercolor);
        padding: 13px 21px;
        color: #fff;
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    }

        .kredihesapla ul button i {
            color: var(--color1);
        }

    .kredihesapla ul:last-child {
        margin-bottom: 0;
        margin-top: 20px;
    }

.kreditoplam {
    display: none;
    width: 100%;
    color: #fff;
    border: 1px solid var(--bordercolor);
    padding: 13px 18px;
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    margin: 0;
    margin-top: 25px;
}

    .kreditoplam > ul > li {
        color: #fff;
        font-size: calc(11px + 0.4vw);
    }

        .kreditoplam > ul > li:first-child {
            width: 30%;
            font-weight: 500; /* margin-right: 25px; */
        }

.detay-form {
    width: calc(100%);
    height: auto;
    overflow: hidden;
    position: relative;
}

.arac-detay-diger input,
.arac-detay-diger textarea {
    display: block;
    font-size: calc(8px + 0.3vw);
    line-height: calc(11px + 0.5vw);
    margin: 9px 0px 0px 0px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    float: left;
    outline: none;
    width: 100%;
    padding: 14px 10px;
    border-radius: 5px;
}
/*.detay-form .gonder-btn{padding: 7px 18px;font-size: 15px;font-weight: 500;background: #ffffff;color: #a61e22;border: none;margin-top: 20px;border: 1px solid #a61e22;cursor: pointer;outline: none;}*/
.detay-form .gonder-btn {
    font-size: calc(9px + 0.4vw);
    font-weight: 500;
    border: none;
    margin-top: 20px;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    border: 1px solid var(--bordercolor);
    padding: 13px 18px;
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
}

    .detay-form .gonder-btn:hover {
        background: var(--color1);
        color: var(--bordercolor);
        border-color: var(--color1);
    }

    .detay-form .gonder-btn > i {
        color: var(--color1);
        margin-right: 3px;
    }

    .detay-form .gonder-btn:hover i {
        color: var(--bordercolor);
    }

.detay-form > h4 {
    color: var(--color1);
    padding: 5px 0px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: calc(13px + 0.4vw);
    margin-top: 10px;
}

.detay-form > p {
    line-height: calc(14px + 0.5vw);
    font-size: calc(9px + 0.5vw);
    color: var(--color1);
    width: 90%;
    margin-bottom: calc(10px + 0.5vw);
}

.detay-ozel {
    width: 100%;
    color: #fff;
    font-size: calc(9px + 0.4vw);
    font-weight: 500;
    margin: 20px 20px 0px 0;
    padding: 12px 13px;
    border: 1px solid var(--bordercolor);
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
}
    /*.arac-kodu{padding: 8px 10px;width: calc(100% - 55px);color: #a61e22;font-size: 16px;font-weight: 600;margin: 0 20px 20px 35px;border: 1px solid;text-align: center;}*/

    .detay-ozel i {
        color: var(--color1);
    }

.arac-kodu {
    padding: 8px 0;
    width: 100%;
    color: var(--color1);
    font-weight: 500;
    text-align: right;
    font-size: calc(13px + 0.4vw);
}

.sosyal-medya-paylasim {
    width: calc(100% - 55px);
    color: #fff;
    margin-top: 49px;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 20px 0px 35px;
}

.arac-detay > .detay-baslik {
    width: 100%;
    border-bottom: 1px solid rgba(132, 132, 132, 0.2);
    margin-bottom: 20px;
    position: relative;
}

    .arac-detay > .detay-baslik h1 {
        font-size: calc(11px + 0.5vw);
        font-weight: 600;
        padding: 10px 0;
        color: var(--color1);
        display: flex;
        align-items: center;
    }

    .arac-detay > .detay-baslik > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .arac-detay > .detay-baslik h1 > .inceyazi {
        font-size: calc(11px + 0.5vw);
    }

.detay-download {
    margin: 15px 0;
}

    .detay-download > a {
        display: block;
        width: 100%;
        height: 100%;
        float: left;
        width: calc(41px + 0.5vw);
        padding-left: calc(8px + 0.5vw);
    }

        .detay-download > a > img {
            width: 100%;
        }

.altpagem {
    width: calc(100% - var(--altbosluk) * 4);
    margin: 0 auto; /* position: relative; */
    padding: calc(15vh + 50px) 0 calc(50px + 0.5vh) 0;
}

.bottompage {
    width: calc(100%);
    padding-top: calc(2vh + 60px);
}

    .bottompage .videobar {
        width: 90%;
        margin: calc(var(--altbosluk) ) 0;
        max-width: 1800px
    }

        .bottompage .videobar video {
            width: 100%
        }

.bottommenu {
    border-bottom: 1px solid var(--temabordercolor1);
    border-top: 1px solid var(--temabordercolor1);
    padding: 8px 0;
    background: #191919;
    border-color: #252525;
}

    .bottommenu > ul {
        display: flex;
        align-items: center;
        width: calc(100% - var(--altbosluk) * 4);
        margin: 0 auto;
        max-width: 1400px;
    }

        .bottommenu > ul > li {
        }

            .bottommenu > ul > li > a {
                font-size: calc(8px + 0.3vw);
                line-height: calc(12px + 0.5vw);
            }

    .bottommenu .bos {
        padding: 0 7px;
        color: var(--temacolor);
    }

.bottompageempty {
    padding: calc(var(--altbosluk) * 1) 0;
}

    .bottompageempty:before {
        content: "";
        background-image: url(/img/arma.svg);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position-x: 95%;
        background-position-y: top;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        opacity: 0.14;
        right: 0;
    }


.bottompage h1 {
    padding-bottom: calc(14px + 0.5vw);
    color: #fff;
    font-size: calc(18px + 0.5vw);
    line-height: calc(24px + 0.5vw);
    color: var(--temacolor);
}

.bottompage p {
    line-height: calc(23px + 0.5vw);
    font-size: calc(14px + 0.4vw);
    margin-bottom: 20px;
}



.bottompage ul > li {
    padding: 6px 0px;
    font-size: calc(8px + 0.3vw);
    line-height: calc(12px + 0.5vw);
}

.bottommenu ul {
}

    .bottommenu ul > li {
    }

.textbar {
    max-width: 75%;
}

    .textbar h2 {
        font-weight: 100;
        font-size: calc(25px + 0.5vw);
        line-height: calc(34px + 0.5vw);
        color: var(--temacolor);
    }

.cerezpolitikasi {
    margin: 0 auto;
    line-height: 25px;
}

    .cerezpolitikasi > h1 {
        padding-bottom: 20px;
        color: var(--temacolor);
    }

    .cerezpolitikasi > p {
        margin-bottom: 10px;
        font-size: calc(10px + 0.4vw);
        line-height: calc(18px + 0.5vw);
    }

        .cerezpolitikasi > p > span {
            font-weight: 500;
            margin-top: 35px;
            display: block;
            font-size: 19px;
        }

    .cerezpolitikasi ul {
    }

        .cerezpolitikasi ul > li {
            margin-left: 10px;
            margin-bottom: 10px;
            font-size: calc(10px + 0.4vw);
        }

            .cerezpolitikasi ul > li i { /* color: var(--bordercolor); */
                font-size: 10px;
                margin-right: 10px;
            }

    .cerezpolitikasi a {
        font-size: calc(10px + 0.5vw);
    }

.twopage {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: var(--altbosluk);
    padding: 0;
}

    .twopage > div:first-child {
        width: 40%;
        position: relative
    }

        .twopage > div:first-child .fixed {
        }

        .twopage > div:first-child img {
            width: 100%;
        }

    .twopage > div:last-child {
        width: calc(60% - 50px - var(--altbosluk) - var(--altbosluk));
        margin-right: calc(var(--altbosluk) * 2);
    }




.iletisim {
    width: 100%;
}

    .iletisim > div {
        margin: 0 auto;
        width: 100%;
        display: table;
    }

        .iletisim > div > ul {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            margin-bottom: 20px;
        }

            .iletisim > div > ul > li {
                width: 100%;
                line-height: 25px;
                padding: 0;
                padding-top: 20px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .iletisim > div > ul > li:first-child {
                    width: 100%;
                }

                .iletisim > div > ul > li > h3 {
                    font-size: calc(15px + 0.5vw);
                    /* color: var(--color1); */
                    font-weight: 500;
                }

                .iletisim > div > ul > li > p {
                    margin-top: 9px;
                    line-height: calc(23px + 0.5vw);
                    font-size: calc(9px + 0.4vw);
                    margin-bottom: 0;
                }

                .iletisim > div > ul > li > img {
                    width: 100%;
                }

                .iletisim > div > ul > li input, .iletisim > div > ul > li textarea {
                    display: block;
                    font-size: 14px;
                    line-height: initial;
                    margin: 9px 0px 0px 0px;
                    border-width: 1px;
                    border-style: solid;
                    font-weight: normal;
                    float: left;
                    outline: none;
                    padding: 14px 10px;
                    border-radius: 5px;
                    border: 1px solid transparent;
                }

                    .iletisim > div > ul > li input:focus, .iletisim > div > ul > li textarea:focus {
                        border: 1px solid #0cb4ce;
                    }

                .iletisim > div > ul > li input {
                    width: calc(50% - 25px);
                }

                    .iletisim > div > ul > li input:first-child {
                        margin-right: 20px;
                    }

                    .iletisim > div > ul > li input:nth-child(3) {
                        width: calc(100% - 32px);
                    }

                .iletisim > div > ul > li textarea {
                    width: calc(100% - 32px);
                    resize: none;
                    height: 300px;
                }

                .iletisim > div > ul > li iframe {
                    border: 10px solid #000;
                    width: 100%;
                    min-height: 40vh;
                }

        .iletisim > div:last-child {
            margin-top: 30px;
            position: relative;
        }

            .iletisim > div:last-child > ul > li:first-child {
                vertical-align: top;
                width: 100%;
                min-width: 280px;
            }

    .iletisim .gonder-btn {
        margin-top: 20px;
        outline: none;
        border: 1px solid var(--bordercolor);
        padding: 13px 12px;
        margin-left: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
        font-weight: 500;
        border-radius: 5px;
    }

        .iletisim .gonder-btn:hover {
            background: var(--color1);
            color: var(--bordercolor);
        }


.hata {
    width: 100%;
    padding: 20px 10px;
    display: none;
    background: #000;
    margin: 30px auto;
}

    .hata p {
        color: #ffffff;
        text-align: center;
        font-size: 17px;
        font-weight: 600;
        line-height: 21px;
    }

.iletisim .gonder-btn i {
    color: var(--color1);
}

.iletisim .gonder-btn:hover i {
    color: var(--bordercolor);
}


.loaderdv {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.73);
    z-index: 99;
    text-align: center;
    display: none;
}

    .loaderdv > img {
        margin-top: 10%;
    }

.tesekkurler {
    width: 100%;
    color: var(--color1);
    text-align: center;
    padding: 15px 10px;
    display: none;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
    border: 1px solid var(--bordercolor);
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
}

.headfield {
    border: 1px solid var(--temabordercolor1);
    padding: var(--altbosluk) calc(var(--altbosluk) / 1);
    margin-bottom: var(--altbosluk);
}

    .headfield > legend {
    }

        .headfield > legend > h1 {
        }

.ic-text {
    width: 100%;
}

    .ic-text h1 {
        padding-bottom: 5px;
        font-size: calc(12px + 0.35vw);
        line-height: calc(14px + 0.35vw);
    }

    .ic-text p {
        line-height: 17px;
        font-size: 12px;
        margin-bottom: 6px;
    }

.mesajlarim {
}

    .mesajlarim > div {
        margin: 27px 0;
        border-bottom: 1px solid var(--temaaltmenu);
    }

.talepler > div > h1 {
    font-size: calc(9px + 0.35vw) !important;
    line-height: calc(12px + 0.35vw);
}

.talepler > div > h1 {
    width: 300px;
}

.talepler > div > p {
    width: calc(100% - 340px);
}

.talepler > div > a {
    width: 120px;
}

.formlar {
    margin-top: var(--altbosluk);
}

    .formlar > form { /* background: var(--temabgrbg); */ /* padding: var(--altbosluk); */
    }

    .formlar fieldset {
        background-color: transparent; /* border: 1px solid var(--temabordercolor1); */ /* padding: var(--altbosluk) calc(var(--altbosluk) / 1); */
        margin-bottom: var(--altbosluk);
    }

    .formlar legend {
        color: var(--temacolor);
        padding: 0px 5px;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: calc(11px + 0.5vw);
        line-height: calc(17px + 0.5vw);
        margin-bottom: 15px;
    }

    .formlar .input-grup {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

        .formlar .input-grup > div {
            width: 100%;
            position: relative
        }

        .formlar .input-grup.ikili {
            display: flex;
        }

    .formlar textarea, .formlar input {
    }

    .formlar .input-grup.ikili div {
        width: calc(50% - 10px);
    }

    .formlar .gonder-btn {
        font-size: 14px;
        line-height: 18px;
    }

        .formlar .gonder-btn i {
            color: var(--color1)
        }

.form-menu {
    margin-bottom: var(--altbosluk);
    width: 100%;
}

    .form-menu > ul {
        display: flex;
        flex-direction: column;
    }

        .form-menu > ul > li {
            margin-right: 10px;
            width: 100%;
        }

            .form-menu > ul > li > a {
                font-size: calc(12px + 0.35vw);
                line-height: calc(17px + 0.35vw);
                background: 0 0;
                padding: 16px 24px;
            }

            .form-menu > ul > li:hover > a, .form-menu > ul > .active > a {
                background: var(--temabordercolor);
            }

            .form-menu > ul > li:last-child {
                margin-right: 10px;
            }

.form-div {
    position: fixed;
    z-index: 99999999;
    width: 500px;
    background: var(--grandcolor1);
    right: 0px;
    top: 5%;
    height: 90%;
    display: none;
}

    .form-div > .forms {
        padding: 30px;
        width: calc(100% - 60px);
        background: #98012e;
    }

    .form-div > .baslik {
        width: calc(100% - 60px);
        font-size: 21px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        background: #550019;
        padding: 50px 30px 20px 30px;
        line-height: 22px;
    }

        .form-div > .baslik > span {
            font-size: 23px;
            font-weight: 500;
            line-height: 30px;
        }

    .form-div input, .form-div textarea {
        width: calc(100% - 18px);
        background: #ffffff;
        border: none;
        border: 1px solid #cccccc;
        font-size: 12px;
        padding: 8px 8px;
        color: #151414;
        margin-bottom: 5px;
    }

    .form-div textarea {
        overflow: hidden;
    }

    .form-div .gonder-btn {
        padding: 7px 18px;
        font-size: 15px;
        font-weight: 600;
        background: #ffffff;
        color: #949494;
        border: none;
        margin-top: 20px;
        border: 1px solid #949494;
        cursor: pointer;
        outline: none;
        clear: both;
        float: left;
    }

        .form-div .gonder-btn:hover {
            background: #949494;
            color: #ffffff;
        }

    .form-div .tipsecimspan {
        float: left;
        color: #000;
        margin-top: 6px;
        font-size: 15px;
        padding-left: 9px;
    }

    .form-div #tipsecim {
        width: 14px;
        float: left;
        margin-top: 10px;
        cursor: pointer;
    }

    .form-div .drpnot {
        width: 100%;
        padding: 8px;
        border: 1px solid #cccccc;
        color: #8c8c8c;
        margin-bottom: 5px;
    }

    .form-div input:focus, .form-div textarea:focus {
        outline: none;
    }

    .form-div button {
        width: auto;
        background: #98012e;
        color: #ffd2df;
        padding: 5px 10px;
        border: 0px;
        cursor: pointer;
        border: 1px solid #af0739;
        margin-top: 10px;
    }

.kapat {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: calc(50% - 18px);
    top: -18px;
}

.ac {
    color: #fff;
    cursor: pointer;
    position: absolute;
    left: -18px;
    top: 40%;
    font-size: 50px;
    color: #550019;
    display: none;
}

.notlar {
    width: calc(100% - 40px);
    margin: 20px 20px;
    background: #fff;
    padding: 5px;
    line-height: 22px;
    height: calc(95% - 10px);
    overflow: auto;
    position: relative;
}

.markafiltrele {
    display: none !important
}

.tabicerik {
}

    .tabicerik ul {
    }

        .tabicerik ul li {
            display: flex;
            width: 90%;
            margin: 0 auto;
            justify-content: space-between;
        }

.aracdosya {
}

    .aracdosya ul {
    }

        .aracdosya ul li {
            display: flex;
            width: 90%;
            margin: 0 auto;
            justify-content: flex-start;
        }

            .aracdosya ul li a, .aracdosya ul li i {
                color: #000
            }

.notlar > h4 {
    color: #616161;
    margin: 10px;
    text-align: right;
}

.notlar > p {
    font-size: 13px;
}

.inceyazi {
    font-weight: 200;
    font-size: calc(16px + 0.5vw);
    color: var(--color1);
}

.kalinyazi {
    font-weight: 200 !important;
    font-size: calc(16px + 0.5vw);
    color: var(--color1);
}

.altbar {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 50%;
    padding: 20px 0;
    transition: all 0.8s cubic-bezier(1, 0.15, 0.98, 0.96);
    left: 0;
    border: 1px solid #3e3e3e;
    background: var(--temacolor1);
    display: flex;
}

    .altbar > div:first-child {
        right: 80px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

        .altbar > div:first-child p {
            line-height: 18px;
            font-size: 14px;
            color: #fff;
            text-align: right;
            width: 70%;
        }

            .altbar > div:first-child p a {
                color: #fff;
                text-decoration: underline;
                font-size: 14px;
                line-height: 18px;
                font-weight: 500;
            }

    .altbar > div:nth-child(2n) {
        position: absolute;
        right: 20px;
        bottom: 15px;
        background: url(/img/arti.png) no-repeat center;
        background-size: 100%;
        width: 25px;
        cursor: pointer;
        transform: rotate(-45deg);
    }

        .altbar > div:nth-child(2n) a {
            width: 50px;
            height: 50px;
            display: block;
        }

.rsDefault .rsThumb.rsNavSelected {
    background: var(--temabg) !important;
}

.rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    background: var(--temabg) !important;
}

.aracdetayiletisim {
    width: 30%;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid var(--grandcolor3);
    background: var(--color1);
}

    .aracdetayiletisim > ul {
        border-bottom: 1px solid var(--txtcolor);
        margin-bottom: calc(20px + 0.5vw);
        padding-bottom: calc(10px + 0.5vw);
    }

        .aracdetayiletisim > ul > li {
            text-align: center;
            line-height: calc(23px + 0.5vw);
            color: var(--bgcolor);
            font-weight: 500;
            font-size: calc(15px + 0.4vw);
        }

            .aracdetayiletisim > ul > li a {
                font-size: calc(10px + 0.4vw);
                color: var(--bgcolor1);
            }

        .aracdetayiletisim > ul:last-child {
            border: 0;
            margin: 0;
            padding: 0;
        }

    .aracdetayiletisim h1 {
        border: 1px solid var(--bordercolor);
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
        border-radius: 100%;
        width: calc(70px + 0.05vw);
        height: calc(70px + 0.05vw);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: calc(10px + 0.5vw);
    }

        .aracdetayiletisim h1 i {
            color: var(--color1);
            font-size: calc(40px + 0.5vw);
        }

.mobilhat {
    display: table;
    position: fixed;
    bottom: var(--altbosluk);
    z-index: 100;
    width: calc(var(--altbosluk) * 1.3 );
    height: calc(var(--altbosluk) * 1.3 );
    animation: whatsappSlideIn 0.5s ease-out, whatsappPulse 2s infinite 0.5s;
    transition: all 0.3s ease;
    right: 2%;
    bottom: calc(var(--altbosluk) * 0.5);
    border-radius: 100%;
}

    .mobilhat:hover {
        transform: scale(1.2);
        animation-play-state: paused;
    }

        .mobilhat:hover svg {
            animation-play-state: paused;
        }

    .mobilhat .mobtable {
        display: table;
        width: 100%;
        background: rgb(7 176 26);
        height: 100%;
        animation: whatsappRotate 3s linear infinite;
        position: relative;
        overflow: hidden;
        border-radius: 100%;
        padding: 8px;
    }
        /*
    .mobilhat .mobtable::before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: linear-gradient(45deg, #25d366, #128c7e, #25d366, #34b7f1);
        border-radius: 0 calc(var(--altbosluk) * 0.5) calc(var(--altbosluk) * 0.5) 0;
        z-index: -1;
        animation: whatsappRing 2s ease-in-out infinite;
    }*/

        .mobilhat .mobtable a {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
            position: relative;
            z-index: 1;
        }

    .mobilhat svg {
        width: 60%;
        animation: whatsappIconBounce 1.5s ease-in-out infinite;
        color: #fff;
    }

/* WhatsApp Animasyonlar? */
@keyframes whatsappSlideIn {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0.1);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

@keyframes whatsappRotate {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(2deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-2deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes whatsappRing {
    0% {
        opacity: 0.8;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(1.05);
    }

    100% {
        opacity: 0;
        transform: scale(1.1);
    }
}

@keyframes whatsappIconBounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}



.hesabpmobilmenu {
    display: none;
}

.fdoc {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 50px;
}

.hesabpmobilmenu .dropdownsecim {
    z-index: 2;
    position: relative;
    border: 1px solid #eee;
    padding: 15px;
    width: 100%;
}

    .hesabpmobilmenu .dropdownsecim > div {
        cursor: pointer;
    }

    .hesabpmobilmenu .dropdownsecim span {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        font-size: 18px;
        font-weight: 600;
    }

    .hesabpmobilmenu .dropdownsecim ul {
        display: none;
        margin-top: 10px;
        background: #fff;
    }

        .hesabpmobilmenu .dropdownsecim ul > li {
            width: 100%;
        }

            .hesabpmobilmenu .dropdownsecim ul > li > a {
                border-bottom: 1px solid #D3D3D3;
                font-size: 14px;
                text-decoration: none;
                color: #000;
                padding: 12px 0;
                display: block;
            }


.slider-container .owl-theme .owl-controls {
    margin: 0;
    text-align: left;
}

.slider-container .owl-pagination {
    position: absolute;
    text-align: center;
    max-width: 980px;
    width: 980px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5%;
}

.slider-container .owl-theme .owl-controls .owl-page span { /*background:#00a550;*/
    width: 15px;
    height: 15px;
    opacity: 1;
    border: 2px solid #00a550;
}

.slider-container .owl-theme .owl-controls .owl-page.active span {
    background: #00a550;
}

.home-main-slider-bottom {
    padding: 50px 0;
    background: #221e1f;
}

.home-news-slider {
    position: relative;
}

    .home-news-slider .item {
        width: 100%;
        display: block;
        position: relative;
    }

        .home-news-slider .item a {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }

    .home-news-slider .owl-pagination {
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
    }

    .home-news-slider .owl-theme .owl-controls .owl-page span {
        background: #000;
        opacity: 1;
    }

    .home-news-slider .owl-theme .owl-controls .owl-page.active span {
        background: #fff;
    }

    .home-news-slider h3 {
        color: #8ec83d;
        font-size: 17px;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .home-news-slider .desc {
        color: #fff;
        font-size: 14px;
        font-family: "Open Sans", sans-serif;
        line-height: 20px;
    }

        .home-news-slider .desc p {
            margin-bottom: 15px;
        }

    .home-news-slider a.archive {
        background: #000;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        width: 55px;
        display: block;
        text-align: center;
        color: #fff;
        text-decoration: none;
        position: absolute;
        bottom: 0;
    }

    .home-news-slider .social-type-1 {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.showcase {
    padding-bottom: 50px;
}

    .showcase article figure {
        position: relative;
    }

        .showcase article figure span {
            width: 80px;
            height: 80px;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
        }

            .showcase article figure span.new {
                background: url(../img/icons/icon_new.png);
            }

            .showcase article figure span.campaign {
                background: url(../img/icons/icon_cam.png);
            }

.showcase {
    background: #8ec83d;
}

    .showcase .title {
        position: relative;
    }

        .showcase .title h2 {
            font-family: Ubuntu, sans-serif;
            font-weight: 700;
            font-size: 33px;
            color: #221e1f;
            letter-spacing: -2.5px;
            text-align: center;
            height: 105px;
            line-height: 105px;
            z-index: 999999;
            position: relative;
            width: 220px;
            margin: 0 auto;
            background: #8ec83d;
        }

        .showcase .title .hr-con {
            height: 12px;
            position: absolute;
            width: 100%;
            top: 50%;
            margin-top: -5px;
        }

            .showcase .title .hr-con span {
                display: block;
                width: 100%;
                height: 1px;
                border: 1px solid #000;
                margin-bottom: 3px;
            }

.home-shop { /*background:#fff*/
    overflow: hidden; /*position: relative;z-index: -2;*/
}

    .home-shop .home-shop-slider {
        position: relative;
        max-width: 935px;
        width: 100%;
        margin: 0 auto;
    }

        .home-shop .home-shop-slider .owl-wrapper {
            height: 75px;
        }

        .home-shop .home-shop-slider .item {
            text-align: center;
        }

            .home-shop .home-shop-slider .item a {
                position: relative;
            }

                .home-shop .home-shop-slider .item a.active:after, .home-shop .home-shop-slider .item a:hover:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 7px 6.5px 0;
                    border-color: #8ec83d transparent transparent;
                    position: absolute;
                    bottom: -10px;
                    left: 50%;
                    margin-left: -6.5px;
                }

                .home-shop .home-shop-slider .item a img {
                    border: 1px solid #333;
                }

        .home-shop .home-shop-slider .owl-controls .owl-buttons div {
            background: url(../img/home-shop-slider-arrow.png);
            width: 24px;
            height: 67px;
            display: block;
            padding: 0;
            margin: 0;
            position: absolute;
            top: -2px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
        }

            .home-shop .home-shop-slider .owl-controls .owl-buttons div.owl-prev {
                left: -24px;
            }

            .home-shop .home-shop-slider .owl-controls .owl-buttons div.owl-next {
                right: -24px;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

.home-shop-selected {
    position: relative;
}

    .home-shop-selected h3 {
        color: #888;
        font-size: 20px;
        font-family: "Open sans", sans-serif;
        text-align: center; /* margin-bottom:50px; */
        display: block;
        font-weight: 400;
    }

.home-shop-selected-slider {
    position: relative; /*max-width:1150px;*/
    width: 100%;
    margin: 0 auto;
}

.home-shop .home-shop-selected-slider .item {
    width: 220px;
    margin: 0 auto;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

    .home-shop .home-shop-selected-slider .item a {
        position: relative;
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .home-shop .home-shop-selected-slider .item a img { /*float:left;*/
            width: 100%;
            position: relative;
            z-index: -1;
            display: block;
        }

.home-shop .home-shop-selected-slider .owl-pagination {
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
}

    .home-shop .home-shop-selected-slider .owl-pagination .owl-page span {
        background: #00a550;
        opacity: 1;
    }

    .home-shop .home-shop-selected-slider .owl-pagination .owl-page.active span {
        background: #fff;
        border: 1px solid #00a550;
    }

.e-bulletin .mobile-socialSearch .socialSearch {
    width: 145px;
    position: relative;
    z-index: 0;
}

@media all and (max-width: 980px) {
    .slider-container .owl-pagination {
        width: 100%;
    }
}

@media all and (max-width: 640px) {
    .socialSearch {
        display: none;
    }

    .e-bulletin .mobile-socialSearch, .e-bulletin .mobile-socialSearch .socialSearch {
        display: block;
    }

    .list-yanmenu {
        display: none
    }
}

@media all and (max-width: 500px) {
    .home-main-slider-bottom .row .home-news-slider .col-2.fleft img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .home-news-slider .desc, .home-news-slider h3 {
        padding: 0 1%;
        text-align: center;
    }
}

@media all and (max-width: 480px) {
    .home-shop .home-shop-selected-slider .owl-pagination {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
    }
}

.owl-item {
    float: left;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background: url(../img/slider2-left-arrow.png) center no-repeat #7b1315;
    background-size: 50%;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    background: url(../img/slider2-right-arrow.png) center no-repeat #7b1315;
    background-size: 50%;
}

.owl-theme .owl-controls { /* margin-top:10px; */
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #afafaf;
        display: inline-block;
        zoom: 1;
        padding: 28px 28px;
        font-size: 12px; /* background: url(../img/right-arrow.svg); */
        position: absolute;
        top: -72px;
        cursor: pointer;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none;
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 3px;
            filter: Alpha(Opacity=50);
            opacity: 0.5;
            border-radius: 20px;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat;
}

.owl-item p {
    padding: 15px 15px 15px 0;
    font-family: "Open Sans";
    font-size: 11px;
    float: left;
}

    .owl-item p span {
        width: 100%;
        font-family: "Open Sans";
        font-weight: 600;
        font-size: 14px;
    }

.rsWebkit3d .rsSlide:before {
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 100%;
    content: " ";
}

.rsDefault .rsThumb {
    position: relative;
}

    .rsDefault .rsThumb:before {
        position: absolute;
        z-index: 11;
        width: 100%;
        height: 100%;
        content: " ";
    }

.detaylibilgi {
    margin: 40px 0;
}

    .detaylibilgi p a {
        color: #989898;
        border: 1px solid #989898;
        padding: 7px 10px;
        font-size: 14px;
        cursor: pointer;
    }

        .detaylibilgi p a:hover {
            color: #fff;
            border: 1px solid #fff;
        }

.ekranresimver {
    bottom: 53px;
    position: absolute;
    width: calc(100% - 12px);
    background: #a61e22;
    height: 50px;
}

    .ekranresimver > a {
        display: block;
        line-height: 50px;
        text-align: center;
        color: #fff;
    }

.resimengelle {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.detayvideo {
    display: flex;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin: 48px 0;
    overflow: hidden;
}

    .detayvideo > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        pointer-events: none;
        animation: fadeIn 2.5s;
        border-radius: 3px;
        margin: -3% 0;
    }

/*video*/
.video object {
    width: 100%;
    height: auto;
}

.vcontainer .icon-play {
    transition: opacity 0.225s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 76px;
    height: 76px;
    padding: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    cursor: pointer;
    z-index: 9;
}

    .vcontainer .icon-play svg {
        position: static;
        stroke: #f8f7f4;
        stroke-width: 10px;
        height: auto;
    }

video.fullscreen {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--zeminbg);
}

.vcontainer {
    position: relative;
    display: grid;
    place-items: center;
    height: 70vh;
    width: 100%;
    margin: 0 auto;
}

    .vcontainer .content {
        z-index: 1;
    }

.videopopup {
    margin-top: calc(30px + 0.5vw);
}

    .videopopup iframe {
        width: 100%;
        height: 100%;
    }

    .videopopup .vdetail {
        position: fixed;
        width: 100vw;
        height: 100vh;
        display: none;
        background: #000;
        left: 0;
        top: 0;
        z-index: 999;
    }

        .videopopup .vdetail video {
            background: #000;
        }

    .videopopup .close {
        position: absolute;
        right: var(--altbosluk);
        top: var(--altbosluk);
        display: block;
        cursor: pointer;
        z-index: 99;
    }

        .videopopup .close svg {
            width: 100%;
        }

    .videopopup .pause, .videopopup .play {
        display: none;
        position: absolute;
        bottom: var(--altbosluk);
        left: var(--altbosluk);
        cursor: pointer;
    }

        .videopopup .play.active, .videopopup .pause.active {
            display: block;
        }

.fullsize .img {
    width: 100%;
}

/*Video end*/

.app-store-pop {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: none;
    direction: none;
    position: fixed;
    z-index: 99999;
    background: rgb(0, 0, 0, 70%);
    top: 0;
}

    .app-store-pop .app-store-close {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        z-index: 9;
    }

        .app-store-pop .app-store-close > img {
            width: 40px;
        }

    .app-store-pop .apphaber {
        border: 10px solid var(--color1);
        min-height: 50vh;
        height: 90%;
        width: 90%;
    }

        .app-store-pop .apphaber .apphead .head {
            max-width: 650px;
        }

            .app-store-pop .apphaber .apphead .head h1 {
                font-size: 34px;
                line-height: 41px;
                font-weight: 500;
            }

            .app-store-pop .apphaber .apphead .head h2 {
                font-size: 20px;
                line-height: 26px;
                margin: 35px 0;
            }

            .app-store-pop .apphaber .apphead .head div {
            }



@media (max-width: 1400px) {
    .carlist > div:first-child {
        width: 330px;
        padding: 35px 22px;
    }

    .carlist > div:last-child {
        width: calc(100% - 360px);
    }

    #slider-range-price .ui-slider-handle div span {
        bottom: -37px;
    }

    .aracim .bilgi > div > div:first-child {
        width: 90px;
    }

    .usttab.fiyat {
        margin-top: 20px;
    }

    .araclar-list > ul > li {
        margin: 0 15px 25px 0;
    }
}

@media (max-width: 1300px) {

    .arac-detay .info .carinfo > div:first-child > ul > li > div:first-child {
        width: 90px;
    }

    .arac-detay .info .carinfo > div:first-child > ul > li > div:last-child {
        width: calc(100% - 102px);
    }

    .arac-detay .info .carinfo > div:first-child {
        padding: 35px 25px;
    }

    .arac-detay .info .carinfo {
        width: 300px;
        height: calc(100vh - 90px);
        margin-top: 90px;
    }
    .menubar .menuhead .menutxt ul {gap: 20px;}
}

@media (max-width: 1200px) {
    .topbar .menu {
        max-width: 60%
    }

    .bottommenu {
        padding: 10px 0;
    }

    .icalan {
        width: calc(100% - var(--altbosluk) * 2);
    }

    .topbar .temamod {
        margin-left: calc(var(--altbosluk) * 1);
    }

    .menu-bar2 .mmenu {
        margin-right: 9px;
    }

    #twonclick {
        right: 5px;
        width: 20px;
    }

        #twonclick .twonclick {
            width: 20px;
            background-size: 12px;
        }

    .uyegir {
        max-width: 100%
    }

    .mmunepopup {
        width: 70%
    }

    .haberlist .news-item > div {
        width: calc((100% / 3) - 10px )
    }

        .haberlist .news-item > div:nth-child(4n) {
            margin-right: 10px
        }

        .haberlist .news-item > div:nth-child(3n) {
            margin-right: 0
        }
}

@media (max-width: 1100px) {

    .apphaber .apphead .head div > a {
        width: 150px;
    }

    .apphaber .apphead {
        width: 70%;
    }

        .apphaber .apphead .head div {
            margin-top: calc(var(--altbosluk) / 2);
        }

        .apphaber .apphead .head {
            margin-bottom: 0
        }

    .icalankaydir {
        width: calc(100% - var(--altbosluk) * 2);
    }

    .slick-lightbox .slick-arrow, .slader .slick-arrow {
        left: calc(var(--altbosluk) / 2) !important;
    }

    .homeslader.slader {
        /* height: 60vh; */
    }

    .slick-arrow.slick-next {
        left: auto !important;
    }

    .carlist > div:first-child, .carmenu {
        position: fixed;
        width: 100%;
        max-width: 460px;
        z-index: 9997;
        top: 0;
        height: 100vh;
        left: -460px;
        transition: .5s;
        display: flex;
        justify-content: center;
        padding: 70px 35px 0 35px;
    }

    .carlist.miniform > div:last-child, .carlist > div:last-child {
        width: 100%
    }

    .filtrele {
        display: flex !important;
        align-items: center;
        cursor: pointer;
    }

    .mobilegizle.close {
        display: block !important;
        position: absolute;
        top: 100px;
        right: 20px;
        cursor: pointer;
    }

        .mobilegizle.close > svg {
            width: 25px;
        }

            .mobilegizle.close > svg > path {
                fill: var(--temacolor);
            }

    .arac-detay .info {
        height: 60vh;
    }

        .arac-detay .info .carinfo {
            display: none
        }

    .grdbg {
        height: 120px;
    }

    .grdbgbottom {
        height: 120px;
    }

    .arac-detay .info .grdbg {
        height: 60px;
    }

    .arac-detay .info .grdbgbottom {
        height: 60px;
        bottom: -1px;
    }

    .carinfo.mobilegizle {
        display: flex !important;
        position: relative;
        height: auto;
        margin: 0;
        width: 100%;
        padding: 0;
        right: auto;
        background: var(--bgcolor); /* margin-bottom: -1px; */
    }

    .arac-detay .leftslider {
        height: calc(40vh);
        min-height: 450px;
    }

    .carinfo.mobilegizle > div > ul {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .carinfo.mobilegizle > div > ul > li {
            width: 49%
        }

    .ekstraaciklama ul > li p, .AciklamaHead > ul > li div {
        line-height: calc(13px + 0.25vw);
    }

    .aracno {
        display: none
    }
}

/* Instagram Grid Mobil Responsive - Kompakt Boyutlar */
@media (max-width: 1200px) {
    .instagram-posts-grid {
        grid-template-columns: 1.2fr 0.8fr 1fr;
        height: calc(1 * (180px + 12px)); /* Kompakt y?kseklik */
    }

    .instagram-column.column-1 {
        flex: 1.1; /* Biraz daha b?y?k */
    }

    .instagram-column.column-2 {
        flex: 0.9; /* Biraz daha dar */
    }

    .instagram-column.column-3 {
        flex: 1;
    }

    .instagram-column.column-4 {
        display: none;
    }
}

@media (max-width: 900px) {
    .instagram-posts-grid {
        grid-template-columns: 1.2fr 0.8fr;
        height: calc(1 * (160px + 10px)); /* Kompakt y?kseklik */
    }

    .instagram-column.column-1 {
        flex: 1.2; /* Reel videosu i?in daha b?y?k */
    }

    .instagram-column.column-2 {
        flex: 0.8; /* Daha dar */
    }

    .instagram-column.column-3 {
        display: none;
    }

  
}

@media (max-width: 600px) {
    .instagram-posts-grid {
        grid-template-columns: 1fr;
        height: calc(1 * (140px + 8px)); /* Mobilde kompakt */
    }

    .instagram-column.column-1 {
        flex: 1;
    }

        .instagram-column.column-1 .reel-post .instaebat {
            aspect-ratio: 1; /* Mobilde kare format */
        }

    .instagram-column.column-2 {
        display: none;
    }
}

@media (max-width: 800px) {
    .instagram-posts.yanli {
        display: flex
    }

    .instagram-posts .txt {
        display: none
    }

    .listebarust {
    }

        .listebarust > div:first-child {
        }

        .listebarust > div:last-child {
            display: block
        }

    .mobilfiyatgizle {
        display: none
    }

    .mobilfiyat {
        display: block !important
    }

    .mobilaracslider {
        display: flex !important;
    }

    .desktoppicture {
        display: none !important;
    }

    .mobilcarhead {
        display: block !important;
        padding-bottom: 5px;
        margin-bottom: -1px;
        border-bottom: 1px solid var(--bgcolor3);
    }

    .main-item {
        padding-top: calc(var(--altbosluk) );
    }

    .main-begin {
        width: calc(100% - var(--altbosluk));
    }

    .arac-info {
        bottom: calc(var(--altbosluk) / 2);
        left: calc(var(--altbosluk) / 2);
    }

    .topbar .menu > div:first-child, .topbar .menu > div:last-child {
        display: none
    }

    .topbar .menu {
        justify-content: center;
    }

    .apphaber {
        min-height: 30vh;
    }

        .apphaber > img {
            height: 30vh;
        }

    .topbar .menu > div a img {
        height: auto;
        width: 130px;
    }

    .carousel__text h1 {
        text-align: center;
    }

    .footer .altmenu > div:first-child, .footer .altmenu > div:last-child {
        display: none
    }

    .footer .altmenu {
        justify-content: center;
    }

    .footerbottom > div a {
        font-size: 12px;
    }

    .vitrinilan > div {
        width: calc(50% - 5px);
        margin-bottom: 10px;
    }

    .aracim > div:last-child {
        position: relative;
        margin-top: 25px;
        left: 0;
    }

    .aracim p span, .aracmodel, .aracim p span {
        color: var(--temacolor)
    }

    .aracim:hover .golge img {
        transform: scale(1);
    }

    .vitrinilan > div.tekli .aracim:hover img {
        transform: translateY(-50%) scale(1);
    }

    .aracim:hover .aracgolge img, .aracim:hover .golge img {
        transform: scale(1);
    }

    .aracim .bg30 {
        display: none
    }

    .baslikbold {
        font-size: calc(16px + 0.3vw);
        line-height: calc(21px + 0.3vw);
        letter-spacing: 0px;
        margin-bottom: 3px;
    }

    .button {
        font-size: calc(10px + 0.35vw) !important;
        line-height: calc(13px + 0.35vw);
        font-weight: 300;
        padding: 7px 14px;
    }

    .treefold div:last-child a {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .menu-bar2 .mmenu {
        margin-right: calc(var(--altbosluk) / 2);
    }

    .topbar .temamod {
        margin-left: calc(var(--altbosluk) / 2);
    }

    .altbar {
        width: 100%;
        padding: 20px 0;
        border: 1px solid var(--temacolor1);
    }

        .altbar > div:first-child p, .altbar > div:first-child p a {
            font-size: 13px;
            line-height: 16px;
        }

    .newshome > div {
        padding: calc(var(--altbosluk) ) 0 calc(var(--altbosluk) * 0.7) 0;
    }

    .arac-kaydir-liste {
        margin-left: 0
    }

    .aracim .bilgi > div > div:first-child {
        width: 60px;
    }

    .slick-lightbox .slick-arrow, .slader .slick-arrow {
        width: 15px;
        height: 15px;
        padding: 10px;
        background-size: 6px;
        background-position: center center;
    }

    .mmunepopup {
        width: 80%
    }

    .arac-detay .leftslider {
        height: 400px;
        min-height: 400px;
    }

    .carhead .aracmodel {
        color: var(--color1) !important;
    }

    .bottompage .head {
        max-width: 90%;
        margin: 0 auto
    }

    .newrow {
        margin-top: calc(var(--altbosluk) * 1) !important;
        margin-bottom: 25px !important;
    }

    .carlist .listebar > div:first-child {
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 95%;
        align-items: center;
        border-bottom: 1px solid var(--temabordercolor1);
        padding-bottom: 11px;
    }

    .dropdownsecim > span {
        padding: 7px 14px;
    }

    .haberlist .news-item > div {
        width: calc((100% / 2) - 10px )
    }

        .haberlist .news-item > div:nth-child(3n) {
            margin-right: 10px
        }

        .haberlist .news-item > div:nth-child(2n) {
            margin-right: 0
        }

    .textbar {
        max-width: 95%
    }

    .uyegir {
        flex-direction: column;
    }

        .uyegir > div:first-child, .uyegir > div:last-child, .uyegir > div {
            width: 100%;
            margin-bottom: 30px
        }

    .carmenu.hesabim {
        display: none !important
    }

    .hesabpmobilmenu {
        display: block
    }

    .hesaptab .carlist {
        display: table !important
    }

    .talepler > div > p {
        width: 100%;
        line-height: calc(22px + 0.25vw);
        font-size: calc(15px + 0.24vw);
    }

    .talepler > div > h1 {
        font-size: calc(15px + 0.35vw) !important;
    }

    .talepler > div {
        flex-direction: column;
        padding-bottom: 16px;
    }

        .talepler > div > a {
            width: auto
        }

    .mobilehidde {
        display: none
    }

    .carmenu .button2 {
        padding: 8px 4px;
        font-size: calc(9px);
    }

    .secmarka {
    }

        .secmarka > div {
            font-size: 13px !important;
            line-height: 15px !important;
            margin-bottom: 0 !important;
            margin-top: 16px;
        }

        .secmarka > .div > div:last-child {
        }

        .secmarka > div > div.tree .button2 {
        }

        .secmarka .button2 {
            font-size: calc(11px);
            padding: 11px 4px; /* margin-right: 10px; */
            margin-bottom: 6px;
        }

    .item.tree.secmarka .button2 { /* width: calc((100% / 2) - 10px); */
    }

        .item.tree.secmarka .button2:nth-child(3n) { /* margin-right: 10px; */
        }

    .markafiltrele {
        display: flex !important;
    }

    .carlist > div:first-child > form {
        max-height: 680px;
        overflow-y: scroll;
        padding: 0 20px 70px 0;
    }
}

@media (max-width: 510px) {
    .mobilbrosur, .headnext {
        display: block
    }
    /*.bottompage ul > li{min-width: 85px;}*/
    .loading-icon .icon-load {
        width: 25px;
        height: 25px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top: 2px solid #fff;
    }

    .menuarama {
        display: none
    }

    textarea, input {
        padding: 13px 13px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .treefold figure, .arac-kaydir-liste figure {
        margin-right: 0
    }

    .aracim { /* border:0 ; */
        padding: 18px 7px;
    }

    .apphaber .apphead .head div > a {
        width: 120px;
    }

    .carousel__text h1 {
        font-size: calc(20px + 1vw);
        line-height: calc(28px + 1.2vw);
        letter-spacing: 0;
        font-weight: 300;
    }

    .topbar {
    }

    .mmunepopup {
        width: 100%
    }

    .textbar {
        max-width: 100%;
    }

    .bottommenu > ul {
        width: calc(100% - var(--altbosluk) * 2);
    }

    .arac-detay .leftslider .slick-slide, .bottompageempty .leftslider .slick-slide {
        margin: 0 0px;
    }

    .twopage > div:first-child {
        display: none
    }

    .twopage > div:last-child, .iletisim {
        width: calc(100% - var(--altbosluk) * 2);
        margin: 0 auto;
    }

        .iletisim > div > ul > li > p {
            line-height: calc(26px + 0.5vw);
            font-size: calc(12px + 0.4vw);
        }

    .mmunepopup .tarif > a {
        font-size: 14px;
        line-height: 18px;
    }

    .araclar-list > ul > li {
        width: calc((100% /2) - 5px);
        margin: 0 10px 10px 0;
        padding: 0 0;
    }

        .araclar-list > ul > li:nth-child(3n) {
            margin: 0 10px 10px 0;
        }

        .araclar-list > ul > li:nth-child(2n) {
            margin-right: 0;
        }

    .dropdownsecim {
        width: 150px;
    }

    .carlist .listebar {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    .carinfo > div:first-child > ul > li > div:first-child {
        width: 50px;
        letter-spacing: 0
    }

    .carinfo > div:first-child > ul > li > div:last-child {
        width: calc(100% - 65px);
    }

    .carinfo > div:last-child {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        margin-bottom: -1px;
        background: var(--temabg);
        display: none;
    }

    .arac-detay .leftslider {
        height: 260px;
        min-height: 260px;
    }

    .arac-detay .carhead {
        left: calc(var(--altbosluk) * 1);
    }

    .slick-arrow.slick-next {
        right: calc(var(--altbosluk) / 2) !important
    }

    .aracim .usttab > div:first-child > div model, .aracim .bilgi > div > div {
        font-size: calc(10px + 0.4vw);
        line-height: calc(12px + 0.4vw);
    }

        .aracim .bilgi > div > div:first-child {
            width: 70px;
            min-width: 70px;
        }

    .aracmodel {
        font-size: calc(10px + 0.4vw);
        line-height: calc(12px + 0.4vw);
        height: calc(12px + 0.4vw);
        margin: 3px 0
    }

    .aracim .usttab > div:first-child > div span, .usttab.fiyat > div:first-child > div:first-child, .aracim p span {
        font-size: calc(9px + 0.4vw);
        line-height: calc(10px + 0.5vw);
    }

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        font-size: calc(10px + 0.4vw);
        line-height: calc(14px + 0.4vw);
    }

    .mt45 {
        margin-top: 25px;
    }

    .aracim > div:last-child {
        margin-top: 15px;
    }

    .icalan {
        width: calc(100% - var(--altbosluk) * 1.2);
    }

    .pagination > li > a, .pagination > li > span {
        font-size: calc(10px + 0.5vw);
    }

    .listebar .button {
        margin-right: 8px;
        font-size: calc(9px + 0.35vw) !important;
    }

    .formlar fieldset {
        margin-bottom: calc(var(--altbosluk) / 2);
    }

    .formlar legend {
        margin-bottom: 10px;
    }

    #twonclick {
        display: none
    }

    .arac-kaydir-liste .aracim {
        border: 0px;
        padding: 0;
    }

    .aracim p {
        margin-top: 10px
    }

    .wallpaperlist .wallpapeslider div {
        width: calc((100% / 3) - 5px);
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 10px;
    }

    .carinfo > div:first-child {
        padding: 15px 25px;
        backdrop-filter: none;
    }

    .mobilyok {
        display: none !important
    }

    .arac-detay .info {
        height: 247px;
    }

    .arac-detay .newrow {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        position: relative;
    }

        .arac-detay .newrow > div {
            padding-top: 0;
            background: var(--bgcolor);
        }

            .arac-detay .newrow > div > .head {
                display: none
            }

    .AciklamaHead > ul {
        width: 100%;
    }

    .leftmodal .pro-detail {
        width: 100%
    }

    .leftmodal.show .pro-detail {
        overflow: scroll
    }

    .aracim .usttab.fiyat > div:last-child {
        justify-content: flex-end
    }

    .detatrentto > div > div:last-child > div {
        font-size: calc(10px + 0.4vw);
        line-height: calc(14px + 0.4vw)
    }

    .arac-detay .info .r2oarac {
        width: 25px !important
    }

    .detatrentto > div {
        padding: 2px 8px
    }

    .aracim .usttab.fiyat.listduzen > div {
        flex-direction: column;
        align-items: flex-start
    }

        .leftmodal .pro-detail header, .aracim .usttab.fiyat.listduzen > div > div {
            margin-bottom: 10px
        }

    .leftmodal .surebar, .leftmodal .pro-detail .ictext p {
        margin-bottom: 20px
    }

    .galerilink {
        display: none !important
    }

    .leftmodal .pro-detail {
        padding: 5vh 35px 10px 35px
    }

        .leftmodal .pro-detail .ictext p {
            font-size: 14px;
            line-height: 18px;
        }

    .detatrentto > div {
        margin-left: 15px
    }
}

/* Mega Menu Styles */
.mega-menu-overlay {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9997;
    visibility: hidden;
    opacity: 0;
    transition: top 0.5s ease, opacity 0.3s ease, visibility 0s linear 0.5s;
    pointer-events: none;
}

    .mega-menu-overlay.active {
        top: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        transition: top 0.5s ease, opacity 0.3s ease, visibility 0s linear 0s;
        pointer-events: auto;
    }

.mega-menu-container {
    position: relative;
    width: 100%;
    height: 100%;
    /* padding-top: 25px; */
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: var(--altbosluk);
}

.mega-menu-close {
    position: absolute;
    top: 30px;
    right: 30px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #fff;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    backdrop-filter: blur(10px);
    padding: 0;
}

    .mega-menu-close svg {
        width: 17px;
        height: 14px;
        padding: 0;
    }

    .mega-menu-close:hover {
        background: #fff;
        color: #000;
        transform: rotate(90deg);
        border-color: #fff;
    }

        .mega-menu-close:hover svg {
            stroke: #000;
        }

.mega-menu-content {
    display: flex;
    width: 100%;
    height: calc(100% - 50px);
    gap: 5px;
    width: calc( 100% - var(--altbosluk) * 2);
}

/* Sol Navigasyon */
.mega-menu-nav {
    width: 367px;
    background: var(--grandcolor1);
    border: 1px solid var(--grandcolor1);
    padding: 30px;
    /* border-radius: 10px; */
    overflow-y: auto;
}

    .mega-menu-nav h3 {
        color: var(--temacolor);
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid var(--temabordercolor);
    }

    .mega-menu-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .mega-menu-nav ul li {
            margin-bottom: 5px;
        }

            .mega-menu-nav ul li a {
                display: block;
                padding: 15px 20px;
                color: var(--txtcolor);
                font-size: 25px;
                transition: all 0.3s ease;
                border-radius: 8px;
                border-left: 3px solid transparent;
                font-family: 'roboto-vi';
                FONT-WEIGHT: 200;
                letter-spacing: -0.25px;
                /* font-family: 'site-head'; */
                /* font-family: 'site-text'; */
                /* font-family: 'text-ar'; */
            }

                .mega-menu-nav ul li a:hover {
                    background: var(--bgcolor4);
                    color: var(--color1);
                    border-left-color: var( --color3);
                    transform: translateX(5px);
                }

                .mega-menu-nav ul li a.active {
                    background: var(--bgcolor4);
                    color: var(--color1);
                    border-left-color: var(--color3);
                    font-weight: 400;
                }

/* Sa? ??erik */
.mega-menu-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--grandcolor1);
    border: 1px solid var(--grandcolor1);
    /* border-radius: 10px; */
    overflow: hidden;
    min-height: 0;
}

.mega-menu-arac-section,
.mega-menu-konsinye-section,
.mega-menu-trade-section {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Showroom i?in mega-menu-main overflow ve scrollbar */
#megaMenuContentShowroom .mega-menu-main {
    overflow-y: auto;
    padding: 40px 80px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

    #megaMenuContentShowroom .mega-menu-main::-webkit-scrollbar {
        width: 8px;
    }

    #megaMenuContentShowroom .mega-menu-main::-webkit-scrollbar-track {
        background: transparent;
    }

    #megaMenuContentShowroom .mega-menu-main::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 10px;
    }

        #megaMenuContentShowroom .mega-menu-main::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.5);
        }

.mega-menu-categories {
    display: flex;
    gap: 10px;
    padding: 20px 80px;
    border-bottom: 1px solid var(--temabordercolor2);
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

    .mega-menu-categories::-webkit-scrollbar {
        height: 6px;
    }

    .mega-menu-categories::-webkit-scrollbar-track {
        background: transparent;
    }

    .mega-menu-categories::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 10px;
        transition: background 0.3s ease;
    }

        .mega-menu-categories::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.5);
        }

.mega-category {
    padding: 9px 24px;
    background: transparent;
    color: var(--txtcolor);
    border: 1px solid var(--temabordercolor2);
    border-radius: 25px;
    font-size: 14px;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer;
    font-family: 'roboto-vi';
}

    .mega-category:hover {
        color: var(--txtcolor1);
        border-color: var(--color3);
    }

    .mega-category.active {
        background: var(--color3);
        color: var(--color1);
        border-color: var( --color3);
        font-weight: 600;
    }

.mega-menu-brands {
    flex: 1;
    padding: 40px 80px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    align-content: start;
    min-height: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

    .mega-menu-brands::-webkit-scrollbar {
        width: 8px;
    }

    .mega-menu-brands::-webkit-scrollbar-track {
        background: transparent;
    }

    .mega-menu-brands::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 10px;
        transition: background 0.3s ease;
    }

        .mega-menu-brands::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.5);
        }

.brand-item {
    background: var(--grandcolor1);
    border: 1px solid var(--temabordercolor2);
    border-radius: 8px;
    padding: 11px 11px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

    .brand-item.brand-all {
        /*    background: var(--color3);
    border-color: var(--color3);*/
    }

        .brand-item.brand-all h4 {
            color: var(--txtcolor);
        }

        .brand-item.brand-all .brand-count {
            background: var(--bgcolor4);
            color: var(--color1);
        }

    .brand-item:hover {
        background: var(--bgcolor);
        border-color: var(--color3);
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        /* color: var(--color1); */
    }

    .brand-item h4 {
        color: var(--txtcolor);
        font-size: 14px;
        white-space: nowrap;
        line-height: 21px;
        font-family: 'roboto-vi';
        letter-spacing: .25px;
        text-transform: uppercase;
    }


    .brand-item:hover h4 {
        color: var(--txtcolor);
    }

    .brand-item p {
        color: var(--txtcolor);
        font-size: 14px;
    }

    .brand-item .brand-count {
        display: inline-block;
        padding: 6px 8px;
        border-radius: 15px;
        font-weight: 600;
        font-size: 11px;
        font-family: 'roboto-vi';
        line-height: 13px;
        background: var(--bgcolor4);
        color: var(--color1);
    }

.loading-spinner {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .loading-spinner svg {
        width: 40px;
        height: 40px;
        color: var(--color3);
        opacity: 0.7;
    }

.error-message {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #ff4444;
    font-size: 18px;
}

/* Scrollbar Styles */
.mega-menu-nav::-webkit-scrollbar,
.mega-menu-brands::-webkit-scrollbar {
    width: 8px;
}

.mega-menu-nav::-webkit-scrollbar-track,
.mega-menu-brands::-webkit-scrollbar-track {
    background: var(--bgcolor);
}

.mega-menu-nav::-webkit-scrollbar-thumb,
.mega-menu-brands::-webkit-scrollbar-thumb {
    background: var(--temabordercolor);
    border-radius: 4px;
}

    .mega-menu-nav::-webkit-scrollbar-thumb:hover,
    .mega-menu-brands::-webkit-scrollbar-thumb:hover {
        background: var(--color3);
    }

/* Mega Menu Form Content */
.mega-menu-konsinye-section,
.mega-menu-trade-section {
    padding: 40px;
    overflow-y: auto;
}

.mega-form-content {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    padding: 40px;
    height: 100%;
    overflow-y: auto;
}

.mega-form-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.mega-form-header {
    margin-bottom: 10px;
}

    .mega-form-header h2 {
        color: var(--color1);
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .mega-form-header p {
        color: var(--color1);
        font-size: 16px;
        opacity: 0.8;
    }

.mega-form-body {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.mega-form-desc {
    color: var(--color1);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

.mega-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.mega-feature-item {
    display: flex;
    gap: 15px;
    padding: 20px;
    background: var(--temabgrbg);
    border: 1px solid var(--temabordercolor3);
    border-radius: 12px;
    transition: all 0.3s ease;
}

    .mega-feature-item:hover {
        border-color: var(--color3);
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

.mega-feature-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color3);
    border-radius: 10px;
}

    .mega-feature-icon svg {
        width: 26px;
        height: 26px;
        color: var(--color1);
    }

.mega-feature-text {
    flex: 1;
}

    .mega-feature-text h4 {
        color: var(--temacolor);
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 5px 0;
        line-height: 1.3;
        font-family: 'roboto-vi';
    }

    .mega-feature-text p {
        color: var(--temacolor1);
        font-size: 13px;
        margin: 0;
        opacity: 0.7;
        line-height: 1.4;
    }

.mega-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 11px 25px;
    background: var(--color3);
    color: var(--color1);
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-decoration: none;
    align-self: flex-start;
    font-size: 13px;
}

.showroom-locations-list .mega-btn-primary {
    padding: 10px 15px;
    margin-top: 14px;
}

.mega-btn-primary span {
    color: var(--color1);
    font-size: 16px;
    font-weight: 600;
}

.mega-btn-primary svg {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.mega-btn-primary:hover {
    background: var(--temacolor);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 186, 0, 0.3);
    color: var(--color1);
}


    .mega-btn-primary:hover * {
        color: var(--temabgrbg);
    }

    .mega-btn-primary:hover svg {
        transform: translateX(5px);
    }

.mega-form-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mega-form-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: var(--temabgrbg); */
    /* border: 1px solid var(--temabordercolor3); */
    border-radius: 16px;
    overflow: hidden;
    max-height: 550px;
}

    .mega-form-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .mega-form-image svg {
        width: 100%;
        height: auto;
        max-height: 400px;
    }

/* Responsive - Konsinye Form & Trade Panels */
@media (max-width: 1024px) {
    .mega-form-content,
    .mega-trade-panel-content {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px;
    }

    .mega-form-right {
        display: none;
    }

    .mega-feature-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .mega-form-header h2 {
        font-size: 28px;
    }

    .mega-form-content,
    .mega-trade-panel-content {
        padding: 20px;
    }

    .mega-feature-item {
        padding: 15px;
    }
}

/* Showroom ?zel Alanlar - mega-menu-main i?inde kullan?lacak */
.mega-showroom-panel {
    display: none;
}

    .mega-showroom-panel.active {
        display: block;
    }

/* Brand Header - Marka ba?l??? ve icon */
.showroom-brand-header {
    display: flex;
    align-items: center;
    gap: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--temabordercolor3);
    margin-bottom: 40px;
}

.showroom-brand-icon {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .showroom-brand-icon svg {
        width: 100%;
        height: 100%;
    }

.showroom-brand-header h2 {
    color: var(--temacolor);
    font-size: 32px;
    font-weight: 300;
    margin: 0;
    font-family: 'roboto-vi';
    letter-spacing: 1px;
}

/* Lokasyon Listesi */
.showroom-locations-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Lokasyon Card - Minimal tasar?m */
.showroom-location-card {
    /* background: var(--temabgrbg); */
    border: 1px solid var(--bordercolor1);
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
}

    .showroom-location-card:hover {
        /* border-color: var(--txtcolor); */
        /* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
    }

    .showroom-location-card h4 {
        color: var(--color1);
        font-size: 20px;
        font-weight: 400;
        margin: 0 0 20px 0;
        font-family: 'roboto-vi';
        padding-bottom: 15px;
        border-bottom: 1px solid var(--temabordercolor2);
    }

/* Card Content - Grid Layout (Sol: ?leti?im, Sa?: Harita) */
.showroom-card-content {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 30px;
    align-items: start;
}

/* ?leti?im Bilgileri - Minimal */
.showroom-contact-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .showroom-contact-info > p {
        color: var(--txtcolor);
        font-size: 16px;
        line-height: 1.6;
        margin: 0 0 15px 0;
        /* font-family: 'roboto-vi'; */
        font-weight: 300;
        /* padding-bottom: 11px; */
        /* border-bottom: 1px solid var(--temabordercolor3); */
        margin-bottom: 0;
    }

    .showroom-contact-info strong {
        color: var(--txtcolor);
        font-weight: 400;
        margin-right: 5px;
        opacity: 0.8;
        font-size: 16px;
    }

/* Contact Row - Icon + Text */
.showroom-contact-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .showroom-contact-row > svg,
    .showroom-contact-row > a:not(.mega-btn-primary) > svg {
        width: 18px;
        height: 18px;
        color: var(--txtcolor);
        opacity: 0.5;
        flex-shrink: 0;
    }

    .showroom-contact-row > a:not(.mega-btn-primary),
    .showroom-contact-row > span {
        color: var(--txtcolor);
        font-size: 15px;
        text-decoration: none;
        font-weight: 300;
        transition: color 0.3s ease;
    }

        .showroom-contact-row > a:not(.mega-btn-primary):hover {
            color: var(--color3);
        }

/* Harita */
.showroom-map {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--temabordercolor3);
    background: var(--bgcolor);
}

/* Yol Tarifi Butonu - Minimal */
.showroom-map-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--temabordercolor3);
    color: var(--temacolor1);
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 300;
    transition: all 0.3s ease;
}

    .showroom-map-btn svg {
        width: 16px;
        height: 16px;
    }

    .showroom-map-btn:hover {
        border-color: var(--color3);
        color: var(--color3);
        background: rgba(var(--color3-rgb), 0.05);
    }

/* Custom Map Marker */
.custom-map-marker {
    background: transparent;
    border: none;
}

    .custom-map-marker svg {
        width: 40px;
        height: 40px;
        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
    }

/* Image based marker (when Firmalar.icon provided) */
.custom-map-marker-image {
    border: 0;
}

/* Leaflet kontroller i?in tema renkleri */
.leaflet-container {
    background: var(--bgcolor);
}

.leaflet-control-zoom a {
    background: var(--temabgrbg);
    border-color: var(--temabordercolor3);
    color: var(--txtcolor);
}

    .leaflet-control-zoom a:hover {
        background: var(--bgcolor);
        color: var(--color3);
    }

/* Leaflet zoom buttons - theme-friendly shapes and spacing */
.leaflet-control-zoom {
    border: 1px solid var(--temabordercolor3);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    background: var(--temabgrbg);
    color: var(--txtcolor);
    border: none;
}

    .leaflet-control-zoom-in:hover,
    .leaflet-control-zoom-out:hover {
        background: var(--bgcolor);
        color: var(--temacolor);
    }

.leaflet-control-zoom-in {
    border-bottom: 1px solid var(--temabordercolor3);
}

.leaflet-control-zoom-out {
    border-top: 1px solid var(--temabordercolor3);
}

/* Light tema i?in ?zel kontrol renkleri */
#up.light .leaflet-container {
    /* background: var(--bgcolor); */
}

#up.light .leaflet-control-zoom {
    border-color: var(--temabordercolor3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

    #up.light .leaflet-control-zoom a {
        /*   background: var(--bgcolor);*/
        /*    color: var(--temacolor);*/
    }

        #up.light .leaflet-control-zoom a:hover {
            background: var(--temabgrbg);
            color: var(--color3);
        }

.leaflet-touch .leaflet-bar a span {
    color: #000
}
/* Attribution kontrol?n? gizle */
.leaflet-control-attribution {
    display: none !important;
}

/* Showroom Responsive */
@media (max-width: 768px) {
    .showroom-brand-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .showroom-brand-icon {
        width: 60px;
        height: 60px;
    }

    .showroom-brand-header h2 {
        font-size: 24px;
    }

    .showroom-location-card {
        padding: 20px;
    }

        .showroom-location-card h4 {
            font-size: 18px;
        }

    .showroom-card-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .showroom-contact-row {
        font-size: 12px;
    }

        .showroom-contact-row > svg,
        .showroom-contact-row > a:not(.mega-btn-primary) > svg {
            width: 16px;
            height: 16px;
        }

    .showroom-map {
        height: 250px;
        min-height: 250px;
    }
}

/* Trade Tabs */
.mega-trade-tabs {
    display: flex;
    gap: 10px;
    /* padding: 20px; */
    /* background: var(--bgcolor); */
    /* border-bottom: 1px solid var(--temabordercolor); */
    /* border-radius: 10px; */
}

.mega-trade-tab {
    flex: 1;
    padding: 15px 25px;
    background: transparent;
    color: var(--color1);
    border: 1px solid var(--temabordercolor3);
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
    font-family: 'roboto-vi';
}

    .mega-trade-tab:hover {
        background: var(--bgcolor4);
        color: var(--color1);
    }

    .mega-trade-tab.active {
        background: var(--color3);
        color: var(--color1);
        border-color: var(--color3);
        font-weight: 600;
    }

.mega-trade-content {
    padding: 40px;
}

.mega-trade-panel {
    display: none;
}

    .mega-trade-panel.active {
        display: block;
    }

.mega-trade-panel-content {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    /* padding: 40px; */
    height: 100%;
    align-items: start;
}

/* Responsive */
@media (max-width: 1024px) {
    .mega-menu-container {
        padding: 40px 20px;
    }

    .mega-menu-content {
        flex-direction: column;
        height: auto;
        max-height: 90vh;
    }

    .mega-menu-nav {
        width: 100%;
        max-height: 200px;
    }

    .mega-menu-brands {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        padding: 20px;
    }

    .mega-form-content {
        padding: 20px;
    }

    .mega-trade-tabs {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .mega-menu-close {
        width: 40px;
        height: 40px;
        top: 20px;
        right: 20px;
    }

    .mega-menu-categories {
        padding: 15px;
    }

    .mega-category {
        padding: 10px 18px;
        font-size: 13px;
    }

    .mega-menu-brands {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
        padding: 15px;
    }

    .brand-item {
        padding: 15px;
    }

        .brand-item h4 {
            font-size: 16px;
        }

        .brand-item p {
            font-size: 12px;
        }

    /* Mobile Icon Row Styles */
    .icon-row {
        gap: 8px;
        margin-bottom: 12px;
        padding: 10px 8px;
    }

    .icon-item {
        min-width: 70px;
        gap: 6px;
        padding: 6px 8px;
    }

        .icon-item svg {
            width: 16px;
            height: 16px;
        }

        .icon-item span {
            font-size: calc(6px + 0.2vw);
            line-height: calc(8px + 0.2vw);
        }
}

/* Ara? ?zellikler Icons */
.arac-ozellikler {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    background: var(--bgcolor4);
    border-radius: 0 0 10px 10px;
}

.ozellik-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    padding: 0 5px;
}

    .ozellik-item svg {
        margin-bottom: 8px;
        color: var(--grandcolor1);
        transition: all 0.3s ease;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    }

    .ozellik-item:hover svg {
        /* color: var(--color1); */
        /* transform: scale(1.1); */
        /* filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2)); */
    }

    .ozellik-item span {
        font-size: calc(9px + 0.18vw);
        line-height: calc(11px + 0.18vw);
        color: var(--txtcolor);
        font-weight: 200;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        font-family: 'roboto-vi';
    }

    /* ?zel ikon stilleri */
    .ozellik-item #km,
    .ozellik-item #vites,
    .ozellik-item #hiz,
    .ozellik-item #yakit {
        width: 24px !important;
        height: 24px !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .ozellik-item #km:hover,
        .ozellik-item #vites:hover,
        .ozellik-item #hiz:hover,
        .ozellik-item #yakit:hover {
            /* transform: translateY(-2px); */
        }


/* ============================================================
   BAGACAR ANASAYFA ? SESSION CSS EKLEMELER?
   ============================================================ */

/* ===== HS-ADV SLIDER ===== */
.hs-adv {
    background: #000;
    padding: 80px 0 60px;
    border-top: 1px solid #111;
    overflow: hidden;
}

.hs-adv-head {
    max-width: 1200px;
    margin: 0 auto 48px;
    padding: 0 40px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.hs-adv-head-right {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
}

.hs-adv-arrows {
    display: flex;
    gap: 8px;
}

    .hs-adv-arrows .slick-prev,
    .hs-adv-arrows .slick-next {
        position: static;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.12);
        background: rgba(255,255,255,0.04);
        display: flex !important;
        align-items: center;
        justify-content: center;
        transform: none;
        transition: border-color 0.25s, background 0.25s;
    }

        .hs-adv-arrows .slick-prev:hover,
        .hs-adv-arrows .slick-next:hover {
            border-color: #229c50;
            background: rgba(34,156,80,0.1);
        }

        .hs-adv-arrows .slick-prev::before,
        .hs-adv-arrows .slick-next::before {
            font-size: 16px;
            color: #fff;
            opacity: 0.7;
        }

.hs-adv-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #229c50;
    text-decoration: none;
    transition: gap 0.2s;
}

    .hs-adv-cta:hover {
        gap: 12px;
    }

    .hs-adv-cta svg {
        width: 14px;
        height: 14px;
        fill: #229c50;
    }

.hs-adv-slider-clip {
    overflow: hidden;
}

.hs-adv-slider {
    margin: 0 -8px;
}

.hs-adv-slide {
    margin: 0 8px;
    position: relative;
    height: 500px;
    border-radius: 6px;
    overflow: hidden;
    transform: scale(0.9);
    opacity: 0.45;
    transition: transform 0.55s cubic-bezier(0.4,0,0.2,1), opacity 0.55s ease;
    cursor: pointer;
}

.hs-adv-slider .slick-center .hs-adv-slide {
    transform: scale(1);
    opacity: 1;
}

.hs-adv-slide-bg {
    position: absolute;
    inset: 0;
}

    .hs-adv-slide-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        filter: grayscale(0.25) brightness(0.55);
        transition: filter 0.55s ease;
    }

.hs-adv-slider .slick-center .hs-adv-slide .hs-adv-slide-bg img {
    filter: none;
}

.hs-adv-slide-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 30%, rgba(4,4,4,0.97) 100%);
}

.hs-adv-slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 36px 32px 32px;
    z-index: 2;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
}

.hs-adv-slider .slick-center .hs-adv-slide-caption {
    opacity: 1;
    transform: translateY(0);
}

.hs-adv-slide-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(34,156,80,0.3);
    border-radius: 100px;
    padding: 5px 12px 5px 8px;
    font-size: 11px;
    font-weight: 700;
    color: #229c50;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
    backdrop-filter: blur(6px);
}

    .hs-adv-slide-badge svg {
        width: 14px;
        height: 14px;
        fill: #229c50;
    }

.hs-adv-slide-caption h3 {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-bottom: 8px;
}

.hs-adv-slide-caption p {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    line-height: 1.6;
    margin: 0;
}
/* Bar dots */
.hs-adv-slider .slick-dots {
    bottom: -36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .hs-adv-slider .slick-dots li {
        width: 28px;
        height: 3px;
        margin: 0;
        transition: width 0.3s ease;
    }

        .hs-adv-slider .slick-dots li.slick-active {
            width: 56px;
        }

        .hs-adv-slider .slick-dots li button {
            width: 100%;
            height: 3px;
            padding: 0;
            border-radius: 2px;
            background: rgba(255,255,255,0.2);
        }

            .hs-adv-slider .slick-dots li button::before {
                display: none;
            }

        .hs-adv-slider .slick-dots li.slick-active button {
            background: #229c50;
        }

/* ===== NEDEN BAGACAR ===== */
.hs-neden {
    background: #229c50;
    padding: 100px 0 4vw;
    /* border-top: 1px solid #222; */
}

.hs-neden-inner {
    width: 92%;
    margin: 0 auto;
    max-width: 1420px;
}

.hs-neden-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 64px;
}

.hs-neden-head-left .hs-tag {
    display: block;
    margin-bottom: 14px;
}

.hs-neden-head-left h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -3px;
    line-height: 1.05;
    margin: 0;
}

    .hs-neden-head-left h2 em {
        color: #229c50;
        font-style: normal;
    }

.hs-neden-head-sub {
    font-size: 14px;
    color: rgba(255,255,255,0.97);
    line-height: 1.8;
    max-width: 340px;
    border-left: 2px solid rgb(255 255 255 / 30%);
    padding-left: 16px;
    margin: 0;
}

.hs-neden-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
}

.hs-neden-kart {
    position: relative;
    overflow: hidden;
    height: 400px;
    cursor: default;
    background: #060606;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

    .hs-neden-kart.neden-visible {
        opacity: 1;
        transform: translateY(0);
    }
/* fallback: AOS yoksa veya JS ?al??mazsa kartlar g?r?ns?n */
.no-js .hs-neden-kart {
    opacity: 1;
    transform: none;
}

.hs-neden-kart-img {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .hs-neden-kart-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        transform: scale(1.05);
        transition: transform 0.7s ease, opacity 0.5s ease;
        opacity: 0.45;
    }

.hs-neden-kart:hover .hs-neden-kart-img img {
    transform: scale(1.0);
    opacity: 0.75;
}

.hs-neden-kart-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent 0%, rgba(4,4,4,0.55) 55%, rgba(4,4,4,0.9) 100%);
    transition: opacity 0.4s;
}

.hs-neden-kart:hover .hs-neden-kart-overlay {
    opacity: 0.5;
}

.hs-neden-kart-body {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px 36px;
}

.hs-neden-kart-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: rgba(34,156,80,0.12);
    border: 1px solid rgba(34,156,80,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    flex-shrink: 0;
    transition: background 0.3s, border-color 0.3s;
}

.hs-neden-kart:hover .hs-neden-kart-icon {
    background: rgba(34,156,80,0.2);
    border-color: rgba(34,156,80,0.55);
}

.hs-neden-kart-icon svg {
    width: 24px;
    height: 24px;
    fill: #229c50;
}

.hs-neden-num {
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 1px;
    color: rgba(34,156,80,0.8);
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 1;
}

.hs-neden-kart-body h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    line-height: 1.25;
    margin: 0 0 10px;
}

.hs-neden-kart-body p {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
    margin: 0;
    max-width: 380px;
    transform: translateY(6px);
    opacity: 0;
    transition: opacity 0.35s ease 0.05s, transform 0.35s ease 0.05s;
}

.hs-neden-kart:hover .hs-neden-kart-body p {
    opacity: 1;
    transform: translateY(0);
}
/* touch / mobile: p her zaman g?r?ns?n */
@media (hover: none) {
    .hs-neden-kart-body p {
        opacity: 1;
        transform: none;
    }

    .hs-neden-kart-img img {
        opacity: 0.5;
    }
}

/* ===== SSS TAM EKRAN ARKA PLAN ===== */
.hs-sss-wrap {
    position: relative;
    background: #080808;
    overflow: hidden;
}

.hs-sss-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .hs-sss-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        filter: brightness(0.15) saturate(0.8);
    }

.hs-sss-inner {
    position: relative;
    z-index: 2;
    padding: 60px 60px 60px 40px;
    display: flex;
    align-items: center;
}

/* ===== SSS OVERRIDE ===== */
.sss-override {
    background: transparent !important;
}

    .sss-override .sss-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .sss-override .sss-baslik,
    .sss-override .sss-baslik * {
        color: #fff !important;
    }

    .sss-override .sss-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 40px;
    }

    .sss-override .sss-cat-btn {
        background: rgba(255,255,255,0.05) !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        color: rgba(255,255,255,0.5) !important;
        border-radius: 100px !important;
        padding: 7px 18px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        transition: all 0.2s !important;
    }

        .sss-override .sss-cat-btn.active,
        .sss-override .sss-cat-btn:hover {
            background: rgba(34,156,80,0.12) !important;
            border-color: rgba(34,156,80,0.4) !important;
            color: #229c50 !important;
        }

    .sss-override .sss-accordion {
        max-width: 1200px;
        margin: 0 auto;
    }

    .sss-override .sss-item {
        border-bottom: 1px solid rgba(255,255,255,0.07) !important;
        background: transparent !important;
    }

        .sss-override .sss-item.active {
            /* border-left: 3px solid #229c50 !important; */
        }

    .sss-override .sss-question {
        color: rgba(255,255,255,0.85) !important;
        padding: 20px 0 !important;
    }

        .sss-override .sss-question:hover {
            color: #fff !important;
        }

    .sss-override .sss-item.active .sss-question {
        color: #fff !important;
    }

    .sss-override .sss-answer-content {
        font-size: 14px !important;
        line-height: 1.8 !important;
        color: rgba(255,255,255,0.95) !important;
        padding: 0 0 0 48px !important;
        opacity: 0 !important;
        transform: translateY(-6px) !important;
        transition: opacity 0.3s ease 0.08s, transform 0.3s ease 0.08s, padding-bottom 0.38s ease !important;
    }

    .sss-override .sss-item.active .sss-answer-content {
        opacity: 1 !important;
        transform: translateY(0) !important;
        padding-bottom: 24px !important;
    }

/* SSS icon modernize */
.sss-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.13);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.25s;
}

.sss-item.active .sss-icon {
    border-color: #229c50;
    /* background: rgba(34,156,80,0.07); */
    color: #229c50;
}

.sss-icon svg {
    width: 14px;
    height: 14px;
}

/* SSS accordion grid animasyon */
.sss-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

    .sss-answer > .sss-answer-content {
        overflow: hidden;
        min-height: 0;
    }

.sss-item.active .sss-answer {
    grid-template-rows: 1fr;
}

.sss-answer-content {
    padding: 0 40px 0 40px;
    font-size: 14px;
    line-height: 1.8;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.3s ease 0.08s, transform 0.3s ease 0.08s, padding-bottom 0.38s ease;
}

.sss-item.active .sss-answer-content {
    opacity: 1;
    transform: translateY(0);
    padding-bottom: 24px;
}

.sss-accordion {
    max-width: 1200px;
    margin: 0 auto;
}

/* ===== NASIL ?ALI?IR ===== */
.hs-how {
    position: relative;
    /* border-top: 1px solid rgba(255,255,255,0.06); */
    padding: 110px 60px;
    overflow: hidden;
}

.hs-how-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .hs-how-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 30%;
        display: block;
        filter: brightness(0.8) saturate(0.6);
    }

.hs-how-bg-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(34,156,80,0.07) 0%, transparent 70%), linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.65) 100%);
}

.hs-how-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.hs-section-head {
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .hs-section-head .hs-tag {
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #229c50;
        margin-bottom: 16px;
    }

    .hs-section-head h2 {
        font-size: 44px;
        font-weight: 700;
        color: #fff;
        letter-spacing: -1.5px;
        line-height: 1.08;
        /* max-width: 480px; */
    }

.hs-surec-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
}

    .hs-surec-steps::before {
        /* content: ''; */
        position: absolute;
        top: 22px;
        left: calc(20px + 22px);
        right: calc(25% + 20px + 22px);
        height: 1px;
        /* background: linear-gradient(90deg, #229c50, rgba(34,156,80,0.15)); */
        z-index: 0;
    }

.hs-kk-step {
    padding: 0 20px;
    text-align: left;
}

.hs-kk-step-num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(34,156,80,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 28px;
    /* background: rgba(0,0,0,0.55); */
    backdrop-filter: blur(8px);
    position: relative;
    z-index: 1;
}

.hs-kk-step h4 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    color: rgba(255,255,255,0.9);
    margin-bottom: 12px;
    text-transform: uppercase;
}

.hs-kk-step p {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.95);
    line-height: 1.7;
}

/* ===== HS-FORM-CARD BEYAZ ===== */
.hs-form-card {
    background: #fff;
    border-radius: 12px;
    padding: 44px 48px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,0.35);
}

    .hs-form-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #229c50, #4ac97a, rgba(34,156,80,0.2));
    }

.hs-form-group label {
    color: #888;
}

.hs-form-group input,
.hs-form-group select {
    background: #f7f7f7;
    border: 1px solid #e8e8e8;
    color: #111;
}

    .hs-form-group input::placeholder {
        color: #bbb;
    }

    .hs-form-group input:focus,
    .hs-form-group select:focus {
        border-color: #229c50;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(34,156,80,0.08);
    }



.hs-tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000000;
}

/* ===== FOOTER ===== */
.bgsiyah {
    background: #000;
    padding: 0;
}

.ft {
    background: #000;
    border-top: 1px solid rgba(255,255,255,0.18);
}

.light .ft {
    background: #229c50;
}

.ft-inner {
    width: 92%;
    max-width: 1400px;
    margin: 0 auto;
}

.ft-top {
    padding: 72px 0 56px;
}

    .ft-top .ft-inner {
        display: grid;
        grid-template-columns: 1.8fr 1fr 1fr 1.6fr;
        gap: 48px;
        align-items: start;
    }

.ft-brand {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ft-logo svg {
    height: 28px;
    width: auto;
    display: block;
    color: #fff;
}

.light .ft-logo svg {
    color: #231f20;
}

.ft-tagline {
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    line-height: 1.7;
    max-width: 260px;
}

.ft-social {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

    .ft-social a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255,255,255,0.4);
        text-decoration: none;
        transition: border-color 0.25s, color 0.25s;
    }

        .ft-social a:hover {
            border-color: #229c50;
            color: #229c50;
        }

.light .ft-social a:hover {
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff;
}

.ft-social a svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.ft-col-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.9);
    margin-bottom: 20px;
}

.ft-col ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

    .ft-col ul li a {
        font-size: 13px;
        color: rgba(255,255,255,0.5);
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 0;
        transition: color 0.25s, gap 0.25s;
    }

.light .ft-col ul li a, .light .ft-newsletter-sub, .light .ft-tagline, .light .ft-copy {
    color: rgba(255,255,255,0.75);
}

.ft-col ul li a::before {
    content: '';
    width: 0;
    height: 1px;
    background: #229c50;
    transition: width 0.25s ease;
    margin-right: 0;
    display: inline-block;
}

.ft-col ul li a:hover {
    color: #fff;
    gap: 8px;
}

    .ft-col ul li a:hover::before {
        width: 12px;
        margin-right: 4px;
    }

.ft-newsletter-sub {
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    line-height: 1.6;
    margin-bottom: 16px;
}

.ft-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ft-newsletter-row {
    display: flex;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}

    .ft-newsletter-row input {
        flex: 1;
        background: rgba(255,255,255,0.05);
        border: none;
        padding: 11px 14px;
        font-size: 13px;
        color: #fff;
        outline: none;
        font-family: inherit;
        margin: 0;
    }

        .ft-newsletter-row input::placeholder {
            color: rgba(255,255,255,0.2);
        }

    .ft-newsletter-row button {
        background: #229c50;
        border: none;
        padding: 0 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.25s;
        flex-shrink: 0;
    }

        .ft-newsletter-row button:disabled {
            background: #229c50;
            cursor: default;
        }

        .ft-newsletter-row button svg {
            width: 16px;
            height: 16px;
            stroke: #fff;
        }

.ft-newsletter-msg {
    font-size: 11px;
    color: #fff;
    min-height: 16px;
}

    .ft-newsletter-msg.success {
        color: #fff;
    }

    .ft-newsletter-msg.error {
        color: #e05252;
    }

.ft-bottom {
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 20px 0;
}

    .ft-bottom .ft-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

.ft-copy {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
}

.ft-craft {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    transition: color 0.2s;
    align-content: center;
}

    .ft-craft * {
        color: rgba(255,255,255,0.5);
        font-size: 10px;
        font-family: "posterama-2001";
        letter-spacing: 4px;
        line-height: 1;
    }

    .ft-craft:hover {
        color: rgba(255,255,255,0.5);
    }

    .ft-craft svg {
        height: 14px;
        width: auto;
    }

/* FOOTER RESPONSIVE */
@media (max-width: 1000px) {
    .ft-top .ft-inner {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }
}

@media (max-width: 600px) {
    .ft-top .ft-inner {
        grid-template-columns: 1fr;
    }

    .ft-bottom .ft-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* NEDEN BAGACAR RESPONSIVE */
@media (max-width: 1100px) {
    .hs-neden-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hs-neden-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .hs-neden-head-left h2 {
        font-size: 36px;
    }
}

@media (max-width: 700px) {
    .hs-neden-grid {
        grid-template-columns: 1fr;
    }

    .hs-neden-kart {
        height: 280px;
    }

    .hs-neden-kart-body {
        padding: 24px;
    }

        .hs-neden-kart-body h3 {
            font-size: 17px;
        }

        .hs-neden-kart-body p {
            opacity: 1;
            transform: none;
        }

    .hs-how {
        padding: 60px 24px;
    }

    .hs-surec-steps {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
}


/* ===== REZERVASYON FORMU ===== */
.rezervesyonbg {
    position: absolute;
    width: 92%;
    max-width: 1400px;
    margin: 0 auto;
    top: 50%;
    display: flex;
    justify-content: flex-end;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 9;
}

.rezervesyon {
    position: relative;
    top: 50%;
    right: 5%;
    z-index: 20;
    width: 70%;
    background: rgb(255 255 255 / 95%);
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.28);
    padding: 48px;
    font-family: inherit;
    max-width: 648px;
}

.rez-title {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin: 0 0 20px;
    line-height: 1.35;
}

.rez-konum-row {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    margin-bottom: 10px;
}

.rez-konum-col {
    min-width: 0;
}

.rez-konum-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #229c50;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.rez-konum-wrap {
    position: relative;
    display: flex;
    align-items: center;
    border: 1.5px solid #ddd;
    border-radius: 6px;
    background: transparent;
    overflow: visible;
    margin-bottom: 0;
    transition: all .35s ease;
}

.rez-search-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-left: 12px;
}

.rez-konum-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 11px 10px;
    font-size: 14px;
    color: #333;
    background: transparent;
    margin: 0;
}

    .rez-konum-input::placeholder {
        color: #aaa;
    }

.rez-gps-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 12px;
    display: flex;
    align-items: center;
    color: #229c50;
}

    .rez-gps-btn svg {
        width: 18px;
        height: 18px;
    }

/* ?ade kolonu: ba?ta gizli */
.rez-farkli-konum {
    display: none;
}

    .rez-farkli-konum.open {
        display: block;
        flex: 1 1 50%;
        min-width: 0;
        animation: rezKonumAc .25s ease;
    }

#rez-konum-col-1 {
    flex: 1 1 100%;
    min-width: 0;
}

    #rez-konum-col-1.shrink {
        flex: 1 1 50%;
    }

@keyframes rezKonumAc {
    from {
        opacity: 0;
        transform: translateX(8px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.rez-farkli-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    margin-bottom: 10px;
    user-select: none;
}

.rez-custom-cb {
    width: 16px;
    height: 16px;
    border: 1.5px solid #ccc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s, border-color .15s;
    /* background: #fff; */
}

    .rez-custom-cb.checked {
        background: #229c50;
        border-color: #229c50;
    }

.rez-cb-check {
    opacity: 0;
    transition: opacity .15s;
    width: 10px;
    height: 10px;
}

.rez-custom-cb.checked .rez-cb-check {
    opacity: 1;
}

.rez-farkli-txt {
    font-size: 11px;
    font-weight: 300;
    color: var(--color2);
}



.rez-tarih-row {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 18px;
    position: relative;
}

.rez-tarih-group {
    flex: 1;
}

.rez-tarih-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #229c50;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.rez-tarih-inputs {
    display: flex;
    gap: 6px;
}

.rez-tarih-btn {
    flex: 1.4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1.5px solid #ddd;
    border-radius: 6px;
    /* background: #fff; */
    padding: 10px 12px;
    font-size: 14px;
    color: #222;
    cursor: pointer;
    font-weight: 500;
    gap: 6px;
    white-space: nowrap;
    transition: border-color .15s;
}

    .rez-tarih-btn:hover {
        border-color: #bbb;
    }

    .rez-tarih-btn.active {
        border-color: #229c50;
    }

    .rez-tarih-btn svg {
        width: 10px;
        height: 8px;
        flex-shrink: 0;
    }

.rez-saat-wrap {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.rez-saat-select {
    display: none;
}

.rez-saat-custom {
    cursor: pointer;
    user-select: none;
}

.rez-saat-display {
    flex: 1;
    padding: 10px 26px;
    font-size: 12px;
    color: #222;
    border: 1.5px solid #ddd;
    border-radius: 6px;
    background: transparent;
    white-space: nowrap;
}

#rez-alis-txt, #rez-iade-txt {
    font-size: 12px;
    color: #222;
}

.rez-kirala-btn {
}

.rez-saat-custom.open .rez-saat-display {
    border-color: #229c50;
}

.rez-saat-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1.5px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    z-index: 500;
    max-height: 180px;
    overflow-y: auto;
}

.rez-saat-custom.open .rez-saat-dropdown {
    display: block;
}

.rez-saat-option {
    padding: 7px 12px;
    font-size: 12px;
    color: #222;
    cursor: pointer;
}

    .rez-saat-option:hover {
        background: #f0f9f4;
        color: #229c50;
    }

    .rez-saat-option.selected {
        background: #e8f5ed;
        color: #229c50;
        font-weight: 600;
    }

.rez-saat-arrow {
    position: absolute;
    right: 10px;
    pointer-events: none;
    width: 10px;
    height: 8px;
}

.rez-ok-icon {
    font-size: 20px;
    color: #229c50;
    padding-bottom: 10px;
    flex-shrink: 0;
    font-weight: 400;
}

.rez-calendar-popup {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 48px rgba(0,0,0,0.18);
    z-index: 300;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.rez-cal-months {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.rez-calendar-popup.open {
    display: block;
}

.rez-cal-month {
    min-width: 0;
}

.rez-cal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.rez-cal-header-title {
    font-size: 14px;
    font-weight: 700;
    color: #222;
}

.rez-cal-nav {
    background: #f5f5f5;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    font-size: 14px;
    transition: background .15s;
}

    .rez-cal-nav:hover {
        background: #eee;
    }

    .rez-cal-nav:disabled {
        opacity: .3;
        cursor: default;
    }

.rez-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.rez-cal-dow {
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #888;
    padding: 4px 0;
}

.rez-cal-day {
    text-align: center;
    padding: 7px 4px;
    font-size: 13px;
    border-radius: 50%;
    cursor: pointer;
    color: #222;
    transition: background .12s, color .12s;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rez-cal-day:hover:not(.disabled):not(.empty) {
        background: #f0f0f0;
    }

    .rez-cal-day.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none;
    }

    .rez-cal-day.empty {
        pointer-events: none;
    }

    .rez-cal-day.selected {
        background: #229c50;
        color: #fff;
        font-weight: 700;
    }

    .rez-cal-day.in-range {
        background: #e8f5ed;
        border-radius: 0;
    }

    .rez-cal-day.range-start {
        background: #229c50;
        color: #fff;
        border-radius: 50% 0 0 50%;
    }

    .rez-cal-day.range-end {
        background: #229c50;
        color: #fff;
        border-radius: 0 50% 50% 0;
    }

    .rez-cal-day.range-start.range-end {
        border-radius: 50%;
    }

    .rez-cal-day.today {
        font-weight: 700;
    }

.rez-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 2px;
}

.rez-indirim-wrap {
    flex: 1;
    min-width: 0;
}

.rez-indirim-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    color: #222;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
}

    .rez-indirim-toggle:hover {
        color: #229c50;
    }

.rez-indirim-input-wrap {
    display: flex;
    gap: 8px;
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .3s ease, opacity .2s ease, margin-top .3s ease;
}

    .rez-indirim-input-wrap.open {
        max-height: 60px;
        margin-top: 8px;
        opacity: 1;
    }

.rez-indirim-input {
    flex: 1;
    border: 1.5px solid #e8e8e8;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 12px;
    outline: none;
    color: #333;
    margin-bottom: 0;
    width: auto;
    background: transparent;
}

    .rez-indirim-input:focus {
        border-color: #229c50;
    }

.rez-indirim-uygula {
    background: #333;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: .04em;
}

    .rez-indirim-uygula:hover {
        background: #229c50;
    }

.rez-kirala-btn {
    background: #229c50;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background .2s;
    white-space: nowrap;
}

#rez-gun-txt {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-right: 5px;
    letter-spacing: 2px;
}

.rez-kirala-btn:hover {
    background: #1a7d3e;
}

@media (max-width: 1100px) {
    .rezervesyon {
        right: 3%;
        max-width: 500px;
        padding: 40px 20px;
    }
}

@media (max-width: 900px) {

    .rezervesyonbg {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .rezervesyon {
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        margin-top: 55px;
        right: 0;
    }
    .rez-cal-months {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .rez-calendar-popup {
        padding: 14px;
        border-radius: 10px;
    }
}

@media (max-width: 510px) {
    .topbar {
        padding: 0;
    }
    .topbar .menubar {
        padding: 0 12px;
    }
    .rezervesyonbg {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-direction: row;
        background: var(--temabg);
        padding: 0;
    }
    .rezervesyon {
        padding: 20px 0;
        border-radius: 0;
        margin-top: 70px;
        width: 100%;
        padding: 8% 4%;
    }
    .rez-title {
        font-size: 14px;
        margin-bottom: 14px;
    }
    .rez-konum-row {
        flex-direction: column;
        gap: 8px;
    }
    .rez-tarih-row {
        flex-direction: column;
        gap: 8px;
    }
    .rez-ok-icon {
        display: none;
    }
    .rez-tarih-group {
        width: 100%;
    }
    .rez-tarih-inputs {
        flex-direction: row;
        gap: 6px;
    }
    .rez-cal-months {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .rez-calendar-popup {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        border-radius: 16px 16px 0 0;
        padding: 16px 12px 24px;
        max-height: 80vh;
        overflow-y: auto;
        box-shadow: 0 -8px 32px rgba(0,0,0,0.18);
        z-index: 9999;
    }
    .rez-bottom-row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .rez-kirala-btn {
        width: 100%;
        justify-content: center;
    }
    .rez-cal-day {
        font-size: 12px;
        padding: 5px 2px;
    }
}

/* SSS */
.sss-section {
    width: 100%;
    padding: 72px 0 80px;
    position: relative;
    z-index: 1;
}

.sss-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    width: 92%;
}

.sss-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #229c50;
    text-align: center;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sss-title-line {
    display: block;
    width: 24px;
    height: 1px;
    background: #229c50;
    flex-shrink: 0;
}

/* Tab ?eridi */
.sss-tabs {
    display: flex;
    gap: 0;
    justify-content: center;
    margin-bottom: 48px;
    /* border: 1px solid rgba(34,156,80,0.2); */
    border-radius: 6px;
    overflow: hidden;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.sss-tab {
    padding: 7px 19px;
    border: none;
    /* border-right: 1px solid rgba(34,156,80,0.2); */
    background: transparent;
    color: rgba(255,255,255,0.94);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .2s, color .2s;
    position: relative;
    font-family: "posterama-2001";
    border-radius: 18px;
}

    .sss-tab:last-child {
        border-right: none;
    }

    .sss-tab:hover {
        /* background: rgba(34,156,80,0.06); */
        /* color: rgba(255,255,255,0.75); */
    }

    .sss-tab.active {
        background: #229c50;
        color: #fff;
    }

/* ??erik */
.sss-content {
    position: relative;
}

.sss-tab-content {
    display: none;
}

    .sss-tab-content.active {
        display: block;
    }

.sss-accordion {
    width: 100%;
}

.sss-item {
    border-bottom: 1px solid rgba(255,255,255,0.07);
}

    .sss-item:first-child {
        border-top: 1px solid rgba(255,255,255,0.07);
    }

.sss-question {
    width: 100%;
    padding: 20px 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: opacity .2s;
}

    .sss-question:hover {
        opacity: .8;
    }

/* + / - ikonu ? modern kare kutu */
.sss-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border: 1px solid rgba(34,156,80,0.35);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #229c50;
    transition: background .2s, border-color .2s;
}

.sss-item.active .sss-icon {
    background: #229c50;
    border-color: #229c50;
    color: #fff;
}

.sss-icon svg {
    width: 14px;
    height: 14px;
}

.sss-icon-minus {
    display: none;
}

.sss-item.active .sss-icon-plus {
    display: none;
}

.sss-item.active .sss-icon-minus {
    display: block;
}

.sss-question-text {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255,255,255,0.85);
    text-align: left;
    line-height: 1.4;
}

.sss-item.active .sss-question-text {
    color: #fff;
}

/* Cevap */
.sss-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}

.sss-item.active .sss-answer {
    max-height: 600px;
}

.sss-answer-content {
    padding: 0 0 24px 44px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255,255,255,0.94);
}

    .sss-answer-content p {
        margin-bottom: 10px;
    }

        .sss-answer-content p:last-child {
            margin-bottom: 0;
        }

@media (max-width: 600px) {
    .sss-section {
        padding: 48px 0;
    }

    .sss-tabs {
        flex-direction: column;
        width: 100%;
        border-radius: 6px;
    }

    .sss-tab {
        border-right: none;
        border-bottom: 1px solid rgba(34,156,80,0.2);
    }

        .sss-tab:last-child {
            border-bottom: none;
        }

    .sss-question-text {
        font-size: 14px;
    }
}


/* ============================================================
   ?STAT?ST?K ?ER?D? (hs-stats-bar)
   ============================================================ */
.hs-stats-bar {
    background: var(--temabg);
    border-bottom: 1px solid var(--temabordercolor);
    padding: 0 60px;
}

.hs-stats-bar-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
}

.hs-about-stat {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 36px 24px;
    cursor: default;
    transition: background .2s;
}

    .hs-about-stat:hover {
        /* background: rgba(34,156,80,0.04); */
    }

.hs-stats-divider {
    width: 1px;
    background: var(--temabordercolor);
    flex-shrink: 0;
    align-self: stretch;
}

.hs-about-stat-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(34,156,80,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    transition: border-color .2s, background .2s;
    background: #229c50;
}

.hs-about-stat:hover .hs-about-stat-icon {
    border-color: #229c50;
    background: rgba(34,156,80,0.08);
}

.hs-about-stat-icon svg {
    width: 20px;
    height: 20px;
    color: var(--temacolor);
}

.hs-about-stat-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hs-about-stat-num {
    font-size: 36px;
    font-weight: 900;
    color: var(--temacolor);
    line-height: 1;
    letter-spacing: -2px;
    transition: color .2s;
}

.hs-about-stat:hover .hs-about-stat-num {
    color: #229c50;
}

.hs-about-stat-num span {
    color: #229c50;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: super;
}

.hs-about-stat-lbl {
    font-size: 11px;
    font-weight: 500;
    color: var(--temacolor);
    letter-spacing: .06em;
    text-transform: uppercase;
    transition: color .2s;
    font-family: "posterama-2001";
}

.hs-about-stat:hover .hs-about-stat-lbl {
    color: var(--temacolor);
}

/* ============================================================
   HAKKIMIZDA OZET (Index hs-about)
   ============================================================ */
.hs-about {
    background: var(--temabg);
    padding: 100px 60px;
}

.hs-about-inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.hs-about-left h2 {
    font-size: 48px;
    font-weight: 700;
    color: var(--temacolor);
    line-height: 1.05;
    letter-spacing: -3px;
    margin-bottom: 28px;
}

    .hs-about-left h2 em {
        color: #229c50;
        font-style: normal;
    }

.hs-about-left p {
    font-size: 18px;
    color: var(--temacolor);
    line-height: 1.7;
    margin-bottom: 0;
    font-weight: 300;
}

.hs-about-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 36px;
    color: #229c50;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(34,156,80,0.3);
    padding-bottom: 2px;
    transition: border-color 0.2s;
}

    .hs-about-cta:hover {
        border-color: #229c50;
        color: #229c50;
    }

    .hs-about-cta svg {
        width: 14px;
        height: 14px;
        fill: #229c50;
    }

@media (max-width: 900px) {
    .hs-stats-bar {
        padding: 0 24px;
    }

    .hs-stats-bar-inner {
        flex-wrap: wrap;
    }

    .hs-about-stat {
        flex: 1 1 45%;
    }

    .hs-stats-divider {
        display: none;
    }
}

@media (max-width: 600px) {
    .hs-about-stat {
        flex: 1 1 100%;
        padding: 24px 0;
        border-bottom: 1px solid #1a1a1a;
    }

    .hs-about {
        padding: 60px 24px;
    }

    .hs-about-left h2 {
        font-size: 36px;
    }
}

/* ============================================================
   BLOG YAZILARI (Index hs-blog-section)
   ============================================================ */
.hs-blog-section {
    background: rgb(255 255 255 / 95%);
    padding: 4vw 60px;
}

.hs-blog-header {
    text-align: center;
    margin: 0 auto 40px;
    position: relative;
    width: 100%;
    max-width: 1400px;
}

    .hs-blog-header .hs-blog-all-link {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.hs-blog-eyebrow {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #229c50;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .hs-blog-eyebrow span {
        display: block;
        width: 24px;
        height: 1px;
        background: #229c50;
    }

.hs-blog-title {
    font-size: 28px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

.hs-blog-all-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #229c50;
    text-decoration: none;
    transition: gap .2s;
}

    .hs-blog-all-link:hover {
        gap: 10px;
    }

.hs-blog-slider-wrap {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
}

.hs-blog-slider .slick-slide {
    padding: 0 10px;
}

.hs-blog-slider .slick-list {
    margin: 0 -10px;
}

/* dots + oklar alt bar */
.hs-blog-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 28px;
}

.hs-blog-arrow {
    flex-shrink: 0;
    width: 36px !important;
    height: 36px !important;
    min-width: 0 !important;
    border: 1px solid rgb(0 0 0 / 12%) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: rgb(0 0 0 / 50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color .2s, color .2s, background .2s !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
}

    .hs-blog-arrow:hover {
        border-color: #229c50 !important;
        color: #229c50 !important;
        background: rgba(34,156,80,0.08) !important;
    }

    .hs-blog-arrow svg {
        display: block;
        pointer-events: none;
    }

.hs-blog-dots-wrap {
    flex: 1;
    max-width: 360px;
}

    .hs-blog-dots-wrap .slick-dots {
        list-style: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        bottom: auto !important;
        width: auto !important;
    }

        .hs-blog-dots-wrap .slick-dots li {
            margin: 0 !important;
            flex: 1 !important;
            width: auto !important;
            height: auto !important;
        }

            .hs-blog-dots-wrap .slick-dots li button {
                display: block !important;
                width: 100% !important;
                height: 1px !important;
                border-radius: 2px !important;
                background: rgb(0 0 0 / 15%) !important;
                border: none !important;
                padding: 0 !important;
                font-size: 0 !important;
                line-height: 0 !important;
                cursor: pointer !important;
                outline: none !important;
                box-shadow: none !important;
                transition: background .25s !important;
            }

                .hs-blog-dots-wrap .slick-dots li button::before {
                    display: none !important;
                }

            .hs-blog-dots-wrap .slick-dots li.slick-active button {
                background: #229c50 !important;
            }

.hs-blog-kart {
    /* background: #0d0d0d; */
    /* border: 1px solid #1a1a1a; */
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s;
}

    .hs-blog-kart:hover {
        border-color: rgba(34,156,80,0.35);
        transform: translateY(-3px);
    }

.hs-blog-kart-img {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
}

    .hs-blog-kart-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .35s ease;
    }

.hs-blog-kart:hover .hs-blog-kart-img img {
    transform: scale(1.04);
}

.hs-blog-kart-body {
    padding: 18px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.hs-blog-kart-tarih {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #229c50;
}

.hs-blog-kart-baslik {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    margin: 0;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hs-blog-kart-ozet {
    font-size: 12px;
    color: rgb(0 0 0 / 65%);
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================================
   TEKLIF ALIN FORM (Index hs-form-section)
   ============================================================ */
.hs-form-section {
    position: relative;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    overflow: hidden;
}

.hs-form-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 420px;
    z-index: 0;
}

    .hs-form-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        display: block;
    }

.hs-form-inner {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 60px;
}

/* Ba?l?k */
.hs-form-top-area {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.hs-form-eyebrow {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #229c50;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

    .hs-form-eyebrow span {
        display: block;
        width: 24px;
        height: 1px;
        background: #229c50;
        flex-shrink: 0;
    }

.hs-form-heading {
    font-size: 44px;
    font-weight: 700;
    color: #111;
    line-height: 1.15;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.hs-form-desc {
    font-size: 14px;
    color: #999;
    line-height: 1.7;
}

/* Form */
.hs-form-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hs-form-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px;
}

.hs-form-submit-row {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

.hs-fg {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .hs-fg label {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #aaa;
        font-family: "posterama-2001";
    }

    .hs-fg input,
    .hs-fg select {
        background: none;
        border: 0;
        border-bottom: 1px solid #e8e8e8;
        border-radius: 0;
        padding: 13px 8px;
        font-size: 14px;
        color: #111;
        outline: none;
        width: 100%;
        box-sizing: border-box;
        font-family: inherit;
        margin: 0;
        -webkit-appearance: none;
        transition: border-color .2s, box-shadow .2s, background .2s;
    }

    .hs-fg select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 16px center;
        padding-right: 40px;
        cursor: pointer;
    }

    .hs-fg input::placeholder {
        color: #ccc;
    }

    .hs-fg input:focus,
    .hs-fg select:focus {
        border-color: #229c50;
        /* background: #fff; */
        /* box-shadow: 0 0 0 3px rgba(34,156,80,0.1); */
    }

/* ?zel dropdown */
.hs-custom-select {
    position: relative;
    width: 100%;
    user-select: none;
}

.hs-cs-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background: #f7f8fa; */
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    padding: 13px 16px;
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s;
}

.hs-cs-value {
    font-size: 12px;
    font-weight: 300;
    color: #000
}

.light .hs-cs-value {
}

.hs-custom-select.selected .hs-cs-value {
    font-size: 14px;
    font-weight: 500;
    color: #111;
}

.hs-custom-select.selected .hs-cs-trigger {
    color: #111;
}

.hs-custom-select.open .hs-cs-trigger {
    border-color: #229c50;
    /* box-shadow: 0 0 0 3px rgba(34,156,80,0.1); */
    /* background: #fff; */
}

.hs-cs-arrow {
    width: 12px;
    height: 8px;
    flex-shrink: 0;
    color: #aaa;
    transition: transform .2s;
}

.hs-custom-select.open .hs-cs-arrow {
    transform: rotate(180deg);
    color: #229c50;
}

.hs-cs-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0,0,0,.08);
    z-index: 200;
    overflow: hidden;
}

.hs-custom-select.open .hs-cs-dropdown {
    display: block;
}

.hs-cs-option {
    padding: 11px 16px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    transition: background .15s, color .15s;
    border-bottom: 1px solid #f5f5f5;
}

    .hs-cs-option:last-child {
        border-bottom: none;
    }

    .hs-cs-option:hover {
        background: #f0faf4;
        color: #229c50;
    }

.hs-form-submit {
    background: #229c50;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 48px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 200px;
    transition: background .2s;
}

    .hs-form-submit:hover {
        background: #1a7a3c;
    }

    .hs-form-submit svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

/* Perks ? tek sat?r altta */
.hs-form-perks {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #f0f0f0;
    justify-content: center;
}

.hs-form-perk {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #888;
    white-space: nowrap;
}

    .hs-form-perk * {
        font-size: 12px;
        color: #000;
    }

    .hs-form-perk svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

/* Form hata durumu */
.hs-fg.hs-fg-error input,
.hs-fg.hs-fg-error select {
    border-color: #229c50 !important;
    /* box-shadow: 0 0 0 3px rgba(229,57,53,0.1) !important; */
}

.hs-fg-err-msg {
    font-size: 11px;
    color: #e53935;
    margin-top: 4px;
}

.hs-form-global-error {
    background: #fff5f5;
    border: 1px solid #ffd0d0;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    color: #e53935;
    margin-bottom: 16px;
}

/* Form ba?ar? ekran? */
.hs-form-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
    gap: 20px;
}

    .hs-form-success svg {
        width: 60px;
        height: 60px;
    }

    .hs-form-success h3 {
        font-size: 28px;
        font-weight: 800;
        color: #111;
        letter-spacing: -0.5px;
    }

    .hs-form-success p {
        font-size: 14px;
        color: #888;
        line-height: 1.7;
        max-width: 420px;
    }

/* intl-tel-input overrides ? hs-form i?inde */
.hs-fg .iti {
    width: 100%;
}

.hs-fg .iti__flag-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.hs-fg .iti__selected-dial-code {
    font-size: 13px;
    color: #555;
}

.hs-fg .iti--separate-dial-code input[type=tel] {
    padding-left: 90px !important;
}

.hs-fg .iti__country-list {
    z-index: 999;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    font-size: 11px !important;
    color: #111;
}

    .hs-fg .iti__country-list .iti__country-name,
    .hs-fg .iti__country-list .iti__dial-code {
        font-size: 11px !important;
    }

    .hs-fg .iti__country-list .iti__flag {
        transform: scale(0.8);
    }

    .hs-fg .iti__country-list .iti__country.iti__highlight {
        background: #f0faf4;
    }

@media (max-width: 1024px) {
    .hs-form-row {
        grid-template-columns: 1fr 1fr;
    }

    .hs-form-perks {
        flex-wrap: wrap;
        gap: 16px;
    }

    .hs-form-heading {
        font-size: 28px;
    }
}

@media (max-width: 640px) {
    .hs-form-section {
        padding: 60px 24px;
    }

    .hs-form-row {
        grid-template-columns: 1fr;
    }

    .hs-form-submit {
        width: 100%;
        min-width: unset;
    }

    .hs-form-heading {
        font-size: 24px;
    }
}

/* ============================================================
   NASIL ?ALI?IR ? hs-how / hs-surec-steps
   ============================================================ */
.hs-how {
    position: relative;
    overflow: hidden;
    background: #080808;
    padding: 80px 60px;
}

.hs-how-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .hs-how-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: brightness(0.5) saturate(.6);
    }

.hs-how-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(34,156,80,0.08) 0%, transparent 60%);
}

.hs-how-inner {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

/* Ba?l?k */
.hs-section-head {
    text-align: center;
    margin-bottom: 0;
}

    .hs-section-head .hs-tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: #229c50;
        margin-bottom: 12px;
    }

        .hs-section-head .hs-tag::before,
        .hs-section-head .hs-tag::after {
            content: '';
            display: block;
            height: 1px;
        }

    .hs-section-head h2 {
        font-size: 36px;
        font-weight: 800;
        color: #fff;
        letter-spacing: -1px;
        line-height: 1.15;
    }

/* Steps grid */
.hs-surec-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px;
    position: relative;
}

/* Numaralar? birbirine ba?layan yatay ?izgi */
.hs-kk-step-num {
    position: relative;
    z-index: 1;
}

.hs-kk-step:not(:last-child) .hs-kk-step-num::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 8px);
    right: auto;
    width: calc((100vw / 4) - 56px - 16px);
    height: 1px;
    background: linear-gradient(to right, rgba(34,156,80,0.5), rgba(34,156,80,0.1));
    transform: translateY(-50%);
    pointer-events: none;
}

.hs-kk-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 0px;
    position: relative;
    transition: background .25s;
}

    .hs-kk-step:hover {
        /* background: rgba(34,156,80,0.06); */
        /* border-color: rgba(34,156,80,0.2); */
    }

/* Numara */
.hs-kk-step-num {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(34,156,80,0.35);
    background: rgba(34,156,80,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: .05em;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.hs-kk-step h4 {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #fff;
    margin-bottom: 10px;
}

.hs-kk-step p {
    font-size: 13px;
    color: rgba(255,255,255,0.85);
    line-height: 1.7;
}

@media (max-width: 900px) {
    .hs-surec-steps {
        grid-template-columns: 1fr 1fr;
    }

    .hs-how {
        padding: 60px 32px;
    }

    .hs-kk-step:not(:last-child) .hs-kk-step-num::after {
        display: none;
    }
}

@media (max-width: 520px) {
    .hs-surec-steps {
        grid-template-columns: 1fr;
    }

    .hs-section-head h2 {
        font-size: 26px;
    }

    .hs-how {
        padding: 60px 24px;
    }
}

/* ============================================================
   KURUMSAL KIRALAMA SAYFASI (kk-*)
   ============================================================ */
.kk-hero {
    position: relative;
    min-height: 580px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #080808;
}

.kk-hero-bg {
    position: absolute;
    inset: 0;
    background: url('/img/banner/banner.jpg') center center / cover no-repeat;
    opacity: 0.18;
}

    .kk-hero-bg::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(8,8,8,0.92) 35%, rgba(8,8,8,0.5) 70%, transparent 100%);
    }

.kk-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 120px 60px 100px;
}

.kk-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #229c50;
    margin-bottom: 32px;
}

    .kk-hero-tag::before {
        content: '';
        display: block;
        width: 28px;
        height: 1px;
        background: #229c50;
    }

.kk-hero h1 {
    font-size: 68px;
    font-weight: 900;
    color: #fff;
    line-height: 1.0;
    margin-bottom: 16px;
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: -2px;
    max-width: 700px;
}

    .kk-hero h1 em {
        color: #229c50;
        font-style: normal;
    }

.kk-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.4);
    max-width: 520px;
    line-height: 1.9;
    font-weight: 300;
    margin-bottom: 48px;
    padding-left: 16px;
    border-left: 2px solid rgba(34,156,80,0.4);
}

.kk-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #229c50;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 4px;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: background 0.25s;
}

    .kk-hero-cta:hover {
        background: #1a7a3c;
        color: #fff;
    }

    .kk-hero-cta svg {
        width: 16px;
        height: 16px;
        fill: #fff;
    }

.kk-intro {
    background: var(--temabg);
}

.kk-intro-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    width: 92%;
}

.kk-intro-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #229c50;
    margin-bottom: 20px;
}

.kk-intro-left h2 {
    font-size: 38px;
    font-weight: 800;
    color: var(--temacolor);
    line-height: 1.15;
    letter-spacing: -1px;
    margin-bottom: 28px;
}

    .kk-intro-left h2 span {
        color: #229c50;
    }

.kk-intro-left p {
    font-size: 14px;
    color: var(--temacolor2);
    line-height: 1.95;
    margin-bottom: 16px;
}

    .kk-intro-left p:last-child {
        margin-bottom: 0;
    }

.kk-intro-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.kk-intro-item {
    background: var(--temabg1);
    border: 1px solid var(--temabordercolor1);
    border-radius: 10px;
    padding: 28px 24px;
    transition: border-color 0.2s, background 0.2s;
    position: relative;
    overflow: hidden;
}

    .kk-intro-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, #229c50, transparent);
        opacity: 0;
        transition: opacity 0.2s;
    }

    .kk-intro-item:hover {
        background: var(--temabordercolor);
    }

        .kk-intro-item:hover::before {
            opacity: 1;
        }

.kk-intro-icon {
    width: 40px;
    height: 40px;
    background: rgba(34,156,80,0.08);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

    .kk-intro-icon svg {
        width: 20px;
        height: 20px;
        fill: #229c50;
    }

.kk-intro-text h4 {
    font-size: 13px;
    font-weight: 700;
    color: var(--temacolor);
    margin-bottom: 8px;
    line-height: 1.3;
}

.kk-intro-text p {
    font-size: 12px;
    color: var(--temacolor2);
    line-height: 1.7;
    margin: 0;
}

.kk-avantaj {
    background: #080808;
    padding: 100px 60px;
}

.kk-avantaj-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.kk-section-head {
    margin-bottom: 60px;
}

    .kk-section-head .tag {
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #229c50;
        margin-bottom: 16px;
    }

    .kk-section-head h2 {
        font-size: 40px;
        font-weight: 800;
        color: #fff;
        letter-spacing: -1px;
        line-height: 1.1;
        max-width: 480px;
    }

.kk-avantaj-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #141414;
    border: 1px solid #141414;
    border-radius: 10px;
    overflow: hidden;
}

.kk-avantaj-kart {
    background: #0d0d0d;
    padding: 36px 32px;
    transition: background 0.2s;
}

    .kk-avantaj-kart:hover {
        background: #111;
    }

.kk-avantaj-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
    opacity: 0.7;
}

    .kk-avantaj-icon svg {
        width: 100%;
        height: 100%;
        fill: #229c50;
    }

.kk-avantaj-kart h3 {
    font-size: 15px;
    font-weight: 700;
    color: #e8e8e8;
    margin-bottom: 10px;
    line-height: 1.3;
}

.kk-avantaj-kart p {
    font-size: 13px;
    color: rgba(255,255,255,0.35);
    line-height: 1.75;
    margin: 0;
}

.kk-surec {
    background: #050505;
    border-top: 1px solid #111;
    padding: 100px 60px;
}

.kk-surec-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.kk-surec-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-top: 60px;
    position: relative;
}

    .kk-surec-steps::before {
        content: '';
        position: absolute;
        top: 22px;
        left: calc(12.5% + 10px);
        right: calc(12.5% + 10px);
        height: 1px;
        background: linear-gradient(90deg, #229c50, rgba(34,156,80,0.1));
    }

.kk-step {
    padding: 0 20px;
    text-align: left;
}

.kk-step-num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #229c50;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #229c50;
    margin-bottom: 24px;
    background: #050505;
    position: relative;
    z-index: 1;
}

.kk-step h4 {
    font-size: 14px;
    font-weight: 700;
    color: #e0e0e0;
    margin-bottom: 8px;
}

.kk-step p {
    font-size: 12px;
    color: rgba(255,255,255,0.3);
    line-height: 1.7;
    margin: 0;
}

.kk-form-section {
    background: #080808;
    border-top: 1px solid #111;
    padding: 100px 60px;
}

.kk-form-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

.kk-form-left h2 {
    font-size: 44px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1.5px;
    margin-bottom: 16px;
    line-height: 1.05;
}

    .kk-form-left h2 span {
        color: #229c50;
    }

.kk-form-left p {
    font-size: 14px;
    color: rgba(255,255,255,0.35);
    line-height: 1.9;
    margin-bottom: 36px;
}

.kk-contact-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

    .kk-contact-list li {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 13px;
        color: rgba(255,255,255,0.4);
    }

        .kk-contact-list li svg {
            width: 15px;
            height: 15px;
            fill: #229c50;
            flex-shrink: 0;
        }

.kk-form {
    background: #0d0d0d;
    border: 1px solid #1a1a1a;
    border-radius: 12px;
    padding: 44px 40px;
    position: relative;
    overflow: hidden;
}

    .kk-form::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, #229c50, rgba(34,156,80,0.2), transparent);
    }

.kk-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

.kk-form-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .kk-form-group.full {
        grid-column: 1 / -1;
    }

    .kk-form-group label {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: rgba(255,255,255,0.25);
    }

    .kk-form-group input, .kk-form-group select, .kk-form-group textarea {
        background: #111;
        border: 1px solid #1e1e1e;
        border-radius: 6px;
        padding: 13px 15px;
        font-size: 13px;
        color: #e0e0e0;
        outline: none;
        transition: border-color 0.2s;
        font-family: inherit;
        width: 100%;
        margin: 0;
        -webkit-appearance: none;
    }

    .kk-form-group select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 14px center;
        padding-right: 36px;
        cursor: pointer;
    }

    .kk-form-group input::placeholder, .kk-form-group textarea::placeholder {
        color: rgba(255,255,255,0.15);
    }

    .kk-form-group input:focus, .kk-form-group select:focus, .kk-form-group textarea:focus {
        border-color: rgba(34,156,80,0.5);
    }

    .kk-form-group textarea {
        resize: none;
        height: 100px;
    }

.kk-form-submit {
    margin-top: 22px;
}

    .kk-form-submit button {
        width: 100%;
        background: #229c50;
        color: #fff;
        border: none;
        border-radius: 6px;
        padding: 15px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        cursor: pointer;
        transition: background 0.25s;
    }

        .kk-form-submit button:hover {
            background: #1a7a3c;
        }

.kk-cta {
    background: #229c50;
    padding: 80px 60px;
    text-align: center;
}

    .kk-cta h2 {
        font-size: 34px;
        font-weight: 800;
        color: #fff;
        margin-bottom: 12px;
        letter-spacing: -0.5px;
    }

    .kk-cta p {
        font-size: 15px;
        color: rgba(255,255,255,0.75);
        margin-bottom: 32px;
    }

    .kk-cta a {
        display: inline-block;
        background: #fff;
        color: #229c50;
        font-weight: 700;
        font-size: 13px;
        padding: 14px 40px;
        border-radius: 4px;
        text-decoration: none;
        letter-spacing: 0.5px;
        transition: background 0.2s, color 0.2s;
    }

        .kk-cta a:hover {
            background: #111;
            color: #fff;
        }

@media (max-width: 1000px) {
    .kk-intro-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .kk-form-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .kk-avantaj-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .kk-surec-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

        .kk-surec-steps::before {
            display: none;
        }
}

@media (max-width: 640px) {
    .kk-hero h1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .kk-hero-inner, .kk-intro-inner, .kk-avantaj, .kk-surec, .kk-form-section, .kk-cta {
        padding-left: 24px;
        padding-right: 24px;
    }

    .kk-avantaj-grid {
        grid-template-columns: 1fr;
    }

    .kk-surec-steps {
        grid-template-columns: 1fr;
    }

    .kk-form-row {
        grid-template-columns: 1fr;
    }
}


/* ===== KVKK / YASAL SAYFALAR ===== */

.kvkk-modal-metin p *, .kvkk-modal-metin li * {
    font-size: 13px;
    line-height: 1.75;
}

.kvkk-modal-metin li {
    list-style: auto;
}


.kvkk-page {
    background: var(--temabg);
    color: #fff;
    min-height: 100vh;
}

.kvkk-body {
    max-width: 900px;
    margin: 0 auto;
    padding: 56px 60px 100px;
}

.kvkk-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
    margin-bottom: 48px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1a1a1a;
}

    .kvkk-breadcrumb a {
        color: rgba(255,255,255,0.35);
        text-decoration: none;
        transition: color .2s;
    }

        .kvkk-breadcrumb a:hover {
            color: #229c50;
        }

    .kvkk-breadcrumb span:last-child {
        color: #229c50;
    }

/* Content typography */
.kvkk-content h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--temacolor);
    margin: 48px 0 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--temaopacity2);
    letter-spacing: -.3px;
}

    .kvkk-content h2:first-child {
        margin-top: 0;
    }

.kvkk-content h3 {
    font-size: 14px;
    font-weight: 700;
    color: #229c50;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 32px 0 12px;
}

.kvkk-content p {
    font-size: 14px;
    line-height: 1.8;
    color: var(--temacolor);
    margin: 0 0 16px;
}

.kvkk-content ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

    .kvkk-content ul li {
        font-size: 14px;
        line-height: 1.7;
        color: var(--temacolor);
        padding: 6px 0 6px 20px;
        position: relative;
        border-bottom: 1px solid var(--temaopacity2);
        list-style: circle;
    }

        .kvkk-content ul li::before {
            content:;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #229c50;
        }

        .kvkk-content ul li:last-child {
            border-bottom: none;
        }

.kvkk-content a {
    color: #229c50;
    text-decoration: none;
    font-size: 14px;
}

    .kvkk-content a:hover {
        text-decoration: underline;
    }

.kvkk-content strong {
    color: rgba(255,255,255,0.9);
    font-weight: 600;
}

/* Browser links list */
.kvkk-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 28px !important;
    padding: 0 !important;
}

    .kvkk-links li {
        border: none !important;
        padding: 0 !important;
        background: none;
        list-style: none !important;
    }

        .kvkk-links li::before {
            display: none !important;
        }

        .kvkk-links li a {
            display: inline-block;
            padding: 7px 16px;
            border: 1px solid #229c50;
            border-radius: 4px;
            color: #229c50;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: .05em;
            transition: background .2s, color .2s;
        }

            .kvkk-links li a:hover {
                background: #229c50;
                color: #fff;
                text-decoration: none;
            }

/* Table */
.kvkk-table-wrap {
    overflow-x: auto;
    margin: 20px 0 32px;
    border-radius: 8px;
    border: 1px solid #1a1a1a;
}

.kvkk-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .kvkk-table th {
        background: #111;
        color: #229c50;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: 14px 16px;
        text-align: left;
        border-bottom: 1px solid #1a1a1a;
    }

    .kvkk-table td {
        padding: 14px 16px;
        color: var(--temacolor);
        border-bottom: 1px solid #141414;
        vertical-align: top;
        line-height: 1.6;
        font-size: 13px;
    }

        .kvkk-table td * {
            font-size: 13px;
        }

    .kvkk-table tr:last-child td {
        border-bottom: none;
    }

    .kvkk-table tr:nth-child(even) td {
        background: rgba(255,255,255,0.02);
    }

    .kvkk-table strong {
        color: var(--temacolor);
    }

    .kvkk-table ul {
        margin: 8px 0 0;
        padding-left: 16px;
        list-style: disc;
    }

        .kvkk-table ul li {
            padding: 3px 0;
            border: none;
            color: rgba(255,255,255,0.6);
        }

            .kvkk-table ul li::before {
                display: none;
            }

/* Responsive */
@media (max-width: 768px) {
    .kvkk-body {
        padding: 40px 20px 60px;
    }

    .kvkk-content h2 {
        font-size: 18px;
    }
}



/* ===== ARA? L?STES? & DETAY (reset.css'ten ta??nd?) ===== */
.social-share {
    background: #fff;
    padding: 3px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .social-share > div {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 3px;
    }

        .social-share > div a {
            font-size: 15px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 6px;
        }

            .social-share > div a i {
                font-size: 17px;
            }

.karsilastirekle {
    display: none;
}

.karislastirbax {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    align-content: center;
}

    .karislastirbax svg {
        cursor: pointer
    }

        .faviconlar .karislastirbax svg path, .karislastirbax svg path {
            fill: var(--temacolor2);
        }

    .karislastirbax.active svg path {
        fill: var(--color3)
    }

.sclose {
    position: relative;
    top: -23px;
    right: -15px;
}

    .sclose .close {
        background: #fff;
        padding: 12px;
        border-radius: 100%;
        border: 1px solid #ccc;
        width: 40px;
        height: 40px;
    }

        .sclose .close > svg {
        }

.karislastirbax .filter-checkbox-item {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.karislastirbax .checkbox-wrapper {
    margin-right: 2px;
}

.karislastirbax span {
    font-size: 12px;
    /* text-transform: uppercase; */
    letter-spacing: 0;
    color: var(--temabordercolor);
}

.karislastirbax .filter-checkbox-item.selected span:last-child {
    /* color: #c6000f; */
    font-weight: 400;
}

.araclar-list .aracim.karsilastirmeactive .usttab:not(.fiyat)
.karislastirbax.compare-disabled,
.karislastirbax.compare-disabled label,
.karislastirbax.compare-disabled .checkbox-wrapper,
.karsilastirekle.compare-disabled {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}

.karislastirbax.compare-disabled {
    pointer-events: none;
    cursor: not-allowed;
    display: none;
}

.karislastirbax .checkbox-wrapper.ant-checkbox-disabled {
    cursor: not-allowed;
}

.listing-toolbar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 10px;
}

    .listing-toolbar > div {
        border-radius: 12px;
        margin-bottom: 0px;
    }

.filter-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.filter-chip {
    border: 1px solid var(--bordercolor2);
    background: #f5f5f5;
    color: #ef233c;
    border-radius: 999px;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .filter-chip > span {
        font-size: 12px;
        color: #fff;
    }

    .filter-chip .chip-remove {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid rgb(34 156 80);
        position: relative;
    }

        .filter-chip .chip-remove::before,
        .filter-chip .chip-remove::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 6px;
            height: 1px;
            background: rgb(34 156 80);
        }

        .filter-chip .chip-remove::before {
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .filter-chip .chip-remove::after {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

.filter-chip-empty {
    font-size: 13px;
    color: #8f8f8f;
}

.compare-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #191919;
    border: 1px solid #252525;
    padding: 5px;
}

.compare-thumb-list {
    display: flex;
    gap: 7px;
    min-height: 48px;
    flex: 1;
}

.compare-thumb {
    height: 45px;
    border-radius: 5px;
    overflow: hidden;
    /* border: 1px solid #ededed; */
    /* background: #fff; */
    position: relative;
}

    .compare-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.compare-thumb-remove {
    position: absolute;
    top: 2px;
    right: 1px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: none;
    background: var(--color3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.2s ease;
    padding: 6px;
    display: flex;
    align-content: center;
}

    .compare-thumb-remove::before {
        content: "X";
        line-height: 1;
        font-size: 7px;
        font-weight: 600;
    }

    .compare-thumb-remove:hover {
        background: rgba(0, 0, 0, 0.85);
    }

.compare-button {
    background: var(--color3);
    color: #012b05;
    padding: 7px 15px;
    border-radius: 999px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

    .compare-button > span {
        color: var(--temabg);
        font-size: 12px;
        letter-spacing: 0;
        font-weight: 600;
    }

    .compare-button .compare-icon {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        color: var(--temabg);
    }

    .compare-button.disabled {
        opacity: 0.6;
        pointer-events: none;
    }

.bggri {
    background: var(--color4);
    /* padding: calc(var(--altbosluk) / 2) 0; */
}

.headtab {
    text-align: center;
    margin: 0 auto;
    margin-bottom: calc(var(--altbosluk) / 1.54);
    width: 98%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px; /* Elemanlar aras� bo�luk */
    justify-content: center;
    position: relative;
}

    /* �lk div (h2) - sabit geni�lik, k���lmesin */
    .headtab > div:first-child {
        flex-shrink: 0; /* K���lmesin */
        white-space: nowrap; /* Alt sat�ra d��mesin */
    }

        .headtab > div:first-child h2 {
            /* Margin'i s�f�rla */
            text-align: center;
            font-size: 27px;
            font-style: normal;
            font-weight: 400;
            line-height: 102%;
            letter-spacing: -.23pc;
            text-transform: uppercase;
            max-width: 997px;
            margin: 0 auto;
            letter-spacing: 5px;
            color: var(--temacolor);
        }

    /* �izgi - dinamik geni�lik, kalan alan� doldurur */
    .headtab .cizgi {
        height: 1px;
        background: #9f060e;
        position: relative;
        z-index: 9;
        flex: 1; /* Kalan alan� doldur */
        min-width: 20px; /* Minimum geni�lik */
        max-width: 100%; /* Maksimum geni�lik */
        display: none;
    }

    /* Son div (txtcenter) - sabit geni�lik, k���lmesin */
    .headtab > div:last-child {
        flex-shrink: 0; /* K���lmesin */
        white-space: nowrap; /* Alt sat�ra d��mesin */
        position: absolute;
        right: 0;
    }

    .headtab > div .txtcenter {
        display: flex;
        align-items: center;
    }

        .headtab > div .txtcenter a {
            white-space: nowrap; /* Alt sat�ra d��mesin */
        }

.arachead {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
    max-width: 1400px;
}

    .arachead > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
    }

        .arachead > div, .arachead > div * {
            color: #fff;
            font-size: 13px;
            margin: 0;
        }

    .arachead span {
        font-weight: 300;
        color: #fff;
    }

    .arachead modal {
    }

.markalogo {
    height: 1.5rem;
    margin-right: 5px;
}

    .markalogo > img {
        height: 100%;
    }

.favoriekle {
    display: flex;
    align-items: center;
}

.detay-arac-galeri {
    display: block;
    aspect-ratio: 1034/660;
    width: calc(100% - 30%);
}

/* Car Slider Container */
.car-slider-container {
    position: relative;
    width: 100%;
    /* height: 100%; */
    overflow: hidden;
    aspect-ratio: 5 / 3.2;
}

.car-slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.car-slide {
    min-width: 100%;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    position: relative;
}

    .car-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

/* Normal image hover effect */
.aracim:hover .aracgolge:not(.car-slider-container) img,
.aracim:hover .golge img {
    transform: scale(1.1);
}

/* Slider images should not scale on hover */
.aracim:hover .car-slider-container img,
.car-slider-container img {
    transform: scale(1) !important;
}

/* Slider Navigation Buttons */
.car-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
    padding: 0;
}

.car-slider-prev {
    left: 12px;
}

.car-slider-next {
    right: 12px;
}

.car-slider-nav svg {
    width: 14px;
    height: 14px;
    color: #000 !important;
    stroke: #000 !important;
    transition: transform 0.2s ease;
    display: block !important;
    flex-shrink: 0;
    visibility: visible !important;
    opacity: 1 !important;
}

    .car-slider-nav svg path {
        stroke: #000 !important;
        fill: none !important;
        stroke-width: 2 !important;
    }

    .car-slider-nav svg * {
        stroke: #000 !important;
        fill: none !important;
    }

.aracim:hover .car-slider-nav {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: all;
    visibility: visible !important;
}

    .aracim:hover .car-slider-nav svg {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }

.car-slider-nav:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
}

.car-slider-nav:active {
    transform: translateY(-50%) scale(0.95);
}

.car-slider-nav:hover svg {
    transform: scale(1.1);
    opacity: 1 !important;
    visibility: visible !important;
}

/* Slider Dots */
.car-slider-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    gap: 6px;
    z-index: 10;
    align-items: center;
    justify-content: center;
}

.aracim:hover .car-slider-dots {
    display: flex;
}

.car-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

.aracim:hover .car-slider-dot {
    opacity: 1;
    pointer-events: all;
}

.car-slider-dot.active {
    background: rgba(255, 255, 255, 1);
    width: 24px;
    border-radius: 4px;
}

.car-slider-dot:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
}

/* Prevent image scaling on hover when slider is active */
.car-slider-container .car-slide img {
    transform: scale(1) !important;
}

.aracim:hover .car-slider-container .car-slide img {
    transform: scale(1) !important;
}

.aracim .usttab > div:first-child > div.kilometre span {
    font-size: 12px;
    line-height: 13px;
    font-weight: 300;
    letter-spacing: 0;
    /* Alt sat�ra d��mesin */
    /* K���lmesin, tam g�z�ks�n */
    /* ��erik tam g�z�ks�n */
    z-index: 1;
    letter-spacing: 0;
    color: #919191;
}

.sssbegin > .bggri {
    background: rgb(0 0 0 / 80%);
    background: linear-gradient( to right, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.30) 100% );
}

.sss-title, .new-title {
    /* font-size: 10px; */
    /* font-weight: 600; */
    /* color: #ffffff; */
    /* margin: 0; */
}

.filter-sidebar {
    width: 300px;
    min-width: 300px;
}

.araclar-main-content {
    flex: 1;
    min-width: 0;
}

/* Toggle Switch Section */
.filter-toggle-section {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 4px;
}

.filter-toggle-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .filter-toggle-item:last-child {
        border-bottom: none;
    }

.filter-toggle-label {
    font-size: 14px;
    font-weight: 400;
    flex: 1;
    color: rgb(99 101 106 / 1);
}

.filter-container {
    background: var(--temaopacity);
    border: 1px solid var(--temaopacity1);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    width: 100%;
}

    .filter-header h3 {
        margin: 0;
        font-size: 15px;
        font-weight: 300;
        color: var(--temacolor2);
    }

.filter-clear-btn {
    background: none;
    border: none;
    color: #229c50;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
    transition: color 0.3s;
}

    .filter-clear-btn:hover {
        color: var(--color2);
    }

.filter-section {
    margin-bottom: 5px;
    border-bottom: 1px solid var(--temaopacity1);
    /* padding-bottom: 5px; */
}

    .filter-section:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.filter-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 5px 0;
}

    .filter-section-header h4 {
        margin: 0;
        font-size: 13px !important;
        font-weight: 400;
        color: var(--temacolor2);
    }

.filter-arrow {
    width: 14px;
    height: 14px;
    transition: transform 0.3s;
    color: #696969;
}

    .filter-arrow.rotated {
        transform: rotate(180deg);
    }

.filter-section-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.filter-section.expanded .filter-section-content {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
}

/* �lk a��l��ta Marka section'� a��k */
.filter-section:first-of-type {
    border-bottom: 0;
}

#markaSection.expanded .filter-section-content {
    max-height: 300px;
}

#markaSection.expanded .filter-arrow {
    transform: rotate(180deg);
}

.filter-search {
    position: relative;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    align-content: center;
}

.filter-search-input {
    width: 100%;
    padding: 10px 35px 10px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #ffffff;
    color: #2c2c2c;
    font-size: 12px;
    margin: 0;
}

    .filter-search-input:focus {
        outline: none;
        border-color: #4caf50;
    }

.filter-search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #757575;
    pointer-events: none;
}

.filter-checkbox-list {
    max-height: 165px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

    .filter-checkbox-list span {
        font-size: 11px;
        font-weight: 400;
        color: rgb(239 239 239);
    }

.filter-checkbox-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 12px;
    margin-bottom: 4px;
    cursor: pointer;
    user-select: none;
    border-radius: 6px;
    border: 1px solid var(--temaopacity);
    background: transparent;
    transition: border-color 0.15s, background 0.15s;
    gap: 8px;
    color: var(--temacolor2);
}

.filter-checkbox-list label:last-child, .filter-checkbox-list > label:last-child {
    border: 1px solid rgba(255,255,255,0.06);
}

.filter-checkbox-item:hover {
    border-color: var(--temaopacity2);
    /* background: var(--temaopacity); */
}

.filter-checkbox-item .checkbox-wrapper {
    display: none;
}

.filter-checkbox-item input[type="checkbox"] {
    display: none;
}

.filter-checkbox-item span {
    font-size: 13px;
    color: var(--temacolor2);
    transition: color 0.15s;
    line-height: 1;
    text-transform: capitalize;
    flex: 1;
}

/* Sağda dot göstergesi */
.filter-checkbox-item::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.35);
    flex-shrink: 0;
    transition: all 0.15s;
}

.filter-checkbox-item.selected {
    border-color: rgba(34,156,80,0.4);
    background: rgba(34,156,80,0.07);
}

    .filter-checkbox-item.selected span {
        color: #fff;
        font-weight: 500;
    }

    .filter-checkbox-item.selected::after {
        background: #229c50;
        border-color: #229c50;
        box-shadow: 0 0 6px rgba(34,156,80,0.5);
    }

    .filter-checkbox-item.selected:hover {
        border-color: rgba(34,156,80,0.6);
    }

/* Model grup ba�l�klar� */
.model-group-header {
    padding: 3px 12px 3px 12px;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    color: var(--temacolor);
    /* background-color: var(--temabg1); */
    border-bottom: 2px solid var(--bordercolor1);
    margin-top: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .model-group-header:first-child {
        margin-top: 0;
    }

.filter-price-range {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.filter-input {
    flex: 1;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #ffffff;
    color: #2c2c2c;
    font-size: 11px;
    padding: 5px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-weight: 600;
    margin: 0;
}

    .filter-input:focus {
        outline: none;
        border-color: #4caf50;
    }

.filter-footer {
    /* position: fixed; */
    bottom: 20px;
    width: 250px;
    /* min-width: 300px; */
    transition: position 0.3s ease;
}

    /* Scroll sidebar'�n sonuna ula�t���nda relative olsun */
    .filter-footer.scroll-reached-bottom {
        position: relative;
        bottom: auto;
        margin-top: 20px;
    }

.filter-show-btn {
    width: 100%;
    padding: 15px;
    background: #229c50;
    color: var(--color1);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.3s;
}

.filter-footer #filterCount {
    color: var(--color1);
    font-size: 16px;
    font-weight: 700;
}

.filter-show-btn:hover {
    /* background: #c8e6c9; */
}

/* Scrollbar styling for filter sections */
.filter-checkbox-list::-webkit-scrollbar {
    width: 3px;
}

.filter-checkbox-list::-webkit-scrollbar-track {
    background: var(--bgcolor);
    border-radius: 2px;
}

.filter-checkbox-list::-webkit-scrollbar-thumb {
    background: #229c50;
    border-radius: 2px;
}

    .filter-checkbox-list::-webkit-scrollbar-thumb:hover {
        background: #1a7a3e;
    }

.filter-sidebar::-webkit-scrollbar {
    width: 6px;
}

.filter-sidebar::-webkit-scrollbar-track {
    background: var(--bgcolor);
}

.filter-sidebar::-webkit-scrollbar-thumb {
    background: var(--color2);
    border-radius: 3px;
}

    .filter-sidebar::-webkit-scrollbar-thumb:hover {
        background: var(--color3);
    }

.araclar-list > ul > li > a dib:not(.markalogo) img {
    width: 100%;
    /* display: block; */
    position: relative;
    z-index: -1;
}

.tanitimcheck {
    display: flex;
    margin: 15px 0;
}

    .tanitimcheck > div {
        display: flex;
        align-content: center;
        align-items: center;
        cursor: pointer
    }

        .tanitimcheck > div:last-child {
            margin-left: 9px;
        }

    .tanitimcheck input {
    }

    .tanitimcheck label {
    }

        .tanitimcheck label a {
            font-weight: 600;
            text-decoration: underline;
        }

    .tanitimcheck input:checked {
        background-color: #d92426;
        border-color: #d92426;
    }

        .tanitimcheck input:checked::after {
            content: "";
            position: absolute;
            left: 6px;
            top: 1px;
            width: 3px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.AciklamaHeadyeni .tanitim {
    color: var(--color1);
    width: 90%;
    margin: 0 auto;
    padding: 25px 0;
}

    .AciklamaHeadyeni .tanitim p {
        color: var(--color1);
        margin-bottom: 15px
    }

    .AciklamaHeadyeni .tanitim * {
        color: var(--color1);
        font-size: calc(11px + 0.15vw);
        font-weight: 300;
        line-height: calc(17px + 0.25vw);
        text-align: center;
        letter-spacing: .5px;
    }

.quote-container {
    margin: 0 auto;
    padding: 0 calc(var(--spacing) * 3);
    background: var(--color3);
    max-width: 1400px;
}

.quote-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    gap: 10px;
}

.quote-text > a, .quote-text {
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: var(--spacing);
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    color: var(--color1);
}

.quote-highlight {
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: var(--color1);
}

.quote-text > a {
}

.quote-text.kisa {
}

.quote-author {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: calc(var(--spacing) / 2);
    padding-left: 65px;
    margin-top: 25px;
}

    .quote-author:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 40px;
        height: 2px;
        background-color: var(--color1);
        transform: translateY(-50%);
    }

.quote-section-alt .quote-author:before {
    background-color: #3c8d84;
}

.arac-bilgileri .normaldiv {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .arac-bilgileri .normaldiv > div {
        color: var(--temacolor);
    }

        .arac-bilgileri .normaldiv > div:first-child {
            font-size: 13px;
            line-height: 18px;
            letter-spacing: 1px;
        }

        .arac-bilgileri .normaldiv > div:last-child {
            font-size: 20px;
            line-height: 22px;
            font-weight: 500;
        }

/* Slider Butonlar� */
.slider-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .slider-close-btn:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.1);
    }

.slider-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .slider-nav-btn:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: translateY(-50%) scale(1.1);
    }

    .slider-nav-btn svg {
        width: 24px;
        height: 24px;
        color: white;
    }

.slider-prev-btn {
    left: 20px;
}

.slider-next-btn {
    right: 20px;
}

/* Sayfa G�stergesi */
.slider-page-indicator {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

.slider-close-btn {
    width: 40px;
    height: 40px;
    font-size: 20px;
    top: 10px;
    right: 10px;
}

.slider-page-indicator {
    font-size: 14px;
    padding: 6px 12px;
    bottom: 10px;
}

}

/* Images Gallery Section - 1 B�y�k + 2 K���k Alternating Layout */
.images-gallery-section {
    margin-top: 80px;
    padding: 0;
    position: relative;
}

.gallery-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
}

/* Gizli gallery row'lar */
.gallery-row-hidden {
    display: none !important;
}

/* 1 B�y�k + 2 K���k Grup Tasar�m� - 2 Div Yap�s� */
.gallery-row {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    /* height: 300px; */
    overflow: hidden;
    aspect-ratio: 1920/1080;
    max-height: 65vh;
}

/* 2. S�ra: Ters �evirme (2 K���k Sola + 1 B�y�k Sa�a) */
.gallery-grid .gallery-row:nth-child(2n) {
    flex-direction: row-reverse;
}

/* 1. Div: Tek Resim (B�y�k) */
.gallery-single {
    flex: 2;
    height: 100%;
    overflow: hidden;
}

    .gallery-single .gallery-item {
        height: 100%;
    }

/* 2. Div: Alta 2 Resim (K���k) */
.gallery-double {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

    .gallery-double .gallery-item {
        flex: 1;
        aspect-ratio: 1920/1080;
    }

.gallery-item {
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    border-radius: 12px;
}

    .gallery-item:hover img {
        transform: scale(1.02);
        z-index: 10;
    }

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
}

.gallery-item:hover .gallery-image {
    transform: scale(1.05);
}

/* Genel scrollbar butonlar�n� (oklar�) etkinle�tir */
.filter-checkbox-list::-webkit-scrollbar-button,
.filter-sidebar::-webkit-scrollbar-button {
    display: block;
    height: 10px; /* Okun dikey y�ksekli�i */
    width: 6px;
    background-repeat: no-repeat;
    background-size: contain;
}

    /* �st Ok (Yukar�) */
    .filter-checkbox-list::-webkit-scrollbar-button:single-button:vertical:decrement,
    .filter-sidebar::-webkit-scrollbar-button:single-button:vertical:decrement {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%239e9e9e'><polygon points='50,20 10,80 90,80'/></svg>");
        background-position: center bottom;
        cursor: pointer
    }

    /* Alt Ok (A�a��) */
    .filter-checkbox-list::-webkit-scrollbar-button:single-button:vertical:increment,
    .filter-sidebar::-webkit-scrollbar-button:single-button:vertical:increment {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%239e9e9e'><polygon points='50,80 10,20 90,20'/></svg>");
        background-position: center top;
        cursor: pointer
    }

    /* Hover (�zerine gelince) Renk De�i�imi */
    .filter-checkbox-list::-webkit-scrollbar-button:hover,
    .filter-sidebar::-webkit-scrollbar-button:hover {
        background-color: none;
    }

.faviconlar {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

    .faviconlar > div {
    }

        .faviconlar > div svg {
            width: 19px;
            height: 19px;
            color: #e6e6e6;
        }

            .faviconlar > div svg path {
                /* fill: var(--temacolor); */
                fill: transparent;
                stroke: var(--bordercolor2);
                stroke-width: 1.5px;
            }

.car-slider-nav {
    width: 32px;
    height: 32px;
}

.car-slider-dots {
    bottom: 8px;
}

.medya-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 40px 0;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.medya-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
}

.medya-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.medya-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.medya-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.medya-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.filter-section-header h4, .instagram-column .txt p, .menubar .menuhead .menutxt ul > li > a, .homeservice > ul > li a .txt p, .iletisim-adres-item h3, .iletisim-adres-item p, .iletisim .iletisimbilgileri .mega-btn-primary {
    font-size: 15px;
}

.newsletter-section .head h2, .aracim .usttab > div:first-child > div.kilometre span, .aracim .usttab > div:first-child > div model, .socialmedia h2 {
    /* font-size: 12px; */
    /* line-height: 13px; */
}

/* Social share toggle button and menu */
.share-wrapper {
    position: relative;
    display: inline-block;
}

.share-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    border-radius: 50%;
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    flex-direction: row;
    gap: 4px;
}

    .share-toggle-btn label {
        font-size: 14px;
        cursor: pointer;
    }

    .share-toggle-btn:hover {
        background-color: rgba(255, 255, 255, 0.08);
    }

.social-share-menu {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 8px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    padding: 10px 14px;
    display: none;
    z-index: 1000;
    min-width: 190px;
}

    .social-share-menu.open {
        display: block;
    }

    .social-share-menu .social-share > div {
        margin-bottom: 0;
    }

        .social-share-menu .social-share > div:last-child {
            margin-bottom: 0;
        }

    .social-share-menu .social-share a {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #000;
        font-size: 13px;
        text-decoration: none;
        padding: 4px 0;
        white-space: nowrap;
        font-weight: 500;
    }

        .social-share-menu .social-share a i {
            width: 16px;
            text-align: center;
        }

        .social-share-menu .social-share a:hover {
            color: #229c50;
        }

.headtopbar {
    gap: 10px;
}

    .headtopbar > div:first-child {
        padding: 0;
        /* border-right: 1px solid #404040; */
        padding-right: 10px;
    }

#benzer .headtab {
    text-align: center
}

    #benzer .headtab > div:last-child {
        position: relative
    }

#benzer .new-title {
    text-align: center
}

.faviconlarbtn { /* width: 49%; */
}

.araclar-main-content .filtrele.button {
    width: 49%;
    padding: 13px 16px;
    font-size: 12px !important;
}

.araclar-main-content .listebar > div {
    width: 100%
}

    .araclar-main-content .listebar > div .faviconlarbtn .button {
        padding: 13px 16px;
        font-size: 12px !important;
        font-weight: 400;
        color: var(--temacolor2);
    }

/* ===== ARA? DETAY EKS?K BLOKLAR ===== */
.arac-detay.icalan {
    max-width: 1400px;
    width: 92%;
}

.bottompage.arac-detay {
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
}

.ekstraaciklama ul > li svg {
    margin-right: 4px;
    color: #fff;
    width: 12px;
    height: 12px;
}

@media (max-width: 1500px) {
    .ekstraaciklama ul {
        gap: 10px 20px;
    }

        .ekstraaciklama ul li {
            width: calc((100% / 4) - 15px);
        }
}

@media (max-width: 992px) {
    .arac-detay .arac-detay-galeri {
        flex-direction: column;
        justify-content: normal;
    }

        .detay-arac-galeri,
        .arac-detay .arac-detay-galeri > div:last-child {
            width: 100%;
        }

    .detay-arac-galeri {
        aspect-ratio: 1034 / 800;
    }
}




/* ===== /ARAC SAYFA RENK OVERRIDE ===== */
.bottompage {
    background: #080808;
}

.bottommenu {
}

    .bottommenu > ul > li > a {
        color: rgba(255,255,255,0.75);
        font-family: "posterama-2001";
        letter-spacing: 2px;
        font-size: 9px;
        font-weight: 500;
    }

        .bottommenu > ul > li > a:hover {
            color: #229c50;
        }

    .bottommenu .bos {
        color: rgba(255, 255, 255, 0.75);
    }

.carlist > div:first-child { /* background: #0a0a0a; */
}

.listebar .button {
    color: rgba(255,255,255,0.6);
    border-color: #252525;
}

    .listebar .button:hover {
        background: #161616;
        color: #229c50;
    }

    .listebar .button svg path {
        fill: rgba(255,255,255,0.5);
    }

    .listebar .button:hover svg path {
        fill: #229c50;
    }

.dropdownsecim > span {
    background: var(--temabg);
    border-color: var(--temabordercolor);
    color: rgba(255,255,255,0.6);
}

.dropdownsecim > ul {
    background: var(--temabordercolor);
    border-color: var(--temabordercolor);
}

    .dropdownsecim > ul > li {
        background: var(--temabordercolor);
        color: var(--temabordercolor3);
        border-color: var( --temabordercolor2);
    }

        .dropdownsecim > ul > li:hover {
            color: #229c50;
        }

        .dropdownsecim > ul > li.selected {
            color: #229c50;
        }

.araclist-loader {
    background: rgba(8,8,8,0.85);
}

.lds-ellipsis div {
    background: #229c50;
}

.filter-chip {
    border-color: rgba(34,156,80,0.35);
    color: #229c50;
    background: rgba(34,156,80,0.07);
}

    .filter-chip:hover {
        background: rgba(34,156,80,0.14);
    }

.arac-kaydir-liste.az-item .slick-track {
    width: 100% !important;
}

.arac-kaydir-liste.az-item .slick-slide {
    width: 25% !important;
}

/* ===== FİLO SEPET ===== */
.menu-filo-sepet {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

    .menu-filo-sepet svg {
        width: 22px;
        height: 22px;
        color: var(--color1);
    }


.fixed .menu-filo-sepet svg {
    color: var(--temabgrbg);
}

.filo-sepet-count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #229c50;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}

.fm-sepete-ekle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    color: var(--temabgrbg);
    border: 1.6px solid #229c50;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 0.3px;
    transition: all .2s;
    padding: 4px 11px;
}

    .fm-sepete-ekle-btn::before {
        content: '+';
        font-size: 15px;
        line-height: 1;
        font-weight: 400;
    }

    .fm-sepete-ekle-btn:hover {
        background: #229c50;
        color: #fff;
    }

.filo-sepet-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.filo-sepet-modal {
    background: #fff;
    width: 420px;
    max-width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 30px rgba(0,0,0,0.15);
}

.filo-sepet-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
    border-bottom: 1px solid #eee;
}

    .filo-sepet-modal-head h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
    }

.filo-sepet-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    line-height: 1;
}

.filo-sepet-modal-body {
    flex: 1;
    overflow-y: auto;
    padding: 3px 24px;
}

.filo-sepet-modal-foot {
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.filo-sepet-git-btn {
    display: block;
    text-align: center;
    background: #229c50;
    color: #fff;
    padding: 14px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
}

    .filo-sepet-git-btn:hover {
        background: #1a7d3e;
        color: #fff;
    }

.filo-sepet-empty {
    text-align: center;
    color: #999;
    padding: 40px 0;
    font-size: 14px;
}

.filo-sepet-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

    .filo-sepet-item img {
        width: 90px;
        height: 70px;
        object-fit: cover;
        border-radius: 6px;
        flex-shrink: 0;
    }

.filo-sepet-item-info {
    flex: 1;
}

.filo-sepet-item-baslik {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.filo-sepet-item-detay {
    font-size: 12px;
    color: #888;
    margin-top: 2px;
}

.filo-sepet-item-adet {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

    .filo-sepet-item-adet button {
        width: 24px;
        height: 24px;
        border: 1px solid #ddd;
        background: #f5f5f5;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .filo-sepet-item-adet span {
        font-size: 14px;
        font-weight: 600;
        min-width: 20px;
        text-align: center;
    }

    .filo-sepet-item-adet input.filo-adet-input {
        width: 52px;
        height: 24px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #fff;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        padding: 13px 4px !important;
        outline: none;
        -moz-appearance: textfield;
    }

        .filo-sepet-item-adet input.filo-adet-input::-webkit-outer-spin-button,
        .filo-sepet-item-adet input.filo-adet-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .filo-sepet-item-adet input.filo-adet-input:focus {
            border-color: #229c50;
        }

.filo-sepet-item-sil {
    background: none;
    border: none;
    color: #ccc;
    font-size: 20px;
    cursor: pointer;
    padding: 0 4px;
    flex-shrink: 0;
}

    .filo-sepet-item-sil:hover {
        color: #e00;
    }

.bottompagebg {
    background: var(--temabg)
}

.anamenubganamenubg{
    height: 60px;
    background: var(--bgcolor2);
    margin-bottom: 40px;
}

.anamenubg {
    background: #080808;
    padding: 60px 0 0 0;
    margin-bottom: 50px;
}
/* Sepet Sayfası */
.filo-sepet-page {
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.filo-sepet-page-head {
    margin-bottom: 40px;
}

    .filo-sepet-page-head h1 {
        font-size: 32px;
        font-weight: 700;
        margin: 0 0 8px;
    }

.filo-sepet-page-sub {
    color: #888;
    font-size: 15px;
}

.filo-sepet-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}

.filo-sepet-empty-icon {
    width: 72px;
    height: 72px;
    background: #f0f9f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

    .filo-sepet-empty-icon svg {
        width: 34px;
        height: 34px;
        stroke: #229c50;
    }

.filo-sepet-empty-title {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
}

.filo-sepet-empty-desc {
    font-size: 14px;
    color: #999;
    margin-bottom: 28px;
    max-width: 280px;
    line-height: 1.6;
}

.filo-sepet-empty-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #229c50;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s;
}

    .filo-sepet-empty-link:hover {
        background: #1a7d3e;
        color: #fff;
    }

    .filo-sepet-empty-link svg {
        width: 16px;
        height: 16px;
        stroke: #fff;
    }

.filo-sepet-page-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.filo-sepet-page-item-img img {
    width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
}

.filo-sepet-page-item-info {
    flex: 1;
}

.filo-sepet-page-item-baslik {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--bgcolor1);
}

.filo-sepet-page-item-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

    .filo-sepet-page-item-tags span {
        background: #f0f9f4;
        color: #229c50;
        font-size: 12px;
        padding: 3px 8px;
        border-radius: 20px;
        font-weight: 500;
    }

.filo-sepet-page-item-adet {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .filo-sepet-page-item-adet button {
        width: 32px;
        height: 32px;
        border: 1px solid #ddd;
        background: #f5f5f5;
        border-radius: 6px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .filo-sepet-page-item-adet span {
        font-size: 16px;
        font-weight: 700;
        min-width: 24px;
        text-align: center;
    }

    .filo-sepet-page-item-adet input.filo-adet-input {
        width: 60px;
        height: 32px;
        border: 1px solid #ddd;
        border-radius: 6px;
        background: #fff;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        padding: 16px 4px;
        outline: none;
        -moz-appearance: textfield;
        color: var(--bgcolor1);
    }

        .filo-sepet-page-item-adet input.filo-adet-input::-webkit-outer-spin-button,
        .filo-sepet-page-item-adet input.filo-adet-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .filo-sepet-page-item-adet input.filo-adet-input:focus {
            border-color: #229c50;
        }

.filo-sepet-page-item-sil {
    background: none;
    border: none;
    color: #ccc;
    font-size: 22px;
    cursor: pointer;
}

    .filo-sepet-page-item-sil:hover {
        color: #e00;
    }

.filo-sepet-page-actions {
    display: flex;
    gap: 12px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.filo-sepet-action-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
}

    .filo-sepet-action-btn svg {
        width: 18px;
        height: 18px;
    }

.filo-sepet-teklif {
    background: #229c50;
    color: #fff;
}

    .filo-sepet-teklif:hover {
        background: #1a7d3e;
    }

.filo-sepet-paylasBtn, .filo-sepet-pdfBtn {
    background: #f5f5f5;
    color: #333;
}

    .filo-sepet-paylasBtn:hover, .filo-sepet-pdfBtn:hover {
        background: #eee;
    }

/* Modal içi butonlar — yeşil vurgulu */
#teklifSonuc .filo-sepet-paylasBtn,
#teklifSonuc .filo-sepet-pdfBtn {
    background: #229c50;
    color: #fff;
    flex: 1;
    justify-content: center;
    min-width: 140px;
}

    #teklifSonuc .filo-sepet-paylasBtn:hover,
    #teklifSonuc .filo-sepet-pdfBtn:hover {
        background: #1a7d3e;
    }

#teklifSonuc .filo-sepet-pdfBtn {
    background: #1a7d3e;
}

    #teklifSonuc .filo-sepet-pdfBtn:hover {
        background: #155f30;
    }

.filo-paylas-panel {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.filo-paylas-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    color: var(--temacolor1);
}

    .filo-paylas-item svg {
        width: 18px;
        height: 18px;
    }

    .filo-paylas-item:hover {
        background: #f9f9f9;
    }

/* Modal içi paylaş alt paneli */
#teklifSonucPaylas {
    flex-direction: row !important;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

    #teklifSonucPaylas .filo-paylas-item {
        background: #f5f5f5;
        border-color: #e5e5e5;
        font-size: 13px;
        padding: 9px 16px;
        flex: 1;
        min-width: 130px;
        justify-content: center;
    }

/* Teklif Modal */
.filo-teklif-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow-y: auto;
}

.filo-teklif-modal {
    position: relative;
    background: var(--color1);
    border-radius: 16px;
    width: 100%;
    max-width: 860px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 24px 64px rgba(0,0,0,0.25);
    animation: filoTeklifIn .22s ease;
}

@keyframes filoTeklifIn {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes filoSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.filo-teklif-modal-kapat {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(128,128,128,0.15);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    color: #555;
    font-size: 18px;
    line-height: 1;
    transition: background .15s;
    flex-shrink: 0;
}

    .filo-teklif-modal-kapat:hover {
        background: rgba(128,128,128,0.28);
    }

    .filo-teklif-modal-kapat svg {
        width: 18px;
        height: 18px;
        display: block;
        pointer-events: none;
        stroke: #666;
    }
/* ===== FİLO SEPET SONU ===== */

/* Sayfalama */
.fm-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 36px 0 20px;
}

.fm-page-btn {
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #666;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

    .fm-page-btn:hover {
        background: #f0f0f0;
        color: #229c50;
    }

    .fm-page-btn.active {
        background: #229c50;
        color: #fff;
        font-weight: 700;
        border: none;
    }

.fm-page-arrow {
    color: #999;
    font-size: 16px;
}

    .fm-page-arrow:disabled {
        opacity: 0.3;
        cursor: default;
        pointer-events: none;
    }

.fm-page-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    color: #aaa;
    font-size: 13px;
    letter-spacing: 1px;
}

/* PagedList ul>li>a yapısı için fm-pagination override */
ul.fm-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 36px 0 20px;
    padding: 0;
    list-style: none;
}

    ul.fm-pagination li, ul.fm-pagination .fm-page-li {
        display: inline-flex;
    }

        ul.fm-pagination li a,
        ul.fm-pagination li span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 8px;
            border: none;
            border-radius: 10px;
            background: transparent;
            color: #9d9d9d;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.15s;
            text-decoration: none;
        }

            ul.fm-pagination li a:hover {
                background: #f0f0f0;
                color: #229c50;
            }

        ul.fm-pagination li.active a,
        ul.fm-pagination li.active span {
            background: #229c50;
            color: #fff;
            font-weight: 700;
            border-radius: 10px;
        }

        ul.fm-pagination li.disabled a,
        ul.fm-pagination li.disabled span {
            opacity: 1;
            cursor: default;
            pointer-events: none;
        }

        ul.fm-pagination li.PagedList-skipToFirst,
        ul.fm-pagination li.PagedList-skipToLast {
            display: none;
        }

        ul.fm-pagination li.PagedList-ellipses a,
        ul.fm-pagination li.PagedList-ellipses span {
            color: #aaa;
            background: transparent;
            cursor: default;
            pointer-events: none;
            letter-spacing: 1px;
        }

            ul.fm-pagination li.PagedList-ellipses a:hover {
                background: transparent;
                color: #aaa;
            }

/* ===== KVKK MODAL ===== */
.kvkk-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

    .kvkk-overlay.active {
        display: flex;
    }

.kvkk-modal {
    background: var(--temabg, #fff);
    border-radius: 12px;
    width: 100%;
    max-width: 640px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    overflow: hidden;
}

.kvkk-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--temabordercolor3, #eee);
    flex-shrink: 0;
}

    .kvkk-modal-head h3 {
        font-size: 15px;
        font-weight: 700;
        color: var(--temacolor, #111);
        margin: 0;
    }

.kvkk-modal-kapat {
    width: 32px;
    height: 32px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--temacolor, #111);
    opacity: 0.5;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: opacity 0.15s, background 0.15s;
}

    .kvkk-modal-kapat:hover {
        opacity: 1;
        background: rgba(0,0,0,0.06);
    }

.kvkk-modal-body {
    overflow-y: auto;
    padding: 24px;
    flex: 1;
}

.kvkk-modal-icerik h2.kvkk-modal-baslik {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--temacolor, #111);
}

.kvkk-modal-icerik h3, .kvkk-modal-icerik h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 16px 0 8px;
    color: var(--temacolor, #111);
}

.kvkk-modal-metin p, .kvkk-modal-metin li {
    font-size: 13px;
    color: var(--temacolor2, #555);
    line-height: 1.75;
    margin-bottom: 8px;
}


.kvkk-modal-metin ul {
    padding-left: 20px;
}

.kvkk-modal-metin a {
    color: #229c50;
}

.kvkk-hash {
    margin-top: 20px;
    font-size: 11px;
    color: var(--temacolor3, #aaa);
    border-top: 1px solid var(--temabordercolor3, #eee);
    padding-top: 10px;
}

    .kvkk-hash code {
        font-family: monospace;
        letter-spacing: 0.5px;
    }

.kvkk-modal-foot {
    padding: 16px 24px;
    border-top: 1px solid var(--temabordercolor3, #eee);
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

.kvkk-modal-onayla {
    background: #229c50;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .kvkk-modal-onayla:hover {
        background: #1a7d40;
    }

/* ===== KVK CHECKBOX — form altı (beyaz/koyu zemin) ===== */
.kvk-checks {
    margin: 14px 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kvk-check-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

    .kvk-check-row input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        border: 1.5px solid #c0c0c0;
        border-radius: 4px;
        background: #fff;
        cursor: pointer;
        margin-top: 1px;
        position: relative;
        transition: background 0.15s, border-color 0.15s;
        padding: 0;
        margin: 0;
    }

        .kvk-check-row input[type="checkbox"]:checked {
            background: #229c50;
            border-color: #229c50;
        }

            .kvk-check-row input[type="checkbox"]:checked::after {
                content: '';
                position: absolute;
                left: 5px;
                top: 2px;
                width: 3px;
                height: 6px;
                border: 2px solid #fff;
                border-top: none;
                border-left: none;
                transform: rotate(45deg);
            }

    .kvk-check-row label {
        font-size: 12px;
        color: rgba(0,0,0,0.55);
        line-height: 1.5;
        cursor: pointer;
    }

        .kvk-check-row label a {
            color: #229c50;
            text-decoration: none;
            font-size: 12px;
        }

            .kvk-check-row label a:hover {
                text-decoration: underline;
            }

/* Koyu zemin üzerindeki formlar (KurumsalKiralama .kk-form gibi) */
.kk-form .kvk-check-row input[type="checkbox"] {
    border-color: rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.06);
}

    .kk-form .kvk-check-row input[type="checkbox"]:checked {
        background: #229c50;
        border-color: #229c50;
    }

.kk-form .kvk-check-row label {
    color: rgba(255,255,255,0.5);
}

    .kk-form .kvk-check-row label a {
        color: #229c50;
    }

/* ===== KurumsalKiralama — Hizmetler v2 ===== */
.kkh2-wrap {
    background: #229c50;
    padding: 4vh 60px;
}

.kkh2-inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}

.kkh2-head {
    margin-bottom: 48px;
}

.kkh2-eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 12px;
}

.kkh2-title {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.1;
}
/* Tabs */
.kkh2-tabs {
    display: flex;
    border-bottom: 1px solid rgba(255,255,255,0.25);
    margin-bottom: 48px;
}

.kkh2-tab {
    background: none;
    border: none;
    color: rgba(255,255,255,0.65);
    font-size: 13px;
    font-weight: 400;
    padding: 14px 28px;
    cursor: pointer;
    position: relative;
    letter-spacing: 0.3px;
    transition: color 0.2s;
}

    .kkh2-tab::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 2px;
        background: #fff;
        transform: scaleX(0);
        transition: transform 0.25s;
    }

    .kkh2-tab:hover {
        color: #fff;
    }

    .kkh2-tab.active {
        color: #fff;
        font-weight: 700;
    }

        .kkh2-tab.active::after {
            transform: scaleX(1);
        }
/* Panel */
.kkh2-panel {
    display: none;
}

    .kkh2-panel .slick-slider {
        display: flex;
        justify-content: flex-start;
    }

    .kkh2-panel.active {
        display: block;
    }
/* Slick track — slick kendi genişliği yönetir, müdahale etme */
.kkh2-track {
    overflow: hidden;
}

    .kkh2-track .slick-list,
    .kkh2-track .slick-track {
        display: block;
        justify-content: unset;
        height: auto;
    }
/* Kart */
.kkh2-card {
    background: var(--temabg);
    border-right: 1px solid #229c50;
    box-sizing: border-box;
    outline: none;
}

.kkh2-card-img {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}

    .kkh2-card-img::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, transparent 40%, rgba(8,8,8,0.85) 100%);
    }

    .kkh2-card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.5s ease;
    }

.kkh2-card:hover .kkh2-card-img img {
    transform: scale(1.04);
}

.kkh2-card-body {
    padding: 20px 22px 26px;
    border-top: 1px solid #111;
}

.kkh2-card-num {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #229c50;
    margin-bottom: 8px;
}

.kkh2-card-body h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--temacolor);
    margin-bottom: 8px;
    line-height: 1.3;
}

.kkh2-card-body p {
    font-size: 12px;
    color: var(--temacolor2);
    line-height: 1.75;
    margin: 0;
}
/* Dots */
.kkh2-dots {
    margin-top: 24px;
}

    .kkh2-dots .slick-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 0;
        position: static;
        bottom: auto;
    }

        .kkh2-dots .slick-dots li {
            display: flex;
            align-items: center;
            margin: 0;
            width: auto;
            height: auto;
        }

.kkh2-dot {
    display: block;
    width: 24px;
    height: 2px;
    background: rgba(255,255,255,0.25);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s, width 0.2s;
    font-size: 0;
}

.kkh2-dots .slick-dots li.slick-active .kkh2-dot {
    width: 10px;
    height: 10px;
    background: #fff;
}
/* Ok butonları */
.kkh2-track .slick-prev,
.kkh2-track .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    transition: background 0.2s;
}

.kkh2-track .slick-prev {
    left: -18px;
}

.kkh2-track .slick-next {
    right: -18px;
}

    .kkh2-track .slick-prev:hover,
    .kkh2-track .slick-next:hover {
        background: rgba(0,0,0,0.8);
    }

    .kkh2-track .slick-prev::before,
    .kkh2-track .slick-next::before {
        color: #fff;
        font-size: 14px;
        opacity: 1;
    }

.kkh2-track .slick-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.kkh2-slider-wrap {
    padding: 0;
}

@media (max-width: 580px) {
    .kkh2-wrap {
        padding: 60px 24px;
    }

    .kkh2-slider-wrap {
        padding: 0;
    }

    .kkh2-title {
        font-size: 28px;
    }
}