/* FONT-FACE TANIMLAMALARI */

/* Roboto */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v48-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v48-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v48-latin-900.woff2') format('woff2');
}

/* Poppins */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v23-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v23-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v23-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v23-latin-700.woff2') format('woff2');
}

/* Outfit */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/outfit-v14-latin-regular.woff2') format('woff2');
}

/* Inter */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v19-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v19-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v19-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  font-display: swap; /* DÜZELTİLDİ */
  src: url('../fonts/material-icons-round-v109-latin-regular.woff2') format('woff2');
}

html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

article h1,
aside h1,
nav h1,
section h1 {
  font-size: 2em; 
}
span.black.material-icons-round {
    color: #A80202;
}
.material-icons-round {
    font-family: 'Material Icons Round';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
    .car-boxes-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 20px;
        background-color: #f4f4f9;
        box-sizing: border-box;
    }
    .car-box {
        position: relative;
        overflow: hidden;
        border-radius: 15px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s, box-shadow 0.2s;
        background-color: #fff;
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        flex: 1 1 calc(25% - 20px);
        min-width: 200px;
        box-sizing: border-box;
    }
    .car-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }
    .car-box-thumbnail {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        filter: grayscale(100%);
        transition: filter 0.3s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .car-box:hover .car-box-thumbnail {
        filter: grayscale(0%);
    }
    .car-box-content {
        position: relative;
        z-index: 1;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        text-align: center;
        padding: 18px 12px 14px 12px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        box-sizing: border-box;
    }
    .car-box h3 {
        font-size: 1.25em;
        margin: 0 0 7px 0;
        font-weight: bold;
        line-height: 1.2;
        color: #ffffff;
    }
    .hidden-content {
        display: none;
    }
    .hidden-content p {
        margin-top: 18px;
        font-weight: bold;
    }
    .read-more {
        display: inline-block;
        margin-top: 10px;
        padding: 10px 30px;
        font-size: 1em;
        color: #fff;
        border: 2px solid #A80202;
        border-radius: 20px / 50px;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s ease-out;
        background-color: transparent;
    }
    .read-more:hover {
        background-color: #A80202;
        color: #fff;
    }
    .visually-hidden {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap;
    }
    .modal {
        display: none;
        justify-content: center;
        align-items: flex-start;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.8);
        z-index: 10000;
        padding: 100px 20px;
        box-sizing: border-box;
        overflow-y: auto;
    }
    .modal-content {
        background: #fff;
        padding: 32px 24px 24px 24px;
        border-radius: 10px;
        max-width: 800px;
        width: 100%;
        position: relative;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        animation: fadeIn 0.3s;
        margin: auto;
    }
    .close-button {
        position: absolute;
        top: -20px;
        right: -20px;
        font-size: 24px;
        cursor: pointer;
        color: #fff;
        background: #333;
        border: none;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10001;
        transition: background 0.2s;
    }
    .close-button:hover {
        background: #A80202;
    }
    .modal-body {
        max-height: 70vh;
        overflow-y: auto;
        color: #333;
        font-size: 1.1em;
    }
    .slider-title {
        text-align: center;
        font-size: 3rem;
        font-weight: 700;
        color: #1b1b1b;
        margin-bottom: 30px;
        letter-spacing: -.5px;
    }
    .slider-title .carfleet {
        color: #A80202;
        font-weight: 700;
        letter-spacing: -.5px;
        font-family: inherit;
    }
    section.slider-area {
        max-width: 95%;
        margin: 0 auto;
        padding: 0 10px;
    }
    .slider-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
    }
    .slider-arrow {
        background: rgba(255, 255, 255, 0.89);
        border: none;
        border-radius: 50%;
        width: 52px;
        height: 52px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.17);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 11;
        color: #222;
        transition: background .2s, color .2s;
        font-size: 38px;
        outline: none;
    }
    .slider-arrow.left {
        left: 5px;
    }
    .slider-arrow.right {
        right: 5px;
    }
    .slider-arrow .material-icons-round {
        font-size: 32px;
        color: #222;
        transition: color .2s;
        opacity: 1;
    }
    .slider-arrow:hover {
        background: #f5b754;
    }
    .slider-arrow:hover .material-icons-round {
        color: #1b1b1b;
    }
    .cars2-slider-viewport {
        overflow: hidden;
        max-width: 6200px;
        width: 100%;
        margin: 0 auto;

    }
    .cars2 {
        display: flex;
        gap: 36px;
        transition: transform 0.6s cubic-bezier(.77, 0, .18, 1);
        will-change: transform;
        padding: 12px 0;
    }
    .cars2 article.item {
        min-width: 370px;
        width: 370px;
        height: 480px;
        position: relative;
        border-radius: 28px 28px 28px 0;
        overflow: hidden;
        background: #1b1b1b;
        box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .15);
        isolation: isolate;
        flex-shrink: 0;
        transition: box-shadow .2s;
    }
    .cars2 article.item img {
        width: 100%;
        height: 100%;
        object-position: center center;
        transition: transform 500ms cubic-bezier(.7, 0, .19, 1);
        display: block;
        background: #191919;
    }
    .cars2 article.item:hover img {
        transform: scale(1.04);
    }
    .cars2 article.item .bottom-fade {
        width: 100%;
        top: 41%;
        height: 60%;
        left: 0;
        position: absolute;
        background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
        z-index: 2;
        pointer-events: none;
    }
    .cars2 article.item .curv-butn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 110px;
        height: 110px;
        text-align: center;
        border-radius: 0 45px 0 0;
        background: #fff;
        z-index: 3;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 0 0 15px 15px;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .cars2 article.item .curv-butn .icon,
    .cars2 article.item .curv-butn .icon-arrow {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.13);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        letter-spacing: -0.5px;
        margin-bottom: 0;
        font-weight: 700;
        font-size: 23px;
        transition: background .35s, color .3s, opacity .2s;
        position: absolute;
        left: 15px;
        top: 20px;
    }
    .cars2 article.item .curv-butn .icon {
        background: #A80202;
        color: rgba(255, 255, 255, 0.89);
        opacity: 1;
        z-index: 2;
        justify-content: center;
        align-items: center;
    }
    .cars2 article.item .curv-butn .icon span {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.0;
    }
    .cars2 article.item .curv-butn .icon-arrow {
        background: #1b1b1b;
        color: #fff;
        opacity: 0;
        z-index: 3;
        justify-content: center;
        align-items: center;
        font-size: 31px;
        flex-direction: row;
    }
    .cars2 article.item .curv-butn .icon-arrow .material-icons-round {
        font-size: 31px;
        color: #fff;
        margin: 0;
    }
    .cars2 article.item .curv-butn:hover .icon,
    .cars2 article.item .curv-butn:focus .icon {
        opacity: 0;
        pointer-events: none;
    }
    .cars2 article.item .curv-butn:hover .icon-arrow,
    .cars2 article.item .curv-butn:focus .icon-arrow {
        opacity: 1;
        pointer-events: all;
        animation: arrowShow 0.36s cubic-bezier(.25, .87, .47, 1.11);
    }
    .br-left-top,
    .br-right-bottom {
        position: absolute;
        z-index: 4;
        pointer-events: none;
    }
    .br-left-top {
        top: -24px;
        left: -1px;
        transform: rotate(270deg);
        line-height: 1;
    }
    .br-right-bottom {
        bottom: -1px;
        right: -24px;
        transform: rotate(270deg);
        line-height: 1;
    }
    .br-left-top svg,
    .br-right-bottom svg {
        width: 24px;
        height: 24px;
    }
    .cars2 article.item .title {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 0px 158px 11px;
        width: 100%;
        z-index: 5;
        pointer-events: none;
    }
    .cars2 article.item .title h4 {
        color: #fff;
        font-size: 21px;
        margin-bottom: 5px;
        font-weight: 700;
        line-height: 1.12;
    }
    .cars2 article.item .title .details {
        font-size: 1px;
        color: #f5b754;
        margin-bottom: 0;
        display: flex;
        font-weight: 600;
        text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        opacity: 1;
        letter-spacing: -0.2px;
    }
    .cars2 article.item .title .details span {
        display: inline-flex;
        align-items: center;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        background: rgba(0, 0, 0, 0.06);
        border-radius: 6px;
        padding: 0 6px 0 2px;
    }
    .cars2 article.item .title .details span .material-icons-round {
        font-size: 27px;
        color: #f5b754;
        margin-right: 2px;
        filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.09));
    }
    .section-subtitle {
        font-size: 20px;
        line-height: 10px;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        color: #484640;
        position: relative;
        z-index: 1;
        text-transform: uppercase;
        letter-spacing: 6px;
        text-align: center;
    }
    .perfecte-highlight {
        color: #A80202;
        font-weight: bold;
        text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    }
    .spacer {
        padding-bottom: 30px;
    }
    .container-cars {
        background-color: #2e2c30;
    }
    .cars-home-title {
        font-size: 55px;
        line-height: 67px;
        color: #FFFFFF;
        text-align: center;
        font-weight: 900;
        font-family: Roboto;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        padding-top: 25px;
    }
    h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 3.5rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 60px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    p {
        font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        color: #666666;
        line-height: 1.7;
        opacity: 0.85;
        padding: 0 10px;
    }
    .umtfoot {
        background: #1E2127;
        color: #f2f2f2;
        width: 100%;
        font-size: 1rem;
        letter-spacing: 0.01em;
    }
    .umtfoot__container {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1200px;
        margin: 0 auto;
        padding: 36px 16px 18px 16px;
        box-sizing: border-box;
    }
    .umtfoot__column {
        flex: 1 1 180px;
        min-width: 150px;
        max-width: 300px;
        margin-bottom: 12px;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .umtfoot__column--logo .umtfoot-logo img {
        max-width: 180px;
        height: auto;
        aspect-ratio: 4 / 1;
        margin-bottom: 10px;
        display: block;
    }
    .umtfoot__desc {
        font-size: 0.93rem;
        opacity: 0.85;
        line-height: 1.5;
    }
    .umtfoot-menu__desktop {
        width: 100%;
    }
    .umtfoot-simple-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 10px;
    }
    .umtfoot-simple-menu .menu-item a {
        color: #f2f2f2;
        text-decoration: none;
        opacity: 0.92;
        transition: color 0.15s;
        display: flex;
        align-items: center;
        font-weight: 500;
        gap: 7px;
        font-size: 0.98em;
        padding: 2px 0;
    }
    .umtfoot-simple-menu .menu-item a:hover {
        color: #A80202;
    }
    .umtfoot-menu__arrow {
        color: #A80202;
        font-size: 1.08em;
        display: inline-block;
        margin-right: 7px;
        font-weight: bold;
    }
    .umtfoot__contact-group>div {
        margin-bottom: 7px;
    }
    .umtfoot-contact__icon {
        margin-right: 7px;
        color: #A80202;
        font-size: 1.08em;
        vertical-align: middle;
    }
    .umtfoot-phone a,
    .umtfoot-email a,
    .umtfoot-address a {
        color: #f2f2f2;
        text-decoration: none;
        opacity: 0.92;
        font-size: 0.99em;
        transition: color 0.15s;
        display: flex;
        align-items: center;
    }
    .umtfoot-phone a:hover,
    .umtfoot-email a:hover,
    .umtfoot-address a:hover {
        color: #A80202;
    }
    .umtfoot__social-title {
        font-size: 1rem;
        margin-bottom: 5px;
        opacity: 0.82;
        letter-spacing: 0.02em;
    }
    .umtfoot-social-profiles {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .umtfoot-social-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #20242b;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        color: #f2f2f2;
        font-size: 1.1rem;
        transition: background 0.15s, color 0.13s, transform 0.09s;
        text-decoration: none;
    }
    .umtfoot-social-icon:hover {
        background: #A80202;
        color: #fff;
        transform: scale(1.09);
    }
    .umtfoot-copyrights {
        border-top: 1px solid #282C34;
        margin-top: 22px;
        padding: 12px 0 6px 0;
        text-align: left;
        color: #B8B8B8;
        font-size: 0.97rem;
        opacity: 0.88;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
.umtcaruni-header {
    width: 100%;
    background: #1E2127;
    box-shadow: 0 2px 14px 0 rgba(30, 33, 39, 0.10);
    position: relative;
    z-index: 2000;
}

.umtcaruni-header__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: space-between;
}

.umtcaruni-header__hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 3001;
}

.umtcaruni-header__hamburger span {
    display: block;
    height: 4px;
    width: 30px;
    background: #A80202;
    margin: 3px 0;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.umtcaruni-header__hamburger.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.umtcaruni-header__hamburger.active span:nth-child(2) {
    opacity: 0;
}

.umtcaruni-header__hamburger.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.umtcaruni-header__logo {
    display: flex;
    align-items: center;
    height: 60px;
}

.umtcaruni-header__logo img {
    max-height: 50px;
    max-width: 100%;
    object-fit: contain;
}

.umtcaruni-header__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: flex-start;
    gap: 24px;
}

.umtcaruni-header__nav {
    display: flex;
    align-items: center;
}

.umtcaruni-header__nav ul {
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.umtcaruni-header__nav li a {
    color: #F2F2F2;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    text-decoration: none;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.umtcaruni-header__nav li a:hover {
    color: #A80202;
    background: rgba(168, 2, 2, 0.1);
    transform: scale(1.05);
}

.umtcaruni-header__arrow {
    color: #A80202;
    font-size: 1.3rem;
    font-weight: bold;
    margin-right: 4px;
}

.umtcaruni-header__mobile-nav {
    display: block;
    pointer-events: none;
}

.umtcaruni-header__mobile-menu-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    max-width: 85vw;
    height: 100vh;
    background: linear-gradient(180deg, #1E2127 0%, #2A2D33 100%);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3002;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
}

.umtcaruni-header__mobile-nav.umtcaruni-active .umtcaruni-header__mobile-menu-inner {
    transform: translateX(0);
}

.umtcaruni-header__mobile-logo {
    padding: 20px 45px;
}

.umtcaruni-header__mobile-logo img {
    max-height: 50px;
    max-width: 100%;
    object-fit: contain;
}

.umtcaruni-header__mobile-nav ul {
    list-style: none;
    padding: 15px 28px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.umtcaruni-header__mobile-nav li a {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    color: #F2F2F2;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 1.15rem;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.umtcaruni-header__mobile-nav li a:hover {
    background: #A80202;
    color: #FFF;
    transform: scale(1.02);
}

.umtcaruni-header__mobile-contact {
    padding: 20px 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.umtcaruni-header__mobile-contact a {
    color: #F2F2F2;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    transition: color 0.2s ease;
}

.umtcaruni-header__mobile-contact a:hover {
    color: #A80202;
}

.umtcaruni-header__mobile-nav-mask {
    position: fixed;
    inset: 0;
    background: rgba(30, 33, 39, 0.7);
    z-index: 3001;
    display: none;
    pointer-events: auto;
}

.umtcaruni-header__mobile-nav.umtcaruni-active .umtcaruni-header__mobile-nav-mask {
    display: block;
}

/* Header Form */
.umt-home-section {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    background-color: #1E2127;
}

.cnvs-bg {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.cnvs-main-title {
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    margin: 0 0 10px;
    line-height: 1.2
}

.cnvs-main-title .cnvs-highlight {
    color: #A80202;
    font-weight: 900
}

.cnvs-subtitle {
    font-size: 1.1rem;
    color: #e3e3e3;
    margin-bottom: 16px
}

.cnvs-tab-group {
    display: flex;
    background: #23242a;
    border-radius: 8px 8px 0 0;
    margin-bottom: 16px;
    overflow: hidden
}

.cnvs-tab {
    padding: 10px 20px;
    background: #23242a;
    color: #b7b8c6;
    font-weight: 600;
    font-size: 1rem;
    border: none
}

.cnvs-tab.cnvs-active {
    background: #fff;
    color: #23242a
}

.cnvs-divider {
    height: 1px;
    background: linear-gradient(to right, #333, #444, #333);
    margin: 10px 0 16px;
    opacity: 0.5
}

.cnvs-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px
}

.cnvs-form-col {
    flex: 1 1 100%;
    min-width: 0
}

label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 6px;
    color: #e3e3e3
}

.cnvs-required {
    color: #A80202;
    font-size: 1rem
}

select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea {
    width: 100%;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    min-height: 40px
}

.cnvs-form-panel label .material-icons-round {
    font-size: 20px;
    color: #e3e3e3;
    vertical-align: middle
}

.cnvs-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px;
    background: #A80202;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    margin-top: 12px
}

.material-icons-round {
    font-family: 'Material Icons Round';
    font-size: 20px;
    color: #e3e3e3;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle
}

.cnvs-desc-big.cnvs-desc-verybig {
    font-size: 21px;
    color: #fff;
    margin: 20px 0;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.01em
}

.cnvs-desc-big.cnvs-desc-verybig strong {
    color: #fff;
    font-weight: 800
}

.cnvs-desc-big.cnvs-desc-verybig .umtcar-red {
    color: #A80202;
    font-weight: 900
}

.umtcar-red {
    color: #A80202;
    font-weight: 900;
    letter-spacing: 0.01em
}

.cnvs-car-list.cnvs-car-list-double {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 34px;
    list-style: none;
    padding: 0;
    margin: 0 0 26px
}

.cnvs-car-list li {
    display: flex;
    align-items: center;
    font-size: 1.22rem;
    font-weight: 700;
    color: #e3e3e3;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 4px #0003;
    min-height: 32px
}

.cnvs-car-list li .cnvs-dot {
    color: #A80202;
    font-size: 1.15em;
    margin-right: 8px;
    line-height: 1
}

.cnvs-car-list li .material-icons-round {
    font-size: 18px;
    color: #7fff9f;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    line-height: 18px
}

.cnvs-services-btn {
    margin: 50px 0 25px;
    font-size: 1.09rem;
    padding: 10px;
    border: none;
    background: #A80202;
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
    letter-spacing: 0.05em;
    width: 100%;
    box-shadow: 0 2px 12px #A8020240
}

.cnvs-service-panel {
    position: fixed;
    inset: 0;
    background: rgba(16, 16, 18, 0.96);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: cnvs-fade-in 0.3s
}

.cnvs-service-content {
    background: #23242a;
    padding: 38px 26px 26px;
    border-radius: 18px;
    color: #fff;
    max-width: 430px;
    width: 98vw;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.33);
    display: flex;
    flex-direction: column;
    align-items: center
}

.cnvs-service-title {
    font-size: 1.6rem;
    font-weight: 800;
    color: #A80202;
    margin-bottom: 18px;
    letter-spacing: -1px;
    text-align: center
}

.cnvs-service-list p {
    margin-bottom: 13px;
    font-size: 1.09rem;
    font-weight: 500;
    color: #f5f5f5
}

.cnvs-service-call {
    font-weight: 700;
    color: #A80202;
    font-size: 1.13rem;
    margin-top: 8px
}

.cnvs-service-24 {
    margin-top: 6px;
    font-size: 1.04rem;
    color: #7fff9f;
    font-weight: 700
}

.cnvs-back-btn {
    margin-top: 30px;
    font-size: 1.08rem;
    padding: 8px 35px;
    border: none;
    background: #A80202;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 12px #A8020240
}

.spacer {
    padding-bottom: 30px
}

#success-message {
    text-align: center;
    padding: 20px;
    background: #e6f4e6;
    border-radius: 5px;
    margin-top: 20px
}

#success-message h2 {
    color: #2ecc71
}

@media (min-width:768px) {
    .cnvs-mainwrap {
        display: flex;
        gap: 40px;
        padding: 40px 20px
    }
    .cnvs-form-col {
        flex: 1 1 45%
    }
    .cnvs-main-title {
        font-size: 2.7rem
    }
    .cnvs-form-panel,
    .cnvs-right-panel {
        padding: 28px;
        min-height: 670px
    }
}

@media (max-width:1200px) {
    .cnvs-mainwrap {
        flex-direction: column;
        gap: 28px;
        align-items: stretch;
        padding: 24px 0
    }
    .cnvs-form-panel,
    .cnvs-right-panel {
        width: 98vw;
        min-width: 0;
        max-width: 98vw;
        padding: 12px 2vw 10px;
        border-radius: 0;
        min-height: unset
    }
    .cnvs-car-list.cnvs-car-list-double {
        grid-template-columns: 1fr;
        gap: 8px 0
    }
}

@media (max-width:700px) {
    .cnvs-main-title {
        font-size: 1.6rem
    }
    .cnvs-desc-big.cnvs-desc-verybig {
        font-size: 1.3rem;
        line-height: 1.4
    }
}

@keyframes cnvs-fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.cnvs-form-panel,
.cnvs-right-panel {
    background: linear-gradient(316deg, #23242a 70%, #d32f2f 100%);
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    padding: 20px;
    width: 100%;
    max-width: 640px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    min-height: 500px;
}



/* preview */
    .greview-outer {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100vw;
    }
    .greview-errorbar {
        margin-top: 28px;
        width: 96vw;
        max-width: 850px;
        background: linear-gradient(90deg, #ff6161 10%, #ffbe76 100%);
        color: #1a1a1a;
        border-radius: 14px;
        box-shadow: 0 3px 18px rgba(220, 40, 40, 0.17);
        display: flex;
        align-items: center;
        gap: 16px;
        font-size: 1.08rem;
        padding: 14px 24px 14px 20px;
        font-weight: 500;
        letter-spacing: .01em;
        border: 1px solid #ffc7b7;
        animation: fadeIn .8s;
    }
    .greview-errorbar svg {
        flex-shrink: 0;
        margin-right: 2px;
    }
    .greview-card {
        width: 100%;
        max-width: 950px;
        margin: 38px auto 0 auto;
        background: #ffffff;
        border-radius: 20px;
        box-shadow: 0 8px 36px rgba(44, 62, 80, 0.11), 0 3px 12px rgba(44, 62, 80, 0.09);
        padding-bottom: 32px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .greview-header {
        border-radius: 20px 20px 0 0;
        background: linear-gradient(95deg, #2c2e30 30%, #A80202 100%);
        color: #ffffff;
        padding: 40px 38px 23px 38px;
        box-shadow: 0 2px 0 #f0f0f0 inset;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .greview-header-icon {
        margin-bottom: 18px;
        background: #fff5ea;
        border-radius: 50%;
        padding: 15px;
        box-shadow: 0 2px 18px rgba(255, 178, 40, 0.16);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .greview-bizname {
        font-size: 2.45rem;
        font-weight: 900;
        letter-spacing: 1.2px;
        margin-bottom: 2px;
        color: #ffffff;
        text-shadow: 0 2px 14px #fff5ea, 0 1.5px 0 #fff2;
    }
    .greview-address {
        font-size: 1.20rem;
        font-weight: 500;
        letter-spacing: .4px;
        color: #e6e6e6;
    }
    .greview-rating-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 13px;
        margin-top: 22px;
        margin-bottom: 0;
    }
    .greview-stars-avg {
        display: flex;
        align-items: center;
        font-size: 1.65rem;
    }
    .greview-rating-text {
        font-size: 1.21rem;
        font-weight: 700;
        color: #1a1a1a;
        letter-spacing: 0.21px;
        margin-right: 6px;
        background: #fffbe9;
        border-radius: 6px;
        padding: 3px 8px 3px 8px;
        margin-left: 2px;
        box-shadow: 0 1px 3px #ffe9b3;
    }
    .greview-review-count {
        font-size: 1.10rem;
        color: #1a1a1a;
        background: #e5f2ff;
        border-radius: 7px;
        padding: 2.5px 9px 2.5px 9px;
        font-weight: 600;
        margin-left: 4px;
        box-shadow: 0 0.5px 2px #e6e7e9;
    }
    .greview-reviews-title {
        margin: 38px 0 18px 0;
        text-align: center;
        font-size: 1.32rem;
        font-weight: 800;
        color: #1a326e;
        width: 100%;
        letter-spacing: 0.18px;
        box-sizing: border-box;
        text-shadow: 0 1.5px 10px #f9f9fb;
    }
    .greview-review-list {
        padding: 0 42px;
        width: 100%;
        box-sizing: border-box;
    }
    .greview-review {
        display: flex;
        align-items: flex-start;
        margin-bottom: 26px;
        border-bottom: 1px solid #ececec;
        padding-bottom: 16px;
        animation: fadeIn 1s;
    }
    .greview-review:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .greview-avatar {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 18px;
        box-shadow: 0 2px 10px rgba(90, 90, 90, 0.09);
        border: 2px solid #fff;
        background: #e0eefc;
    }
    .greview-review-body {
        flex: 1;
    }
    .greview-review-header {
        display: flex;
        align-items: center;
        margin-bottom: 3px;
        flex-wrap: wrap;
        gap: 8px;
    }
    .greview-reviewer {
        font-weight: bold;
        color: #1b365d;
        margin-right: 9px;
        font-size: 1.09rem;
    }
    .greview-stars {
        color: #FFD700;
        font-size: 1.07rem;
        letter-spacing: 1.7px;
        margin-right: 8px;
    }
    .greview-date {
        color: #333333;
        font-size: 0.98rem;
    }
    .greview-comment {
        margin-top: 4px;
        color: #213547;
        font-size: 1.07rem;
        line-height: 1.5;
        font-style: italic;
    }
    .bwcars-container {
        display: grid;
        grid-template-columns: repeat(3, 440px);
        gap: 32px;
        margin: 0 auto;
        justify-content: center;
        padding: 0;
        padding-bottom: 150px;
    }
    .bwcars-card {
        border-radius: 20px;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 370px;
        box-shadow: 0 2px 12px rgba(44, 44, 84, 0.12);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .bwcars-card-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: 0;
    }
    .bwcars-card-overlay {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: rgba(35, 38, 47, 0.54);
        z-index: 1;
    }
    .bwcars-card-content {
        position: relative;
        z-index: 2;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
    }
    .bwcars-card-main {
        padding: 0 18px 0 18px;
        margin-bottom: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .bwcars-car-title {
        line-height: 136.364%;
        font-weight: 800;
        max-width: 410px;
        min-height: 110px;
        font-size: 24px;
        color: #fff;
        margin: 0 0 20px;
        width: 95%;
    }
    .bwcars-car-badges {
        display: inline-flex;
        align-items: center;
        background: #A80202;
        margin-left: -30px;
        padding-left: 30px;
        overflow: hidden;
        border-radius: 0 10px 10px 0;
    }
    .bwcars-car-type {
        background: #A80202;
        color: #fff;
        font-size: 1.0rem;
        padding: 8px 18px;
        border-radius: 8px 0 0 8px;
        font-weight: 700;
        letter-spacing: 0.04em;
        margin-right: 0;
        box-shadow: 0 4px 20px #27cdd922;
    }
    .bwcars-car-price {
        background: #fff;
        color: #2c2c54;
        font-size: 1.05rem;
        font-weight: 700;
        padding: 8px 18px;
        border-radius: 0 10px 10px 0;
        margin-left: -8px;
        letter-spacing: 0.03em;
        box-shadow: 0 1px 8px rgba(44, 44, 84, 0.12);
    }
    .bwcar-meta {
        max-width: 380px;
        overflow-x: auto;
        margin: 18px auto 5px auto;
        padding-bottom: 4px;
        width: 92%;
    }
    .bwcar-meta-row {
        display: flex;
        white-space: nowrap;
        justify-content: center;
        align-items: flex-start;
    }
    .bwcar-meta-col {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .bwcar-meta-col:not(:last-child) {
        margin-right: 24px;
        padding-right: 24px;
    }
    .bwcar-meta-col:not(:last-child):after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 1px;
        height: calc(100% - 32px);
        background: #aeaeae;
    }
    .bwcar-meta-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bwcar-meta-item .bwcar-label {
        font-size: 14px;
        line-height: 150%;
        color: #afafaf;
        margin-bottom: 2px;
        text-align: center;
    }
    .bwcar-meta-item .bwcar-value {
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
        text-align: center;
        margin-top: 2px;
    }
    .bwcar-meta-item .bwcar-icon {
        width: 22px;
        height: 22px;
        color: var(--e-global-color-accent, #f5b754);
        margin-bottom: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 22px;
        line-height: 1;
    }
    .bwcar-meta::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        border-radius: 10px;
        background-color: #f1f1f1;
    }
    .bwcar-meta::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--e-global-color-accent, #1FBECD);
    }
    .bwcar-meta::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #f1f1f1;
    }
    .bwinfo-section {
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 20px;
        box-sizing: border-box;
    }
    .bwinfo-container {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }
    .bwinfo-column {
        flex: 1 1 30%;
        min-width: 270px;
        text-align: center;
    }
    .bwinfo-widget-wrap {
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 4px 16px rgba(24, 32, 56, 0.06), 0 1.5px 6px rgba(24, 32, 56, 0.03);
        padding: 32px 20px 28px 20px;
        transition: box-shadow 0.2s;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bwinfo-widget-wrap:hover {
        box-shadow: 0 8px 24px rgba(24, 32, 56, 0.13), 0 4px 16px rgba(24, 32, 56, 0.04);
    }
    .bwinfo-icon-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
    }
    .bwinfo-icon {
        font-size: 48px;
        border-radius: 50%;
        padding: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: background 0.18s, color 0.18s;
        margin-bottom: 0;
    }
    .bwinfo-icon-blue {
        background: #e3f0fa;
        color: #1565c0;
    }
    .bwinfo-widget-wrap:hover .bwinfo-icon-blue {
        background: #bbdefb;
        color: #0d47a1;
    }
    .bwinfo-icon-green {
        background: #e8f5e9;
        color: #388e3c;
    }
    .bwinfo-widget-wrap:hover .bwinfo-icon-green {
        background: #c8e6c9;
        color: #1b5e20;
    }
    .bwinfo-icon-red {
        background: #ffebee;
        color: #c62828;
    }
    .bwinfo-widget-wrap:hover .bwinfo-icon-red {
        background: #ffcdd2;
        color: #8b0000;
    }
    .bwinfo-heading h3 {
        font-size: 22px;
        font-weight: 700;
        color: #262626;
        margin: 0 0 14px 0;
        letter-spacing: 0.3px;
        line-height: 1.25;
    }
    .bwinfo-text p {
        font-size: 17px;
        line-height: 1.7;
        color: #222;
        margin: 0;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-weight: 400;
        letter-spacing: 0.01em;
    }
    div {
        display: block;
    }
    input[type="text"] {
        padding: 11px;
        border-radius: 8px;
        border: none;
        background: #181920;
        color: #e3e3e3;
        font-size: 1.05rem;
        margin-bottom: 2px;
        outline: none;
        box-shadow: 0 2px 8px 0 #0003;
        transition: border 0.18s, background 0.18s;
    }
    input[type="text"]:focus {
        border: 2px solid #2d8cff;
        background: #15161c;
    }
    * {
        outline: 0;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }
    *,
    :after,
    :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    *:focus,
    *:active {
        outline: 0px solid transparent!important;
    }
    button {
        font-size: 14px;
        line-height: 1.715;
    }
    a {
        color: #222732;
        transition: all 0.2s ease;
        text-decoration: none;
    }
    img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
    h1,
    h2,
    h3,
    h4 {
        margin-top: 0;
        font-weight: normal;
    }
    p {
        margin-top: 0;
        margin-bottom: 0;
    }
    strong {
        font-style: normal;
        font-weight: 700;
    }
    hr {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    h3 {
        font-family: Roboto;
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 12px;
        color: #fffdfd;
    }
    .vehica-swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    .vehica-swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    .vehica-swiper-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .vehica-swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }
    .vehica-swiper-slide {
        height: auto!important;
    }
    .vehica-swiper-container {
        width: 100%;
    }
    .vehica-carousel__arrow {
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 50%;
        box-shadow: 0 3px 40px 0 #dbe0e8;
        border: 0 solid transparent;
        background-color: #fff;
        cursor: pointer;
        z-index: 2;
        text-align: center;
    }
    .vehica-carousel__arrow:after {
        position: relative;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #2f3b48;
        z-index: 1;
        transition: all 0.2s ease;
    }
    .vehica-carousel-term-img {
        position: relative;
        padding: 0 70px;
    }
    .vehica-carousel-term-img .vehica-carousel__arrow--right,
    .vehica-carousel-term-img .vehica-carousel__arrow--left {
        position: absolute;
        top: 50%;
        margin-top: -27px;
    }
    .vehica-carousel-term-img .vehica-swiper-slide {
        margin-right: 22px;
        text-align: center;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .vehica-carousel-term-img .vehica-swiper-slide img {
        max-width: 80%;
        cursor: pointer;
    }
    .vehica-carousel-term-img .vehica-swiper-slide {
        width: calc(25% - 22px);
    }
    .vehica-carousel-term-img img {
        filter: grayscale(1);
        opacity: 0.4;
        transition: all 0.2s ease;
    }
    .vehica-carousel-term-img .vehica-carousel__arrow--right {
        right: 0;
    }
    .vehica-carousel-term-img .vehica-carousel__arrow--left {
        left: 0;
    }

.mystickyelements-fixed {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    font-family: Roboto;
}

.mystickyelements-lists-wrap {
    background: #000;
    border-radius: 0 10px 10px 0;
    padding: 8px;
    transition: height 0.3s ease, width 0.3s ease;
    overflow: hidden;
}

.mystickyelements-lists {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mystickyelements-social-icon-li {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.mystickyelements-social-icon-li:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

.mystickyelements-minimize {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #000;
    color: #f5b754;
    font-size: 20px;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
    position: relative;
    z-index: 10000;
}
.mystickyelements-minimize::before {
    content: '←';
}

.mystickyelements-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #fff;
    text-decoration: none;
    border-radius: 8px;
    border: 2px solid #f5b754;
}
.mystickyelements-social-icon a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.mystickyelements-social-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

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

@keyframes arrowShow {
    0% {
        transform: scale(0.7) rotate(-20deg);
        opacity: 0;
    }
    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

@keyframes cnvs-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

    .spacer {
        padding-bottom: 30px;
    }
    input:focus {
        background: #15161c;
        outline: 2px solid #2d8cff;
    }
    .vehica-button {
        overflow: hidden;
        display: inline-block;
        font-size: 17px;
        line-height: 21px;
        font-weight: 600;
        text-align: center;
        color: #fff;
        border: 0 solid transparent;
        box-shadow: none;
        cursor: pointer;
        padding: 16px 25px 16px 25px;
        vertical-align: top;
        border-radius: 10px;
        background-color: var(--primary);
        transition: all 0.2s ease-in-out;
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        transition-delay: 0s;
        align-items: center;
        transform: translateZ(0);
        text-decoration: none;
    }
    .vehica-button:before {
        content: ""!important;
        position: absolute;
        top: 0;
        left: 0;
        transition-property: transform;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        transition-delay: 0s;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.1);
        transform: scale(0, 1);
        transform-origin: right top;
        z-index: -1;
    }
    .fas {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
    }
    .fas {
        font-family: "Font Awesome 6 Free";
    }
    .fa-search:before {
        content: "\f002";
    }
    .fas {
        font-weight: 900;
    }
    .screen-reader-text {
        display: none;
        overflow: hidden;
    }
    .vehica-blog-card {
        margin: 0 0 25px 0;
        overflow: hidden;
    }
    .vehica-blog-card__content {
        padding: 25px 15px 25px 15px;
        text-align: center;
    }
    .vehica-blog-card__author i {
        color: #A80202;
    }
    .vehica-blog-card__author__name i {
        margin-right: 4px;
    }
    .vehica-posts--v2 .vehica-blog-card {
        margin-bottom: 30px;
    }
    .vehica-posts--v2 .vehica-blog-card .vehica-blog-card__title {
        font-size: 24px;
        line-height: 32px;
    }
    .vehica-posts--v2 .vehica-blog-card .vehica-blog-card__excerpt {
        margin-bottom: 20px;
    }
    form.vehica-search-form {
        width: 100%;
        background: #f2f5fb;
        padding: 22px;
        position: relative;
        border-radius: 10px;
    }
    .vehica-recent-posts__single {
        display: flex;
        padding-bottom: 20px;
        border-bottom: 1px solid #dfe3eb;
        margin-bottom: 20px;
    }
    .far {
        font-weight: 400;
    }
    .vehica-blog__inner {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        max-width: 1200px;
        margin: 0 auto;
    }
    .vehica-blog__content_single {
        flex: 3;
        min-width: 0;
    }
    .vehica-blog__content {
        margin-top: 48px;
        flex: 3;
        min-width: 0;
    }
    .vehica-blog__sidebar {
        flex: 1;
        min-width: 250px;
    }
    .space {
        margin-bottom: 30px;
    }
    .vehica-blog-card__inner {
        border: 1px solid #eee;
        border-radius: 8px;
        overflow: hidden;
    }
    .vehica-blog-card__image-static img {
        width: 100%;
        height: 255px;
        object-fit: cover;
    }
    .vehica-blog-card__content {
        padding: 15px;
    }
    .vehica-button {
        display: inline-block;
        padding: 10px 20px;
        background-color: #A80202;
        color: white;
        text-decoration: none;
        border-radius: 4px;
    }
    .widget {
        width: 100%;
        margin-bottom: 45px;
    }
    .widget:after {
        clear: both;
        content: "";
        display: table;
    }
    .widget:last-of-type {
        margin-bottom: 0;
    }
    .vehica-grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .vehica-blog-card__date {
        font-size: 13px;
        line-height: 16px;
        font-weight: 600;
        color: #95989d;
        margin-bottom: 15px;
        text-align: center;
    }
    .vehica-blog-card__date i {
        color: #A80202;
        margin-right: 4px;
    }
    .vehica-blog-card__title {
        font-size: 21px;
        line-height: 27px;
        font-weight: 700;
        white-space: initial;
        color: #222732;
        display: block;
        text-align: center;
        word-break: break-word;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .vehica-blog-card__inner {
        background: #FFFFFF;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24);
        border: 1px solid #e7edf3;
        height: 100%;
        overflow: hidden;
        transition: all 0.2s ease;
        position: relative;
    }
    .vehica-blog-card__excerpt {
        margin: 0 0 16px 0;
        color: #222732;
        opacity: 0.48;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.64;
        text-align: center;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .vehica-blog-card__content h3 {
        margin-bottom: 10px;
    }
    .vehica-blog-card__content__top {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .vehica-blog-card__author {
        margin-bottom: 20px;
        margin-right: 18px;
        text-align: center;
        display: inline-block;
    }
    .vehica-blog-card__author:after {
        clear: both;
        content: "";
        display: table;
    }
    .vehica-blog-card__author__name {
        float: left;
        font-size: 13px;
        line-height: 16px;
        color: #95989d;
    }
    form.vehica-search-form input[type=search] {
        font-size: 15px;
        line-height: 19px;
        width: 100%;
        color: #2f3b48;
        background: #fff;
        padding: 17px 50px 17px 22px;
        border-radius: 10px;
        box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24);
        border: 1px solid #e7edf3;
    }
    form.vehica-search-form input[type=search]::placeholder {
        color: #2f3b48;
    }
    form.vehica-search-form label {
        position: relative;
        display: block;
    }
    .vehica-search-form__button-search {
        position: absolute;
        right: 0;
        padding-right: 15px;
        top: 0;
        line-height: 53px;
        border: 0;
        background: transparent;
        cursor: pointer;
    }
    .vehica-search-form__button-search i {
        transition: all 0.2s;
    }
    .vehica-search-form__button-search:hover i {
        color: #A80202;
    }
    .vehica-recent-posts__single__image {
        width: 100px;
        margin-right: 20px;
    }
    .vehica-recent-posts__single__image a {
        position: relative;
        display: block;
        width: 100px;
        height: 100px;
        overflow: hidden;
        border-radius: 10px;
        background: #eff0f1;
    }
    .vehica-recent-posts__single__image a img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale3d(1, 1, 1);
        transition: opacity 0.8s, transform 0.8s;
    }
    .vehica-recent-posts__single__image-placeholder {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .vehica-recent-posts__single__image-placeholder:after {
        content: "\f03e";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        width: 50px;
        height: 50px;
        font-size: 40px;
        text-align: center;
        opacity: 0.5;
        line-height: 50px;
        position: absolute;
        top: 50%;
        margin: -25px auto 0 auto;
        left: 0;
        right: 0;
    }
    .vehica-recent-posts__single__content {
        width: 100%;
    }
    .vehica-recent-posts__single__title {
        display: block;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 21px;
        color: #222732;
        font-weight: bold;
    }
    .vehica-recent-posts__single__read-more {
        display: block;
        font-size: 16px;
        line-height: 18px;
        font-weight: 500;
        color: #A80202!important;
        text-decoration: underline!important;
    }
    .vehica-recent-posts__view-all {
        display: block;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        margin-bottom: 45px;
        color: #A80202!important;
        text-decoration: underline!important;
    }

    .vehica-blog-card__content {
        padding: 25px 15px 25px 15px;
        text-align: center;
    }
    .fa-calendar:before {
        content: "\f133";
    }
    .vehica-blog-card__content {
        padding: 15px;
    }
    .fa-user:before {
        content: "\f007";
    }
    .fa-calendar:before {
        content: "\f133";
    }
    .vehica-posts--archive {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
    }
    .vehica-posts--related {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
        gap: 20px;
    }
/* Breadcrumbs */
.vehica-breadcrumbs {
  padding-top: 17px;
  padding-bottom: 7px;
  min-height: 10px;
  display: flex;
}

.vehica-breadcrumbs:after {
  clear: both;
  content: "";
  display: table;
}

.vehica-breadcrumbs__single {
  display: inline-block;
}

.vehica-breadcrumbs__link {
  display: inline-block;
  margin-bottom: 7px;
  color: #a7a8a8;
}

.vehica-breadcrumbs__last {
  color: #A80202;
  padding-right: 15px;
  margin-right: 15px;
}

.vehica-breadcrumbs__separator {
  display: inline-block;
  position: relative;
  min-width: 31px;
  right: 2px;
}

.vehica-breadcrumbs__separator:after {
  display: block;
  content: "";
  position: absolute;
  top: -5px;
  left: 13px;
  height: 1px;
  width: 4px;
  background: #a7a8a8;
}

.mindle_breadcrumbs {
  margin-left: 85px;
  margin-right: auto;
  position: relative;
}

@media (max-width: 899px) {
  .vehica-breadcrumbs {
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 8px 12px;
  }

  .vehica-breadcrumbs::-webkit-scrollbar {
    display: none;
  }

  .vehica-breadcrumbs__single {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .vehica-breadcrumbs__single:first-child {
    margin-left: 15px;
  }

  .vehica-breadcrumbs__link {
    font-size: 0.85rem;
    color: #6b7280;
  }

  .vehica-breadcrumbs__last {
    font-size: 0.85rem;
    color: #A80202;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
    margin-right: 10px;
  }

  .vehica-breadcrumbs__separator {
    min-width: 20px;
  }

  .vehica-breadcrumbs__separator:after {
    left: 8px;
    width: 5px;
  }

  .mindle_breadcrumbs {
    margin: 0 8px;
  }
}

.bwsingle-mainwrap {
    /* width: 100vw; */
    /* min-height: 100vh; */
    /* padding-bottom: 40px; */
    /* display: flex
; */
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.bwsingle-contentrow {
    display: flex;
    flex-direction: row;
    gap: 30px;
    max-width: 1710px;
    margin: 0px 40px 0 40px;
    align-items: flex-start;
}

/* Gallery */
.car-gallery-modern {
  max-width: 800px;
  margin: 0 auto;
}

.car-gallery-mainbox {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 16px #0001;
  overflow: hidden;
  margin-bottom: 15px;
}

.car-gallery-mainimg {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
  background: #f3f4f7;
  transition: box-shadow 0.16s;
  border: 2px solid #fff;
  cursor: pointer;
}

.car-gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #A80202;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  z-index: 20;
  box-shadow: 0 2px 8px #0002;
  transition: background 0.15s, color 0.15s, opacity 0.15s;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.car-gallery-mainbox:hover .car-gallery-arrow {
  opacity: 1;
  pointer-events: auto;
}

.car-gallery-arrow.left {
  left: 16px;
}

.car-gallery-arrow.right {
  right: 16px;
}

.car-gallery-arrow:active,
.car-gallery-arrow:hover {
  background: #A80202;
  color: #fff;
}

.car-gallery-counter {
  position: absolute;
  bottom: 16px;
  right: 24px;
  background: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 1.07rem;
  font-weight: 600;
  padding: 3px 14px 3px 11px;
  border-radius: 14px;
  z-index: 21;
  letter-spacing: 1px;
  user-select: none;
}

.car-gallery-thumbs-row {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  margin-top: 6px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE ve Edge */
}

.car-gallery-thumbs-row::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.car-gallery-thumb {
  width: 88px;
  height: 64px;
  border-radius: 9px;
  border: 2px solid #e5e7ea;
  object-fit: cover;
  background: #fff;
  cursor: pointer;
  opacity: 0.7;
  box-shadow: 0 0 0 1.5px #fff;
  transition: border-color 0.14s, box-shadow 0.13s, opacity 0.12s;
  flex-shrink: 0;
  display: block;
}

.car-gallery-thumb.active,
.car-gallery-thumb:focus {
  border-color: #A80202;
  opacity: 1;
  box-shadow: 0 2px 8px #A8020222;
}

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

.car-gallery-fs-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.97);
  z-index: 10000;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  overflow: hidden !important;
}

.car-gallery-fs-modal.active {
  display: flex;
  opacity: 1;
}

.car-gallery-fs-inner {
  width: 90vw;
  max-width: 1100px;
  margin: auto;
  position: relative;
}

.car-gallery-fs-close {
  position: mobile;
  top: 24px;
  right: 36px;
  background: #fff;
  color: #A80202;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 29px;
  font-weight: bold;
  z-index: 30;
  cursor: pointer;
  box-shadow: 0 2px 8px #0005;
}

.car-gallery-fs-img {
  width: 100%;
  max-height: 70vh;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 15px;
  background: #222;
  display: block;
  box-shadow: 0 0 0 5px #fff2, 0 2px 16px #0007;
  cursor: grab;
  user-select: none;
}

.car-gallery-fs-modal .car-gallery-arrow {
  opacity: 1 !important;
  pointer-events: auto;
  top: 50%;
}

.car-gallery-fs-modal .car-gallery-arrow.left {
  left: 20px;
}

.car-gallery-fs-modal .car-gallery-arrow.right {
  right: 20px;
}

.car-gallery-fs-modal .car-gallery-counter {
  position: absolute;
  bottom: 22px;
  right: 38px;
  background: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 1.07rem;
  font-weight: 600;
  padding: 3px 14px 3px 11px;
  border-radius: 14px;
  z-index: 21;
  letter-spacing: 1px;
  user-select: none;
}

/* Mobil Uyumluluk */
@media (max-width: 800px) {
  .car-gallery-mainbox {
    border-radius: 12px;
  }

  .car-gallery-mainimg {
    width: 52%; /* Resim ekran genişliğine tam sığar */
    border-radius: 10px;
    aspect-ratio: 16/9; /* Orantıyı korur */
    min-height: auto; /* Sabit yüksekliği kaldır */
  }

  .car-gallery-thumb {
    width: 60px;
    height: 44px;
    border-radius: 6px;
  }

  .car-gallery-arrow {
    width: 36px;
    height: 36px;
    font-size: 22px;
  }

  .car-gallery-arrow.left {
    left: 8px;
  }

  .car-gallery-arrow.right {
    right: 8px;
  }

  .car-gallery-counter {
    font-size: 0.9rem;
    padding: 2px 10px;
    bottom: 10px;
    right: 12px;
  }

  .car-gallery-fs-inner {
    width: 95vw; /* Daha fazla ekran alanı kullanımı */
  }

  .car-gallery-fs-img {
    max-height: 80vh; /* Mobil cihazlarda daha fazla yükseklik */
    border-radius: 10px;
  }

  .car-gallery-fs-close {
    top: 45px;
    left: 283px;
    width: 36px;
    height: 36px;
    font-size: 24px;
    position: relative;

  }

  .car-gallery-fs-modal .car-gallery-arrow.left {
    left: 10px;
  }

  .car-gallery-fs-modal .car-gallery-arrow.right {
    right: 10px;
  }
}


/* İnfo Pannel */
.bwsingle-info-panel {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 32px #0001;
    padding: 30px 15px 45px 15px;
    max-width: 640px;
    flex: 1 1 370px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.bwsingle-title {
  font-size: 1.7rem;
  font-weight: 700;
  color: #232b35;
  margin-bottom: 8px;
  line-height: 1.23;
}
.bwsingle-info-short {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 1.13rem;
  color: #778899;
  margin-bottom: 20px;
  font-weight: 500;
}
.bwsingle-price {
  font-size: 2.1rem;
  font-weight: 700;
  color: #A80202;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}
.bwsingle-price-divider {
  border-bottom: 2px dashed #434747;
  width: 100%;
  margin-bottom: 18px;
  margin-top: -3px;
  opacity: .55;
}
.bwsingle-fav-row {
  color: #a5b1c2;
  font-size: 1.08rem;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ATTRS BOX TABEL */
.bwsingle-attrs-card {
  background: #f6faff;
  border-radius: 16px;
  padding: 27px 10px 25px 10px;
  margin-bottom: 0;
  width: 100%;
  font-size: 1.06rem;
  box-shadow: 0 2px 10px #00b2c820;
  margin-top: 7px;
}
.bwsingle-attrs-table {
  display: flex;
  flex-direction: row;
  gap: 38px;
  width: 100%;
}
.bwsingle-attrs-left, .bwsingle-attrs-right {
  display: flex;
  flex-direction: column;
  gap: 11px;
  flex: 1 1 0;
}
.bwsingle-attr-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1.5px 6px #13c8d21a;
  min-height: 40px;
  padding: 10px 15px 10px 10px;
  margin: 0;
  gap: 12px;
}
.bwsingle-attr-row .attr-icon {
  font-size: 21px;
  color: #f5b754;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
}
.bwsingle-attr-label {
  color: #13c8d2;
  font-weight: 700;
  font-size: 1.03em;
  letter-spacing: 0.01em;
  white-space: nowrap;
  min-width: 85px;
}
.bwsingle-attr-val {
  color: #232b35;
  font-weight: 500;
  font-size: 1.08em;
  word-break: break-all;
  margin-left: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.bwsingle-attrs-bottom {
  margin-top: 13px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.bwsingle-attrs-bottom .bwsingle-attr-row {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1.5px 6px #13c8d21a;
  min-height: 40px;
  padding: 10px 15px 10px 10px;
  gap: 12px;
}
.bwsingle-btn-main {
  width: 100%;
  margin-top: 10px;
  color: #fff;
  font-size: 1.17rem;
  font-weight: 700;
  border: none;
  border-radius: 11px;
  padding: 15px 0;
  box-shadow: 0 2px 12px #13c8d224;
  transition: background .13s;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.call-btn {
  background: #A80202;
}
.call-btn:hover { background: #d74b4b; }
.whatsapp-btn {
  background: #2ecc71;
}
.whatsapp-btn:hover { background: #27ae60; }
.message-btn {
  background: #f5b754;
}
.message-btn:hover { background: #2980b9; }
.bwsingle-desc-features-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  max-width: 1700px;
  margin: 0 auto;
}
.bwsingle-desc {
    background: #fff;
    border-radius: 14px;
    /* box-shadow: 0 2px 10px #0001; */
    max-width: 962px;
    margin: 40px 20px 0 0;
    padding: 30px 55px;
    flex: 1;
}
.bwsingle-desc h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
    font-weight: 900;
    color: #222732;
}
.bwsingle-desc-inner {
    color: #222732;
    font-size: 16px;
    line-height: 30px;
}

.bwsingle-features {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px #0001;
    max-width: 635px;
    margin: 40px 0 0 0;
    padding: 30px 26px;
    flex: 1;
}
.bwsingle-features h2 {
    color: #687475;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 12px;
}
.bwsingle-features-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.bwsingle-feature {
  background: #f6faff;
  color: #5c6566;
  font-weight: 600;
  padding: 8px 17px;
  border-radius: 6px;
  font-size: 1.06rem;
  box-shadow: 0 1px 4px #13c8d212;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bwsingle-feature .feature-icon {
  font-size: 18px;
  color: #A80202;
}


/* Related Wagen */
.bwsingle-related-block {
  padding: 24px;
}

.bwsingle-related-block h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #222732;
  margin: 0 0 24px;
}

.bwsingle-related-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  padding: 0;
}

.bwsingle-related-item {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
}

.bwsingle-related-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(168, 2, 2, 0.3);
}

.bwsingle-related-img {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
  background-color: #2d2d2d;
  border-bottom: 3px solid #A80202;
}

.bwsingle-type-badge {
  position: absolute;
  top: 2035px;
  left: 35px;
  background: linear-gradient(90deg, #A80202, #c81b1b);
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 6px;
  padding: 6px 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.bwsingle-related-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  background: linear-gradient(135deg, #1f1f1f, #2d2d2d);
}

.bwsingle-related-price {
  color: #A80202;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0;
}

.bwsingle-related-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.bwsingle-related-meta {
  display: flex;
  gap: 12px;
  font-size: 0.9rem;
  color: #f5f5f5;
  margin: 10px 0;
}

.bwsingle-related-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.bwsingle-related-meta .material-icons-round {
  color: #A80202;
}

.bwsingle-btn-details {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  padding: 12px;
  border: none;
  background: #A80202;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  width: 100%;
  margin-top: auto;
}

.bwsingle-btn-details:hover {
  background: #b91c1c;
  transform: scale(1.02);
}

.bwsingle-norelated {
  font-size: 1rem;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  background: #2d2d2d;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .bwsingle-related-list {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
  }

  .bwsingle-related-img {
    height: 160px;
  }

  .bwsingle-related-body {
    padding: 12px;
  }

  .bwsingle-related-price {
    font-size: 1.3rem;
  }

  .bwsingle-related-title {
    font-size: 1.15rem;
  }

  .bwsingle-related-meta {
    font-size: 0.85rem;
  }

  .bwsingle-btn-details {
    font-size: 0.95rem;
    padding: 10px;
  }
}
.bwsingle-norelated {
  color: #13c8d2;
  font-size: 1.05rem;
  font-weight: 600;
  margin: 17px 0;
}

/* ----------- MOBIELE CSS (onderaan) ----------- */
@media (max-width: 1100px) {
  .bwsingle-contentrow { flex-direction: column; gap: 30px; margin: 0px 0px 0 0px; }
  .bwsingle-gallerybox, .bwsingle-info-panel { max-width: 99vw; }
  .bwsingle-gallery-mainarea { min-height: 300px; aspect-ratio: 16/9; }
  .bwsingle-desc-features-row { flex-direction: column; gap: 20px; }
  .bwsingle-desc, .bwsingle-features { margin: 40px 0; max-width: 100%; float: none; }
  .bwsingle-attrs-table { flex-direction: column; gap: 10px; }
  .bwsingle-attrs-left, .bwsingle-attrs-right { flex-direction: row; gap: 10px; flex-wrap: wrap; }
  .bwsingle-attr-row { min-width: 160px; flex: 1 1 55px; }
  
}
@media (max-width: 700px) {
  .bwsingle-attrs-table { flex-direction: column; gap: 7px; }
  .bwsingle-attrs-left, .bwsingle-attrs-right { flex-direction: column; gap: 7px; }
  .bwsingle-attr-row { min-width: 0;  }
}


/* zoek */
.vhc-cars-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  padding: 32px 12px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {
  .vhc-cars-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    padding: 24px 8px !important;
  }
}

@media (max-width: 640px) {
  .vhc-cars-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px 8px !important;
  }
}

.vhc-car-card {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 3px 12px rgba(30, 45, 80, 0.05) !important;
  border: 1px solid #edf1f5 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
  will-change: transform;
  outline: none !important;
}

.vhc-car-card:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 8px 20px rgba(30, 45, 80, 0.12) !important;
}

.vhc-car-card__img-block {
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  min-height: 140px !important;
  overflow: hidden !important;
  background: #f5f7fa !important;
  box-sizing: border-box !important;
}

.vhc-car-card__img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  background: #f7f9fb !important;
  transition: transform 0.25s ease !important;
  loading: lazy;
  vertical-align: top !important;
  overflow: visible !important;
  overflow-clip-margin: 0 !important;
}

.vhc-car-card:hover .vhc-car-card__img {
  transform: scale(1.04) !important;
}

.vhc-car-card__brand {
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  background: #a80202 !important;
  color: #ffffff !important;
  padding: 5px 14px !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 2px 6px rgba(168, 2, 2, 0.1) !important;
  z-index: 2 !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 80% !important;
  box-sizing: border-box !important;
}

.vhc-car-card__price {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  background: rgba(40, 40, 40, 0.85) !important;
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  padding: 7px 16px !important;
  border-radius: 0 10px 0 0 !important;
  letter-spacing: 0.02em !important;
  z-index: 2 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-sizing: border-box !important;
}

.vhc-car-card__bottom {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  background: #ffffff !important;
  border-top: 1px solid #f2f4f8 !important;
  min-height: 130px !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .vhc-car-card__bottom {
    padding: 14px !important;
    min-height: 120px !important;
  }
}

.vhc-car-card__model-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
  min-height: 28px !important;
  box-sizing: border-box !important;
}

.vhc-car-card__model {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #1a2533 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 90% !important;
  line-height: 1.2 !important;
}

.vhc-car-card__type-year-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.9rem !important;
  color: #6b829a !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
  min-height: 22px !important;
  box-sizing: border-box !important;
}

.vhc-car-card__type,
.vhc-car-card__year {
  color: #6b829a !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 45% !important;
  line-height: 1.2 !important;
}

.vhc-car-card__dot {
  width: 4px !important;
  height: 4px !important;
  background: #9ca8b8 !important;
  border-radius: 50% !important;
  margin: 0 4px !important;
  box-sizing: border-box !important;
}

.vhc-car-card__features-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: 8px !important;
  min-height: 70px !important;
  box-sizing: border-box !important;
}

.vhc-car-card__feature {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 10px !important;
  min-width: 0 !important;
  height: 70px !important;
  transition: transform 0.2s ease !important;
  box-sizing: border-box !important;
}

.vhc-car-card__feature .material-icons,
.vhc-car-card__feature .material-icons-round {
  font-size: 30px !important;
  color: #a80202 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
  line-height: 1 !important;
}

.vhc-car-card__feature span {
  color: #1a2533 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

.vhc-car-card__feature:hover,
.vhc-car-card__feature:focus {
  transform: translateY(-2px) !important;
}

.vhc-car-card__feature:hover .material-icons,
.vhc-car-card__feature:hover .material-icons-round,
.vhc-car-card__feature:focus .material-icons,
.vhc-car-card__feature:focus .material-icons-round {
  color: #c8102e !important;
  transform: scale(1.15) !important;
}

@media (max-width: 1024px) {
  .vhc-car-card {
    border-radius: 12px !important;
  }
  .vhc-car-card__img-block {
    min-height: 120px !important;
  }
  .vhc-car-card__model {
    font-size: 0.98rem !important;
  }
  .vhc-car-card__type-year-row {
    font-size: 0.86rem !important;
    margin-bottom: 6px !important;
    min-height: 20px !important;
  }
  .vhc-car-card__feature .material-icons,
  .vhc-car-card__feature .material-icons-round {
    font-size: 26px !important;
  }
  .vhc-car-card__feature span {
    font-size: 0.82rem !important;
  }
  .vhc-car-card__feature {
    height: 64px !important;
    padding: 8px !important;
  }
  .vhc-car-card__features-row {
    min-height: 64px !important;
  }
}

@media (max-width: 640px) {
  .vhc-car-card {
    border-radius: 10px !important;
  }
  .vhc-car-card__img-block {
    min-height: 100px !important;
  }
  .vhc-car-card__brand {
    font-size: 0.9rem !important;
    padding: 6px 14px !important;
    max-width: 70% !important;
  }
  .vhc-car-card__price {
    font-size: 1.1rem !important;
    padding: 7px 16px !important;
  }
  .vhc-car-card__model {
    font-size: 1.15rem !important;
  }
  .vhc-car-card__type-year-row {
    font-size: 1rem !important;
    margin-bottom: 6px !important;
    min-height: 26px !important;
  }
  .vhc-car-card__type,
  .vhc-car-card__year {
    font-size: 1rem !important;
  }
  .vhc-car-card__feature .material-icons,
  .vhc-car-card__feature .material-icons-round {
    font-size: 28px !important;
  }
  .vhc-car-card__feature span {
    font-size: 0.84rem !important;
  }
  .vhc-car-card__feature {
    height: 68px !important;
    padding: 14px !important;
  }
  .vhc-car-card__features-row {
    min-height: 68px !important;
    gap: 12px !important;
  }
}

.vhc-car-card__img-block a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  color: transparent !important;
  text-decoration: none !important;
  transition: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Filter Mobile */
/* --- Ana Filtre Grid ve Elemanları --- */
.umtfilter-wrap {
    background: #f7f9fb;
    margin: 0 0 24px 0;
    padding: 36px 0 0 0;
    border-radius: 0;
    width: 100%;
}
.umtfilter-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 22px;
    align-items: stretch;
    padding: 0 16px;
}
.umtfilter-item {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 18px #0001;
    display: flex;
    align-items: center;
    min-height: 56px;
    padding: 0 6px 0 0;
    position: relative;
    font-size: 18px;
    overflow: hidden;
    transition: box-shadow .13s;
}
.umtfilter-item select,
.umtfilter-item input[type="text"] {
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 500;
    color: #292929;
    outline: none;
    width: 100%;
    padding: 0 38px 0 18px;
    height: 46px;
    border-radius: 14px;
    appearance: none;
}
.umtfilter-arrow {
    position: absolute;
    right: 20px;
    pointer-events: none;
    color: #a1a6b6;
    font-size: 22px;
    top: 50%;
    transform: translateY(-50%);
}
.umtfilter-item--half { grid-column: span 1; }
.umtfilter-item input[type="text"]::placeholder { color: #b6b6b6; }
.umtfilter-bottom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    padding: 24px 22px 12px 22px;
}
.umtfilter-clear {
    background: linear-gradient(90deg,#d32f2f 0,#b22323 98%);
    color: #fff;
    border: none;
    font-weight: 700;
    font-size: 17px;
    border-radius: 7px;
    padding: 7px 26px 7px 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 12px #b2232322;
    transition: .13s;
    cursor: pointer;
}
.umtfilter-clear:hover { background: linear-gradient(90deg,#b22323 0,#d32f2f 100%); }
.umtfilter-more,
.umtfilter-less {
    background: none;
    border: none;
    color: #b22323;
    font-weight: 600;
    font-size: 17px;
    cursor: pointer;
    border-radius: 7px;
    padding: 7px 20px;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: .13s;
}
.umtfilter-more:hover, .umtfilter-less:hover { color: #232b44; }
.umtfilter-less span, .umtfilter-more span { margin-right: 2px; }
.umtfilter-item--more { display: none; }

/* --- Modal ve Mobil Ayarları --- */
.umtfilter-mobile-btn {
    display: none;
    padding: 10px 20px;
    background: #b22323;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    z-index: 2001;
}
.umtfilter-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 3000;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
}
.umtfilter-modal.active {
    display: flex;
}
.umtfilter-modal-content {
    background: #f7f9fb;
    margin: 10% auto;
    padding: 20px;
    width: 92vw;
    max-width: 500px;
    border-radius: 10px;
    position: relative;
    overflow-y: auto;
    max-height: 84vh;
    box-shadow: 0 8px 40px #00000055;
}
.umtfilter-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #292929;
    background: none;
    border: none;
    padding: 0;
}

/* --- Responsive Grid ve Mobil Modal --- */
@media (max-width: 1100px) {
    .umtfilter-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
    .umtfilter-grid { grid-template-columns: 1fr; }
    .umtfilter-bottom { flex-direction: column; align-items: stretch; gap: 10px; }
}
@media (max-width: 991px) {
    .umtfilter-mobile-btn { display: block; }
    .umtfilter-wrap { display: none !important; }
    .umtfilter-modal-content .umtfilter-wrap { display: block !important; }
}
.umtfilter-apply {
    display: none !important;
    padding: 10px 20px;
    background: #b22323;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
}
@media (max-width: 991px) {
    .umtfilter-apply {
        display: block !important;
    }
}

/* Blog */
.vehica-post-single__meta {
    display: flex;
    margin-bottom: 20px;
    gap: 5px;
}
.vehica-post-field__name{
    font-size: 41px;
    line-height: 51px;
    font-weight: 900;
    color: #222732;
    margin-bottom: 30px;
    margin-bottom: 30px;
    margin-left: 5px;
    font-size: 28px;
    line-height: 38px;
}
.vehica-posts__related-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 55px;
    margin-top: 55px;
    color: #222732;
}
.vehica-blog-card__title:hover {
    color: #A80202;
}
.vehica-post-single__tags {
    margin-top: 15px;
    margin-bottom: 15px;
}
.vehica-blog-card__button-wrapper a {
    text-decoration: underline;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #222732;
    padding: 10px 0;
}
.vehica-blog-card__button-wrapper a:hover {
    color: #A80202;
}
.vehica-blog-card__button-wrapper {
    text-align: left;
}
.bwc-sidebar {
    width: 350px;
}
.vehica-post-field__text {
    color: #A80202;
}
.vehica-post-field__text h2,
.vehica-post-field__text h3,
.vehica-post-field__text h4 {
    color: #A80202; /* Örneğin: #333333, red, rgb(255, 0, 0) */
}
@media (min-width: 900px) {
    .vehica-post-field__name {
        font-size: 41px;
        line-height: 51px;
    }
}