:root {
    --temacolor: #ffff;
    --temacolor1: rgb(189, 189, 189);
    --temabg: #000;
    --temabg1: #404040;
    --temabgrbg: #282828;
    --temabordercolor: #262626;
    --temabordercolor1: #262626;
    --temabordercolor2: #ccc;
    --temabordercolor3: #3a3a3a;
    --temaaltmenu: #262626;
    --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;
    --color4: rgb(230 230 230 / 37%);
    --color3: #9f060e;
    --filter: brightness(0) invert(0);
    --filter1: brightness(0) invert(1);
    --altbosluk: calc(30px + 0.5vw);
}

/*Reset*/

.light {
    --temacolor: #000;
    --temacolor1: #333;
    --temabg: #fff;
    --temabg1: #ebebeb;
    --temabgrbg: #fff;
    --temabordercolor: #707070;
    --temabordercolor1: #d1d1d1;
    --temabordercolor2: #333;
    --temabordercolor3: #d1d1d1;
    --temaaltmenu: #E8E8E8;
    --filter: brightness(0) invert(1);
    --filter1: brightness(0) invert(0);
}

* {
    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";
}
.headtxt {
    font-family: "Krona One", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}


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;
}
.mtb0 {
    margin-bottom: 0px !important;
    padding-bottom: 0 !important;
}

.karsilastirekle {
    display: none;
}

.karislastirbax {
    display: inline-flex;
    cursor: pointer;
}

.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 .karsilastir .aracim.karsilastirmeactive .usttab:not(.fiyat) {
    /* background: var(--color2); */
}

.karsilastir .aracgolge{}
.karsilastir .aracgolge>img{-: 100%;transition:.5s;z-index: -1;display: block;height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;cursor: pointer;width: 100%;}
.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 {
    /* background: #fff; */
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 16px;
    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;}

.filter-chip .chip-remove {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid currentColor;
    position: relative;
}

.filter-chip .chip-remove::before,
.filter-chip .chip-remove::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 1px;
    background: currentColor;
}

.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: var(--temaaltmenu);
}

.compare-thumb-list {
    display: flex;
    gap: 7px;
    min-height: 48px;
    flex: 1;
}

.compare-thumb {
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    /* border: 2px solid #ededed; */
    background: #fff;
    position: relative;
}

.compare-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.compare-thumb-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    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: "×";
    line-height: 1;
    font-size: 10px;
    font-weight: 600;
}

.compare-thumb-remove:hover {
    background: rgba(0, 0, 0, 0.85);
}

.compare-empty {
    font-size: 13px;
    color: #8f8f8f;
    display: flex;
    align-items: center;
}

.compare-button {
    background: var(--color3);
    color: #012b05;
    padding: 10px 18px;
    border-radius: 999px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.compare-button>span{
    color: var(--temabg);
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 600;
}

.compare-button .compare-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--temabg);
}

.compare-button.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.aracim.compare-option-disabled {
    /* cursor: not-allowed !important; */
}

.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.2);
    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: 0px;
    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: 25vh;
    bottom: -3px;
    z-index: 2;
    background: rgb(13 15 20);
    background: linear-gradient( 0deg, rgb(13 15 20) 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
}

/* İletişim sayfası tek harita stilleri */
.iletisim-map-marker {
    background: transparent !important;
    border: none !important;
}

.iletisim-map-marker .aston-marker {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color3);
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.iletisim-map-marker .aston-marker span {
    transform: rotate(45deg);
    display: block;
    line-height: 1;
    color: var(--color1);
    font-size: 15px;
    font-weight: 600;
}

.iletisim-map-marker:hover .aston-marker {
    transform: rotate(-45deg) scale(1.15);
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

.iletisim-map-marker.active {
    z-index: 99999 !important;
    position: relative;
}

.iletisim-map-marker.active .leaflet-marker-icon {
    z-index: 99999 !important;
    position: relative;
}

.iletisim-map-marker.active .aston-marker {
    z-index: 99999 !important;
}

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

.slick-initialized .slick-slide{display:none}
.slick-initialized .slick-slide.slick-active{display:block}

.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: 12px 15px;
    border-radius: 5px;
    background: var(--temabgrbg);
    margin-bottom: 15px;
    border: 1px solid var(--temabordercolor1);
    color: var(--temacolor);
    font-weight: 500;
    font-size: 16px;
}

input {
}

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

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

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

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

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

.bgsiyah {
    background: #f5f5f5;
    padding: calc(var(--altbosluk) / 2) 0;
}

.bggri {
    background: var(--color4);
    padding: calc(var(--altbosluk) / 2) 0;
}
.bgsigorta{
    background-color: #004F70 !important;
}


.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;
}

.sifremiunuttum .formlar{margin-top:15px}
.sifremiunuttum .formlar fieldset .input-grup>div input{margin-bottom:15px}

.positionrelative {
    position: relative
}

.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: calc(100% - var(--altbosluk) * 2);
    margin: 0 auto;
    margin: var(--altbosluk) auto;
    margin-top: calc(var(--altbosluk));
}
.arac-detay.icalan{    margin-top: calc(var(--altbosluk) + 50px);}

.newbegin {
    background: #24282f;
    width: 100%;
    padding: calc(var(--altbosluk) * 2);
    color: #fff;
    width: 100%;
    padding:calc(var(--altbosluk) * 2) calc(var(--altbosluk) * 2);
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.newbeginbeyaz {
    background: #fff;
    color: var(--color2);
    padding: 0 calc(var(--altbosluk) * 2) calc(var(--altbosluk) * 2) calc(var(--altbosluk) * 2);
}

.newbegin>div{
    width: 37%;
}

.newbegin>div.txt, .newbegin>div.item {
    width: 60%;
}
.resimbar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    border: 1px solid var(--temabg1);
    background-image: url(/img/showroom/yenikoy3.jpg);
    background-position: center;
    object-fit: cover;
    margin-top: 0 !important;
}

    .resimbar.markalar {
        background-image: url(/img/showroom/yenikoy2.jpg);
    }

    .resimbar li {
        border-right: 1px solid var(--temabg1);
        border-bottom: 1px solid var(--temabg1);
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        aspect-ratio: 1 / 1;
        padding: 0 !important;
    }

/* Son sütunlarda sağ border kaldır */
.resimbar li:nth-child(3n) {
    border-right: none;
}

/* Son satırda alt border kaldır */
.resimbar li:nth-last-child(-n + 3) {
    border-bottom: none;
}

.resimbar li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.newbegin *{color:#fff; text-align:center}

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

.brand-card{
    position: relative;
    width: 100%;
    height: 68vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.brand-card .txt{
    position: absolute;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.brand-card .txt h1{
    font-weight: 400;
    font-size: calc(26px + 0.25vw);
    line-height: calc(35px + 0.25vw);
    color: #fff;
    letter-spacing: 0px;
    position: relative;
    width: auto;
}
.brand-card .txt a{
    font-weight: 300;
    font-size: 15px;
    line-height: calc(35px + 0.25vw);
    color: #fff;
    letter-spacing: 0px;
    position: relative;
    /* letter-spacing: 3px; */
    width: auto;
    border: 1px solid var(--color1);
    padding: 0px 25px;
}
.brand-card img{
    width: 100%;
}
/*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(--color);
}

.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;
    background: #ffffff;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    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;
    }

.twonclick{display: flex;
    justify-content: center;
    width: 100%;}
.twonclick>a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
    align-items: center;
    align-content: center;
}
.twonclick>a>svg{width: 25px;}
.twonclick>a>svg>path{}
.twonclick>a>svg>path.two{
    fill: #fff;
    transition: .5s;
}
    .twonclick > a > svg > path.reklam {
        fill: #fff;
 
        transition: .5s;
    }
    .twonclick > a:hover > svg > path.two {
        fill: #EC2727;
    }
    .twonclick > a:hover > svg > path.reklam {

    }
      .twonclick h1{
    color: var(--color1);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 1;
}
/*  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%;
}

.slick-lightbox .slick-arrow, .slader .slick-arrow {
    top: auto;
    font-size: 0;
    left: calc(var(--altbosluk) / 2) !important;
    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;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    background-size: 10px;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    background-size: 19%;
}




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



.slick-arrow.slick-next {
    left: auto !important;
    right: calc(var(--altbosluk) / 2) !important;
    transform: translateY(-50%) rotate(0deg);
    background-position: 18px;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 100%;
    display: flex;
    /* gap: 20px; */
}


.homeslader .slick-arrow.slick-prev {
    left: calc(var(--altbosluk) / 1) !important;
}
    .homeslader .slick-arrow.slick-next {
        right: calc(var(--altbosluk) / 1) !important;
    }


.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;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

/* Homeslader video için transition sadece belirli özellikler için */
.homeslader video {
    transition: opacity 0.5s, filter 0.5s; /* Transform ve clip-path için transition yok, animasyonlar kullanılıyor */
}

/* Homeslader slide inner */
.homeslader .carousel__slide__inner {
    overflow: hidden;
}

/* Homeslader video - başlangıç durumu: scale 0.5, üstten dayalı, tamamen maskelenmiş */
.homeslader video {
    transform: scale(0.5);
    transform-origin: center top; /* Üstten dayalı */
    clip-path: inset(0 0 100% 0); /* Tamamen gizli, üstten (yükseklik 0) */
}

/* 1. Aşama: Maske üstten aşağıya çizilir (1 saniye) - video scale 0.5 kalır */
@keyframes homeslader-mask-reveal {
    0% {
        clip-path: inset(0 0 100% 0); /* Tamamen gizli, üstten */
    }
    100% {
        clip-path: inset(0 0 0 0); /* Tamamen görünür */
    }
}

/* 2. Aşama: Video scale 0.5'ten 1'e çıkar (1 saniye) */
@keyframes homeslader-scale-up {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

/* İlk animasyon: Maske reveal (1 saniye) - sadece clip-path animasyonu */
.homeslader .carousel__slide__inner.animate-reveal video {
    animation: homeslader-mask-reveal 1s ease-out forwards;
    transform: scale(0.5); /* Maske animasyonu sırasında scale(0.5) sabit kalır */
    transform-origin: center top; /* Üstten dayalı */
}

/* İkinci animasyon: Scale up (1 saniye, maske kalktıktan sonra) */
.homeslader .carousel__slide__inner.animate-reveal.mask-complete video {
    animation: homeslader-scale-up 1s ease-out forwards !important; /* Animasyonu zorla başlat */
    clip-path: none !important; /* Maske tamamen kaldırıldı */
    transform-origin: center top !important; /* Üstten dayalı */
    /* transform başlangıç değeri animasyon keyframe'inde (scale(0.5)) */
}

/* Animasyon tamamen bittiğinde */
.homeslader .carousel__slide__inner.animate-reveal.scale-complete video {
    transform: scale(1) !important;
    transform-origin: center top; /* Üstten dayalı */
    clip-path: none;
    animation: none; /* Animasyonu durdur */
}

.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(var(--altbosluk) / 2);
    display: flex;
    gap: 5px;
}

    .slick-dots li {
        display: inline-block;
        vertical-align: middle;
        /* margin: 11px 0px; */
        width: 70px;
    }

        .slick-dots li.slick-active button {
            /* background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% ); */
            border-bottom: 2px solid var(--color1);
        }

    .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-bottom: 2px solid rgb(255 255 255 / 45%);
        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;
    bottom: 0;
    padding: calc(var(--altbosluk) * 1.2) 0;
    justify-content: flex-start;
    /* Başlangıç durumu: alttan, blur */
    transform: translateY(200px);
    filter: blur(8px);
    opacity: 0;
}

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

    .carousel__text h2 {
        font-weight: 300;
        font-size: calc(26px + 0.25vw);
        line-height: calc(35px + 0.25vw);
        color: #fff;
        letter-spacing: 0px;
        position:relative;
        /* letter-spacing: 3px; */
        width: auto;
    }

/*    .carousel__text h2:before{
        width: 100%;
        height:50%;
        background: #9f060e;
        content:'';
        position: absolute;
        z-index: -1;
        bottom: 0;
    }*/

    .carousel__text h1 {
        font-weight: 300;
        font-size: calc(18px + 0.15vw);
        line-height: calc(15px + 0.5vw);
        color: #fff;
        letter-spacing: 4px;
    }

    .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-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-size: 10px;
    letter-spacing: 2px;
}
       .socialmedia h1{
    color: var(--color1);
    
    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: calc(100% - var(--altbosluk) * 2);
    a
    margin: 0 auto;
    margin: 0 auto;
}

    .main-begin.mt45 {
        margin-top: calc(var(--altbosluk) * 1);
    }

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

.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: flex-start;
    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 {
    /* color: var(--color1); */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0; /* Margin'i sıfırla */
    /* font-family: "Krona One", sans-serif; */
}

/* Ç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 */
}

.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-weight: 500;
                    letter-spacing: .5px;
                }



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

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

.baslikbold {
    color: var(--temacolor);
    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;
}

.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;
    
}

.baslik1 {
    font-size: calc(10px + 0.5vw);
    color: var(--temacolor);
    font-weight: 300;
    line-height: calc(13px + 0.5vw);
    letter-spacing: 3px;
    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);
}

.arachead {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 70px;
    gap: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bordercolor2);
    padding-bottom: 10px;
    justify-content: space-between;
}

    .arachead > div {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .arachead span {
        font-weight: 300;
    }

    .arachead modal {
    }
.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) * 1);
}

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

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

.treefold.slader {
    padding: 0 0 0 2px;
    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 {
        color: var(--color1);
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 11px;
    }

    .treefold.slader .txt{
    /* background: #000000b8; */
    display: flex;
    flex-direction: column;
    /* padding: 10px 20px; */
    position: absolute;
    bottom: 0;
    height: 100%;
    justify-content: space-between;
    z-index:3;
    transition: .5s;
}
    .treefold.slader .txt h1{}
    .treefold.slader .txt p{
    margin-top: 21px;
    font-size: 13px;
    color: var(--color1);
    text-align: left;
    line-height: 17px;
    font-weight: 400;
    opacity: 0;
    transition: .5s;
    font-weight: 300;
}
    .treefold.slader .txt label{
    color: var(--color1);
    font-size: 12px;
    background: var(--bgcolor3);
    padding: 8px 15px;
    display: block;
}
    .treefold.slader .txt div:first-child{
    /* background: #0000009e; */
    padding: 25px;
    }
    .treefold.slader .txt div:last-child{
    padding: 10px 20px;
}

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

.treefold a .bg50{
    transition:.5s
}
        .treefold a:hover .bg50 {
            background:none
        }

.treefold a:hover  img{transform:scale(1.1)}
.treefold a:hover  .txt{
    background: #000000b8;
}
.treefold a:hover  .txt p{
    opacity: 1;
}

.treefold.slader a:hover .txt label {
    background: var(--color3);
}
    .treefold.bgsiyah {
        padding-bottom:0;
        width:100%;
        height: auto;
    }

    .treefold figure {
        /* margin-right: calc(var(--altbosluk) / 2); */
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        border-right: 2px solid var(--color1);
    }
/*    .treefold figure:nth-child(3n) { margin-right:0 }*/

        .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);
    }
}

.homeservice{
    width: calc(100% - var(--altbosluk) * 2);
    margin: 0 auto;
}

.homeservice .bg70{}
.homeservice>ul{
    display: flex;
    flex-direction: row;
    gap: var(--altbosluk);
}
.homeservice>ul>li{
    flex: 1;
    aspect-ratio: 7/2;
    position: relative;
    overflow: hidden;
    border-radius: 9px;
}
.homeservice>ul>li a{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    flex-direction: column;
}
.homeservice>ul>li a>img{
    width: 100%;
    cursor: pointer;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}
.homeservice>ul>li a .txt{
    position: absolute;
    z-index: 9;
    display: flex;
    align-items: center;
    width: 90%;
    gap: 15px;
    justify-content: space-between;
}
.homeservice>ul>li a .txt h1{
    color: var(--color1);
    margin-bottom: 5px;
    font-weight: 400;
    font-size: calc(13px + 0.15vw);
    line-height: calc(15px + 0.5vw);
}
.homeservice>ul>li a .txt p{
    color: var(--color1);
    font-size: 13px;
    line-height: 1.5;
}
.homeservice>ul>li .txt img{
    max-width: 8px;
}
.homeservice>ul>li .txt svg{}
.homeservice>ul>li .txt div:last-child{
    width: 15px;
    display: flex;
    justify-content: flex-end;
}

.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; */
            
            margin-bottom: 11px;
        }

        .vitrinilan .txtslade h2 {
            color: var(--temacolor);
            font-size: clamp(1.38rem, 1.22rem + 0.44vw, 1.75rem);
            font-weight: 300;
            line-height: 112%;
            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'; */
        }

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

    .vitrinilan > div .aracim{border-radius:0;box-shadow: none;}
    .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 hsla(0, 0%, 90%, .6);
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 0 4px 0px #0000001f;
    border-radius: 10px;
    background: var(--color1);
}
.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) {
    background: var(--color1);
    border-radius: 10px;
    overflow: hidden;
}

.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;
    margin-top: 0;
    gap: 11px;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

    .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: 300;
        }

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

/* 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(--txtcolor);
    width: 22px;
}

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

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


.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);
}


.news-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.social.newshome{}
.social.newshome>div{
    padding: calc(var(--altbosluk) * 1) 0 0;
}



.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 > div:first-child {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 443/295;
        }

        .news-item > div a img {
            width: 100%;    
            transition: .5s;
        }

        .news-item > div a:hover img {
            transform:scale(1.1)
        }

        .news-item > div a h1 {
            margin-top: 25px;
            /* color: var(--bgcolor); */
            font-size: calc(11px + 0.25vw);
            line-height: calc(16px + 0.25vw);
            color: var(--temabordercolor);
            font-size: 12px;
        }

        .news-item > div a h2 {
            margin-top: 5px;
            color: var(--bgcolor);
            font-weight: 300;
            font-size: calc(12px + 0.15vw);
            line-height: calc(17px + 0.25vw);
        }

    .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;
            }

            .haberlist .news-item > div a h1, .haberlist .news-item > div a h2 {
                color: var(--temacolor)
            }

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

.arac-kaydir-liste {
    width: 100%;
}

    /* Tüm araç slider'larında (homeyeniler dahil) kenarlarda boşluk kalmasın diye
       negative margin + iç padding ile aralık veriyoruz */
    .arac-kaydir-liste .slick-list {
        margin: 0 -10px; /* slide'ların padding'i ile birbirini sıfırlar, baş/son boşluk yapmaz */
    }

    .arac-kaydir-liste .slick-slide {
        padding: 0 10px; /* slide arası toplam 20px boşluk */
    }

    .arac-kaydir-liste figure {
        outline: 0;
        margin-bottom: 10px;
    }

    .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 {
    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: 2px;
    transition: .5s;
    background: var(--temabg);
}

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

    .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);
            }

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

    .menubar .menuhead {
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: row;
        padding: 12px 0;
        position: relative;
        z-index: 5;
        /* Başlangıç durumu: üstte, blur */
        transform: translateY(-30px) translateX(0px);
        filter: blur(8px);
        opacity: 0;
    }

        .menubar .menuhead .menutxt {
            width: calc(80% - (var(--altbosluk) * 2));
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        /* Menuhead animasyonu - üstten aşağı, blur'dan net'e */
        @keyframes menuhead-slide-in {
            0% {
                transform: translateY(-30px) translateX(0px);
                filter: blur(8px);
                opacity: 0;
            }
            100% {
                transform: translateY(0) translateX(0);
                filter: blur(0);
                opacity: 1;
            }
        }

        .menubar .menuhead.animate-menu {
            animation: menuhead-slide-in 1s ease-out forwards;
        }

/* Carousel text animasyonu - alttan yukarıya slide-in (menubar ile aynı efekt) */
@keyframes carousel-text-slide-in {
    0% {
        transform: translateY(200px);
        filter: blur(8px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        filter: blur(0);
        opacity: 1;
    }
}

.carousel__text.animate-text {
    animation: carousel-text-slide-in 1s ease-out forwards;
}

.carousel__text.show-without-animation {
    transform: translateY(0);
    filter: blur(0);
    opacity: 1;
}

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

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

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

                .menubar .menuhead .menutxt ul > li {
                }

          

                    .menubar .menuhead .menutxt ul > li > a {
                 color: #000;
                             
                        letter-spacing: 0.5px;
                        font-size: 13px;
                        pointer-events: auto;
                        position: relative;
                        z-index: 6;
                    }



.homepagemenu .menubar .menuhead .menutxt ul > li > a {
    color: #fff;
    pointer-events: auto;
    position: relative;
    z-index: 6;
}
.homepagemenu .menuaramaclick svg > path {fill: #fff;}

.light .fixed .menubar .menuhead .menutxt ul > li > a {
    color: #000;
    pointer-events: auto;
    position: relative;
    z-index: 6;
}

.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: 8;
    transition: .5s;
    pointer-events: none;
}

    .menubar .logos > div {
        width: 60px;
        position: relative;
        z-index: 9;
    }



.menubar .logos > div.cizgi {
    height: 1px;
    background: #ccc;
    width: 100%;
    transition: .5s;
    position: relative;
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

/* İlk cizgi: sağdan sola doğru çiz (ortadan kenara) */
.menubar .logos > div.cizgi:first-child {
    transform-origin: right center;
    transform: scaleX(0);
}

/* İkinci cizgi: soldan sağa doğru çiz (ortadan kenara) */
.menubar .logos > div.cizgi:last-child {
    transform-origin: left center;
    transform: scaleX(0);
}

/* Çizgiler animasyonsuz görünecek (ikinci girişte) */
.menubar .logos > div.cizgi.show-without-animation {
    transform: scaleX(1) !important;
}

/* Cizgi animasyonları - loading-screen sonrası (ortadan kenara) */
@keyframes cizgi-draw-right-left {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}

@keyframes cizgi-draw-left-right {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}

/* animate-first: sağdan sola çiz */
.menubar .logos > div.cizgi.animate-first {
    animation: cizgi-draw-right-left 1.5s ease-out forwards;
    transform-origin: right center;
}

/* animate-last: soldan sağa çiz */
.menubar .logos > div.cizgi.animate-last {
    animation: cizgi-draw-left-right 1.5s ease-out forwards;
    transform-origin: left center;
}

      .homepagemenu   .menubar .logos > div.cizgi {
            background: #9f060e;
            position: relative;
            z-index: 9;
        }

.fixed .menubar .logos > div.cizgi {
    height: 1px;
    background: #333;
    position: relative;
    z-index: 9;
}

.light .fixed .menubar .logos > div.cizgi {
    background: #ccc;
    position: relative;
    z-index: 9;
}




.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;
    z-index: 8;
}

.menubar .logos > div.cizgi:first-child {
    width: 100%;
    position: relative;
    z-index: 9;
}

.menubar .logos > div > a {
    display: block;
    width: 56px;
    height: 60px;
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

.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;
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

.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.homepagemenu.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;
}


.menuarama {
    position: absolute;
    right: calc(var(--altbosluk) * 2);
    cursor: pointer;
    z-index: 1;
}

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

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

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

.menuaramaclick svg {
    width: 22px;
}

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



   .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: rgb(243 243 243);
    border: 1px solid var(--color4);
}

/* 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);
    
    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-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-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;
    
}

#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-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;
    
}







#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: 11px;
    border-top: 1px solid var(--color4);
}


/* 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 {
        flex-direction: column;
        gap: 15px;
        max-height: calc(100vh - 350px);
    }
    
    #megaMenuContentSearch .search-results-list figure {
        width: 100%;
    }
    
    #megaMenuContentSearch .popular-searches-list {
        gap: 8px;
        max-width: 100%;
    }
    
    #megaMenuContentSearch .popular-search-item {
        padding: 8px 16px;
        font-size: 13px;
    }
}


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

#megaMenuContentSearch .search-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--temacolor);
    
    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(--color1);
    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(--bordercolor2);
    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(--color2);
    outline: none;
    font-weight: 500;
    margin: 0;
}


#megaMenuContentSearch .search-submit-btn {
    position: absolute;
    right: 12px;
    border: none;
    border-radius: 10px;
    padding: 10px;
    color: var(--bordercolor2);
    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: 300;
    color: var(--color2);
    margin-bottom: 20px;
}

#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(--color1);
    color: var(--temacolor1);
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    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;
    
}

#megaMenuContentSearch .search-results-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-height: calc(100vh - 355px);
    overflow-y: auto;
    padding: 0;
}

#megaMenuContentSearch .search-results-list figure {
    width: calc(20% - 12px);
    margin: 0;
    flex-shrink: 0;
}

#megaMenuContentSearch .search-results-list .aracim {}

#megaMenuContentSearch .search-results-list .aracim > div {
}

#megaMenuContentSearch .search-results-list .usttab {
}

#megaMenuContentSearch .search-results-list .usttab > div > div {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    /* font-size: 12px; */
}

#megaMenuContentSearch .search-results-list .aracmodel {
    font-weight: 600;
    /* color: var(--color1); */
}

#megaMenuContentSearch .search-results-list .aracgolge {
}

#megaMenuContentSearch .search-results-list .aracgolge img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

#megaMenuContentSearch .search-results-list .aracim:hover .aracgolge img {
    transform: scale(1.05);
}

#megaMenuContentSearch .search-results-list .bg30 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}

#megaMenuContentSearch .search-results-list .aracim:hover .bg30 {
    background: rgba(0,0,0,0.1);
}

#megaMenuContentSearch .search-results-list .bilgi {
    color: #fff;
    background: var(--bgcolor4);
}

#megaMenuContentSearch .search-results-list .icon-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

#megaMenuContentSearch .search-results-list .icon-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
}

#megaMenuContentSearch .search-results-list .icon-item svg {color:  var(--txtcolor);width: 23px;}

#megaMenuContentSearch .search-results-list .usttab.fiyat {
    color: #fff;
}

#megaMenuContentSearch .search-results-list .usttab.fiyat div {
    text-align: center;
    font-weight: bold;
}

#megaMenuContentSearch .search-results-list .usttab.fiyat div:empty::after {
    content: "Sorunuz";
}

/* 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;
    
}


#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 .no-results-text {
    font-size: 18px;
    font-weight: 500;
    color: var(--color2);
}

/* 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 {
        flex-direction: column;
        gap: 15px;
        max-height: calc(100vh - 350px);
    }
    
    #megaMenuContentSearch .search-results-list figure {
        width: 100%;
    }
    
    #megaMenuContentSearch .popular-searches-list {
        gap: 8px;
        max-width: 100%;
    }
    
    #megaMenuContentSearch .popular-search-item {
        padding: 8px 16px;
        font-size: 13px;
    }
}














.homepagemenu.topbar {
    background: 0 0
}

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

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

.light .homepagemenu.fixed .kaydirma-text, .light .topbar.homepagemenu.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 {
}

/* Fullscreen modundan çıkıldığında resimleri resetle */
#aracdetay1_wehicleGallery:not(.rsFullscreen) .rsImg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    -o-object-fit: cover !important;
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fullscreen modunda resimlerin düzgün görünmesi için */
#aracdetay1_wehicleGallery.rsFullscreen .rsImg {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    -o-object-fit: contain !important;
}

/* CUSTOM GALLERY SLIDER CSS */
.custom-slide {
    position: absolute;
    top: 0;
    width: calc(100% / var(--slide-count, 1));
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
    cursor: zoom-in;
}

.custom-slider-image {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: auto;
}

    .custom-slider-image:hover {
        /* transform: scale(1.05); */
    }

    .custom-slider-image:active {
        cursor: grabbing;
    }

#customSliderContainer.dragging .custom-slider-image {
    cursor: grabbing !important;
    pointer-events: auto;
}

/* Custom Slider Container */
#customSliderContainer {
    position: relative;
    width: 90%;
    height: 90%;
    overflow: hidden;
    border-radius: 8px;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    touch-action: none;
    -webkit-touch-callout: none;
    pointer-events: auto;
}

    #customSliderContainer:active {
        cursor: grabbing;
    }

/* Custom Slider Track */
#customSliderTrack {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.4s ease-in-out;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto;
}

/* Smooth scrolling for touch devices */
#customSliderContainer {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

    /* Disable text selection during drag */
    #customSliderContainer.dragging {
        cursor: grabbing !important;
    }

        #customSliderContainer.dragging * {
            pointer-events: auto;
        }

.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%;
            }


.detay-arac-galeri {
    display: block;
    aspect-ratio: 1034/660;
    width: calc(100% - 30%);
}
.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: var(--temacolor1);
        }

        .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: var(--temacolor);
        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;
    z-index: 2;
}

.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: calc(var(--altbosluk) * 1);
}

.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(--temabg);
    font-weight: 100;
    font-size: calc(10px + 0.25vw);
    display: block;
    padding: 2px 20px;
    border-right: 1px solid var(--temabordercolor);
}

    .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(--temacolor);
    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: 30px;
    height: 30px;
}


.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(--color2);
}


.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(--temabg) !important;
}

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

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

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

.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: 70%;
    flex-direction: column;
    justify-content: center;
    max-width: 1250px;
    background: var(--temacolor);
}

    .mmunepopup::before {
        content: "";
        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(--temabg);
                padding: 8px 0px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
                font-size: 35px;
                align-items: center;
                line-height: 110%;
            }

                .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;
    z-index: 1;
}

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

/* 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;
}

.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 .aracgolge .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: 10px;
    }

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

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

        .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 {
                /* width: 70px; */
            }

    .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(--temabordercolor);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;
}

    .aracim .usttab > div:first-child > div>span {
        font-weight: 400;
        font-size: calc(11px + 0.15vw);
        line-height: calc(9px + 0.5vw);
        letter-spacing: 0;
        color: var(--temacolor);
    }

    /* 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{
        font-size: 10px;
        line-height: 10px;
        font-weight: 300;
        letter-spacing: 0;
        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;
        letter-spacing: 2px;
        color: var(--temabordercolor);
    }
    .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(--temaaltmenu);
    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: calc(10px + 0.215vw);
        line-height: calc(10px + 0.5vw);
        font-weight: 500;
        margin-bottom: 0;
    }

.button {
    font-size: calc(8px + 0.35vw);
    line-height: calc(9px + 0.35vw);
    font-weight: 300;
    background: var(--temabordercolor);
    padding: 10px 24px;
    border-radius: 5px;
    border: 1px solid var(--temabordercolor1);
    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;
                }
.footerabone{
    width: 100%;
    height: auto;
    position: relative;
    0:
    AUTO 100PX;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--altbosluk);
    overflow: hidden;
    aspect-ratio: 8/2;
    padding: 0;
}

.footerabone .bg60{
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 50%, rgba(0, 0, 0, 0.0) 100%);
}

    .footerabone > img {
        width: 100%;
        cursor: pointer;
        height: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }
.footerabone .newsletter-section{
    position: absolute;
    z-index: 9;
}
.footerabone .newsletter-section .head{
    margin-bottom: 15px;
}

.footerabone .newsletter-section .head *{color: var(--color1);}
.footerabone .newsletter-section .head h2{
    letter-spacing: 1px;
    font-size: 20px;
}
.footer .altmenu {
}

.footer .firmalar{
    margin: 6vh 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.footer .firmalar>ul{
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 50px;
    align-items: center;
    justify-content: flex-start;
}
.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 .firmalar  .apphead{}
.footer .firmalar  .apphead .head{}
.footer .firmalar  .apphead .head>div{
    display: flex;
    flex-direction: row;
    gap: 15px;
}
.footer .firmalar  .apphead .head h1{
    color: var(--color1);
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
}
.footer .firmalar  .apphead .head a{}
.footer .firmalar  .apphead .head a img{
    width: 140px;
}

.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);
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 7px;
}

.apptxt .head h2 {
    color: var(--color1);
    line-height: 18px;
    font-size: 14px;
}

.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: 150px;
                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 {
            }


/*SSS*/

.sssbegin{
    margin: var(--altbosluk) auto;
    padding-bottom: 0;
    background: url(/img/page/sss.jpg) no-repeat center;
    background-size: cover;
}
.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%
);
  }
.sssbegin>.div{}

/* Dış blok */
.faq-section {
    max-width: 1100px;
    margin: 60px auto;
    padding: 0 24px;
    font-family: inherit;
}

/* Başlık */
.faq-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 24px;
}

/* Tab bar */
.faq-tabs-wrapper {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 24px;
}

.faq-tabs {
    display: flex;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.faq-tab-item {
    margin: 0;
}

.faq-tab-button {
    border: none;
    background: #f3f4f6;
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    cursor: pointer;
    transition: background .2s, color .2s, box-shadow .2s;
}

.faq-tab-item.active .faq-tab-button {
    background: #22c55e; /* yeşil gibi */
    color: #fff;
    box-shadow: 0 4px 10px rgba(34, 197, 94, 0.35);
}

/* Panel & liste */
.faq-panels {
    margin-top: 16px;
}

.faq-panel {
    margin: 0;
}

/* Soru satırı */
.faq-item {
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: none;
    background: #fff;
    cursor: pointer;
    font-size: 15px;
    text-align: left;
    border-radius: 8px;
    transition: background .2s;
}

.faq-item.open .faq-question {
    background: #f9fafb;
}

/* Artı/eksi ikon kutusu */
.faq-icon {
    flex: 0 0 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    position: relative;
    display: inline-block;
}

    .faq-icon::before,
    .faq-icon::after {
        content: "";
        position: absolute;
        background: #111827;
        border-radius: 1px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .faq-icon::before {
        width: 12px;
        height: 2px; /* yatay çizgi */
    }

    .faq-icon::after {
        width: 2px;
        height: 12px; /* dikey çizgi (artı işareti) */
    }

.faq-item.open .faq-icon::after {
    opacity: 0; /* açıkken eksi gibi görünsün */
}

/* Soru metni */
.faq-question-text {
    flex: 1;
    color: #111827;
}

/* Cevap alanı */
.faq-answer {
    padding: 12px 16px 16px 56px; /* solda ikon boşluğu */
    font-size: 14px;
    line-height: 1.6;
    color: #4b5563;
    background: #f9fafb;
    border-radius: 0 0 8px 8px;
}

/* İlk item ile diğerleri arasında boşluk */
.faq-panel .faq-item:first-child {
    margin-top: 8px;
}

/* Mobil uyum */
@media (max-width: 768px) {
    .faq-section {
        padding: 0 16px;
    }

    .faq-tabs {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .faq-tab-button {
        font-size: 13px;
        padding: 8px 16px;
    }
}

/* E-Bülten Formu */
.newsletter-section {display: flex;flex-direction: column;justify-content: flex-start;align-content: flex-start;}

.newsletter-title {
    font-size: calc(16px + 0.5vw);
    font-weight: 600;
    color: var(--color2);
    margin-bottom: 17px;
    text-align: center;
}

.newsletter-form {
    max-width: 600px;
    min-width: 520px;
}

.newsletter-input-group {
    display: flex;
    gap: 0;
    margin-bottom: 15px;
    flex-direction: row;
    align-items: center;
    background: #ffffff;
    padding: 10px;
    border-radius: 56px;
}

.newsletter-input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    border-radius: 8px 0 0 8px;
    font-size: 14px;
    background: none;
    color: var(--color2);
    margin: 0;
    border: 0;
    border-right: 0px !important;
}

.newsletter-input:focus {
    outline: none;
    /*    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);*/
    background: none !important;
}

.newsletter-input::placeholder {
    color: #999;
}

.newsletter-button {
    padding: 12px 24px;
    border: none;
    border-radius: 0 8px 8px 0;
    background-color: var(--color2);
    color: var(--color1);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s;
}

.newsletter-button:hover:not(:disabled) {
    background-color: var(--color3);
}

.newsletter-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.newsletter-message {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 14px;
    display: none;
}

.newsletter-message.success {
    background-color: #4CAF50;
    color: #fff;
    display: block;
}

.newsletter-message.error {
    background-color: var(--color3);
    color: #fff;
    display: block;
}

.newsletter-privacy {
    font-size: 12px !important;
    color: var(--color1);
    text-align: center;
    line-height: 1.5 !important;
    margin-top: 10px;
}

.newsletter-privacy a {
    color: var(--color1);
    font-weight: 600;
    text-decoration: underline;
    font-size: 12px;
    line-height: 1.5;
}

.newsletter-privacy a:hover {
    text-decoration: none;
}

/* SSS (Sıkça Sorulan Sorular) */
.sss-section {
    width: 100%;
    padding: calc(var(--altbosluk) / 1) 0;
}

.sss-header {
    text-align: center;
    margin-bottom: 40px;
}

.sss-title, .new-title {
    font-size: calc(28px + 0.5vw);
    font-weight: 600;
    color: var(--color2);
    margin: 0;
}

.sss-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
    border-bottom: 2px solid var(--temabordercolor2);
    padding-bottom: 20px;
}

.sss-tab {
    padding: 12px 24px;
    background: transparent;
    border: 2px solid var(--temabordercolor2);
    border-radius: 8px;
    color: var(--color2);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.sss-tab:hover {
    background: var(--temabg);
    border-color: var(--temaborder);
    color: var(--temacolor);
}

.sss-tab.active {
    background: var(--temabg);
    border-color: var(--temaborder);
    color: var(--temacolor);
}

.sss-content {
    position: relative;
    min-height: 200px;
}

.sss-tab-content {
    display: none;
    animation: fadeIn 0.3s ease;
}

.sss-tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sss-accordion {
    max-width: 900px;
    margin: 0 auto;
}

.sss-accordion-item {
    border: 1px solid var(--temabordercolor2);
    border-radius: 8px;
    margin-bottom: 16px;
    overflow: hidden;
    background: var(--bgcolor4);
    transition: all 0.3s ease;
}

.sss-accordion-item:hover {
    border-color: var(--temaborder);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sss-accordion-header {
    width: 100%;
    padding: 20px 24px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease;
}

.sss-accordion-header:hover {
    background: var(--temabg);
}

.sss-question {
    font-size: 16px;
    font-weight: 500;
    color: var(--color1);
    flex: 1;
    padding-right: 20px;
}

.sss-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--temacolor);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.sss-accordion-item.active .sss-icon {
    transform: rotate(45deg);
}

.sss-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 24px;
}

.sss-accordion-item.active .sss-accordion-content {
    max-height: 1000px;
    padding: 0 24px 20px 24px;
}

.sss-answer {
    font-size: 14px;
    line-height: 1.6;
    color: var(--color1);
    /* padding-top: 16px; */
}

.sss-answer p {
    margin-bottom: 12px;
}

.sss-answer p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .sss-section {
        padding: 40px 20px;
    }
    
    .sss-tabs {
        gap: 8px;
        margin-bottom: 30px;
    }
    
    .sss-tab {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .sss-accordion-header {
        padding: 16px 20px;
    }
    
    .sss-question {
        font-size: 14px;
        padding-right: 12px;
    }
    
    .sss-accordion-content {
        padding: 0 20px;
    }
    
    .sss-accordion-item.active .sss-accordion-content {
        padding: 0 20px 16px 20px;
    }
}
    .newsletter-section {
        padding: 30px 20px;
    }
    
    .newsletter-input-group {
        /* flex-direction: column; */
    }
    
    .newsletter-input,
    .newsletter-button {
        border-radius: 30px;
        border: 0;
    }
    
    .newsletter-button {
        /* width: 100%; */
        /* margin-top: 10px; */
    }
}

/* SSS (Sıkça Sorulan Sorular) Section */
.sss-section {
    width: 100%;
    padding: 60px 0;
    background: #fff;
}

.sss-container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 20px;
}

.sss-title {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    color: var(--color1);
    /* font-weight: 300; */
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Tab Navigation */
.sss-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 40px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
}

.sss-tab {
    padding: 12px 24px;
    border: none;
    background: transparent;
    color: var(--color1);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 8px;
    position: relative;
}

.sss-tab:hover {
    background: #f5f5f5;
}

.sss-tab.active {
    background: var(--color3);
    color: var(--color1);
}

.sss-tab.active::after {
    content: '';
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color3);
}

/* Tab Content */
.sss-content {
    position: relative;
    min-height: 200px;
}

.sss-tab-content {
    display: none;
}

.sss-tab-content.active {
    display: block;
}

/* Accordion */
.sss-accordion {
    max-width: 900px;
    margin: 0 auto;
}

.sss-item {
    border-bottom: 1px solid rgb(255 255 255 / 24%);
    margin-bottom: 0;
}

.sss-item:last-child {
    border-bottom: none;
}

.sss-question {
    width: 100%;
    padding: 15px 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s;
}

.sss-question:hover {
    /* background: #0000007a; */
}

.sss-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color3);
}

.sss-icon svg {
    width: 100%;
    height: 100%;
}

.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: var(--color1);
    text-align: left;
}

.sss-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.sss-item.active .sss-answer {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
}

.sss-answer-content {
    padding: 0 40px 20px 40px;
    color: var(--temaaltmenu);
    font-size: 14px;
    line-height: 1.6;
}

.sss-answer-content p {
    margin-bottom: 12px;
}

.sss-answer-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .sss-section {
        padding: 40px 0;
    }
    
    .sss-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
    .sss-tabs {
        flex-direction: column;
        gap: 8px;
    }
    
    .sss-tab {
        width: 100%;
        text-align: center;
    }
    
    .sss-tab.active::after {
        display: none;
    }
    
    .sss-question {
        padding: 16px 0;
    }
    
    .sss-question-text {
        font-size: 16px;
    }
    
    .sss-answer-content {
        padding: 0 0 16px 0;
        font-size: 14px;
    }
}

.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;
}

    .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: calc(var(--altbosluk) / 2);
    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;
}

/* 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;
    transition: .5s;
}

/* 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;
    background: rgba(0, 0, 0, .85);
}*/

.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 10%;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.instagram-column .post:hover .txt {
    transform: translateY(0);
    background: #000000ba;
    z-index: 99;
}

.instagram-column .post:hover .instaebat img {
    transform: scale(1.2);
}

.instagram-column .txt p {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color1);
    font-weight: 300;
    letter-spacing: 0;
}

/* 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: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

    .carlist.karsilastirlist > div {
        background: none !important;
        width: 100% !important
    }


        .carlist > div:first-child > form {
            width: 100%;
        }


    .carlist.miniform {
    }

        .carlist.miniform > div:first-child {
            width: 310px;
        }

        .carlist.miniform > div:last-child {
            width: calc(100% - (320px + 3vw));
        }

.carlist.miniform.carlist-guest {
/*    border: 1px dashed var(--temabordercolor2);
    border-radius: 12px;
    padding: 16px;*/
}

    .carlist.miniform.carlist-guest>div{width:100%}


    .carlist .listebar {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

        .carlist .listebar > div {
        }

            .carlist .listebar > div:last-child {
                display: flex;
                flex-direction: row;
                align-items: center;
                position: relative;
            }

/* Karşılaştırmayı Paylaş açılır menü */
.compare-share-btn{
    display: flex;
    align-items: flex-start;
    align-content: center;
    gap: 15px;
    border: 1px solid var(--bordercolor2);
    border-radius: 22px;
}
.compare-share-btn>span{
    font-size: 16px;
    font-weight: 500;
}


.vehicle-detail-popup-share-button {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 7px;
    background: var(--temabg);
    /* border: 1px solid var(--temabordercolor2); */
    border-radius: 12px;
    z-index: 20;
    min-width: 200px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);
    transform-origin: top right;
    opacity: 0;
    transform: translateY(6px) scale(0.97);
    transition: opacity 0.18s ease-out, transform 0.18s ease-out;
    padding: 10px 0;
}

.vehicle-detail-popup-share-button.active {
    display: block;
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* İçerik hizalama: ikonlar yan yana, ortalanmış */
.vehicle-detail-popup-share-button .flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: row;
    align-content: center;
}


    .vehicle-detail-popup-share-button a.flex, .vehicle-detail-popup-share-button button.flex {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 0;
        flex-direction: column;
    }

    .vehicle-detail-popup-share-button a.flex svg, .vehicle-detail-popup-share-button button.flex svg{
    /* width: 35px; */
    /* height: 35px; */
}
.vehicle-detail-popup-share-button a,
.vehicle-detail-popup-share-button button {
    background: transparent;
    padding: 10px 18px;
}

.share-copied-msg{display:flex;justify-content: center;gap: 5px;align-items: center;background: #4caf50;padding: 5px 0;width: 90%;margin: 0 auto;border-radius: 9px;}
.share-copied-msg svg{}
    .share-copied-msg span {
        font-size: 12px;
        letter-spacing: 0.04em;
        font-weight: 500;
        color: var(--color1);
        display: flex;
    }


.vehicle-detail-popup-share-button a span,
.vehicle-detail-popup-share-button button span {
    font-size: 11px;
    letter-spacing: 0.04em;
    font-weight: 500;
}

.vehicle-detail-popup-share-button a:hover span,
.vehicle-detail-popup-share-button button:hover span {
    opacity: 0.85;
}

.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);
}

.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)
}

.listebar .button svg {
    height: 15px;
    margin-right: 5px
}



    .listebar .button svg path {
        fill: transparent;
        stroke: var(--bordercolor2);
        stroke-width: 1.5px;
    }

.light .listebar .button:hover svg path {
    fill: var(--temaaltmenu);
}

svg.active path {
    stroke: var(--color3) !important;
    fill: var(--color3);
}


.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(--bordercolor2);
    color: #fff;
    font-size: 14px;
    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(--color2);
        border-bottom: 1px solid #d0d0d0;
        font-size: calc(7px + 0.25vw);
        line-height: calc(20px + 0.3vw);
        padding: 3px 6px !important;
        font-weight: 600;
    }

        .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(--color2);
    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(--color2);
    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: var(--bordercolor2);
}

.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(14px + 0.5vw);
    font-weight: 500;
    color: var(--color1);
    overflow: hidden;
    position: relative;
}

    .aracmodel:before {
        width: 100%;
        height: 40%;
        /* background: #9f060e; */
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
    }

/* Filter Container Styles */
.carlist {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.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);
}

/* Ant Design Switch Style */
.ant-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s;
    user-select: none;
}

.ant-switch input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.ant-switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    transition: all 0.3s;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}

.ant-switch input[type="checkbox"]:checked + .ant-switch-handle {
    left: calc(100% - 18px - 2px);
}

.ant-switch input[type="checkbox"]:checked ~ .ant-switch-handle {
    left: calc(100% - 18px - 2px);
}

/* Checked durumunda switch'in arka plan rengi */
.ant-switch input[type="checkbox"]:checked {
    /* Bu durumda parent'a class ekleyeceğiz JavaScript ile */
}

.ant-switch.checked {
    background-color: var(--color3);
}

.filter-container {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.filter-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #2c2c2c;
}

.filter-clear-btn {
    background: none;
    border: none;
    color: var(--color3);
    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 #e0e0e0;
    /* 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: 14px;
    font-weight: 700;
    color: #2c2c2c;
}

.filter-arrow {
    width: 20px;
    height: 20px;
    transition: transform 0.3s;
    color: #2c2c2c;
}

.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: 1px solid var(--temaaltmenu);
}

#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: 6px 35px 6px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 22px;
    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;
}

    .filter-checkbox-list span {
        font-size: 13px;
        color: #2c2c2c;
        font-weight: 400;
        color: rgb(99 101 106 / 1);
    }
.filter-checkbox-item {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    margin: 2px 0;
    cursor: pointer;
    user-select: none;
    border-radius: 0;
    transition: background-color 0.2s;
    border-bottom: 1px solid var(--bordercolor2);
    gap: 5px;
}
.filter-checkbox-list label:last-child, .filter-checkbox-list > label:last-child {
    border: 0
}


.filter-checkbox-item:hover {
    /* background-color: #f5f5f5; */
}

.filter-checkbox-item .checkbox-wrapper {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    cursor: pointer;
    display: inline-block;
}

/* Checkbox border ve background - wrapper'ın before pseudo-element'i */
.filter-checkbox-item .checkbox-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--temabordercolor);
    border-radius: 6px;
    background-color: transparent;
    transition: all 0.2s;
    pointer-events: none;
    box-sizing: border-box;
}

/* Input'u tamamen gizle, sadece tıklanabilir yap */
.filter-checkbox-item input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 3;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Selected durumunda (checked) - wrapper'ın before'unu yeşil yap */
.filter-checkbox-item.selected .checkbox-wrapper::before {
    background-color: var(--color3);
    border-color: var(--color3);
}

.filter-checkbox-item.selected span{font-weight:600}

/* Selected durumunda (checked) - checkmark göster */
.filter-checkbox-item.selected .checkbox-wrapper::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 4px;
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 2;
}

.filter-checkbox-item.selected {
    /* background-color: var(--grandcolor1); */
}

.filter-checkbox-item.selected:hover {
    /* background-color: #c8e6c9; */
}

/* 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;
}


/* Mobil uyumluluk için checkbox-wrapper */
@media (max-width: 768px) {
    .filter-checkbox-item .checkbox-wrapper {
        width: 20px;
        height: 20px;
    }
    
    .filter-checkbox-item .checkbox-wrapper::before {
        width: 20px;
        height: 20px;
    }
    
    .filter-checkbox-item input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
    
    .filter-checkbox-item.selected .checkbox-wrapper::after {
        left: 5px;
        top: 2px;
        width: 6px;
        height: 11px;
    }
    
    /* Touch için daha büyük tıklama alanı */
    .filter-checkbox-item {
        min-height: 44px;
        padding: 10px 12px;
    }
}

.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: 22px;
    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: var(--color3);
    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: 6px;
}

.filter-checkbox-list::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
}

.filter-checkbox-list::-webkit-scrollbar-thumb {
    background: #9e9e9e;
    border-radius: 3px;
}

.filter-checkbox-list::-webkit-scrollbar-thumb:hover {
    background: #757575;
}

.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);
}

@media (max-width: 1100px) {
    .carlist {
        flex-direction: column;
    }

    .filter-sidebar {
        width: 100%;
        position: relative;
        top: 0;
        max-height: none;
    }

    .araclar-main-content {
        width: 100%;
    }
}

.araclar-list {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 0;
}

    .araclar-list > ul {
        display: flex;
        width: 100%;
        gap: 25px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
    }

        .araclar-list > ul > li {
            width: calc((100% / 4) - (57px / 3));
        }

            .araclar-list > ul > li > a dib:not(.markalogo) 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;
}


    .list-yanmenu > ul {
        margin-bottom: 0px;
        border: 1px solid var(--bordercolor);
        padding: 13px 12px;
        border-radius: 5px;
        width: 100%;
    }


    .list-yanmenu > div {
        border: 1px solid var(--bordercolor);
        padding: 13px 12px;
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
        border-radius: 5px;
        width: 100%;
        margin-bottom: 8px;
    }

.talepform.list-yanmenu > div:not(.active) {
    background: 0 0;
    border: 1px solid var(--temaaltmenu);
}

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);
    }

.miniform .list-yanmenu > div:not(.active) a > p {
    font-weight: 100;
}

.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: 1200px;
    margin: 0 auto;
    gap: 50px;
}

/* Sosyal giriş / kayıt inline butonları */
.social-inline {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.social-inline-label {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--txtcolor1);
}

.social-inline-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 768px) {
    .social-inline-buttons {
        /* flex-direction: row; */
    }
}

.social-inline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    border: 1px solid var(--bordercolor1);
    background: var(--bordercolor2);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.social-inline-btn:hover {
    /* background: #1f1f1f; */
    /* transform: translateY(-1px); */
    /* box-shadow: 0 8px 12px rgba(0, 0, 0, 0.35); */
    border-color: var(--color3);
}

.social-inline-google {
    border-color: var(--temabordercolor1);
}

.social-inline-google>span, .social-inline-btn span{ font-size:14px; line-height:16px}

.social-inline-apple {
    border-color: var(--temabordercolor1);
}

.social-icon {
    font-size: 16px;
    display: inline-block;
}

.social-inline-google .social-icon {
    color: var(--color2);
    font-size: 24px;
}

.social-inline-apple .social-icon {
    color: var(--color2);
    font-size: 24px;
}

    .uyegir > div {
    }

        .uyegir > div:first-child {
            width: 30%;
            min-width: 350px;
        }

        .uyegir > div:last-child {
            width: 100%;
            background: var(--temabgrbg);
            padding: var(--altbosluk);
            border-radius: 10px;
            position: relative;
        }

.light .uyegir > div:last-child {
    background: var(--temaaltmenu);
}

.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: radial-gradient( circle at center, #3b3735 5%, /* merkez: #400301'in biraz daha açık tonu */
    #28221f 95% /* ana renk */
    );
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    z-index: 99999;
}

@keyframes loading-screen-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        pointer-events: none;
    }
}

#logo {
    width: 100px;
    opacity: 1;
    visibility: visible;
    display: block;
    transform: scale(0) rotate(0deg);
    transform-origin: center center;
    position: relative;
    z-index: 2;
    /* Drop shadow - koyu, dağınık, zeminden ayrılsın */
    /* Inner shadow - SVG filter ile (max 3px içeri) */
  /*  filter: drop-shadow(0 0px 2px rgba(0, 0, 0, 0.5));*/
}

/* Path stilleri - overlay blend mode ile doğal yansıma */
#logo path {
/*    fill: var(--color1, #fff) !important;
    stroke: var(--color1, #fff) !important;*/
    stroke-width: 0;
    stroke-linejoin: round;
    stroke-linecap: round;
    mix-blend-mode: overlay;
}

#loading-screen.loading-fade-out {
    animation: loading-screen-fadeout 1.5s ease-in-out forwards; /* JavaScript'ten dinamik olarak ayarlanacak */
}

#logo.logo-fade-out {
    animation: logo-fade-out 1.5s ease-in-out forwards; /* JavaScript'ten dinamik olarak ayarlanacak */
}

#logo.logo-fade-out path {
    animation: logo-path-outline 1.5s ease-in-out forwards; /* JavaScript'ten dinamik olarak ayarlanacak */
}

@keyframes logo-fade-out {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

#loading-text {
    color: white;
}

body.loaded #loading-screen {
    display: none !important;
    opacity: 0;
    pointer-events: none;
    animation: none;
}

body.loaded #logo {
    opacity: 0;
    animation: none;
    transform: scale(0);
}

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*/

.bottompagetopimage{
    width: 100%;
    height: 70vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    position: relative;
    align-items: center;
}
.bottompagetopimage>img{
    min-width: 100%;
}
.bottompagetopimage .txt{
    position: absolute;
    color: #fff;
    z-index: 1;
    bottom: 25px;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 500;
}

.bottompagetopcontact{
    display: flex;
    /* width: 100%; */
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background:#ededed;
}

.bottompagetopcontact.kariyer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--color1);
    padding: var(--altbosluk) 0 0 0;
}
.bottompagetopcontact.kariyer img{
    max-width: 80%;
}

.bottompagetopcontact .link{}
.bottompagetopcontact .link a{
    background: var(--bgcolor);
    color: var(--color1);
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 500;
}

.bottompagetopcontact>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - var(--altbosluk) * 4);
    margin: 0 auto;
    margin: var(--altbosluk) auto;
    margin-top: calc(var(--altbosluk));
}
.bottompagetopcontact>div:last-child{}
.bottompagetopcontact>div:first-child{}
.bottompagetopcontact .contactinfo{
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: center;
}
.bottompagetopcontact .contactinfo img{
    width: 190px;
}
.bottompagetopcontact .contactinfo strong{
    color: var(--color2);
    font-size: 16px;
    font-weight: 500;
}
.bottompagetopcontact .contactinfo p{
    color: var(--temabordercolor);
    font-size: 14px;
    line-height: 1.6;
}
.bottompagetopcontact .contactinfo a{
    color: var(--temabordercolor);
    font-size: 14px;
    line-height: 1.6;
}
.bottompagetopcontact .contactinfo .mail{
    margin-top: 15px;
}

.bottompagetopcontact .contactinfo>div:last-child{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}
.bottompage.arac-detay {
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
}

.servicespage {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    gap: 50px;
}

.servicespage>div{
    width: 100%;
}

    .servicespage .aciklama{}
    .servicespage .aciklama h1{    font-size: 14px;
    font-weight: 600;}
        .servicespage .aciklama h2 {
            font-size: 14px;
            font-weight: 600;
        }
    .servicespage .aciklama h3{    font-size: 14px;
    font-weight: 600;}
    .servicespage .aciklama p, .servicespage .aciklama p *{font-size: 14px;}
    .servicespage .aciklama ul{
    padding-left: 18px;
    margin-bottom: 21px;
}
    .servicespage .aciklama li{font-size: 14px;list-style: disc;}


    .servicespage.cevir {
        flex-flow: row-reverse;
    }

.servicespage .txt{}
.servicespage .txt p{margin-bottom:15px}
.servicespage .txt>p:last-child{margin-bottom:0px}
.servicespage .resim{}
.servicespage .resim>img{
    width: 100%;
}

/* Servis avantajları slider alanı */
.service-advantages {
    background-color: #1f2025;
    color: #f5f5f5;
}


.service-advantages  .slick-dots{bottom: calc(-1 * var(--altbosluk));}

.service-advantages .slick-dots button{border-bottom: 2px solid #ffffff2b;}
.service-advantages .slick-dots li.slick-active button{    border-bottom: 2px solid #fff;}

/* Servis Form Stilleri */
.servisform {
    padding: 40px 0;
}

.servisform h3 {
    font-weight: 300;
    margin-bottom: 16px;
    font-size: 35px;
    line-height: 47px;
}

.servisform > p {
    font-size: 13px;
    line-height: 1.4;
    /* color: #666; */
    margin-bottom: 32px;
    font-weight: 300;
}

.servis-form {
    max-width: 100%;
}

.servis-form-row {
    display: flex;
    gap: 30px;
    margin-bottom: 24px;
}

.servis-form-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.servis-form-group {
    display: flex;
    flex-direction: column;
}

.servis-form-group label {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 8px;
    display: block;
}

.servis-form-group label .required {
    color: #e74c3c;
    margin-left: 2px;
}

.servis-form-input,
.servis-form-textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 14px;
    font-family: inherit;
    transition: all 0.3s ease;
    background-color: #fff;
    /* color: var(--color1); */
    margin: 0;
}

.servis-form-input:focus,
.servis-form-textarea:focus {
    outline: none;
    border-color: var(--color3);
    box-shadow: 0 0 0 2px rgba(166, 105, 70, 0.1);
}

.servis-form-input.error,
.servis-form-textarea.error {
    border-color: #e74c3c;
    background-color: #fff5f5;
}

.servis-form-textarea {
    resize: vertical;
    min-height: 120px;
}

.servis-form-error {
    font-size: 12px;
    color: #e74c3c;
    margin-top: 4px;
    display: none;
}

.servis-form-error:not(:empty) {
    display: block;
}

.servis-form-submit {
    margin-top: 24px;
    text-align: left;
}

.servis-form-btn {
    background-color: var(--color2);
    color: #fff;
    border: none;
    padding: 14px 32px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
}

.servis-form-btn>span{
    color: var(--color1);
}

.servis-form-btn:hover {
    background-color: var(--color3);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.servis-form-btn:hover span{}
.servis-form-btn:active {
    transform: translateY(0);
}

.servis-form-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.servis-form-btn .btn-text,
.servis-form-btn .btn-loading {
    display: inline-block;
}

.servis-form-btn .spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.servis-form-message {
    margin-top: 20px;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    display: none;
}

.servis-form-message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    display: block;
}

.servis-form-message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    display: block;
}

.servis-form-message-full {
    width: 100%;
    margin-top: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .servis-form-row {
        flex-direction: column;
        gap: 20px;
    }
    
    .servis-form-col {
        gap: 20px;
    }
    
    .servisform {
        padding: 30px 0;
    }
    
    .servisform h2 {
        font-size: 24px;
    }
}


.service-advantages .slick-prev{
    right: auto;
    left: calc(-65px)!important;
}
.service-advantages .slick-next{
    right: calc(-65px)!important;
    left: auto !important;
}
.service-advantages .slick-list{}


.service-advantages-inner {
    /* max-width: 1200px; */
    margin: 0 auto;
    width: calc(100% - var(--altbosluk) * 4);
    margin: var(--altbosluk) auto;
    margin-top: calc(var(--altbosluk));
}

.service-advantages-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 40px;
    color: var(--color1);
}

.service-advantages-slider {
    position: relative;
}

.service-advantages-item {
    /* padding: 24px 32px; */
    background-color: transparent;
    padding-right: 50px;
}

.service-advantages-item h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
    color: var(--color1);
}

.service-advantages-item p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--color1);
}

.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;
    margin-left: 25px;
}

    .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: 20px;
            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: 2px;
                    border-bottom: 1px solid var(--color1);
                    padding-bottom: 4px;
                    color: var(--color1);
                    margin-bottom: 5px;
                    font-weight: 300;
                    text-transform: uppercase;
                }

                    .carinfo > div:first-child > ul > li > div:first-child:before {
                    }

                .carinfo > div:first-child > ul > li > div:last-child {
                    font-size: calc(9px + 0.25vw);
                    line-height: calc(12px + 0.25vw);
                    letter-spacing: 1px;
                    color: var(--color1);
                }

    .carinfo > div:last-child {
        display: flex;
        flex-direction: column;
        margin-top: 5px;
        width: calc(100% - 23px);
    }

        .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;
    }

        .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.35vw);
                font-size: calc(9px + 0.15vw);
                margin: 0;
                letter-spacing: 1px;
                color: var(--color1);
                font-weight: 300;
            }



/* 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: 24px;
    font-weight: 300;
    margin-bottom: 4px;
    color: var(--color1);
}

.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 > img {
            width: 100%;
        }

        .arac-detay .arac-detay-galeri > div > .arac-bilgileri {
            width: 100%;
            padding: 5% 10%;
        }

.arac-bilgileri fieldset {
    border: 1px solid var(--temacolor1);
    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 */
#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;
    }
}

@media (max-width: 768px) {
    .gallery-header {
        padding: 40px 20px 30px;
    }

    .gallery-title {
        font-size: 28px;
        letter-spacing: 2px;
    }

    .gallery-grid {
        gap: 30px;
        padding: 0 20px 40px;
    }

    .gallery-row {
        flex-direction: column !important;
        gap: 15px;
        height: auto;
    }

    .gallery-single,
    .gallery-double {
        flex: none !important;
        height: auto !important;
    }

        .gallery-single .gallery-item,
        .gallery-double .gallery-item {
            height: 200px !important;
            flex: none !important;
        }

    .gallery-double {
        flex-direction: row !important;
        gap: 15px;
    }

        .gallery-double .gallery-item {
            flex: 1 !important;
        }
}

@media (max-width: 480px) {
    .gallery-title {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .gallery-grid {
        gap: 25px;
        padding: 0 15px 30px;
    }

    .gallery-item {
        height: 180px !important;
    }
}

.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%);
    margin-top: calc(2vh + 90px);
}

    .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: 10px 0;
    background: var(--temaaltmenu);
}

    .bottommenu > ul {
        display: flex;
        align-items: center;
        width: calc(100% - var(--altbosluk) * 4);
        margin: 0 auto;
    }

        .bottommenu > ul > li {
        font-size: 12px;
        line-height: 14px;
        }

            .bottommenu > ul > li > a {
                font-size: 9px;
                line-height: 10px;
            }

    .bottommenu .bos {
        padding: 0 7px;
        color: var(--temacolor);
    }

.bottompageempty {
    padding: calc(var(--altbosluk) * 1) 0;
}

    .bottompageempty:before {
        content: "";
        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;
}

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

.hakk h1 {
    color: var(--color1);
    text-align: left;
    font-weight: 100;
    margin: 0;
    font-size: 45px;
    line-height: 50px;
    padding: 0;
    margin-bottom: 5px;
    font-family: "roboto";
}
.hakk h2 {
    color: var(--color1);
    text-align: left;
    font-weight: 500;
    font-size: 45px;
    line-height: 47px;
    font-family: "roboto";
}

.bgbeyaz.hakk h1,
.bgbeyaz.hakk h2{ color: var(--color);}

.bgbeyaz.hakk h2{margin-bottom: 25px;font-size: 35px;line-height: 39px;}

.newbegin ul {
    margin-top: 45px;
}

.newbegin ul > li {
    text-align: left;
    font-weight: 300;
    font-size: 18px;
    font-family: "roboto";
    padding: 5px 0;
    line-height: 24px;
}

.newbegin .item ul > li{
    border-bottom: 1px solid #32363d;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 7px 0;
}

.newbegin .item ul > li:last-child{border-bottom:0}


.newbegin .item ul > li>label{
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}
.newbegin .item ul > li>label a{
    font-weight: 300;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 2px;
}

.newbegin ul > li div {
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
    align-content: center;
    font-size: 100px;
    line-height: 100px;
    font-weight: 100;
}


    .hakk ul > li div > span {
        color: #fff;
        font-weight: 300;
    }

.hakk .item{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.hakk .item>div{
    width: 100%;
}
.hakk .item>div:last-child{}
.hakk .item>div:last-child>img{}
.hakk .item>div:first-child{}
/*
.bottompage ul > li {
    padding: 6px 0px;
    font-size: calc(8px + 0.3vw);
    line-height: calc(12px + 0.5vw);
}
*/
.textbar {
    /* max-width: 75%; */
}
.textbar img{width:100%;}
.textbar p, .textbar p *, .textbar a, .textbar * {font-size:18px;line-height:1.6;margin-bottom: 14px;}
.textbar h1, .textbar h2, .textbar h3{font-size:24px; line-height:1.6; font-weight:500}

.hakk .newbeginbeyaz h1{color: var(--color2);}
.hakk .newbeginbeyaz h2 {color: var(--color2);margin-bottom: 25px;}
.hakk .newbeginbeyaz p{color: var(--color2);text-align: left;}
/* HAKKIMIZDA - TARİHÇE / TIMELINE */
.tarihce {
    width: 100%;
}

.tarihce .textbar {
    max-width: 700px;
    margin: 0 auto calc(25px + 0.5vw);
}

/* Borusan tarzı iki kolonlu yerleşim */
.tarihce-layout {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: calc(40px + 2vw);
}

/* Yeni history yapısı */
.history {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(40px + 3vw);
    width: 100%;
    height: 500px;
    position: relative;
    margin-bottom: 110px;
}

.history > h1 {
    display: none; /* Başlık zaten sayfanın üst kısmında var, istenirse gösterilebilir */
}

.tarihce-sidebar,
.historyYears {
    position: relative;
    padding: 10px 0;
    height: 100%;
    width: 15%;
    float: left;
    padding: 70px 0;
    position: relative;
}

.historyYearsInner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.historyYearsInner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.3s ease-out;
    margin-top: 10px;
}

.historyYearsInner li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 14px;
    font-size: 16px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.55);
    transition: color 0.2s ease, transform 0.2s ease;
    font-weight: 300;
    font-size: 35px;
    font-family: "roboto";
    padding: 5px 0;
    line-height: 38px;
}

.historyYearsInner li:last-child {
    margin-bottom: 0;
}

/* Dikey çizgi */
.historyYearsInner::before {
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    right: 12px;
    top: 0;
}

body.light .historyYearsInner::before {
    background: rgba(0, 0, 0, 0.06);
}

/* Noktalar */
.historyYearsInner li::before {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) scale(1);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #24242487;
}

.historyYearsInner li.active::before {
    width: 20px;
    right: 3px;
    height: 20px;
    background: var(--color3);
}

body.light .historyYearsInner li.active::before {
    /* box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.06); */
}

.historyYearsInner li.active {
    color: var(--temacolor);
    font-weight: 600;
}

body.light .historyYearsInner li {
    color: rgba(0, 0, 0, 0.45);
}

body.light .historyYearsInner li.active {
    color: var(--color2);
}

.historyNav {
    width: 50px;
    height: 100%;
    position: absolute;
    right: -12px;
    top: 0;
}

.historyNav>a {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
    bottom: 20px;
    background: rgb(241 241 241);
}

.historyNav .prev::before,
.historyNav .next::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 2px);
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: center;
}

.historyNav .prev::before {
    transform: translate(-50%, -40%) rotate(-45deg);
    top: calc(50% - 2px);
}

.historyNav .next::before {
    transform: translate(-50%, -60%) rotate(135deg);
}

body.light .historyNav .prev {bottom: auto;top: 20px;}

body.light .historyNav .prev::before,
body.light .historyNav .next::before {
    border-color: #000;
}

.historyContent {
    flex: 1;
    width: 85%;
    height: 100%;
    float: left;
    padding: 110px 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    max-height: 500px;
}

.historyList {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.4s ease;
}

.hItem {
    flex: 0 0 100%;
    display: none;
    align-items: center;
    justify-content: flex-start;
    gap: calc(40px + 2vw);
    height: 100%;
    min-height: 100%;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.hItem.active {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

.hItem.leaving {
    opacity: 0;
    transform: translateY(-50px);
}

.hItem.entering {
    opacity: 0;
    transform: translateY(50px);
}

.hItem .img {
    min-width: 220px;
    max-width: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 25px;
}

.hItem .img img,
.hItem .img svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.light .hItem .img {
}

.hItem .desc h2 {
    font-size: calc(30px + 1.6vw);
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--bgcolor);
    margin-bottom: 15px;
}

.hItem .desc span {
    display: block;
    font-size: calc(15px + 0.3vw);
    font-weight: 500;
    margin-bottom: 14px;
    letter-spacing: 1px;
}

.hItem .desc p {
    font-size: 18px;
    line-height: 1.7;
    max-width: 650px;
}

@media (max-width: 1024px) {
    .history {
        flex-direction: column;
        gap: 30px;
    }

    .historyContent {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hItem {
        flex-direction: column;
        align-items: flex-start;
    }

    .hItem .img {
        max-width: 200px;
    }

    .hItem .desc h2 {
        font-size: 26px;
    }
}

.tarihce-main {
}

.tarihce-detail-item,
.tarihce-media,
.tarihce-logo,
.tarihce-text h2,
.tarihce-text h3,
.tarihce-text p {
    /* Eski timeline yapısından kalan sınıflar; yeni history yapısında kullanılmıyor. */
}

@media (max-width: 1024px) {
    .tarihce-layout {
        flex-direction: column;
        gap: 30px;
    }

    .tarihce-sidebar {
        width: 100%;
        max-width: 320px;
    }

    .tarihce-main {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .tarihce-detail-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .tarihce-media {
        max-width: 200px;
    }

    .tarihce-text h2 {
        font-size: 26px;
    }
}


    .textbar h2 {
        font-weight: 300;
        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;
            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  h3 {
                    font-size: calc(23px + 0.5vw);
                    /* color: var(--color1); */
                    font-weight: 500;
                }

                .iletisim   p {
                    margin-top: 9px;
                    line-height: calc(23px + 0.5vw);
                    font-size: calc(9px + 0.4vw);
                    margin-bottom: 0;
                }

                .iletisim  img {
                }

                .iletisim  input, .iletisim  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 .iletisimbilgileri{width: 100%;}
.iletisim .iletisimbilgileri>ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin-bottom: 35px;
    padding: 2%;
}

/* Tek harita layout - Aston Martin tarzı */
.iletisim-single-map-layout {
    display: grid;
    grid-template-columns: 1.1fr 1.4fr;
    gap: calc(var(--altbosluk) / 2);
    width: 100%;
    align-items: center;
}

.iletisim-adresler-listesi {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-height: calc(98vh - ((var(--altbosluk)*4) + 120px));
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    padding-right: 10px;
    border: 1px solid var(--color4);
    padding: 35px 35px;
}

/* Modern scrollbar stilleri */
.iletisim-adresler-listesi::-webkit-scrollbar {
    width: 8px;
}

.iletisim-adresler-listesi::-webkit-scrollbar-track {
    background: var(--temabgrbg);
    border-radius: 10px;
}

.iletisim-adresler-listesi::-webkit-scrollbar-thumb {
    background: var(--temabordercolor3);
    border-radius: 10px;
    transition: background 0.3s ease;
}

.iletisim-adresler-listesi::-webkit-scrollbar-thumb:hover {
    background: var(--color3);
}

/* Firefox için scrollbar stilleri */
.iletisim-adresler-listesi {
    scrollbar-width: thin;
    scrollbar-color: var(--temabordercolor3) var(--temabgrbg);
}

.iletisim-adres-item {
    /* padding: 25px; */
    border-bottom: 1px solid var(--color4);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    gap: 25PX;
}

.iletisim-list-bar{    display: flex;gap: 15px;}
.iletisim-list-bar>div{
    width: calc(65%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.iletisim-list-bar>div.img{
    width: 35%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid var(--color4);
}
.iletisim-list-bar img{ width:100%}

.iletisim-adres-item:hover {
    border-color: var(--color3);
    /* transform: translateY(-2px); */
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
}

.iletisim-adres-item.active {
    border-color: var(--color3);
    /* background: #f5f5f5; */
}

.iletisim-adres-item h3 {
    color: var(--color2);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
}

.iletisim-adres-item p {
    color: var(--temabordercolor);
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 5px 0;
}

.iletisim-adres-item .mega-btn-primary {
    margin-top: 15px;
}

.iletisim-harita-container {
    position: sticky;
    top: 20px;
    height: calc(98vh - ((var(--altbosluk)*4) + 121px));
    max-height: calc(98vh - ((var(--altbosluk)*4) + 120px));
    min-height: 600px;
    /* border-radius: 8px; */
    overflow: hidden;
    /* border: 1px solid var(--temabordercolor); */
}

#iletisim-single-map {
    width: 100%;
    height: 100%;
}

#iletisim-single-map.loaded {
    opacity: 1;
}

.iletisim-map-marker {
    background: transparent !important;
    border: none !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .iletisim-single-map-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .iletisim-adresler-listesi {
        max-height: none;
        overflow-y: visible;
    }
    
    .iletisim-harita-container {
        position: relative;
        top: 0;
        height: 500px;
        min-height: 500px;
        max-height: 500px;
    }
}

@media (max-width: 768px) {
    .iletisim-adres-item {
        padding: 20px;
    }
    
    .iletisim-adres-item h3 {
        font-size: 18px;
    }
    
    .iletisim-adres-item p {
        font-size: 14px;
    }
    
    .iletisim-harita-container {
        height: 400px;
        min-height: 400px;
    }
}

.iletisim .iletisimbilgileri .mega-btn-primary{margin-top:15px;white-space: nowrap;}
.iletisim .iletisimbilgileri > ul:nth-child(2n) {
    background: var(--temaaltmenu);
}


    .iletisim .iletisimbilgileri > ul > li {
        width: 100%;
        padding: 0;
    }
.iletisim .iletisimbilgileri>ul>li:first-child{
    width: 40%;
    min-width: 640px;
}

.iletisim .iletisimbilgileri > ul > li >div{}

.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); */
        
        text-transform: uppercase;
    }

    .ic-text p {
        line-height: calc(17px + 0.25vw);
        font-size: calc(12px + 0.24vw);
        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 fieldset .input-grup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
    }
    .formlar #uyeol fieldset .input-grup > div {
        display: flex;
        align-items: center;
        width: 48%;
    }
    .formlar fieldset .input-grup>div input{
    margin: 0;
}

    .formlar legend {
        color: var(--temacolor);
        padding: 0px 5px;
        font-weight: 500;
        letter-spacing: 0;
        font-size: calc(11px + 0.5vw);
        line-height: calc(17px + 0.5vw);
        margin-bottom: 15px;
        
    }

    .formlar .input-grup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        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: -1px;
    z-index: 9999;
    width: 50%;
    padding: 20px 0;
    transition: all 0.8s cubic-bezier(1, 0.15, 0.98, 0.96);
    left: -1px;
    border: 1px solid #5c0e0c;
    background: #400301;
    display: flex;
}

    .altbar > div:first-child {
        right: 80px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

        .altbar > div:first-child p {
            line-height: 16px;
            font-size: 11px;
            color: #fff;
            text-align: right;
            width: 70%;
        }

            .altbar > div:first-child p a {
                color: #fff;
                text-decoration: underline;
                font-size: 11px;
                line-height: 16px;
                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;
        }

.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;
    left: calc(var(--altbosluk) / 3);
    bottom: calc(var(--altbosluk) * 1);
    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;
    }

/* 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: 9999;
    }

        .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) {



    #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;
    }
}

@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: calc(var(--altbosluk) * 1);
    }

    #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);
    }
    
    .car-slider-nav {
        width: 32px;
        height: 32px;
    }
    
    .car-slider-nav svg {
        width: 18px;
        height: 18px;
    }
    
    .car-slider-prev {
        left: 8px;
    }
    
    .car-slider-next {
        right: 8px;
    }
    
    .car-slider-dots {
        bottom: 8px;
    }
    
    .car-slider-dot {
        width: 6px;
        height: 6px;
    }
    
    .car-slider-dot.active {
        width: 20px;
    }

    .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-weight: 500;
        font-size: calc(18px + 0.35vw);
        line-height: calc(24px + 0.35vw);
        letter-spacing: 6px
    }

    .topbar {
        padding-top: calc(1vh + 27px);
    }

    .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: rgb(0 0 0 / 15%); */
    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: var(--bordercolor2);
    border: 2px solid var(--color4);
    color: #000;
    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(--bgcolor2);
    border: 1px solid var(--bgcolor1);
    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(--bgcolor2);
    border: 1px solid var(--bgcolor1);
    /* 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(--bgcolor1);
    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(--bgcolor1);
    /* border-radius: 25px; */
    font-size: 14px;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .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(--bgcolor2);
    border: 1px solid var(--bgcolor1);
    /* 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(--bgcolor3);
            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;
        
        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: 8px;
        font-weight: 600;
        font-size: 11px;
        line-height: 13px;
        background: var(--bgcolor3);
        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;
        
    }

    .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: 7px 18px;
    background: var(--color1);
    border: 1px solid var(--color4);
    color: var(--color2);
    font-weight: 400;
    /* border-radius: 8px; */
    transition: all 0.3s ease;
    text-decoration: none;
    align-self: flex-start;
    font-size: 14px;
}

.btn-primary {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.btn-primary>span {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.55px;
    line-height: 1.4;
    display: flex;
}
.btn-primary>span svg {
    width: 18px;
    height: 18px;
}
.btn-primary>span svg path {}


.iletisim-adres-item.active .mega-btn-primary {
    background: var(--color3);
    border: 1px solid var(--color3);
    color: var(--color1);
}

.mega-btn-primary * {
    color: var(--color1)
}

.showroom-locations-list .mega-btn-primary {
    padding: 10px 15px;
    margin-top: 14px;
}

.mega-btn-primary span {
    color: var(--color2);
    font-size: 16px;
    font-weight: 400;
}

.mega-btn-primary svg {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.mega-btn-primary:hover {
    background: var(--color3);
    /* transform: translateY(-2px); */
    color: var(--color1);
    border-color: var(--color3);
}


    .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;
    
    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;
        
        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-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
}
/* İletişim haritaları loading animasyonu */
.iletisim-map::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--temabgrbg);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    border-radius: 8px;
    animation: mapLoading 1.5s ease-in-out infinite;
}

.iletisim-map::after {
    content: 'Harita yükleniyor...';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--temacolor);
    font-size: 14px;
    z-index: 1001;
    animation: mapLoadingText 1.5s ease-in-out infinite;
}

@keyframes mapLoading {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 0.6; }
}

@keyframes mapLoadingText {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.iletisim-map.loaded::before,
.iletisim-map.loaded::after {
    display: none;
}

/* İletişim haritaları için stiller */
.iletisim-map {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin: 15px 0;
    transition: all 0.3s ease;
    position: relative;
}

.iletisim-map:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.iletisim-map .leaflet-control-zoom {
    border: 1px solid var(--temabordercolor3);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.iletisim-map .leaflet-control-zoom a {
    background: var(--temabgrbg);
    color: var(--temacolor);
    border: none;
    border-bottom: 1px solid var(--temabordercolor3);
    font-size: 16px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.iletisim-map .leaflet-control-zoom a:hover {
    background: var(--temabordercolor);
    color: var(--temabgrbg);
    transform: scale(1.05);
}

.iletisim-map .leaflet-control-zoom a:last-child {
    border-bottom: none;
}

.iletisim-map .custom-map-marker {
    background: transparent;
    border: none;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
}

.iletisim-map .custom-map-marker:hover {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
    transform: scale(1.1);
}

.iletisim-map .custom-map-marker svg {
    width: 100%;
    height: 100%;
}

.iletisim-map .leaflet-popup-content-wrapper {
    background: var(--temabgrbg);
    color: var(--temacolor);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.iletisim-harita-container .leaflet-popup-content{}
.iletisim-harita-container .leaflet-popup-content div{
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 17px;
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 15px;
    text-align: center;
}

    .iletisim-harita-container .leaflet-popup-content div.iletisim-popup-logo {
        padding: 0;
    }

        .iletisim-harita-container .leaflet-popup-content div.iletisim-popup-logo>img {
        padding: 0;
        /* max-height: 60px; */
        width: 60%;
        max-width: 220px;
        max-height: 120px;
    }

.iletisim-harita-container .leaflet-popup-content div strong{
    margin-bottom: 0;
    display: block;
    font-size: 16px;
}
.iletisim-harita-container .leaflet-popup-content div a{
    background: var(--color3);
    color: var(--color1) !important;
    padding: 5px 15px;
    border-radius: 10px;
    float: left;
    width: auto;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}


.iletisim-harita-container a.leaflet-popup-close-button {
    top: 3px !important;
    right: 5px !important;

}


.iletisim-map .leaflet-popup-tip {
    background: var(--temabgrbg);
}

/* Light tema için iletişim haritaları */
.light .iletisim-map .leaflet-control-zoom a {
    background: var(--temabgrbg);
    color: var(--temacolor);
}

.light .iletisim-map .leaflet-control-zoom a:hover {
    background: var(--temabordercolor);
    color: var(--temabgrbg);
}

.light .iletisim-map .leaflet-popup-content-wrapper {
    background: var(--temabgrbg);
    color: var(--temacolor);
}

/* İletişim haritaları responsive */
@media (max-width: 768px) {
    .iletisim-map {
        height: 250px !important;
    }
    
    .iletisim-map .leaflet-control-zoom {
        display: none;
    }
}

@media (max-width: 480px) {
    .iletisim-map {
        height: 200px !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;
    
}

    .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);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    
}

/* Ö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); */
}

/* İş İlanları Bölümü */
.isilanlari {
    width: 100%;
    /* padding: calc(var(--altbosluk) * 2) 0; */
}

.isilanlari-inner {
    margin: 0 auto;
}

.isilanlari-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--color1);
    margin-bottom: 12px;
    text-align: center;
}

.isilanlari-subtitle {
    font-size: 16px;
    color: var(--color2);
    text-align: left;
    font-weight: 500;
    margin-bottom: 25px;
    font-size: 25px;
    line-height: 29px;
    margin-top: 25px;
}

.isilanlari-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
    background: rgb(204 204 204 / 21%);
    padding: 25px;
}

.isilanlari-card-begin{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
}
.isilanlari-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    gap: 25px;
}

.isilanlari-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--color3);
}

.isilanlari-card-logo {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.isilanlari-card-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.isilanlari-card-logo-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--color1);
    text-decoration: underline;
}

.isilanlari-card-content {
    flex: 1;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.isilanlari-card-pozisyon {
    font-size: 16px;
    font-weight: 600;
    /* color: var(--color1); */
    margin-bottom: 1px;
    line-height: 1.4;
}

.isilanlari-card-konum {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.isilanlari-card-action {
    /* width: 100%; */
}

.isilanlari-card-btn {
    background-color: var(--color2);
    color: #fff;
    border: none;
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
}

.isilanlari-card-btn:hover {
    background-color: var(--color3);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.isilanlari-card-btn:active {
    transform: translateY(0);
}

.isilanlari-empty {
    text-align: center;
    font-size: 16px;
    color: #666;
    padding: 40px 0;
}

/* Responsive */
@media (max-width: 1200px) {
    .isilanlari-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .isilanlari-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .isilanlari-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .isilanlari-title {
        font-size: 24px;
    }
    
    .isilanlari-subtitle {
        font-size: 14px;
    }
}

/* İlan Detay Açıklama */
.aciklama {
    padding: 30px;
    background: #f9f9f9;
    border-radius: 8px;
    min-height: 200px;
    color: var(--color1);
    line-height: 1.8;
}

.aciklama p {
    margin-bottom: 16px;
}

.aciklama p:last-child {
    margin-bottom: 0;
}

/* Kariyer Modal */
.kariyer-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow-y: auto;
}

.kariyer-modal {
    position: relative;
    background: #fff;
    border-radius: 12px;
    max-width: 1200px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    margin: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

.kariyer-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10000;
    transition: all 0.3s ease;
    pointer-events: auto;
}

.kariyer-modal-close:hover {
    background: rgba(0, 0, 0, 0.2);
    transform: rotate(90deg);
}

.kariyer-modal-close svg {
    width: 20px;
    height: 20px;
    color: var(--color1);
}

.kariyer-modal-content {
    padding: 40px;
}

/* CV Upload Alanı */
.servis-form-file {
    width: 100%;
    padding: 12px 16px;
    border: 2px dashed #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-family: inherit;
    background-color: #fafafa;
    cursor: pointer;
    transition: all 0.3s ease;
}

.servis-form-file:hover {
    border-color: var(--color3);
    background-color: #fff;
}

.servis-form-file:focus {
    outline: none;
    border-color: var(--color3);
    box-shadow: 0 0 0 2px rgba(166, 105, 70, 0.1);
}

.servis-form-file.error {
    border-color: #e74c3c;
    background-color: #fff5f5;
}

.servis-form-file-info {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 6px;
    font-style: italic;
}

/* Modal Responsive */
@media (max-width: 768px) {
    .kariyer-modal {
        max-width: 100%;
        margin: 10px;
        max-height: 95vh;
    }
    
    .kariyer-modal-content {
        padding: 20px;
    }
    
    .kariyer-modal-close {
        top: 10px;
        right: 10px;
        width: 35px;
        height: 35px;
    }
    
    .kariyer-modal-close svg {
        width: 18px;
        height: 18px;
    }
}

/* Wallpaper Gallery Styles */
.wallpaper-tabs {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    border-bottom: 2px solid #e0e0e0;
}

.wallpaper-tab {
    background: none;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    font-family: inherit;
}

.wallpaper-tab:hover {
    color: var(--color2);
}

.wallpaper-tab.active {
    color: var(--color2);
    border-bottom-color: var(--color2);
}

.wallpaper-tab-content {
    display: none;
}

.wallpaper-tab-content.active {
    display: block;
}

.wallpaper-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
    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;
}

.wallpaper-gallery.active {
    cursor: grabbing;
}

.wallpaper-gallery::-webkit-scrollbar {
    height: 8px;
}

.wallpaper-gallery::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.wallpaper-gallery::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.wallpaper-gallery::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.wallpaper-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
    /* aspect-ratio: 16 / 9; */
}

.wallpaper-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wallpaper-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.wallpaper-item:hover .wallpaper-image {
    transform: scale(1.05);
    cursor: pointer;
}

.wallpaper-load-more-wrapper {
    text-align: center;
    margin-top: 40px;
}

.wallpaper-load-more-btn {
    background: var(--color2);
    color: #fff;
    border: none;
    padding: 14px 32px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
}
    .wallpaper-load-more-btn span{color:var(--color1)}

    .wallpaper-load-more-btn:hover {
        background: var(--color3);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

.wallpaper-load-more-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Lightbox Styles */
.wallpaper-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.wallpaper-lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}

.wallpaper-lightbox-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 40px 40px;
}

.wallpaper-lightbox-header {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    z-index: 10001;
    justify-content: flex-end;
}

.wallpaper-lightbox-close {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
}

.wallpaper-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}

.wallpaper-lightbox-close svg {
    width: 24px;
    height: 24px;
}

.wallpaper-lightbox-download {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    text-decoration: none;
    margin-right: 15px;
}

.wallpaper-lightbox-download:hover {
    background: rgba(255, 255, 255, 0.75);
    transform: scale(1.1);
}

.wallpaper-lightbox-download svg {
    width: 24px;
    height: 24px;
    color: var(--color2);
}

.wallpaper-lightbox-prev,
.wallpaper-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10001;
    transition: all 0.3s ease;
    color: #fff;
}

.wallpaper-lightbox-prev {
    left: 20px;
}

.wallpaper-lightbox-next {
    right: 20px;
}

.wallpaper-lightbox-prev:hover,
.wallpaper-lightbox-next:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-50%) scale(1.1);
}

.wallpaper-lightbox-prev svg,
.wallpaper-lightbox-next svg {
    width: 28px;
    height: 28px;
}

#wallpaperLightboxImage {
    max-width: 90%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

/* Responsive */
@media (max-width: 768px) {
    .wallpaper-gallery {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
    }

    .wallpaper-tabs {
        gap: 10px;
    }

    .wallpaper-tab {
        padding: 10px 16px;
        font-size: 14px;
    }

    .wallpaper-lightbox-content {
        padding: 50px 20px 20px;
    }

    .wallpaper-lightbox-header {
        top: 10px;
        left: 10px;
        right: 10px;
        gap: 10px;
    }

    .wallpaper-lightbox-close {
        width: 40px;
        height: 40px;
    }

    .wallpaper-lightbox-close svg {
        width: 20px;
        height: 20px;
    }

    .wallpaper-lightbox-download {
        width: 40px;
        height: 40px;
    }

    .wallpaper-lightbox-download svg {
        width: 20px;
        height: 20px;
    }

    .wallpaper-lightbox-prev,
    .wallpaper-lightbox-next {
        width: 50px;
        height: 50px;
    }

    .wallpaper-lightbox-prev {
        left: 10px;
    }

    .wallpaper-lightbox-next {
        right: 10px;
    }

    .wallpaper-lightbox-prev svg,
    .wallpaper-lightbox-next svg {
        width: 24px;
        height: 24px;
    }

    #wallpaperLightboxImage {
        max-width: 100%;
        max-height: 75vh;
    }
}

.wallpaper-empty {
    text-align: center;
    padding: 60px 20px;
    font-size: 18px;
    color: #999;
}