:root {
    --spacing: calc(100vw / 40);
}

@media(max-width:1450px) {
    :root {
        --spacing: calc(100vw / 30);
    }
}



/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}


body {
    font-family: AstonMartinSans;
    font-family: AstonMartinFlare;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
    overflow-x: hidden;
    background: #ffffff;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table, a, select, button {
    font-family: AstonMartinFlare;
    font-weight: 400;
    font-style: normal;
}

main {
    padding-top: 0;
}

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

    .terscevir .dealer-intro-content {
        padding-left: 0;
        padding-right: 0;
        max-width: 42%;
    }

.txtleft, .txtleft * {
    text-align: left !important
}
/* Header Styles */
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: rgb(0, 0, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    padding: 0 40px;
}

.header-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    height: 80px;
}

.header-menu {
    display: flex;
    align-items: center;
}

.nav-list {
    display: flex;
    list-style: none;
}

    .nav-list li {
        margin-right: 20px;
    }

    .nav-list a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        transition: opacity 0.3s;
        font-family: AstonMartinSans;
        letter-spacing: 0.5px;
    }

        .nav-list a:hover {
            opacity: 0.7;
        }

.search-icon {
    /* margin-left: 10px; */
    display: flex;
    align-items: center;
}

    .search-icon a {
        color: #fff;
        font-size: 16px;
        display: flex;
    }

    .search-icon svg {
        width: 15px;
        height: 15px;
        fill: #fff;
    }

.dealer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .dealer-brand a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #fff;
    }

    .dealer-brand img {
        margin-right: 0;
        filter: brightness(0) invert(1);
        width: 100%;
        max-width: 130px;
    }

footer .dealer-brand img {
    opacity: 0.4;
}

.social-icons a:hover svg {
    fill: #ffffff;
}

.dealer-name {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* Hero Section Styles */
.hero-section {
    position: relative;
    height: calc(100vh);
    overflow: hidden;
    user-select: none;
    background-color: #161718;
    touch-action: pan-y;
}

.hero-slider {
    position: relative;
    height: 100%;
    overflow: hidden;
}



.hero-slide {
    position: relative;
    width: 100%;
    height: 100%;
    will-change: transform;
}

/* .hero-slide.active {
    } */

.hero-media {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 1;
}

.hero-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: opacity 0.5s ease;
    z-index: 2;
    pointer-events: none;
}

.hero-poster_alt {
    width: 100%;
    opacity: 1;
    transition: opacity 0.5s ease;
    pointer-events: none;
    opacity: .75;
    /*height: 100%;*/
    object-fit: cover;
}



.hero-video.playing + .hero-poster {
    opacity: 0;
}

.hero-image {
    height: 100%;
    width: 100%;
    pointer-events: none;
}

    .hero-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
    }

.hero-content {
    position: absolute;
    bottom: 0px;
    color: #fff;
    z-index: 3;
    padding: calc(var(--spacing)*0.75);
}

.hero-subtitle {
    font-size: clamp(12px, 16px, 18px);
    font-weight: 400;
    margin-bottom: 8px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: AstonMartinSans;
}

h2.hero-subtitle {
}

.hero-title {
    font-size: clamp(16px, 44px, 54px);
    font-weight: 300;
    margin-bottom: calc(var(--spacing) * 0.5);
    letter-spacing: 1px;
    line-height: 1;
    font-family: AstonMartinFlare;
}

.hero-tagline {
    font-size: clamp(10px, 14px, 16px);
    font-weight: 300;
    margin-bottom: calc(var(--spacing) * 0.75);
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.9);
    font-family: AstonMartinSans;
}

.hero-buttons {
    display: flex;
    gap: 16px;
}

.btn {
    font-family: 'AstonMartinSans';
    text-decoration: none;
    letter-spacing: .55px;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
    min-width: 140px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    height: 50px;
    line-height: 1.2;
}

    .btn > svg {
        fill: #ffffff;
        width: 20px;
        margin-left: 3px;
    }

        .btn > svg.cevir {
            fill: #ffffff;
            transform: rotate(90deg);
        }

/* .btn > svg > path {
        } */

.btn-primary {
    background: #fff;
    color: #00665e;
    border: 1px solid transparent;
    cursor: pointer;
}

    .btn-primary:hover {
        background: rgba(255, 255, 255, 0.9);
    }

.btn-secondary {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    -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);
    cursor: pointer;
    padding: 14px 32px;
}

    .btn-secondary:hover {
        background: rgba(44, 45, 46, 0.9);
    }

.btn-news {
    background: #00665e;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
}

    .btn-news:hover {
        background: #00665e;
    }

.hero-navigation {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.nav-prev,
.nav-next {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: clamp(0px, 5px, 10px);
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}

.nav-prev {
    left: clamp(10px, 20px, 40px);
}

.nav-next {
    right: clamp(10px, 20px, 40px);
}

.nav-model-prev {
    left: 40px;
    top: auto;
}

.nav-model-next {
    right: 40px;
    top: auto;
}

.nav-indicators {
    display: flex;
    justify-content: center;
    gap: 8px;
}

    .nav-indicators span {
        position: relative;
        width: 48px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        overflow: hidden;
    }

        .nav-indicators span.active {
            background-color: rgba(255, 255, 255, 0.3);
        }

        .nav-indicators span.filled::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 0;
            background-color: #fff;
            animation: indicatorFill 10s linear forwards;
        }

@keyframes indicatorFill {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* Add a subtle overlay for better text readability */
.hero-media::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    /*background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);*/
    z-index: 2;
    pointer-events: none;
}

/* Search Section Styles */
.search-section {
    background-color: #00534C;
    padding: calc(var(--spacing)*1.4) 0;
    color: #fff;
}

.search-container {
    display: flex;
    margin: 0 auto;
    padding: 0 calc(var(--spacing)*1.5);
    justify-content: space-between;
    align-items: center;
}

.search-title {
    font-size: 30px;
    font-weight: 100;
    letter-spacing: 1px;
}

.search-options {
    display: flex;
    align-items: center;
    gap: 3%;
    min-width: 50%;
    justify-content: flex-end;
}

.radio-options {
    display: flex;
    gap: 18px;
}

.radio-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 100px;
}

    .radio-container input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        width: 26px;
        height: 26px;
        border: 2px solid #fff;
        border-radius: 50%;
        margin-right: 10px;
        position: relative;
        outline: none;
        cursor: pointer;
    }

        .radio-container input[type="radio"]:checked::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 12px;
            height: 12px;
            background-color: #fff;
            border-radius: 50%;
        }

.radio-label {
    font-size: 16px;
    white-space: nowrap; /* Metni tek satırda tutar */
}

.select-container {
    position: relative;
    min-width:250px;
    width: 100%;
}

.select-model, .select-model2 {
    width: 100%;
    padding: 15px 16px;
    border: none;
    background-color: #014442;
    color: white;
    font-size: 16px;
    line-height: 1.2;
    appearance: none;
    border: 1px solid #417371;
    border-radius: 2px;
    cursor: pointer;
}

    .select-model:focus, .select-model2:focus {
        border: 1px solid #417371;
    }

.select-container::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    pointer-events: none;
}

.search-button {
    padding: 12px 32px;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease;
    min-width: 140px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    color: #00665e;
    border: 0;
}

    .search-button:hover {
        background-color: #f0f0f0;
    }

/* Quick Links Section Styles */
.quick-links-section {
    background-color: #ffffff;
    color: #000;
    padding: var(--spacing) 0;
}

.quick-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin: 0 auto;
    padding: 0 var(--spacing);
    min-height: 130px;
    width:100%;
}

.quick-link-card {
    flex: 1;
    min-width: 230px;
    position: relative;
    overflow: hidden;
    padding: calc(var(--spacing)/2) calc(var(--spacing)/3);
    border-radius: 6px;
    color: white;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-position: center;
    /* min-height: 130px; */
}

    .quick-link-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
        z-index: 0;
    }

    .quick-link-card:hover {
        transform: translateY(-5px);
    }

.quick-link-bg {
    display: none; /* Hide the img element, we'll use background-image instead */
}

#new-cars {
    background-image: url('/img/news-car.jpg');
}

#pre-owned {
    background-image: url('/img/pre-owned.jpg');
}

#service {
    background-image: url('/img/book-a-services.jpg');
}

#valuation {
    background-image: url('/img/value-my.jpg');
}

.quick-link-card h3, .quick-link-action {
    position: relative;
    z-index: 1;
}

.quick-link-card h3 {
    margin-bottom: 10px;
    color: #fff;
    line-height: 1.2;
    font-size: 19px;
}

.quick-link-action {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    float: left;
    width: fit-content;
}

.quick-link-card .quick-link-action {
    font-size: 14px;
}

.quick-link-action > div:first-child {
    display: flex;
    align-items: center;
}

    .quick-link-action > div:first-child p {
        margin-right: 6px;
        color: #fff;
        font-size: 14px;
        line-height: 1.4;
    }

    .quick-link-action > div:first-child svg {
        width: 20px;
        height: auto;
        transition: transform 0.3s ease;
    }

.quick-link-action:hover > div:first-child svg {
    transform: translateX(4px);
}

.quick-link-action > div.ciz {
    background: #67b8af;
    height: 1px;
    width: 100%;
    margin-top: 1px;
}

.quick-link-action.green > div:first-child p {
    color: #00665e;
}

.quick-link-action.green > div:first-child svg {
}

    .quick-link-action.green > div:first-child svg > path {
        stroke: #00665e;
    }



/* Dealer Introduction Section Styles */
.dealer-intro-section {
    display: flex;
    background-color: #121212;
    color: #fff;
    padding-top: 5%;
    padding-bottom: 5%;
}

.dealer-intro-section-models {
    background-color: #f4f4f2;
}

    .dealer-intro-section-models h2, .dealer-intro-section-models p {
        color: #121212 !important;
    }


.dealer-intro-container {
    display: flex;
    margin: 0 auto;
    gap: calc(var(--spacing) * 1.5);
    align-items: center;
}

.dealer-intro-container-left {
    /* padding-bottom: 5%; */
    display: flex;
    margin: 0 auto;
    /* padding: 0 40px; */
    gap: 60px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.dealer-intro-container-right {
    display: flex;
    padding-bottom: 5%;
    /* max-width: 1400px; */
    margin: 0 auto;
    /* padding: 0 40px; */
    gap: 60px;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.dealer-intro-image {
    flex: 1;
    max-width: 50%;
}

    .dealer-intro-image img {
        width: 100%;
        display: block;
        /* border-radius: 4px; */
    }

.dealer-intro-content {
    flex: 1;
    padding-right: calc(var(--spacing) * .80);
    max-width: 720px;
    padding-left: calc(var(--spacing) * .80);
    display: flex;
    flex-direction: column;
    align-content: center;
}

.dealer-intro-title {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: calc(var(--spacing) / 2);
    letter-spacing: -0.5px;
    color: #ffffff;
    text-align: center;
    line-height: 1.2;
}

.dealer-intro-text p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    color: #ffffff;
    text-align: center;
    font-family: AstonMartinSans;
    font-weight: 400;
}

.dealer-intro-action {
    color: #00665e;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 8px;
    position: relative;
    text-decoration: underline;
    -webkit-text-decoration-color: #67b8af; /* Safari */
    text-decoration-color: #67b8af;
    text-underline-offset: 8px;
}

    .dealer-intro-action svg {
        width: 16px;
        height: 16px;
        transition: transform 0.3s ease;
    }

    .dealer-intro-action:hover svg {
        transform: translateX(4px);
    }


/* Specifications Section */
.specifications-section {
    background-color: #13433c;
    display: flex;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgb(8 48 47)), url(/img/specs-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: calc(var(--spacing) * 2) 0;
    min-height: clamp(25px, 450px, 650px);
    color: #fff;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.specs-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}

.spec-item {
    flex: 1;
    display: flex;
    padding: 0 30px;
    min-width: 300px;
    margin: 20px 0;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
}

    .spec-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 70%;
        width: 1px;
        background-color: rgba(255, 255, 255, 0.2);
    }

.spec-label {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
    font-weight: 500;
    font-family: AstonMartinSans;
}

    .spec-label span {
        font-size: 12px;
        opacity: 0.7;
        margin-left: 5px;
    }

.spec-value, .spec-value1{
    font-size: 70px;
    font-weight: 300;
    line-height: 1;
}

.specs-actions {
    margin-top: var(--spacing);
}

.btn-specs {
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 12px 25px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

    .btn-specs svg {
        margin-left: 10px;
        transition: transform 0.3s ease;
    }

    .btn-specs:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.5);
    }

        .btn-specs:hover svg {
            transform: translateX(5px);
        }

/* Aston Martin Intro Section Styles */
.aston-intro-section {
    background-color: #ffffff;
    color: #fff;
    padding-top: calc(var(--spacing) * 1.4);
}

.aston-intro-container {
    display: flex;
    /* max-width: 1400px; */
    margin: 0 auto;
    /* padding: 0 40px; */
    gap: 60px;
    align-items: center;
}

.aston-intro-container-left {
    padding-bottom: calc(var(--spacing) * 1.4);
    display: flex;
    /* max-width: 1400px; */
    margin: 0 auto;
    /* padding: 0 40px; */
    gap: calc(var(--spacing) * 1.5);
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
}

.aston-intro-container-right {
    display: flex;
    padding-bottom: calc(var(--spacing) * 1.4);
    margin: 0 auto;
    gap: calc(var(--spacing) * .8);
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.aston-intro-image {
    flex: 1;
    max-width: 50%;
}

    .aston-intro-image > img {
        width: 100%;
        display: block;
        /* border-radius: 4px; */
    }

.aston-intro-content {
    flex: 1;
    max-width: 35%;
    padding-right: calc(var(--spacing) * .80);
    padding-left: calc(var(--spacing) * .80);
}

.aston-intro-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: calc(var(--spacing) / 3);
    letter-spacing: -0.5px;
    color: black;
    line-height: 1.4;
}

.aston-intro-text > p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    color: #121212;
}

.aston-intro-action {
    color: #00665e;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: clamp(12px, 14px, 2vw);
    gap: 8px;
    position: relative;
    text-decoration: underline;
    -webkit-text-decoration-color: #67b8af; /* Safari */
    text-decoration-color: #67b8af;
    text-underline-offset: 8px;
}

    .aston-intro-action svg {
        width: 16px;
        height: 16px;
        transition: transform 0.3s ease;
    }

    .aston-intro-action:hover svg {
        transform: translateX(4px);
    }



/* Why Dealer X Section Styles */
.why-dealer-section {
    background-color: #f4f4f2;
    color: #000;
    padding: 5% 0;
}

.why-dealer-container {
    /* max-width: 1400px; */
    margin: 0 auto;
    padding: 0 80px;
}

.why-dealer-title {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: clamp(10px, 20px, 40px);
    letter-spacing: -0.5px;
}

.features-container {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing) / 2);
}

.feature-item {
    flex: 1;
}

    .feature-item:last-child {
        border-right: none;
    }

    .feature-item h3 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.4;
        color: #121212;
        letter-spacing: 0px;
        margin: 0;
    }


/* Model Showcase Styles */
.model-showcase {
    position: relative;
    overflow: hidden;
    user-select: none;
    background-color: #161718;
    aspect-ratio: 1920 / 1080;
}

.model-slide {
    position: relative;
    height: 100%;
    width: 100%;
}

.model-media {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.model-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}

.model-content {
    position: absolute;
    bottom: 60px;
    width: 100%;
    color: #fff;
    z-index: 3;
}

.model-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
    padding: 0 40px;
    max-width: 1920px;
    margin: 0 auto;
}

.model-text {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.model-subtitle {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.model-title {
    font-size: 64px;
    font-weight: 400;
    margin-bottom: 32px;
    letter-spacing: 1px;
    line-height: 1;
}

.model-buttons {
    display: flex;
    gap: 16px;
}

.model-card__container.enquire {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Sabit 4 sütun */
    gap: 1rem; /* Satırlar ve sütunlar arasında boşluk */
}


.nav-model-prev,
.nav-model-next {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 16px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 17px;
}

    .nav-model-prev svg,
    .nav-model-next svg {
        width: clamp(20px, 34px, 46px);
        height: auto;
    }

/* Remove the old model-navigation styles */
.model-navigation {
    display: none;
}

/* Add overlay for better text readability */
.model-media::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}

/* Split Screen Section Styles */
.split-screen-section {
    display: flex;
    height: 100vh;
    width: 100%;
}

.split-half {
    position: relative;
    flex: 1;
    height: 100%;
    overflow: hidden;
}

.split-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.split-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.split-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.split-half:hover .split-video.playing {
    opacity: 1;
}

.split-half:hover .split-poster {
    opacity: 0;
}

.split-content {
    position: absolute;
    bottom: 80px;
    left: 80px;
    z-index: 2;
    color: #fff;
}

.split-title {
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 24px;
    letter-spacing: 1px;
}

.split-explore {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    letter-spacing: 1px;
}

    .split-explore svg {
        width: 13px;
        margin-left: 17px;
        fill: currentColor;
    }

        .split-explore svg path {
            stroke-width: 2;
            stroke: #fff;
        }

    .split-explore:hover {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    /* Remove old animation styles */
    .split-explore::after {
        display: none;
    }

.split-title-top {
    position: absolute;
    top: 100px;
    left: 80px;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Stories Section Styles */
.stories-section {
    padding: 60px 0;
    background: #fff;
    color: #000;
}

.stories-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    max-width: 1400px;
    margin: 0 auto 16px;
}

.stories-title {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 1;
}

.stories-link {
    display: inline-block;
    padding: 10px 20px;
    background: #00665e;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
    border-radius: 2px;
    transition: background-color 0.3s ease;
    font-weight: 400;
}

    .stories-link:hover {
        background: #004d47;
    }

.stories-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 20px;
    padding: 0 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.stories-left {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

.story-card {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    background: #fff;
    transition: transform 0.3s ease;
}

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

.story-image-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 12px;
    overflow: hidden;
}

.story-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.story-card:hover .story-image {
    transform: scale(1.05);
}

.story-category {
    font-size: 11px;
    color: #00665e;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 6px;
    font-weight: 500;
}

.story-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: 1.2;
    letter-spacing: -0.3px;
}

.story-date {
    font-size: 11px;
    color: #666;
    letter-spacing: 0.5px;
}

.story-card.large {
    height: 100%;
}

    .story-card.large .story-image-container {
        padding-bottom: 89.5%;
    }

    .story-card.large .story-title {
        font-size: 22px;
    }

/* Footer Styles */
.site-footer {
    background-color: #121212;
    color: #fff;
    padding: calc(var(--spacing) * .75) 0 calc(var(--spacing) * 1.2);
    position: relative;
}

.footer-content {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    /* max-width: 600px; */
    margin: 0 auto;
    padding: 0 40px;
    gap: 35px;
    justify-items: center;
    justify-content: center;
}

.footer-group h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    color: #535252;
}

.footer-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-group ul li {
        margin-bottom: 12px;
    }

    .footer-group ul li {
        color: rgba(255, 255, 255, 0.7);
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s;
    }

        .footer-group ul li a:hover {
            color: #fff;
        }

.footer-group a {
    color: rgb(255 255 255 / 40%);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s;
    font-family: AstonMartinSans;
    font-weight: 200;
}

    .footer-group a:hover {
        color: #fff;
    }

.footer-divider {
    width: calc(100% - 160px);
    margin: 40px auto;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

.footer-bottom {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 80px;
    padding-top: 2%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
    row-gap: 5px;
}

.social-icons {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

    .social-icons a {
        color: rgb(82 83 83);
        font-size: 18px;
        transition: color 0.3s;
        /* padding: 0 10px; */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

        .social-icons a:last-child {
            padding-right: 0
        }

        .social-icons a:hover {
            color: #fff;
        }

    .social-icons svg {
        width: 22px;
        height: 22px;
        fill: rgb(255 255 255 / 40%);
        /*filter: brightness(0) invert(1);
        opacity:0.25*/
    }

        .social-icons svg > path {
        }

.footer-links {
    display: flex;
    gap: 24px;
    align-items: center;
}

    .footer-links a,
    .footer-links span {
        color: rgb(255 255 255 / 40%);
        text-decoration: none;
        font-size: 12px;
        letter-spacing: 0.2px;
        transition: color 0.3s;
        font-family: AstonMartinSans;
        font-weight: 200;
    }

        .footer-links a:hover {
            color: #fff;
        }

@media (max-width: 768px) {
    .site-footer {
        padding: 40px 20px 30px;
        display: flex;
        flex-direction: column;
        align-content: center;
    }

    .footer-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 20px;
    }

    .footer-links {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .footer-content {
        grid-template-columns: 1fr;
    }

    .footer-links {
        flex-direction: column;
        gap: 15px;
    }
}

/* News Section Styles */
.news-section {
    background-color: #fff;
    padding: calc(var(--spacing) * 2);
    color: #000;
    position: relative;
    overflow: hidden;
}

    .news-section .section-title {
        font-size: 35px;
        line-height: 1;
        font-weight: 500;
        text-align: left;
    }

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(var(--spacing));
}

.news-slider {
    position: relative;
    width: 100%;
    padding-bottom: 30px;
}
/*
.news-track {
    display: flex;
    transition: transform 0.5s ease;
    margin-left: -20px;
    padding-right: 20px;
}*/

/*.not-news-track {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px 40px;
}*/


/*.news-card {
    min-width: calc(40% - 40px);
    flex: 0 0 calc(40% - 40px);
    padding: 0 20px;
    box-sizing: border-box;
}*/


.news-slider .slick-arrow {
    bottom: -60px;
    top: auto;
    filter: brightness(0) invert(0);
    left: 0;
    background-size: 100%;
    width: 30px;
}
.news-slider .slick-track{
}
.news-slider article{
    padding-right: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -53px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

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

    #twonclick .twonclick {
        display: block;
        height: 90px;
        outline: none;
        text-indent: -9999px;
        background-size: 17px;
    }


.car-interior-slider .slick-dots{bottom: 5%;}
.car-interior-slider .slick-dots > li button{background: rgb(255 255 255 / 30%);}
.car-interior-slider .slick-dots > li.slick-active button {
    background: rgb(255 255 255 / 80%);
}

.car-interior-slider .slick-arrow{width:80px}

.slick-dots > li {
}

.slick-dots>li button{color: transparent;padding: 0;margin: 0;font-size: 1px;height: 2px;width: 40px;background: rgb(0 0 0 / 30%);border: 0;}
    .slick-dots > li.slick-active button {
        background: rgb(0 0 0 / 80%);
    }

.not-news-track {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px 40px;
}

.not-news-track .news-card {
    width: calc((100% / 3) - 27px);
    flex: none;
    padding: 0;
    min-width: auto;
}

.news-link {
    text-decoration: none;
    color: inherit;
    display: block;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.news-image {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 24px;
    background: #f5f5f5;
    -webkit-user-drag: none;
    user-drag: none;
}

    .news-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
        pointer-events: none;
    }

.news-link:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    padding: 0;
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.news-date {
    display: block;
    font-size: 15px;
    color: #666;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.news-content-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.news-title {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    line-height: 1.4;
    margin: 0;
    letter-spacing: -0.3px;
}

.news-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.news-nav-prev,
.news-nav-next {
    position: static;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
}

    .news-nav-prev svg,
    .news-nav-next svg {
        width: clamp(24px, 30px, 44px);
        height: clamp(24px, 30px, 44px);
    }

        .news-nav-prev svg path,
        .news-nav-next svg path {
            stroke: #000000;
        }

.news-indicators {
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .news-indicators span {
        width: 40px;
        height: 2px;
        background-color: rgba(0, 0, 0, 0.3);
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .news-indicators span.active {
            background-color: #000000;
        }

@media (max-width: 1200px) {
/*    .news-card {
        min-width: calc(50% - 40px);
        flex: 0 0 calc(50% - 40px);
    }*/
}

@media (max-width: 768px) {
    .news-section {
        padding: 60px 20px;
    }

        .news-section .section-title {
            font-size: 32px;
            /* margin-bottom: 40px; */
        }
/*
    .news-card {
        min-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }*/

    .news-title {
        font-size: 20px;
    }
}

/* Where to find us section */
.where-to-find-us {
    /* padding: 80px 0; */
    background-color: #f4f4f2;
    color: #333;
}

    .where-to-find-us .container {
        /* max-width: 1400px; */
        margin: 0 auto;
        /* padding: 0 20px; */
    }

    .where-to-find-us .section-title {
        font-size: 35px;
        font-weight: 500;
        margin-bottom: 5%;
        color: #000;
    }

.locations-wrapper {
    display: flex;
}

.location-list {
    display: flex;
    width: 45%;
    flex-direction: column;
    padding: 3% 4%;
}

.location-item {
    border-bottom: 1px solid #e2e4e4;
    margin-bottom: 3%;
    padding-bottom: 3%;
    display: flex;
    width: 100%;
    gap: 30px;
    justify-content: space-between;
}

    .location-item > div {
        /* width: 30%; */
    }

.location-list .location-item:last-child {
    border-bottom: 0px solid #e2e4e4;
    margin-bottom: 0%;
    padding-bottom: 0%;
}

.loca-adres {
    width: 60%;
}

.dealer-logo {
    margin-bottom: 20px;
    width: 50%;
}

    .dealer-logo img {
        width: 90px;
        height: auto;
    }

.location-title {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 500;
}



.location-address, .loca-adres>a {
    font-style: normal;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    color: #666;
    font-family: AstonMartinSans;
    left: 0;
    text-decoration: none;
}



    .location-phone {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 0;
        color: #666;
        font-family: AstonMartinSans;
    }

.location-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.btn-full-details {
    background-color: #00665e;
    color: #fff;
    width: auto;
    font-size: 13px;
    margin-top: 15px;
    font-family: AstonMartinSans;
    font-weight: 200;
    letter-spacing: 0;
    cursor:pointer
}

    .btn-full-details:hover {
        background-color: #00665e;
    }

.btn-more {
    display: inline-flex;
    align-items: center;
    padding: 12px 15px;
    background-color: #f2f2f2;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .btn-more:hover {
        background-color: #e9e9e9;
    }

.location-directions-action {
    /* display: inline-flex; */
    align-items: center;
    font-size: 15px;
    color: #00665e;
    font-weight: 400;
    transition: color 0.2s;
    text-decoration: none;
    margin-top: 15px;
    text-decoration: underline;
    -webkit-text-decoration-color: #00665e; /* Safari */
    text-decoration-color: #67b8af;
    text-underline-offset: 8px;
}


    .location-directions-action svg {
        margin-left: 8px;
        transition: transform 0.3s ease;
        width: 16px;
        height: 16px;
    }

    .location-directions-action:hover {
        color: #005a45;
    }

        .location-directions-action:hover svg {
            transform: translateX(5px);
        }

.arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}

.dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 10;
    border-radius: 2px;
    margin-top: 5px;
}

    .dropdown-content.show {
        display: block;
    }

    .dropdown-content a {
        color: #333;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-size: 14px;
        transition: background-color 0.3s;
    }

        .dropdown-content a:hover {
            background-color: #f2f2f2;
        }

.locations-map {
    /* flex: 1; */
    width: 55%;
    position: relative;
    min-height: 500px;
    border-radius: 4px;
    overflow: hidden;
}

.map-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
}

/* Ensure Leaflet tiles have no borders */
.leaflet-tile {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* Map styling for Leaflet */
.map-container {
    width: 100%;
    height: 100%;
    min-height: 500px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f8f8f8;
}

/* Leaflet popup customization */
.leaflet-popup-content-wrapper {
    border-radius: 4px;
    padding: 0;
    box-shadow: 0 3px 14px rgba(0,0,0,0.2);
}

.leaflet-popup-content {
    margin: 12px 16px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
}

.leaflet-container a.leaflet-popup-close-button {
    color: #666;
    padding: 6px 6px 0 0;
}

/* Style for marker labels */
.aston-marker {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00665e;
    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;
}

    .aston-marker span {
        transform: rotate(45deg);
        position: relative;
        top: 0px;
        left: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .aston-marker:hover {
        background-color: #005a45;
    }

/* Additional map styling */
.leaflet-control-attribution {
    background: rgba(255, 255, 255, 0.8) !important;
    font-size: 10px !important;
    padding: 3px 6px !important;
}

/* Style the container */
.locations-map {
    /* box-shadow: 0 2px 10px rgba(0,0,0,0.08); */
    border-radius: 4px;
}

/* Testimonials Section Styles */
.testimonials-section {
    background-color: #222222;
    color: #ffffff;
    padding: calc(var(--spacing));
    position: relative;
    overflow: hidden;
}

    .testimonials-section .section-title {
        font-size: 32px;
        margin-bottom: 60px;
        text-align: left;
    }

.testimonials-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.testimonials-track {
    display: flex;
    transition: transform 0.5s ease;
    margin-left: -20px;
    padding-right: 20px;
}

.testimonial-card {
    min-width: calc(40% - 40px);
    flex: 0 0 calc(40% - 40px);
    padding: 0 20px;
    box-sizing: border-box;
}

.testimonial-content {
    padding: 0 30px 30px 0;
    border-radius: 4px;
    height: 100%;
    box-sizing: border-box;
}

    .testimonial-content p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 24px;
        font-weight: 300;
        font-family: AstonMartinSans;
        color: #e2e4e4;
        letter-spacing: 0.55px;
    }

    .testimonial-content h1 {
        font-size: 20px;
        line-height: 1.5;
        font-family: AstonMartinSans;
        color: #e2e4e4;
        font-weight: 500;
        margin-bottom: 12px;
        letter-spacing: 0.55px;
    }

.testimonial-author {
    font-size: 16px;
    color: #949696;
}

.testimonial-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.testimonial-nav-prev,
.testimonial-nav-next {
    position: static;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
}

    .testimonial-nav-prev svg,
    .testimonial-nav-next svg {
        width: 45px;
        height: 35px;
    }

        .testimonial-nav-prev svg path,
        .testimonial-nav-next svg path {
            stroke: #ffffff;
        }

.testimonial-indicators {
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .testimonial-indicators span {
        width: 40px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .testimonial-indicators span.active {
            background-color: #ffffff;
        }

@media (max-width: 1200px) {
    .testimonial-card {
        min-width: calc(50% - 40px);
        flex: 0 0 calc(50% - 40px);
    }
}

@media (max-width: 768px) {
    .testimonials-section {
        padding: 60px 20px;
    }

        .testimonials-section .section-title {
            font-size: 32px;
            margin-bottom: 40px;
        }

    .testimonial-card {
        min-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }

    .testimonial-content p {
        font-size: 16px;
    }
}

/* Video loading spinner */
.video-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top: 3px solid #fff;
    border-radius: 50%;
    z-index: 3;
    animation: videoSpin 1s linear infinite;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.loading .video-loading {
    opacity: 1;
    visibility: visible;
}

@keyframes videoSpin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Hero video state styles */
.hero-media.loading .hero-poster {
    opacity: 1 !important;
}

/* Model video state styles */
.model-media.loading {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Modeller Top Section Styles */
.modeller-top {
    position: relative;
    height: 75vh;
    overflow: hidden;
    background-color: #161718;
}

.modeller-top-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.modeller-top-media {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

    .modeller-top-media img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.modeller-top-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 3;
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 1.5);
}

.modeller-top-subtitle {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: AstonMartinFlare;
}

.modeller-top-title {
    font-size: 54px;
    font-weight: 300;
    margin-bottom: calc(var(--spacing) * 0.5);
    letter-spacing: 1px;
    line-height: 1;
    font-family: AstonMartinFlare;
}

.modeller-top-tagline {
    max-width: 520px;
    width: 80%;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 32px;
    letter-spacing: 0.5px;
    font-family: AstonMartinFlare;
    color: rgba(255, 255, 255, 0.9);
}

/* Add subtle overlay for better text readability */
.modeller-top-media::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);
    z-index: 2;
    pointer-events: none;
}

/* Modeller Intro Section Styles */
.modeller-intro {
    padding: 110px 0;
    background-color: #ffffff;
}

.modeller-intro-container {
    display: flex;
    margin: 0 calc(var(--spacing)*4);
    padding: 0calc(var(--spacing)*2);
    width: 80%;
    flex-direction: column;
    align-content: flex-start;
    max-width: 600px;
}

.modeller-intro-title {
    font-size: 35px;
    font-weight: 400;
    margin-bottom: var(--spacing);
    letter-spacing: -0.5px;
    line-height: 1.5;
    color: #000000;
    font-family: AstonMartinFlare;
}

.modeller-intro-text {
    font-size: 18px;
    line-height: 1.6;
    color: #333333;
    font-family: AstonMartinFlare;
    font-weight: 300;
}
.modeller-intro-text.modeller-bold{font-weight: 500; margin-top: var(--spacing);color:#000}

@media (max-width: 768px) {
    .modeller-intro {
        padding: 80px 0;
    }

    .modeller-intro-container {
        padding: 0 40px;
    }

    .modeller-intro-title {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .modeller-intro-text {
        font-size: 16px;
    }
}

/* Models Section Styles */
.models-section {
    padding: 0;
    background-color: #f4f4f2;
    position: relative;
    padding-bottom: calc(var(--spacing)*1.2);
}

/* Models Navigation */
.models-nav {
    position: sticky;
    top: 80px; /* Account for header height */
    z-index: 999;
    background-color: #f4f4f2;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
}

.models-tabs {
    display: flex;
    justify-content: flex-start;
    padding: 0 80px;
    margin: 0 auto;
}

.model-tab {
    display: block;
    padding: calc(var(--spacing) * .30) calc(var(--spacing) * .20);
    margin-right: calc(var(--spacing) * .75);
    color: #333;
    text-decoration: none;
    font-family: AstonMartinFlare;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

    .model-tab:first-child {
        margin-left: 0;
        /* padding-left: 0; */
    }

    .model-tab:hover {
        color: #00665e;
    }

    .model-tab.active {
        border-bottom: 2px solid #00665e;
        color: #00665e;
    }

/* Model Detail Section */
.model-detail-section {
    padding: 0px calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 1.4);
    margin: 0 auto;
}

.model-layout-container {
    display: flex;
    align-items: stretch;
}

.model-main-content {
    /* flex: 0 0 37%; */
    position: relative;
    overflow: hidden;
    width: 37%;
}

.model-hero-image {
    position: absolute;
    top: 0;
    right: -1px;
    width: 75%;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    height: 100%;
    align-items: flex-end;
}


    .model-hero-image img {
        width: 100%;
        height: auto !important;
        /* object-fit: cover; */
        display: block;
    }

.model-hero-image-alt {
    position: absolute;
    top: 0;
    right: -1px;
    width: 75%;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    height: 100%;
    align-items: flex-end;
}


    .model-hero-image-alt img {
        width: 100%;
        height: auto;
        /* object-fit: cover; */
        display: block;
    }

.model-info {
    position: relative;
    z-index: 2;
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 300px;
}

.model-tagline {
    font-family: AstonMartinFlare;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #000000;
    width: 100%;
}

.model-name {
    font-family: AstonMartinFlare;
    font-size: 54px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #000000;
    line-height: 1.2;
}

.model-description {
    font-family: AstonMartinFlare;
    font-size: 14px;
    font-weight: 300;
    color: rgb(0 0 0 / 90%);
    /* max-width: 40%; */
    max-width: 280px;
    line-height: 1.4;
}

.model-variants-row {
    width: 63%;
    display: flex;
    justify-content: flex-start;
}

    .model-variants-row > div {
        width: 100%
    }

.slick-track {
    margin-left: 0
}

.model-variants-navigation {
    display: flex;
    width: 98%;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
}

.variant-nav-prev,
.variant-nav-next {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
    transition: opacity 0.3s ease;
}

    .variant-nav-prev svg,
    .variant-nav-next svg {
        width: 30px;
        height: 24px;
    }

.variant-indicators {
    display: flex;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .variant-indicators span {
        width: 40px;
        height: 2px;
        background-color: rgba(0, 0, 0, 0.3);
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .variant-indicators span.active {
            background-color: #000000;
        }

.model-variant-card {
    background-color: #fff;
    border: solid 1px #e1e1df;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); */
    margin-right: 20px;
    padding: 20px;
}

.model-variants-row > div.model-variant-card:not(.leftslider) {
}

.modelkaydir .slick-track {
}
.modelkaydir .slick-arrow{  filter: brightness(0) invert(0);}
.leftslider > div {
    width: 100%
}

.leftslider .slick-list {
    padding-left: 0px !important;
}

.leftslider img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.leftslider .slick-slide {
    padding-right: 90px;
}

/*.slick-slide img{transition:0.5s;filter: blur(5px);}
.slick-active img{filter: blur(0px);}*/

.variant-name {
    font-family: AstonMartinFlare;
    font-size: 28px;
    font-weight: 400;
    padding: 0 0 20px 0;
    margin: 0;
    color: #000;
}

.variant-image {
    width: 100%;
}

    .variant-image:active {
        cursor: grabbing;
    }

    .variant-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        pointer-events: none;
        touch-action: none; /* Prevent touch actions on images inside the variant image container */
        -webkit-user-drag: none; /* Prevent image dragging */
    }

/* Special class for when touch events are enabled */
.touch-enabled .variant-image {
    cursor: pointer;
}

.variant-actions {
    display: flex;
    /* padding: calc(var(--spacing) * 0.2); */
    /* border-top: 1px solid #f0f0f0; */
    margin-top: 20px;
}

.btn-explore, .btn-enquire, .btn-configure {
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    font-family: AstonMartinFlare;
    font-size: 12px;
    font-weight: 400;
    transition: all 0.3s ease;
    flex: 1;
    line-height: 1.2;
}

.btn-explore {
    color: #ffffff;
    background-color: #00665e;
    margin-right: 9px;
}

    .btn-explore:hover {
        /* background-color: #f0f0f0; */
    }

.btn-enquire {
    color: #00665e;
    background-color: #eef0f0;
    margin-right: 10px;
}

    .btn-enquire:hover {
        /* background-color: #e6e6e6; */
    }

.btn-configure {
    color: #00665e;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn-configure svg {
        width: 16px;
        height: 16px;
        margin-left: 8px;
        transition: transform 0.3s ease;
    }

    .btn-configure:hover {
        /* background-color: #005a45; */
    }

        .btn-configure:hover svg {
            transform: translateX(4px);
        }

/* Responsive adjustments for model variant sliders with many items */
@media (max-width: 767px) {
    .model-variants-slider .model-variant-card {
        flex: 0 0 calc(90% - 20px);
        max-width: 90%;
    }

    .model-variants-navigation {
        max-width: 90%;
    }

    .variant-indicators span {
        width: 30px;
    }
}


/* Features Section Styles */
.features-section {
    background-color: #f4f4f2;
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 1.5);
}

    .features-section .section-title {
        font-size: 50px;
        font-weight: 400;
        margin-bottom: 3%;
        color: #000000;
    }

.features-container {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
}

.feature-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.left-column {
    width: 50%;
}

.right-column {
    width: 50%;
    gap: calc(var(--spacing) / 2);
}

.feature-item {
    display: flex;
    /* background-color: #fff; */
    overflow: hidden;
    position: relative;
}

.left-column .feature-item {
    flex-direction: column;
    height: 100%;
    background: #fff;
}

.right-column .feature-item {
    height: 50%;
    flex-direction: row;
}

    .right-column .feature-item.handling {
        flex-direction: row;
    }

    .right-column .feature-item.brakes {
        flex-direction: row;
    }

.feature-content {
    padding: calc(var(--spacing) * 0.75);
    display: flex;
    flex-direction: column;
    /* flex: 1; */
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.feature-image {
    position: relative;
    flex: 1;
}

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

.feature-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    color: #777;
    font-weight: 500;
}

.feature-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 1.3;
    color: #212121;
}

.feature-text {
    color: #121212;
    font-size: 15px;
    line-height: 1.6;
    font-family: AstonMartinSans;
}

    .feature-text p {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 1.5;
    }

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

.engine .feature-content {
    padding-bottom: 0;
}

.engine .feature-image {
    margin-top: 40px;
}

@media (max-width: 1200px) {
    .feature-content {
        padding: 30px;
    }

    .feature-title {
        font-size: 26px;
    }

    .feature-text {
        font-size: 15px;
    }
}

/* Remove the previous feature styles */
.feature-row,
.feature-col {
    display: none;
}

.right-column .feature-item .feature-content {
    flex: 0 0 45%;
    width: 45%;
}

.right-column .feature-item .feature-image {
    flex: 0 0 55%;
    width: 55%;
}

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

.quote-content {
    position: relative;
}

.quote-text > a, .quote-text {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 100;
    margin-bottom: var(--spacing);
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

.quote-highlight {
    font-weight: 500;
    color: #fff;
}

.quote-text > a {
}

.quote-text.kisa {
    margin-bottom: 15px;
}

.quote-author {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: calc(var(--spacing) / 2);
    padding-left: 65px;
}

    .quote-author:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 40px;
        height: 2px;
        background-color: rgb(255 255 255);
        transform: translateY(-50%);
    }

.author-name {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 4px;
}

.author-title {
    font-size: 18px;
    opacity: 0.6;
    font-weight: 200;
}


.quote-section-alt {
    background-color: #252525;
}

    .quote-section-alt .quote-author:before {
        background-color: #3c8d84;
    }

.interior-hero-section {
    position: relative;
    height: 102vh;
    overflow: hidden;
    user-select: none;
    background-color: #161718;
    touch-action: pan-y;
}

.interior-slider {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.interior-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
}

    .interior-slide.active {
        opacity: 1;
        z-index: 2;
    }

    /* Slide transitions */
    .interior-slide.slide-in-right {
        animation: slideInRight 0.7s forwards;
    }

    .interior-slide.slide-in-left {
        animation: slideInLeft 0.7s forwards;
    }

    .interior-slide.slide-out-right {
        animation: slideOutRight 0.7s forwards;
    }

    .interior-slide.slide-out-left {
        animation: slideOutLeft 0.7s forwards;
    }

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

.interior-media {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.car-interior-slider{max-height:100vh}
.interior-poster {
    width: 100%;
    z-index: 1;
    height: 100%;
    object-fit: cover;
}

.interior-content {
    position: absolute;
    bottom: 0px;
    color: #fff;
    z-index: 3;
    padding: 80px 80px 60px 80px;
}

.interior-content-alt {
    position: absolute;
    bottom: 0px;
    color: #fff;
    z-index: 3;
    padding: calc(var(--spacing) * 1.5);
}

.interior-subtitle {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: AstonMartinFlare;
}

.interior-title {
    font-size: 54px;
    font-weight: 300;
    margin-bottom: 32px;
    letter-spacing: 1px;
    line-height: 1;
    font-family: AstonMartinFlare;
}

.interior-tagline {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 32px;
    letter-spacing: 0.5px;
    font-family: AstonMartinFlare;
    color: rgba(255, 255, 255, 0.9);
}

.interior-tagline-alt {
    font-size: 16px;
    font-weight: 200 !important;
    line-height: 1.45;
    max-width: 640px;
    margin-bottom: calc(var(--spacing) * .4);
    letter-spacing: 0.5px;
    font-family: 'AstonMartinSans';
    color: rgba(255, 255, 255, 0.9);
}
.interior-tagline-alt b{font-weight:700}

.interior-navigation {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.interior-nav-prev,
.interior-nav-next {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 16px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}

.slick-arrow {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2746%27%20height%3D%2734%27%20viewBox%3D%270%200%2046%2034%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M1.66675%2017H44.3334M44.3334%2017L28.3334%201M44.3334%2017L28.3334%2033%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") no-repeat center;
    background-size: 50%;
    border: 0;
    width: 60px;
    height: 30px;
    left: 20px;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: rotateY(180deg);
    color: transparent; /* yazıyı görünmez yapar */
    font-size: 0; /* yazıya yer bırakmaz */
    padding: 0;
    cursor: pointer;
}

    .slick-arrow.slick-next {
        left: auto;
        right: 20px;
        transform: rotateY(0deg);
    }

.interior-nav-prev:hover,
.interior-nav-next:hover {
    opacity: 1;
}

.interior-nav-prev {
    left: 40px;
}

.interior-nav-next {
    right: 40px;
}

.interior-nav-indicators {
    display: flex;
    justify-content: center;
    gap: 8px;
}

    .interior-nav-indicators span {
        position: relative;
        width: 48px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        overflow: hidden;
    }

        .interior-nav-indicators span.active {
            background-color: #ffffff;
        }

/* Add a subtle overlay for better text readability */
.interior-media::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);
    z-index: 2;
    pointer-events: none;
}

/* KVKK Pages Styles */
.terms-header {
    background-color: #000000;
    color: white;
    padding: 0px 80px;
    margin-bottom: 30px;
    height: 280px;
    min-height: 32vh;
    display: flex;
    align-items: flex-end;
}

    .terms-header h1 {
        margin: 0;
        font-weight: 600;
        font-size: 2.5rem;
    }

.terms-content {
    margin: 0 auto;
    padding: 0 80px;
}

.terms-title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.terms-section {
    margin-bottom: 30px;
}

select:focus-visible, select:focus-visible {
    border: 0;
    outline: 0;
}

.terms-section h2 {
    font-size: 18px;
    margin-bottom: 7px;
}

.terms-section p {
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 1.4;
    font-weight: 300;
    font-family: AstonMartinSans;
    letter-spacing: .55px;
}

.terms-section ul {
    margin-bottom: 15px;
    padding-left: 20px;
    list-style: disc;
}

    .terms-section ul li {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 1.4;
        font-weight: 300;
        font-family: AstonMartinSans;
        letter-spacing: .55px;
    }

.terms-section strong {
    font-weight: 600;
}

@media (max-width: 768px) {
    .terms-header h1 {
        font-size: 2rem;
    }

    .terms-section h2 {
        font-size: 1.3rem;
    }
}

/* Specifications Overlay Styles */
.spec-overlay {
    position: fixed;
    top: 0;
    right: -100%; /* Start off-screen to the right */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: #000; /* Black background like the image */
    color: #fff;
    z-index: 1050; /* Ensure it's above other content */
    overflow-y: auto;
    transition: right 0.5s ease-in-out; /* Slide transition for right property */
    /* No box-shadow needed for full screen */
}

    .spec-overlay.active {
        right: 0; /* Slide in from the right */
    }

.spec-overlay-close {
    position: sticky;
    top: 50%;
    left: 25px; /* Positioned left as in the image */
    background: #fff; /* White background */
    border: none;
    color: #000; /* Black 'X' */
    cursor: pointer;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    transition: background-color 0.3s, color 0.3s;
}

    .spec-overlay-close svg {
        width: 16px;
        height: 16px;
        fill: #000; /* Black 'X' */
    }

    .spec-overlay-close:hover {
        background-color: #eee;
    }

.spec-overlay-content {
    padding: 120px 145px;
    margin: 0 auto;
    min-height: 100vh;
}


.spec-overlay-title {
    font-family: 'AstonMartinFlare', sans-serif;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400; /* Slightly bolder title */
}

/* Accordion Styles */
.spec-accordion {
    width: 100%;
}

.spec-accordion-item {
    border-bottom: 1px solid #333; /* Darker separator like image */
}

.spec-accordion-header {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 20px 0;
    width: 100%;
    text-align: left;
    font-family: 'AstonMartinSans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase; /* Already uppercase */
    letter-spacing: 0.5px; /* Less spacing */
    font-weight: 300; /* Lighter font weight for headers */
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s;
}

    .spec-accordion-header:hover {
        color: #ccc;
    }

    .spec-accordion-header .accordion-icon {
        width: 18px;
        height: 18px;
        transition: transform 0.3s ease;
    }

    .spec-accordion-header.active .accordion-icon {
        transform: rotate(180deg);
    }

.spec-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 15px;
    opacity: 0;
}

    .spec-accordion-content p {
        font-family: 'AstonMartinSans', sans-serif;
        font-size: 14px;
        line-height: 1.6;
        color: #ddd;
        margin-bottom: 12px;
        font-weight: 300;
        color: #bbb;
        opacity: 0;
        transform: translateY(8px);
        transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .spec-accordion-content p:last-child {
            margin-bottom: 0;
        }

.spec-accordion-item .spec-accordion-content.active {
    max-height: 100vh;
    padding: 15px 0 25px 0;
    opacity: 1;
    overflow-y: auto;
}

    .spec-accordion-item .spec-accordion-content.active p {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.15s;
    }

.loading-spinner {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    padding: 20px;
    /*width: 100%;*/
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

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


.main-header {
    transition: 0.3s;
}

.btn {
    border: 0
}

.pbottom {
    padding-bottom: 80px !important
}

.fixed.main-header {
    backdrop-filter: blur(12px);
    background-color: rgba(0, 0, 0, 0.6);
}
/*.fixed.main-header *{color:#000}
.fixed.main-header *{color:#000}
.fixed.main-header .dealer-brand img {filter: brightness(0) invert(0);}*/
.detaypage {
    width: 100%;
}

    .detaypage .usttab.txt {
        padding: 0 80px;
        margin-top: 80px;
        padding-top: 60px;
        margin-bottom: 30px;
    }

        .detaypage .usttab.txt p {
        }

        .detaypage .usttab.txt h1 {
        }

.servicescontact{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.servicescontact *{color:#fff;font-size:14px;text-decoration: none;font-weight: 300;}
.servicescontact>h3{
    max-width: 340px;
}
.servicescontact>p{
    margin: 6px;
}
.servicescontact>a{
    display: block;
    height: auto;
}
.servicescontact>a.btn{
    border: 1px solid #fff;
    padding: 8px 25px;
    line-height: 1.4;
    margin-top: 15px;
}

.detaypage .content {
    /* padding: 0 0 0 calc(var(--spacing)*1); */
    padding: 0 80px;
}


        .detaypage .content.contact {
            padding: 0;
        }


    .detaypage .usttab.resim {
        width: 100%;
        max-height: 75vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        position: relative;
    }

        .detaypage .usttab.resim .txt {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            background: rgb(0 0 0 / 30%);
            flex-direction: column;
        }

            .detaypage .usttab.resim .txt h1 {
                color: #fff;
                font-family: AstonMartinFlare;
                font-size: 38px;
                font-weight: 300;
                line-height: 1.5;
                letter-spacing: 2px;
                padding-top: 80px;
            }

        .detaypage .usttab.resim h1 {
        }

        .detaypage .usttab.resim img {
            display: block;
            margin: 0;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

.detaypage {
}

.newlist .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
}

.newlist .card {
}

    .newlist .card img {
        width: 100%;
        height: auto;
    }

.newlist .button {
    display: inline-block;
    text-decoration: none;
    color: #161a21;
}

.newlist .card p {
    font-size: 14px;
    line-height: 18px;
    padding: 7px 0;
}

.newlist .card h1 {
    font-size: 16px;
    margin-top: 16px;
}

.newlist .card a {
    display: flex;
    flex-direction: row;
    align-items: center;
    FONT-WEIGHT: 600;
}

    .newlist .card a > span {
        width: 30px;
    }

        .newlist .card a > span > svg {
            fill: #000;
        }

.detaypage .content.newlist {
    padding-bottom: 80px
}

.aston-marker-container {
    background: transparent;
}

.aston-marker span::before {
    content: attr(data-label);
}
/* Custom popup styling */
.custom-popup {
    padding: 5px 0;
    min-width: 200px;
    position: relative;
}

    .custom-popup > h1 {
        font-weight: 600;
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 2px;
    }

    .custom-popup > h2 {
        font-style: normal;
        font-size: 12px;
        line-height: 1.2;
        color: #666;
        font-family: AstonMartinSans;
        font-weight: 300;
    }

.popup-actions {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.popup-actions-close {
    position: absolute;
    right: -34px;
    top: -27px;
    z-index: 12;
    cursor: pointer;
    background: #00665e;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .popup-actions-close > span {
    }

    .popup-actions-close svg {
        width: 15px;
        height: 15px;
        fill: #fff;
    }

.zoom-out-btn {
    background-color: #00665e;
    color: white !important;
    border: none;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.3s;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

    .zoom-out-btn:hover {
        background-color: #003c2e;
    }
/* Popup no-scroll styling */
.leaflet-popup-content-wrapper {
    overflow: auto;
}

.no-scroll-popup .leaflet-popup-content-wrapper {
    overflow: visible;
}

.no-scroll-popup {
    touch-action: none;
}
/* Style map tiles for cleaner appearance */
.leaflet-tile-pane {
    filter: contrast(0.95) saturate(0.9);
}
/* Style the zoom controls */
.leaflet-control-zoom {
    border: none !important;
    margin: 15px !important;
}

    .leaflet-control-zoom a {
        background-color: white !important;
        color: #444 !important;
        border: none !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        border-radius: 4px !important;
        box-shadow: 0 1px 5px rgba(0,0,0,0.2) !important;
    }

.leaflet-control-zoom-in {
    margin-bottom: 5px !important;
}
/* Hide road labels and other clutter */
.leaflet-overlay-pane, .leaflet-marker-pane {
    filter: saturate(0.8);
}

.newlist .news-date {
    font-size: 14px;
}

.newlist .news-content {
    gap: 6px
}

.newlist .news-title {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: .5px;
}

.newlist .news-card {
    display: block;
    margin-bottom: 20px;
    /* Diğer stil özellikleri */
}

#scrool-kaydir .article {
    display: none; /* İlk başta gizle */
}

    #scrool-kaydir .article.visible {
        display: block; /* Görünür yap */
    }
/* Loading spinner */
.loading-spinner {
    text-align: center;
    margin: 20px 0;
    font-size: 11px;
    letter-spacing: 1px;
    color: #999;
    font-family: AstonMartinSans;
    font-weight: 100;
}



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

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

.newdetail {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-end;
    position: relative;
}

    .newdetail > .date {
        position: fixed;
        width: 200px;
        left: 80px;
        padding-top: 25px;
    }

        .newdetail > .date > p {
            font-size: 14px;
            letter-spacing: 2px;
        }

    .newdetail > .container {
        width: calc(100% - 250px);
    }

        .newdetail > .container .head {
            font-size: 34px;
            line-height: 1.4;
            letter-spacing: 0;
            margin-bottom: 50px;
        }

        .newdetail > .container img {
            width: 100%
        }

        .newdetail > .container ul {
            margin-bottom: 29px;
            margin-left: 20px;
        }

            .newdetail > .container ul > li {
            }

        .newdetail > .container p {
            margin-bottom: 20px;
        }

        .newdetail > .container .tab {
            margin-bottom: 43px;
        }

        .newdetail > .container .txt * {
            font-family: AstonMartinSans;
            font-size: 16px;
            line-height: 1.75;
        }

.steps-nav {
    /* position: sticky; */
    top: 64px;
    z-index: 1000;
    width: 100%;
    height: unset;
    display: flex;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    justify-content: center;
    /* padding: 0 80px 13px 80px; */
}

    .steps-nav button {
        font-size: 16px;
        font-style: normal;
        line-height: 24px;
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center;
        font-family: var(--ff-amsans);
        color: #121212;
        cursor: pointer;
        background: none;
        padding: 20px 0px 21px 0px;
        flex: 1;
        text-align: left;
        margin: 0;
        padding-left: 0;
        border: 0;
    }

        .steps-nav button.no-outline {
            outline: 0 !important;
        }

        .steps-nav button.step-valid {
        }

        .steps-nav button.active {
        }

    .steps-nav .step-label {
        display: flex;
        background: #c5c9c9;
        color: #4f5050;
        border-radius: 16px;
    }

    .steps-nav .step:not([disabled]).step-valid .step-label {
        background: #121212;
        color: #fff;
    }

    .steps-nav .step-label .step-number {
        display: block;
        padding: 4px 11.29px;
        min-width: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .steps-nav .step-label svg {
        display: none;
        height: 24px;
        width: 24px;
        margin: 4px;
        fill: #fff;
        padding: 4px;
    }

    .steps-nav .name {
        position: relative;
        color: #121212;
        width: -moz-max-content;
        width: max-content;
        align-self: center;
        margin-left: 8px;
    }

    .steps-nav .line {
        height: 1px;
        flex: 1 0 0;
        margin: 0 8px;
        background: #e2e4e4;
    }

    .steps-nav .step:not([disabled]).step-valid.active .step-label {
        background: #00665e;
        color: #fff;
    }

    .steps-nav .step.active .step-label .step-number {
        display: none
    }

    .steps-nav .step.active .step-label svg {
        display: block
    }

.cards-container {
    display: flex;
    flex-direction: column;
}

.cards-container-heading {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #121212;
    margin-bottom: 8px;
}

.model-card__container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    grid-gap: 24px 32px;
}

.model-card__container--wrapper {
    flex: 0 1 auto;
    width: 100%;
}

.model-card__container--tile {
    display: flex;
    justify-content: space-between;
    height: 112px;
    overflow: hidden;
    border-radius: 4px;
    background: #eef0f0;
    cursor: pointer;
    box-shadow: 0px 1px .5px 0px rgba(255, 255, 255, .12) inset, 0px -1px 0px 0px rgba(18, 18, 18, .08) inset, 0px 1px 3px 0px rgba(18, 18, 18, .2);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
}

.model-card__container--tile-title {
    flex: 1 1 auto;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    padding-left: 16px;
    font-family: AstonMartinSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    color: #121212;
    text-transform: none;min-width:150px
}

.model-card__container--tile:hover {
    background: #fff;
}

.model-card__container--tile.active {
    background: #fff;
    border: 2px solid #00665e;
}

.model-card__container--tile-image {
    flex: 0 1 auto;
    padding: 8px 0px 4px 0px;
    position: relative;
    min-width: 161px;
    overflow: hidden;
}

    .model-card__container--tile-image img {
        max-height: 100%;
        width: auto;
        height: 98px;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        left: 0;
    }

.carstest {
}

.model-card_alt {
    margin-top: 40px;
    display: none
}

.w50 {
    width: 50%
}

#model {
    display: none
}

.enquire-step {
    padding-left: calc(var(--spacing) * 1.25);
    display: none;
}

    .enquire-step.active {
        display: block
    }

    .enquire-step > div {
        display: flex;
        align-items: flex-start;
    }



.form__element .radio-input {
    display: none;
}
.mb0{margin-bottom:0!important;}


.intro-copy__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-family: AstonMartinSans;
    /* margin-top: 32px; */
    letter-spacing: 0.55px;
    margin-bottom: 15px;
}

.form__element .radio-input + .icon {
    display: inline-block;
    height: 32px;
    width: 32px;
    border: 1.5px solid #c5c9c9;
    margin-right: 8px;
    border-radius: 50%;
    position: relative;
}


.form__element .radio-input:checked + .icon {
    border: 1.5px solid #00665e;
}


.form__element .radio-input + .icon .icon__wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
}

.form__element .radio-input:checked + .icon .icon__wrapper {
    background-color: #00665e;
}

.form label {
    font-family: AstonMartinSans;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #121212;
    position: static;
    margin-bottom: 8px;
}

.form__element .radio-label {
    display: flex;
    align-items: center;
    margin-right: 15px;
    cursor: pointer;
}

.form__element .radio {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
}

.enquire--new-form .form label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    position: static;
    margin-bottom: 8px;
}

.enquire__form form {
}

.pillarbox .selected-model-container {
    width: 100%;
    flex: 0 1 auto;
    padding: 8px 0px 4px 0px;
    position: relative;
    margin-left: 9.5vw;
}

    .pillarbox .selected-model-container img {
        max-height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: left;
        object-position: left;
        height: 510px;
        position: sticky;
        top: 40%;
        z-index: 999;
        display: block;
    }

.form fieldset {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-top: 0;
    margin-bottom: 16px;
}

.form input[type=email], .form input[type=password], .form input[type=search], .form input[type=tel], .form input[type=text], .form select {
    display: block;
    flex: 1 0 auto;
    width: 100%;
    height: 36px;
    padding: 0 16px;
    margin: 0;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.55px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    background: 0 0;
    box-sizing: border-box;
}

.form .form__element input, .form input {
    color: #121212;
    padding: 16px 12px 16px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border: 1.5px solid #e2e4e4;
    border-bottom: 1.5px solid #e2e4e4;
    height: 56px;
    background: rgba(0, 0, 0, 0);
}

.formloading {z-index: 2;position: absolute;top: 0;left: 0;/* background: rgb(0 0 0 / 0.55); */height: 100%;display: none;width: 100%;}
 .lds-roller {display: inline-block;position: relative;width: 80px;height: 80px;top: calc(50% - 40px);left: calc(50% - 40px);}
    .lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}
    .lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #000000;margin: -4px 0 0 -4px;}
    .lds-roller div:nth-child(1) {animation-delay: -0.036s;}
    .lds-roller div:nth-child(1):after {top: 63px;left: 63px;}
    .lds-roller div:nth-child(2) {animation-delay: -0.072s;}
    .lds-roller div:nth-child(2):after {top: 68px;left: 56px;}
    .lds-roller div:nth-child(3) {animation-delay: -0.108s;}
    .lds-roller div:nth-child(3):after {top: 71px;left: 48px;}
    .lds-roller div:nth-child(4) {animation-delay: -0.144s;}
    .lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
    .lds-roller div:nth-child(5) {animation-delay: -0.18s;}
    .lds-roller div:nth-child(5):after {top: 71px;left: 32px;}
    .lds-roller div:nth-child(6) {animation-delay: -0.216s;}
    .lds-roller div:nth-child(6):after {top: 68px;left: 24px;}
    .lds-roller div:nth-child(7) {animation-delay: -0.252s;}
    .lds-roller div:nth-child(7):after {top: 63px;left: 17px;}
    .lds-roller div:nth-child(8) {animation-delay: -0.288s;}
    .lds-roller div:nth-child(8):after {top: 56px;left: 12px;}
    @keyframes lds-roller {
      0% {
    transform: rotate(0deg);
      }
      100% {
    transform: rotate(360deg);
      }
    }
    @keyframes bounce {
        0% {
            transform: translateY(0)
        }
    
        to {
            transform: translateY(-15px)
        }
    }

.tesekkurler {background: #121212;padding: 15px;border-radius: 10px;margin: 30px 0;display: none}
.tesekkurler > p {margin: 0;font-weight: 600;color: #fff;text-align: center;}
.prelative{position:relative}


.form__element[data-form-element=Phone] .phone-container__input {
    width: calc(100% - 100px);
}

.form__element[data-form-element=Phone] .phone-container__country-code--input .phone-code-input {
}

.form textarea {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    margin-top: 0px;
    border: 1.5px solid #e2e4e4;
    padding: 16px 12px 16px 16px;
    resize: none;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}


.form input[type=email]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form input[type=search]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form input[type=text]::-moz-placeholder, .form select::-moz-placeholder {
    line-height: 36px;
    color: rgba(0,0,0,.4)
}

.form input[type=email]::placeholder, .form input[type=password]::placeholder, .form input[type=search]::placeholder, .form input[type=tel]::placeholder, .form input[type=text]::placeholder, .form select::placeholder {
    line-height: 36px;
    color: rgba(0,0,0,.4)
}

.form input[type=email]:focus, .form input[type=password]:focus, .form input[type=search]:focus, .form input[type=tel]:focus, .form input[type=text]:focus, .form select:focus, .form input:focus {
    outline: 0;
    border: 1px solid #00665e
}

.form input[type=email]::-ms-clear, .form input[type=email]::-ms-expand, .form input[type=password]::-ms-clear, .form input[type=password]::-ms-expand, .form input[type=search]::-ms-clear, .form input[type=search]::-ms-expand, .form input[type=tel]::-ms-clear, .form input[type=tel]::-ms-expand, .form input[type=text]::-ms-clear, .form input[type=text]::-ms-expand, .form select::-ms-clear, .form select::-ms-expand {
    display: none
}

.touch .form input[type=email]::-moz-placeholder, .touch .form input[type=password]::-moz-placeholder, .touch .form input[type=search]::-moz-placeholder, .touch .form input[type=tel]::-moz-placeholder, .touch .form input[type=text]::-moz-placeholder, .touch .form select::-moz-placeholder {
    padding-top: 5px;
    font-size: 16px
}

.touch .form input[type=email], .touch .form input[type=email]::placeholder, .touch .form input[type=password], .touch .form input[type=password]::placeholder, .touch .form input[type=search], .touch .form input[type=search]::placeholder, .touch .form input[type=tel], .touch .form input[type=tel]::placeholder, .touch .form input[type=text], .touch .form input[type=text]::placeholder, .touch .form select, .touch .form select::placeholder {
    padding-top: 5px;
    font-size: 16px
}

.mac-os .form input[type=email]::-moz-placeholder, .mac-os .form input[type=password]::-moz-placeholder, .mac-os .form input[type=search]::-moz-placeholder, .mac-os .form input[type=tel]::-moz-placeholder, .mac-os .form input[type=text]::-moz-placeholder, .mac-os .form select::-moz-placeholder {
    padding-top: 4px;
    line-height: 40px
}

.mac-os .form input[type=email], .mac-os .form input[type=email]::placeholder, .mac-os .form input[type=password], .mac-os .form input[type=password]::placeholder, .mac-os .form input[type=search], .mac-os .form input[type=search]::placeholder, .mac-os .form input[type=tel], .mac-os .form input[type=tel]::placeholder, .mac-os .form input[type=text], .mac-os .form input[type=text]::placeholder, .mac-os .form select, .mac-os .form select::placeholder {
    padding-top: 4px;
    line-height: 40px
}

.safari .form input[type=email]::-moz-placeholder, .safari .form input[type=password]::-moz-placeholder, .safari .form input[type=search]::-moz-placeholder, .safari .form input[type=tel]::-moz-placeholder, .safari .form input[type=text]::-moz-placeholder, .safari .form select::-moz-placeholder {
    padding-top: 0;
    line-height: 40px
}

.safari .form input[type=email], .safari .form input[type=email]::placeholder, .safari .form input[type=password], .safari .form input[type=password]::placeholder, .safari .form input[type=search], .safari .form input[type=search]::placeholder, .safari .form input[type=tel], .safari .form input[type=tel]::placeholder, .safari .form input[type=text], .safari .form input[type=text]::placeholder, .safari .form select, .safari .form select::placeholder {
    padding-top: 0;
    line-height: 40px
}

.mac-os.ff .form input[type=email]::-moz-placeholder, .mac-os.ff .form input[type=password]::-moz-placeholder, .mac-os.ff .form input[type=search]::-moz-placeholder, .mac-os.ff .form input[type=tel]::-moz-placeholder, .mac-os.ff .form input[type=text]::-moz-placeholder, .mac-os.ff .form select::-moz-placeholder {
    padding-top: 0;
    line-height: 40px
}

.mac-os.ff .form input[type=email], .mac-os.ff .form input[type=email]::placeholder, .mac-os.ff .form input[type=password], .mac-os.ff .form input[type=password]::placeholder, .mac-os.ff .form input[type=search], .mac-os.ff .form input[type=search]::placeholder, .mac-os.ff .form input[type=tel], .mac-os.ff .form input[type=tel]::placeholder, .mac-os.ff .form input[type=text], .mac-os.ff .form input[type=text]::placeholder, .mac-os.ff .form select, .mac-os.ff .form select::placeholder {
    padding-top: 0;
    line-height: 40px
}

.form textarea:focus {
    outline: 0;
    border: 1px solid #00665e
}


.form .checkbox label {
    display: flex;
    align-items: center;
    height: 40px;
    /* padding-left: 24px; */
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    flex-shrink: 1;
    order: 3;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form .checkbox .icon {
    width: 16px;
    height: 16px;
    display: flex;
    flex: 0 0 16px;
    margin-left: -16px;
    border: 1px solid #fff;
    border-radius: 2px;
    order: 2
}




.form__textarea {
    display: block;
    flex: 1 0 auto;
    width: 100%;
    max-width: 100%;
    height: 180px;
    min-height: 180px;
    max-height: 180px;
    padding: 15px;
    margin: 0;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.55px;
    border: none;
    border-radius: 0;
    background: 0 0;
    box-sizing: border-box
}

    .form__textarea::-moz-placeholder {
        line-height: 36px;
        color: rgba(255,255,255,.4)
    }

    .form__textarea::placeholder {
        line-height: 36px;
        color: rgba(255,255,255,.4)
    }

    .form__textarea:focus {
        outline: 0;
        border: 2px solid rgba(255,255,255,.8)
    }

.formitem {
    margin-bottom: 24px;
}

.form .form_name_group {
    display: flex;
    flex-direction: row;
}

.form__element, .form__element-group {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 2px;
}

.form .form_name_group .form__element[data-form-element=FirstName] {
    margin-right: 16px;
}

.form__element[data-form-element=Phone] .phone-container {
    display: flex;
}

.form__element[data-form-element=Phone] .phone-container__country-code--input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    position: relative;
}

.phone-code-input {
    min-width: 80px;
}

.enquire--campaign-new-form .form-select .select-box-overlay, .enquire--campaign-new-form .select .select-box-overlay, .enquire--new-form .form-select .select-box-overlay, .enquire--new-form .select .select-box-overlay {
    position: absolute;
    top: 0;
    height: 56px;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.form .select select {
    width: 100%;
    position: absolute;
    display: block;
    height: 36px;
    top: 0;
    left: 0;
    padding: 0 0 0 15px;
    line-height: 40px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 16px 12px 16px 16px !important;
    color: #121212;
    border: 1.5px solid #e2e4e4;
    height: 56px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    opacity: 1;
}

    .form .select select option {
        color: #121212;
    }

.form .select option {
    font-size: 16px;
    color: #535353;
    background: #fff;
}


.form__element[data-form-element=AdditionalComments] textarea {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    margin-top: 0px;
    border: 1.5px solid #e2e4e4;
    padding: 16px 12px 16px 16px;
    resize: none;
}

#AdditionalComments {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}

.body-copy__small-text small, .body-copy__small-text small {
    font-family: AstonMartinSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    color: #121212;
}

    .body-copy__small-text small a {
        text-decoration: underline;
        border-bottom: unset;
        color: #121212;
        font-weight: 300;
        font-family: AstonMartinSans;
        font-size: 14px;
    }

        .body-copy__small-text small a:hover {
            color: #00665e;
        }

.body-copy__small-title {
    font-family: var(--ff-amsans);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #121212;
    text-transform: none;
    margin-top: 40px;
    margin-bottom: 25px;
}

ol, ul {
    list-style: none;
}

.body-copy ul li {
    padding-left: 15px;
}

.body-copy li {
    font-family: AstonMartinSans;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 300;
    color: #111 !important;
    font-size: 13px;
}

.body-copy ul li::before {
    content: '';
    border-radius: 100%;
    background: currentColor;
    transform: translate(0, -50%);
    width: 5px;
    height: 5px;
    top: 50%;
    left: 0;
    position: absolute;
}

.enquire__form.form .checkbox-container {
    display: flex;
    flex-wrap: wrap;
}

.form input[type=checkbox] {
    width: 16px;
    height: 16px;
    display: flex;
    margin-right: -16px;
    z-index: 10;
    opacity: .01;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    order: 1;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.form .checkbox {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding-left: 40px;
    cursor: pointer;
}

    .form .checkbox .icon-tick {
        color: #121212;
        border: 1.5px solid #d1d1d1;
        width: 30px;
        height: 30px;
        display: flex;
        flex: 0 0 auto;
        margin-left: -16px;
        position: relative;
    }


    .form .checkbox .icon__wrapper {
        width: 30px;
        height: 30px;
        display: none
    }

.form input[type=checkbox]:checked ~ .icon .icon__wrapper {
    display: block;
}

.icon svg {
    pointer-events: none;
    fill: currentColor;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.form .checkbox .icon-tick svg {
    width: 14px;
    margin-left: 7px;
}

.form .checkbox.ilk {
    padding-left: 0;
}

.form label.checkbox-label {
    font-family: AstonMartinSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-left: 0;
    margin-left: 8px;
    text-transform: none;
    margin-bottom: 0;
}

.aston-intro-text ul {
    list-style: disc;
    margin-left: 21px;
    margin-bottom: 20px;
}

    .aston-intro-text ul > li {
        margin-bottom: 4px;
        color: #121212;
        font-size: 14px;
        line-height: 1.7;
    }
.teklifler{padding-top: calc(var(--spacing) * 1.4);}
.servicebg {
}

    .servicebg > .car-detail-head {
        padding: 0 80px;
    }

        .servicebg > .car-detail-head h2 {
        }

        .servicebg > .car-detail-head p {
        }

.filter-container {
    width: 100%;
    margin: auto;
}

.filter-item {
    font-family: 'AstonMartinSans';
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 2px;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid rgb(238, 240, 240);
    cursor: pointer;
    transition: background 0.3s ease-in-out;
    min-height: 56px;
}

    .filter-item:hover {
        /* background: #f2f2f2; */
    }

.toggle-icon {
    position: relative;
    width: 12px;
    height: 12px;
}

    .toggle-icon::before, .toggle-icon::after {
        content: "";
        position: absolute;
        background: black;
        transition: transform 0.3s ease-in-out;
    }

    .toggle-icon::before {
        width: 12px;
        height: 2px;
        top: 5px;
        left: 0;
    }

    .toggle-icon::after {
        width: 2px;
        height: 12px;
        top: 0;
        left: 5px;
    }

.open.toggle-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}



.filter-content {
    max-height: 0;
    overflow: hidden;
    /* border-bottom: 1px solid #ccc; */
    padding: 5px 0;
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.filter-body {
    padding: 10px 0
}

.slider-container {
    width: 100%;
    margin: auto;
    text-align: left;
}

.slider-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.slider-toggle {
    font-size: 20px;
    cursor: pointer;
}

.slider-track {
    position: relative;
    height: 1px;
    background: #d4d4d4;
    margin-top: 10px;
    margin-bottom: 20px;
}

.range-fill {
    position: absolute;
    height: 1px;
    background-color: #000; /* Gri renk */
    top: 0;
    left: 0;
}

.slideroval {
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
    pointer-events: none;
    top: -10px;
}

    .slideroval::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        background: #FFF;
        border: 1px solid #000;
        border-radius: 50%;
        cursor: pointer;
        pointer-events: all;
    }

.slider-values {
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin-top: 10px;
    padding-bottom: 4px;
    letter-spacing: .55px;
    font-family: 'AstonMartinSans';
}

.kboAue {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.kwaWXb {
    -webkit-box-align: center;
    align-items: center;
    color: rgb(18, 18, 18);
    display: flex;
    font: 16px;
    height: auto;
    margin: 8px 0px;
    padding: 4px 0px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'AstonMartinSans';
}

.hYxzqD {
    color: rgb(18, 18, 18);
    font-family: 'AstonMartinSans';
    font-size: 13px;
}

.kwlqlk {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.hyicGc {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
}

.cLLKHS {
    height: 20px;
    width: 20px;
    display: none
}

    .cLLKHS.active {
        display: block
    }

.bDaqtn {
    position: relative;
    height: 20px;
}

.hBykSm {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    border: 1.5px solid rgb(197, 201, 201);
    box-shadow: rgba(18, 18, 18, 0.08) 0px 1px 3px 0px;
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 24px;
}

.ljrxqE {
    height: 17px;
    left: 15px;
    position: absolute;
    top: -1px;
    transform: rotate(45deg) translate(-50%);
    width: 7px;
}

    .ljrxqE::before {
        height: 1.5px;
        width: 100%;
    }

    .ljrxqE::before, .ljrxqE::after {
        background-color: rgb(0, 102, 94);
        border-radius: 2px;
        bottom: 0px;
        content: "";
        display: block;
        position: absolute;
        right: 0px;
    }

    .ljrxqE::after {
        height: 100%;
        width: 1.5px;
    }

    .ljrxqE::before, .ljrxqE::after {
        background-color: rgb(0, 102, 94);
        border-radius: 2px;
        bottom: 0px;
        content: "";
        display: block;
        position: absolute;
        right: 0px;
    }

.carlist {
    padding: calc((var(--spacing) *0.75) + 80px) calc(var(--spacing) *1.2) calc(var(--spacing) * 1.2) calc(var(--spacing) *1.2);
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
}

    .carlist > .menubar {
        width: 350px;
    }

    .carlist > .content {
        width: 100%;
        padding: 0 0 0 calc(var(--spacing) * 1);
    }


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

        .carlist .listebar > div {
            font-family: 'AstonMartinSans';
            font-size: 15px;
        }

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

.dropdownsecim {
    position: relative;
    width: 230px;
    border-bottom: 1px solid rgb(238, 240, 240);
}

    .dropdownsecim > span {
        width: 100%;
        -webkit-appearance: none;
        outline: none;
        display: block;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        border: 1px solid var(--bordercolor);
        font-size: 13px;
        background: var(--temabordercolor);
        padding: 10px 5px;
        border-radius: 5px;
        line-height: calc(9px + 0.3vw);
        /* font-family: 'AstonMartinSans'; */
        font-weight: 600;
    }

        .dropdownsecim > span svg {
            width: 13px;
            transition: 0.5s;
        }

            .dropdownsecim > span svg > path {
            }

    .dropdownsecim > ul {
        display: none;
        background: #fff;
        border: 1px solid rgb(238, 240, 240);
        position: absolute;
        width: calc(100% - 1px);
        z-index: 99;
        max-height: 400px;
        overflow: auto;
        border-radius: 0;
        padding: 3px 0px;
    }

        .dropdownsecim > ul > li {
            width: 100%;
            cursor: pointer;
            font-size: 12px;
            line-height: calc(20px + 0.3vw);
            padding: 4px 9px !important;
            font-family: 'AstonMartinSans';
            border-bottom: 1px solid rgb(238, 240, 240);
            font-weight: 200;
        }

            .dropdownsecim > ul > li:last-child {
                border: none;
            }

            .dropdownsecim > ul > li:hover {
                /* background: var(--bordercolor2); */
                /* color: var(--bordercolor); */
                color: var(--color2);
            }

.listebar .button {
    font-size: 13px;
    line-height: calc(9px + 0.3vw);
    margin-right: 15px;
    background: transparent;
    display: flex;
    align-items: center;
    font-weight: 600;
    cursor: pointer
}

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

        .listebar .button svg path {
            fill: #121212;
        }

    .listebar .button:hover {
        color: #00665e
    }

        .listebar .button:hover svg path {
            fill: #00665e;
        }


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

    .araclar-list > ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 29px;
    }

        .araclar-list > ul > li {
            /* margin: 0 15px 35px 0; */
            /* width: calc((100% /3) - 12px); */
        }

            .araclar-list > ul > li > a img {
                width: 100%;
                /* display: block; */
                position: relative;
                z-index: -1;
            }

            .araclar-list > ul > li p {
                padding: 12px 15px 0 10px;
                font-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;
        }

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

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

.aracim .bilgi {
    margin-top: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* İki sütunlu düzen */
    gap: 6px; /* Hücreler arasındaki boşluk */
}

    .aracim .bilgi > div {
        display: flex;
        justify-content: space-between; /* Başlık ve değer arasında boşluk */
        align-items: flex-start;
        flex-direction: column;
    }

        .aracim .bilgi > div > span {
        }

            .aracim .bilgi > div > span.title {
                font-size: 10px;
                color: #595959;
                letter-spacing: 1px;
                font-family: 'AstonMartinSans';
                font-weight: 200;
            }

            .aracim .bilgi > div > span.text-uppercase {
                font-family: 'AstonMartinSans';
                font-size: 12px;
                font-weight: 600;
                letter-spacing: .55px;
            }


.aracim .usttab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgb(238, 240, 240);
    font-size: 16px;
    letter-spacing: .75px;
    font-weight: 600;
    line-height: 1.4;
    font-family: 'AstonMartinSans';
}
.aracim .usttab .ic-link{
    font-size: 13PX;
    font-weight: 400;
    line-height: 1.2;
}


.aracim img {
    z-index: -1;
    display: block;
    transition: 0.5s;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    cursor: pointer;
    width: 100%;
}

.aracim {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    outline: none;
    border: 1px solid rgb(238, 240, 240);
    padding: 12px 12px;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: #000;
}

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


.usttab.fiyat {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 0;
    border-top: 1px solid rgb(238, 240, 240);
}

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

    .usttab.fiyat > div:first-child > div:last-child {
        font-size: 16px;
        line-height: 1.4;
        font-weight: 500;
        margin-top: 6px;
    }

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

    .aracim .usttab.fiyat > div:last-child > div svg path {
        fill: #000;
    }

.aracim .usttab.fiyat svg.active path, .aracim .usttab.fiyat > div:last-child > div:hover svg path, .favoriekle > svg.active path {
    fill: #00665e
}

.bgkoyu {
    background-color: #252525;
    padding: 80px;
    border: 0;
    color: #fff;
}

    .bgkoyu * {
        color: #fff
    }

.aracim .head {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}

    .aracim .head h1 {
        letter-spacing: 5px;
        font-size: 30px;
        text-transform: uppercase;
    }

    .aracim .head h2 {
        letter-spacing: 2px;
        font-weight: 400;
        font-size: 16px;
    }

    .aracim .head h3 {
        letter-spacing: 5px;
        font-weight: 400;
        font-size: 16px;
    }

.teknik.bilgi {
    margin-top: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 36px;
    border-top: 1px solid #3e3e3e;
    padding-top: 36px;
    border-bottom: 1px solid #3e3e3e;
    padding-bottom: 36px;
}

    .teknik.bilgi > div {
        display: flex;
        align-content: center;
        /* align-items: center; */
    }

        .teknik.bilgi > div > span.title {
            font-size: 12px;
            letter-spacing: 3px;
            color: #fff;
            /* font-family: AstonMartinFlare; */
        }

        .teknik.bilgi > div > span.text-uppercase {
            font-size: 16px;
            font-family: AstonMartinFlare;
        }

.donanimhead {
    padding: 80px;
    background: #f4f4f2;
}

    .donanimhead > .donanim > ul {
        margin-top: 10px;
        width: 100%;
        /* display: grid; */
        /* grid-template-columns: repeat(3, 1fr); */
        /* gap: 13px 50px; */
        column-count: 3;
        column-gap: 50px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .donanimhead > .donanim > ul > li {
            display: flex;
            letter-spacing: 0.85px;
            /* border-bottom: 1px solid #3c8d84; */
            align-items: flex-start;
            margin-bottom: 13px;
        }

            .donanimhead > .donanim > ul > li p {
                /* font-family: 'AstonMartinSans'; */
                font-size: 15px;
                letter-spacing: 1px;
                line-height: 1.4;
                text-align: center;
                text-transform: uppercase;
                text-align: left;
            }

            .donanimhead > .donanim > ul > li svg {
                margin-top: 5px;
                width: 10px;
                height: 10px;
                margin-right: 5px;
            }

.alink {
    margin-top: -75px;
    position: absolute;
}
.alink2 {
    margin-top: -150px;
    position: absolute;
}

.ithalat {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: row;
}

    .ithalat .ciz {
        width: 100%;
        height: 1px;
        background-color: #3e3e3e; /* Çizginin rengini ihtiyacına göre değiştir */
        /* Üst ve alt boşluk */
    }

    .ithalat .htitle {
        font-weight: bold;
        font-size: 18px;
        display: flex;
        flex-direction: column;
        padding: 0 25px;
    }


    .ithalat .title {
        font-size: 12px;
        letter-spacing: 3px;
        color: #fff;
        font-family: AstonMartinSans;
        white-space: nowrap;
    }

    .ithalat .text-uppercase {
        font-size: 16px;
        font-family: AstonMartinFlare;
    }
/*araç detay*/
.rotated {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

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

    .filter-content.open {
        max-height: none !important;
    }

.filter-item {
    cursor: pointer;
    user-select: none;
    margin-bottom: 10px;
}

    .filter-item .toggle-icon {
        width: 12px;
        height: 12px;
        position: relative;
        transition: transform 0.3s ease;
    }

        .filter-item .toggle-icon::before,
        .filter-item .toggle-icon::after {
            content: '';
            position: absolute;
            background-color: #000;
            transition: transform 0.3s ease;
        }

        .filter-item .toggle-icon::before {
            width: 2px;
            height: 12px;
            left: 5px;
            top: 0;
        }

        .filter-item .toggle-icon::after {
            width: 12px;
            height: 2px;
            left: 0;
            top: 5px;
        }

        .filter-item .toggle-icon.open::before {
            transform: rotate(90deg);
        }

    .filter-item.fiyat .filter-content,
    .filter-item.modelyil .filter-content {
        max-height: none !important;
        display: block !important;
    }

.spinner {
    width: 50px;
    height: 50px;
    border: 15px solid #f3f3f3;
    /* border-top: 5px solid #000000; */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

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

.mobile-menu-icon {
    display: none;
    width: 30px;
    height: 25px;
    position: relative;
    cursor: pointer;
    z-index: 1010;
}

    .mobile-menu-icon span {
        display: block;
        position: absolute;
        height: 1px;
        width: 100%;
        background: #ffffff;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

        .mobile-menu-icon span:nth-child(1) {
            top: 0px;
        }

        .mobile-menu-icon span:nth-child(2) {
            top: 10px;
        }

        .mobile-menu-icon span:nth-child(3) {
            top: 20px;
        }

    .mobile-menu-icon.open span:nth-child(1) {
        top: 10px;
        transform: rotate(45deg);
    }

    .mobile-menu-icon.open span:nth-child(2) {
         opacity: 0; 
    }

    .mobile-menu-icon.open span:nth-child(3) {
        top: 10px;
        transform: rotate(-45deg);
    }

body.menu-open {
    overflow: hidden;
}

.mobile-apply-button {
    display: none;
    padding: 15px;
    text-align: center;
    background: #fff;
    border-top: 1px solid #eee;
    margin-top: 10px;
}

.btn-apply {
    width: 100%;
    padding: 12px 20px;
    background-color: #00665E;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-apply:hover {
        background-color: #004D47;
    }



.mobile-filter-button {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #00665E;
    color: white;
    padding: 12px 24px;
    border-radius: 25px;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    z-index: 999;
    font-size: 16px;
    font-weight: 500;
}

.mobile-filter-header {
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    display: none;
}

    .mobile-filter-header h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 500;
    }

.close-filters {
    background: none;
    border: none;
    /* padding: 5px; */
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
}

    .close-filters svg {
        width: 24px;
        height: 24px;
        fill: #666;
    }


/* Fix for large screens (2100px+) - prevent image cropping in model-hero-image-alt */
@media (min-width: 2100px) {
    .model-hero-image-alt {
        align-items: flex-end;
        justify-content: flex-end;
    }
    
    .model-hero-image-alt img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
        object-position: bottom right;
    }
}

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

@media(max-width:1450px) {
    .right-column .feature-item .feature-content {
        flex: 0 0 50%;
        width: 50%;
    }

    .right-column .feature-item .feature-image {
        flex: 0 0 50%;
        width: 50%;
    }

    .hero-section button svg, .interior-hero-section button svg {
        width: 36px;
        height: auto
    }

}


@media(max-width:1350px) {
    .teknik.bilgi > div > span.title{font-size:10px}

    .newdetail > .date > p, .newlist .news-date, .aracim .head h3, .dropdownsecim > span, .spec-label, .model-description, .model-tagline, .location-phone, .news-date, .btn-full-details, .location-address, .quick-link-action > div:first-child p, .btn-news, .loca-adres a {
        font-size: 13px;
    }
    .intro-copy__text, .cards-container-heading, .detaypage .usttab.txt p, .aston-intro-text ul > li, .aston-intro-text > p, .testimonial-content p, .carlist .listebar > div, .hyicGc, .feature-text p, .filter-item {
        font-size: 14px;
    }
    .newdetail > .container .txt *, .newlist .news-title, .steps-nav .name, .teknik.bilgi > div > span.text-uppercase, .aracim .head h2, .aracim .usttab, .hero-tagline, .hero-subtitle, .model-tab, .modeller-top-tagline, .location-title {
        font-size: 14px;
    }

    .model-card__container--tile-title, .testimonial-content h1, .author-title, .modeller-intro-text, .modeller-top-subtitle, .quick-link-card h3, .dealer-intro-text p, .feature-item h3 {
        font-size: 15px;
    }

    .model-subtitle{font-size:18px}

    .newdetail > .container .head, .detaypage .usttab.txt h1, .testimonials-section .section-title, .aracim .head h1, .author-name, .news-title, .where-to-find-us .section-title, .aston-intro-title {
        font-size: 20px;
    }
    .variant-name, .modeller-intro-title, .search-title, .news-section .section-title, .dealer-intro-title {
        font-size: 24px;
    }
    .quote-text > a, .quote-text,.hero-title {
        font-size: 30px;
    }
    .model-title, .features-section .section-title, .spec-value, .model-name, .modeller-top-title, .why-dealer-title {
        font-size: 40px;
    }
    .modeller-intro-title, .modeller-top-title {
        margin-bottom: 10px
    }
    .modeller-top-text {
        padding: calc(var(--spacing) * 1.2) calc(var(--spacing) * 1.5);
    }
    .testimonial-navigation {
        margin-top:0;
    }

    }

@media(max-width:1280px) {
    .variant-name, .modeller-intro-title, .search-title, .news-section .section-title, .dealer-intro-title {
        font-size: 22px;
    }

    .select-model, .select-model2, .radio-label, .model-card__container--tile-title, .testimonial-content h1, .author-title, .modeller-intro-text, .modeller-top-subtitle, .quick-link-card h3, .dealer-intro-text p, .feature-item h3 {
        font-size: 15px;
    }
    .model-title, .features-section .section-title, .spec-value, .model-name, .modeller-top-title, .why-dealer-title {
        font-size: 24px;
    }

    .newdetail > .container .head, .detaypage .usttab.txt h1, .testimonials-section .section-title, .aracim .head h1, .author-name, .news-title, .where-to-find-us .section-title, .aston-intro-title {
        font-size: 20px;
        line-height: 1.4;
    }
    .location-list{width:50%}
    .locations-map {
        width: 50%;
    }
    .btn {min-width: 120px;height: 40px;font-size:13px;padding: 14px 12px;}
    .select-model, .select-model2 {padding: 11px 16px;}
     .loca-adres {width: 70%;}
    .quick-link-card h3{font-size:15px}
    .carlist > .menubar {
        width: 250px;
    }
    .araclar-list > ul {
        gap: 15px;
    }
    .model-variant-card {
        margin-right: 13px;
        padding: 13px;
    }
    .model-main-content {width: 30%;}
    .model-variants-row {width: 70%;}
    .model-info{min-height:auto; height:100%}
    .model-card__container {
        grid-gap: 24px 15px;
    }
    .araclar-list > ul {        
        grid-template-columns: repeat(2, 1fr);        
    }
    .features-container {
        flex-direction: column;
    }

        .features-container > div {
            width: 100%
        }
    .spec-item {min-width:200px;}
        .donanimhead > .donanim > ul {column-count: 2;}
    .quote-author {
        padding-left: 45px;
    }
    }




@media(max-width:1080px) {
    .mobile-menu-icon {
        display: block;
    }

    .header-menu .nav-list {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: 0;
        background-color: rgba(0, 0, 0, 0.9);
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
        padding: 0;
        z-index: 1000;
        transition: height 0.3s ease-in-out;
    }

        .header-menu .nav-list.open {
            height: calc(100vh - 80px);
            padding: 20px 80px;
            overflow-y: auto;
            display: flex;
            align-items: flex-start;
        }

        .header-menu .nav-list li {
            margin: 20px 0;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.3s ease, transform 0.3s ease;
            transition-delay: 0.1s;
        }

        .header-menu .nav-list.open li {
            opacity: 1;
            transform: translateY(0);
            margin: 8px 0;
        }

        .header-menu .nav-list li:nth-child(1) {
            transition-delay: 0.1s;
            text-align: left;
        }

        .header-menu .nav-list li:nth-child(2) {
            transition-delay: 0.15s;
        }

        .header-menu .nav-list li:nth-child(3) {
            transition-delay: 0.2s;
        }

        .header-menu .nav-list li:nth-child(4) {
            transition-delay: 0.25s;
        }

        .header-menu .nav-list li:nth-child(5) {
            transition-delay: 0.3s;
        }

        .header-menu .nav-list li:nth-child(6) {
            transition-delay: 0.35s;
        }

        .header-menu .nav-list li:nth-child(7) {
            transition-delay: 0.4s;
        }

        .header-menu .nav-list li:nth-child(8) {
            transition-delay: 0.45s;
        }

        .header-menu .nav-list a {
            font-size: 23px;
        }

    .hero-slide {
        display: flex;
        justify-content: center;
        
    }
    .hero-content {
        margin-bottom: 50px;
        width: 90%;
    }

    .hero-buttons, .hero-slide h2, .hero-slide h1 {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .search-container {
        display: flex;
        flex-direction: column;
        padding: 0 5%;
        align-items: flex-start;
    }
    .search-title{margin-bottom: 10px;font-size: 18px;}
    .quick-links {
        grid-template-columns: repeat(2, 1fr);
        min-height: 230px;
    }

    .dealer-intro-container {
        flex-direction: column;
        gap: 40px;
    }

    .dealer-intro-image,
    .dealer-intro-content {
        max-width: 100%;
    }
    .dealer-intro-section.homepad{padding-top:0}
    .dealer-intro-content{width:90%}
    .model-showcase {
    }
    .locations-wrapper {
        display: flex;
        flex-direction: column; 
    }
    .locations-wrapper >div{width:100%}
    
    
    .header-nav .dealer-brand {
        position: absolute;
        left: calc(50% - 65px);
    }
    .not-news-track {
        gap: 20px 20px;
    }


        .not-news-track .news-card {
            width: calc((100% / 2) - 10px);
        }
    .newdetail > .container {
        width: calc(100% - 150px);
    }
    .hero-section button svg, .interior-hero-section button svg {
        width: 26px;
        height: auto;
    }
    .slick-arrow {
        filter: brightness(0) invert(0);
    }
    .model-main-content {
        width: 40%;
    }
    .model-variants-row {
        width: 60%;
    }
    .terscevir .dealer-intro-content{max-width:100%}
    .testimonial-nav-prev svg, .testimonial-nav-next svg {
        width: 35px;
    }
    .spec-item {
        min-width: 180px;
    }
    .car-interior-slider .slick-arrow {
        filter: brightness(0) invert(1);
        width:50px
    }

    .donanimhead > .donanim > ul > li p{font-size:14px}
    .teknik.bilgi {grid-template-columns: repeat(4, 1fr);gap: 26px;}
    }

@media(max-width:800px) {
    :root {
        --spacing: calc(100vw / 15  );
    }
    .aston-intro-container-right, .aston-intro-container-left {
        flex-direction: column;
    }
        .aston-intro-container-left > div, .aston-intro-container-right >div{
            width: 100%;
            max-width: 100%
        }
    .testimonial-indicators span ,.news-indicators span {
        width: 20px
    }
    .testimonial-nav-prev svg, .testimonial-nav-next svg, .news-indicators svg {
        width: 35px;
        height: 35px;
    }
    .footer-content{display:none}
    .search-options {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;padding: 0;gap: 0;}
    .search-options>div{margin-bottom: 15px;min-width: auto;}
    .quick-links {
        grid-template-columns: repeat(1, 1fr);
        min-height: 250px;
        gap: 12px;
        padding: 0 12px;
    }

    .hero-buttons, .hero-slide h2, .hero-slide h1 {  max-width: 70%;
        margin: 0 auto;
        margin-bottom: 10px;}
    .detaypage .usttab.resim .txt h1 {
        font-size: 28px;
    }
    .detaypage .usttab.resim {
        height: 40vh;
    }
    .location-list{margin-bottom:25px;      padding: 6% 5%;}    
.detaypage .usttab.txt {
    padding: 0 5%;
    margin-top: 50px;
    padding-top: 60px;
    margin-bottom: 30px;
}
    .detaypage .content {        
        padding: 0 5%;
    }
    .not-news-track .news-card {
        width: calc((100% / 1));
    }

    .newdetail {
        flex-direction: column;

    }
        .newdetail > .date {
            position: relative;
            width: 100%;
            left: 0;
            margin-bottom:25px
        }
        .newdetail > .container {
            width: calc(100%);
        }

    .footer-divider {
        width: calc(100% - 0px);
    }
    .model-card__container {
        flex-direction: column;
    }

    .pillarbox .selected-model-container {
        display: none;
    }

    .newdetail > .container .txt *, .newlist .news-title, .steps-nav .name, .teknik.bilgi > div > span.text-uppercase, .aracim .head h2, .aracim .usttab, .hero-tagline, .hero-subtitle, .model-tab, .modeller-top-tagline, .location-title,.form label

{
    font-size: 13px;
}
    .pillarbox .block--full-width{width:95%}
    .form .form__element input, .form input {
        font-size: 14px;
        height: 34px;
    }
    .form__element[data-form-element=Phone] .phone-container__country-code--input{height: 34px;}
    .enquire__form.form .checkbox-container{
    display: flex;
    flex-wrap: wrap;
}
    .enquire__form.form .checkbox-container > div {
        width: 50%;
        /* flex:1; */
    }
    .noactice{display:none}
    .model-card__container.enquire{grid-template-columns: repeat(1, 1fr);}
    .modeller-intro {
        padding: 70px 0;        
    }
    .modeller-intro-container {
        margin: 0 calc(var(--spacing) * 2);
    }

    .features-container > div {
        width: 100%;
        /* border-bottom: 1px solid #ccc; */
        padding-bottom: 10px;
    }
    .nav-indicators span {        
        width: 38px;
    }
    .why-dealer-section {padding: 10% 0;}
    
    .why-dealer-container {        
        padding: 0 10%;
    }
    .search-section .btn {
        min-width: 100%;
        padding: 14px 5px;
        width: 100%;
        display: block;
    }
    .models-nav{display:none}
    .model-layout-container {
        flex-direction: column;
    }
	
    .model-layout-container>div{width:100%; }
        .model-layout-container > div:first-child{min-height:220px;}
        .model-variant-card {
            margin-right: 0;
        }
    .model-description {
        max-width: 50%;        
    }
    .btn-explore {
        margin-right: 5px;
    }
    .specs-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .spec-item {
        min-width: 49%;
        display: flex;
        align-items: center;
    }
    .spec-item:not(:last-child)::after{width:0}
    .right-column .feature-item,  .right-column .feature-item.handling, .feature-item, feature-item brakes {
        display: flex;
        flex-direction: column;
        display: flex
    }
    .right-column .feature-item .feature-image, .right-column .feature-item .feature-content {
        flex: none;
        width: 100%;
    }
    .quote-text > a, .quote-text, .hero-title {
        font-size: 25px;
    }
    .quote-container {
        margin: 0 auto;
        padding: 0 calc(var(--spacing) * 1);
    }

    .quote-author:before {
        width: 20px;     
    }

    .interior-hero-section, .car-interior-slider {
        height: 350px;max-height:350px    }
        .car-interior-slider  .slick-list{height:100%}
        .car-interior-slider  .slick-track{height:100%}
        .car-interior-slider  .slick-slide{height:100%}

        .interior-content-alt {
            display: none
        }
    .formitem {
        margin-bottom: 10px;
    }
    .bgkoyu {
    background-color: #252525;
    padding: 40px;
    border: 0;
    color: #fff;
}
    .form__element>label{margin-bottom: 3px;}
    .form label.checkbox-label, .body-copy ul li, .body-copy__small-text small, .body-copy__small-text small, .body-copy__small-text small a {
        font-size: 12px;
        line-height: 14px;
    }
    .body-copy__small-title {        
        font-size: 18px;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .form__element .radio-input + .icon .icon__wrapper {
        width: 10px;
        height: 10px;

    }
    .form .checkbox {
        padding-left: 0;
 
    }

    .form__element .radio-input + .icon {
        display: inline-block;
        height: 22px;
        width: 22px;
        border: 1.5px solid #c5c9c9;
        margin-right: 8px;
        border-radius: 50%;
        position: relative;
    }
    .spec-overlay-content {
        padding: 20px 20px;
        margin: 0 auto;
        min-height: 100vh;
    }

    .spec-overlay-close {
        position: sticky;
        top: 20px;
        left: calc(100% - 60px);
    }

    .hero-section {
    height: calc(100vh - 120px);
    max-height: 50vh;
    }
    .radio-options{
    width: 30%;
    width: calc(100% - 120px);
    gap: 18px;
}
    .select-container{
    width: 120px;
}
    .radio-container{min-width:auto}
    .quick-link-card h3 {
        font-size:22px;
    }
    .quick-link-card {
        min-height: 180px;
        padding: 0 4%;
    }
    .quick-link-action > div:first-child p{font-size: 14px;}
    .features-section {
        background-color: #f4f4f2;
        padding: calc(var(--spacing) * 2) 5%;
    }
    .newdetail > .container .tab, .newdetail > .container .head {
        margin-bottom: 25px
    }
    .location-item {
        margin-bottom: 5%;
        padding-bottom: 5%;
    }
        .araclar-list > ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .listebarust{/* display:none; */}

    .carlist > .menubar {
        width: 100%;
        overflow: hidden;
        height: 100%;
    }

    .mobile-apply-button {
        display: flex;
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 1;
    }

    .mobile-filter-button {
        display: block;
        min-width: 160px;
    }

    .menubar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: white;
        z-index: 1001;
        transition: left 0.3s ease;
        overflow-y: auto;
    }

        .menubar.active {
            left: 0;
        }

    .mobile-filter-header {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 1;
        display: flex;
        padding: 15px 0;
    }

    .filter-container {
        padding: 0 0;
        max-width: 90%;
        height: 100%;
        overflow: auto;
        padding-right: 25px;
    }

    .detaypage .carlist .content{padding:0}
    .carlist {
        padding: calc((var(--spacing) * 0.75) + 80px) 5% 5% 5%;
    }
Default    .listebarust>p{font-size:12px}
    .dropdownsecim {        
        width: 200px;
    }

    .car-interior-slider .slick-dots > li button {
        width: 20px;        
    }
    .donanimhead > .donanim > ul {
        column-count: 1;
    }
    .teknik.bilgi {grid-template-columns: repeat(2, 1fr);gap: 26px;}
    .aracim .head h1{font-size:18px; letter-spacing:2px}
    .donanimhead {padding: 40px 30px}
        .donanimhead > .donanim > ul > li p {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .specifications-section{    min-height: clamp(25px, 380px, 650px);}
    .dropdownsecim p{font-size:12px}
    .main-header {padding: 0 20px;}
    .nav-prev, .nav-next {top: 60%;}
    .hero-navigation {bottom: 20px;}
    .news-slider article {padding-right: 0px;}
    .slick-arrow.slick-next {right: 0px;}
    .slick-dots > li button {
        width: 20px;
    }
    .model-showcase {
        aspect-ratio: 1080/1920;
    }
    .model-content-wrapper {
        gap: 20px;
    }
        /*bitti*/
    }

/* Mobile Video Optimizations */
@media (max-width: 768px) {
    /* Video lazy loading and performance optimizations for mobile */
    .hero-video, .model-video {
        /* Ensure videos are optimized for mobile */
        object-fit: cover;
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    
    /* Reduce video quality on very small screens */
    @media (max-width: 480px) {
        .hero-video, .model-video {
            /* Further optimize for very small screens */
            transform: translateZ(0);
            -webkit-transform: translateZ(0);
        }
    }
    
    /* Loading states for mobile videos */
    .video-loading {
        /* Ensure loading spinner is visible on mobile */
        z-index: 10;
    }
    
    /* Optimize poster images for mobile */
    .hero-poster {
        /* Ensure poster images load quickly on mobile */
        image-rendering: optimizeSpeed;
        image-rendering: -webkit-optimize-contrast;
    }
    
    /* Reduce motion for users who prefer it */
    @media (prefers-reduced-motion: reduce) {
        .hero-video, .model-video {
            /* Pause videos for users who prefer reduced motion */
            animation-play-state: paused !important;
        }
    }
    
    /* Connection-aware loading */
    @media (max-width: 768px) and (max-resolution: 150dpi) {
        /* Lower quality for low-resolution mobile screens */
        .hero-video, .model-video {
            filter: contrast(1.1) brightness(1.05);
        }

    }
}