.vehicle-page {
    /* background-color: var(--page-bg-color); */
    /* width: calc(100% + 1vh);
    height: calc(100% + 1vh); */
    /* margin-top: -3%; */
    color: var(--text-color);
}


.tablet-page-vehicle-header {
    position: relative;
    top: 12%;
    width: 50%;
    height: 8%;
    left: 5%;
    color: var(--text-color);
    display: flex;
    font-size: 4vh;
    margin-left: 6%;
    font-weight: 400
}




.tablet-page-vehicle-header-back-icon {
    background: #1c1c1c;
    width: 5%;
    padding: 3px;
    height: 52%;
    text-align: center;
    font-size: 1.8vh;
    border-radius: 7px;
    margin-top: 2%;
    margin-right: 3%;
    color: white;
    transition: .1s all;
}

.tablet-page-vehicle-header-back-icon :hover {
    scale: 1.2;
    cursor: pointer;

}

.tablet-page-vehicle-page {
    height: 100%;
    width: 100%;
    display: none;
    margin-top: -4%;
}



.tablet-page-vehicle-navbar {
    text-align: center;
    display: flex;
    width: 50%;
    margin: auto;
    margin-top: 8%;
    margin-bottom: -8%;
    color: black;
    border-bottom: 1px solid #00000012;
    height: 3%;
}


.tablet-page-vehicle-navbar-box {
    margin-left: 10%;
    width: 25%;
    height: 100%;
    margin: 0 auto;
}

.tablet-page-vehicle-navbar-box:first-child {
    /* margin-left: 30%; */
}

.tablet-page-vehicle-navbar-box:hover {
    color: black;
    border-bottom: 1px solid var(--hover-border);
    background: var(--hover-bg);
    font-weight: 600;
    cursor: pointer;
}


.tablet-page-vehicle-page-car-buycar {
    width: 9%;
    height: 3%;
    position: fixed;
    margin-top: 4%;
    margin-left: 34%;
    background: var(--box-bg-color);
    text-align: center;
    padding: 6px;
    font-weight: 500;
    font-size: 1.2vh;
}

.tablet-page-vehicle-page-car-wrapper {
    background: var(--box-bg-color);
    width: 100%;
    /* margin: 0 auto; */
    height: 100%;
    margin-top: 11%;
    float: left;
}

.tablet-page-vehicle-page-car-box {
    background: var(--box-bg-color);
    width: 17%;
    height: 29%;
    color: var(--text-color);
    float: left;
    margin: 2%;
    transition: .5s all;
    border-radius: 6px;
    filter: drop-shadow(2px 4px 6px #0808080e);
    background-image: url(/html/img/tablet-bg/dealership-car-box-bg.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 16px;
}

.tablet-page-vehicle-page-car-box:hover {
    scale: 1.2;
}

.tablet-page-vehicle-page-car-box-carimg {
    background-image: url(/html/img//vehicleImages/mule.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 42%;
    margin-top: 13%;
    filter: drop-shadow(2px 0px 4px black);
}

.tablet-page-vehicle-page-car-box-carname {
    width: 100%;
    height: 16%;
    font-size: 1vh;
    font-weight: 300;
    padding: 7px;
    margin-top: 6%;
    opacity: 0.5;
    text-align: center;
}

.tablet-page-vehicle-page-car-box-carplate {
    width: 100%;
    height: 16%;
    font-size: 1.2vh;
    font-weight: 500;
    padding: 6px;
    margin-top: -3%;
    text-align: center;
}

.tablet-page-vehicle-page-car-box-health {
    width: 30%;
    height: 20%;
    float: inline-start;
    margin-top: -54%;
    margin-left: 63%;
}

.circle-progress-value {
    stroke-width: 6px;
    stroke: hsl(320, 80%, 60%);
    stroke-dasharray: 4 1;
}

.circle-progress-circle {
    stroke-width: 6px;
    stroke: #eee;
}

.circle-progress-text {
    font-weight: bold;
    fill: hsl(180, 80%, 47%);

}

.tablet-page-vehicle-page-car-info-wrapper {
    width: 22%;
    border: 1px solid #333d6424;
    height: 67%;
    float: inline-start;
    margin-left: 2%;
    margin-top: 11%;
    background: #05060a14;
    display: none;
}

.vehicle-page-car-info-fix {
    width: fit-content;
    height: 6%;
    background: #2e2e2e80;
    border-radius: 6px;
    text-align: center;
    padding: 7px;
    margin: 3% 7%;
    margin-bottom: -4%;
    /* float: left; */
    transition: .1s all;
    max-width: 47%;
    font-size: 1.3vh;
    display: none;
}

.vehicle-page-car-info-fix:hover {
    scale: 1.2;
    border: 1px solid #0df188;
    cursor: pointer;
}

.vehicle-page-car-target {
    width: fit-content;
    height: 7%;
    background: #e7e7e780;
    border-radius: 6px;
    text-align: center;
    padding: 7px;
    margin: -14% 68%;
    /* margin-bottom: 0%; */
    /* float: left; */
    margin-bottom: -7%;
    transition: .1s all;
}

.vehicle-page-car-target:hover {
    scale: 1.2;
    border: 2px solid #0df188;
}

.vehicle-page-car-info-carimg {
    background-image: url(/html/img//vehicleImages/mule.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 78%;
    height: 42%;
    margin-top: -3%;
    filter: drop-shadow(2px 5px 8px black);
    margin: 0 auto;
}

.vehicle-page-car-info-box {
    width: 50%;
    height: 13%;
    padding: 14px;
    float: left;
}

.vehicle-page-car-info-info-header {
    font-weight: 300;
    font-size: 1vh;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vehicle-page-car-info-info-label {
    width: 100%;
    font-weight: 500;
    font-size: 1.2vh;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vehicle-page-car-info-takecar i {
    margin-right: 7%;
}

.vehicle-page-car-info-takecar {
    width: 45%;
    height: 8%;
    text-align: center;
    background: #2e2e2e80;
    filter: drop-shadow(2px 4px 9px #0000001f);
    margin: 0 auto;
    margin-top: 68%;
    margin-left: 48%;
    padding: 13px;
    border-radius: 7px;
    font-size: 1.3vh;
    transition: .1s all;
    display: none;
}


.vehicle-page-car-info-takecar:hover {
    background: var(--hover-bg);
    border: 1px solid var(--hover-border);
    font-weight: 600;
    cursor: pointer;
    color: black;
}


/* order side */

.tablet-page-vehicle-page-carstore-vehicles {
    /* border: 1px solid red; */
    width: 25%;
    height: 56%;
    float: left;
    margin-top: 9%;
    margin-left: 21%;
    overflow: hidden;
    overflow: auto;

    top: 8%;
    position: relative;

}

.tablet-page-vehilce-page-carstore-vehicles-box {
    width: 90%;
    height: 21%;
    margin: 3% auto;
    border-radius: 6px;
    background: #05060a14;
    filter: drop-shadow(2px 4px 6px #0808080e);
    border: 1px solid #333d6424;
    transition: .1s all;
}

.tablet-page-vehilce-page-carstore-vehicles-box:hover {
    border: 1px solid #0df188;
    scale: 1.02;
}

.tablet-page-vehicle-page-carstore-vehicle-box-img {
    background-image: url(/html/img//vehicleImages/mule.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 39%;
    height: 100%;
    float: left;
    filter: drop-shadow(2px 5px 8px black);


}

.tablet-page-vehicle-page-carstore-vehicle-box-carname {
    width: 41%;
    position: relative;
    margin-left: 45%;
    top: 27%;
    font-weight: 300;
    font-size: 1.3vh;
}

.tablet-page-vehicle-page-carstore-vehicle-box-carprice {
    width: 41%;
    position: relative;
    margin-left: 45%;
    top: 28%;
    font-weight: 600;
    font-size: 1.8vh;
    color: #0df188;
}



.tablet-page-vehicle-page-carstore-vehicleside {
    /* border: 1px solid green; */
    width: 57%;
    margin-left: 43%;
    height: 51%;
    float: inline-start;
    margin-top: -30%;
}


.tablet-page-vehicle-page-carstore-vehicleimage {
    /* background-image: url(/html/img//vehicleImages/mule.png); */
    /* background-image: none; */
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background: transparent;
    width: 70%;
    height: 54%;
    margin: 0 auto;
    position: relative;
    top: 16%;
    filter: drop-shadow(2px 9px 14px black);
    opacity: 0;
    transition: .1s all;
    cursor: grab;
}

.tablet-page-vehicle-page-carstore-vehicleinfo-wrapper {
    width: 31%;
    margin: 0 auto;
    height: 17%;
    text-align: center;
    position: fixed;
    margin-top: 33%;
    margin-left: 56%;
    display: none;
}

.tablet-page-vehicle-page-carstore-vehicleinfo-carname {
    font-weight: 500;
    font-size: 2.4vh;
}

.tablet-page-vehicle-page-carstore-vehicleinfo-carprice {
    font-weight: 600;
    font-size: 3.4vh;
    color: #0df188;
}


.tablet-page-vehicle-page-carstore-vehicle-info {
    display: flex;
    margin-top: 5%;
}

.tablet-page-vehicle-page-carstore-vehicleinfo-carbuy {
    width: 39%;
    height: 33%;
    margin: 1% auto;
    border-radius: 6px;
    background: var(--box-bg-color);
    filter: drop-shadow(2px 4px 6px #0808080e);
    transition: .1s all;
    padding: 9px;
    font-weight: 600;
    font-size: 1.7vh;
    background: rgba(5, 6, 10, 0.08);
    border: 1px solid rgba(51, 61, 100, 0.14);
}

.tablet-page-vehicle-page-carstore-vehicleinfo-carbuy:hover {
    background-color: var(--hover-bg);
    border: 1px solid var(--hover-border);
    scale: 1.2;
    cursor: pointer;
}

.tablet-page-vehicle-page-carstore-vehicleinfo-fastordercarbuy {
    width: 39%;
    height: 33%;
    margin: 1% auto;
    border-radius: 6px;
    background: var(--box-bg-color);
    filter: drop-shadow(2px 4px 6px #0808080e);
    transition: .1s all;
    padding: 9px;
    font-weight: 600;
    font-size: 1.7vh;
    background: rgba(5, 6, 10, 0.08);
    border: 1px solid rgba(51, 61, 100, 0.14);
}

.tablet-page-vehicle-page-carstore-vehicleinfo-fastordercarbuy:hover {
    background-color: var(--hover-bg);
    border: 1px solid var(--hover-border);
    scale: 1.2;
    cursor: pointer;
}

/* — Garaj listesi ana ekran: orders-page (iki kolon, kart) ile aynı mimari */
.tablet-page.vehicle-page {
    --garage-accent: rgba(94, 234, 212, 0.6);
    --garage-accent-soft: rgba(94, 234, 212, 0.12);
    --orders-gap: 10px;
    --orders-card-radius: var(--tablet-box-radius, 12px);
    --orders-card-border: var(--tablet-box-border, rgba(255, 255, 255, 0.06));
    --orders-card-bg: var(
        --tablet-box-bg,
        linear-gradient(165deg, rgba(22, 24, 28, 0.95), rgba(12, 14, 18, 0.92))
    );
    --orders-card-shadow: var(--tablet-box-shadow, 0 4px 14px rgba(0, 0, 0, 0.22));
    color: var(--text-color);
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    margin-top: 0;
    top: auto;
    position: relative;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page.carlist {
    display: block;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 0;
}

/* Araç mağazası: sol liste | sağ: önizleme kartı + ayrı spec kartı + fiyat/CTA */
.tablet-page.vehicle-page .tablet-page-vehicle-page.carstore {
    display: none;
    grid-template-columns: minmax(0, min(300px, 34%)) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 14px;
    align-content: stretch;
    align-items: stretch;
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px 14px;
    margin: 0;
    position: relative;
    top: auto;
    left: auto;
    overflow: hidden;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicles {
    grid-column: 1;
    grid-row: 1 / -1;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: 100%;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    float: none;
    top: auto;
    position: relative;
    left: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: 6px 8px 10px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    scrollbar-gutter: stable;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background: var(--orders-card-bg);
    box-shadow: var(--orders-card-shadow);
    scrollbar-color: rgba(94, 234, 212, 0.35) rgba(0, 0, 0, 0.2);
    scrollbar-width: thin;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicles::-webkit-scrollbar {
    width: 6px;
}
.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicles::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}
.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicles::-webkit-scrollbar-thumb {
    background: rgba(94, 234, 212, 0.25);
    border-radius: 6px;
}
.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicles::-webkit-scrollbar-thumb:hover {
    background: rgba(94, 234, 212, 0.4);
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 0;
    align-items: center;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    height: auto;
    float: none;
    margin: 0 2px !important;
    padding: 10px 8px 10px;
    overflow: hidden;
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    border-bottom: 1px solid rgba(100, 104, 118, 0.12);
    background: transparent;
    box-shadow: none;
    filter: none;
    transition: background 0.14s ease, border-color 0.14s ease;
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box:last-of-type {
    border-bottom: none;
    margin-bottom: 2px !important;
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box::before {
    display: none;
    content: none;
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box:hover {
    background: rgba(255, 255, 255, 0.055);
    border-bottom-color: rgba(100, 104, 118, 0.18);
    transform: none;
    box-shadow: none;
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box.is-carstore-list-active {
    background: rgba(255, 255, 255, 0.055);
    border-bottom-color: rgba(100, 104, 118, 0.18);
    padding-right: 26px;
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box.is-carstore-list-active:hover {
    background: rgba(255, 255, 255, 0.055);
    border-bottom-color: rgba(100, 104, 118, 0.18);
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box .carstore-list-chevron {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: clamp(0.62rem, 0.95vh, 0.78rem);
    line-height: 1;
    color: rgba(94, 234, 212, 0.95);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.14s ease;
}

.tablet-page.vehicle-page .tablet-page-vehilce-page-carstore-vehicles-box.is-carstore-list-active .carstore-list-chevron {
    opacity: 1;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicle-box-img {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 56px !important;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    max-width: 56px;
    float: none;
    margin: 0;
    align-self: center;
    justify-self: center;
    border-radius: 9px;
    background-color: rgba(255, 255, 255, 0.035) !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(100, 104, 118, 0.15);
    box-shadow: none;
    filter: none;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicle-box-carname {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    top: auto;
    margin: 0;
    padding: 0 4px 0 0;
    font-size: 1.1vh;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    color: rgba(245, 247, 255, 0.92);
    height: auto;
    word-wrap: break-word;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicle-box-carprice {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    top: auto;
    margin: 0;
    margin-top: 2px;
    margin-left: 0;
    padding: 0 4px 0 0;
    font-size: 1.05vh;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
    color: rgba(94, 234, 212, 0.9);
    height: auto;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleside {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: 100%;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    float: none;
    top: auto;
    position: relative;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    padding: 14px;
    box-sizing: border-box;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background:
        radial-gradient(ellipse 80% 55% at 50% -15%, rgba(94, 234, 212, 0.07) 0%, transparent 55%),
        var(--orders-card-bg);
    box-shadow: var(--orders-card-shadow);
    overflow: hidden;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleimage {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 132px;
    max-height: min(320px, 48vh);
    width: 100%;
    max-width: min(100%, 440px);
    height: min(236px, 42vh);
    align-self: center;
    top: auto;
    margin: 0 auto;
    position: relative;
    left: auto;
    right: auto;
    opacity: 0;
    cursor: grab;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: none;
    transition: opacity 0.2s ease;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid var(--orders-card-border);
    background-color: transparent;
    box-shadow: none;
}

/* Mağaza: spec — vehicleside’dan bağımsız grid hücresi / ayrı wrapper */
.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-stats {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: min(228px, 38vh);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 10px 12px 10px;
    box-sizing: border-box;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background: var(--orders-card-bg);
    box-shadow:
        var(--orders-card-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    scrollbar-width: thin;
}

.tablet-page.vehicle-page .carstore-stats-empty {
    font-size: clamp(0.68rem, 0.9vh, 0.78rem);
    line-height: 1.45;
    text-align: center;
    color: rgba(255, 255, 255, 0.42);
    padding: 14px 10px;
    letter-spacing: 0.02em;
}

.tablet-page.vehicle-page .carstore-stat-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(52px, 1.45fr) 30px;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 7px 0;
    box-sizing: border-box;
}

.tablet-page.vehicle-page .carstore-stat-row + .carstore-stat-row {
    border-top: 1px solid rgba(100, 104, 118, 0.1);
}

.tablet-page.vehicle-page .carstore-stat-row-seats {
    grid-template-columns: minmax(0, 1fr) auto;
}

.tablet-page.vehicle-page .carstore-stat-row-seats .carstore-stat-seats-val {
    grid-column: 2;
    justify-self: end;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: clamp(0.72rem, 0.95vh, 0.85rem);
    color: rgba(244, 246, 255, 0.9);
}

.tablet-page.vehicle-page .carstore-stat-key {
    font-size: clamp(0.58rem, 0.78vh, 0.7rem);
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.48);
    font-weight: 600;
    min-width: 0;
    word-break: break-word;
}

.tablet-page.vehicle-page .carstore-stat-bar {
    min-width: 0;
    align-self: center;
}

.tablet-page.vehicle-page .carstore-stat-segments {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    gap: 3px;
    width: 100%;
    min-width: 0;
}

.tablet-page.vehicle-page .carstore-stat-seg {
    flex: 1 1 0;
    min-width: 0;
    height: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.06);
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.tablet-page.vehicle-page .carstore-stat-seg.is-on {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tablet-page.vehicle-page .carstore-stat-num {
    font-size: clamp(0.65rem, 0.85vh, 0.78rem);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: right;
    color: rgba(226, 232, 240, 0.88);
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-wrapper {
    grid-column: 2;
    grid-row: 3;
    position: relative;
    z-index: 1;
    width: 100% !important;
    min-width: 0;
    height: auto;
    max-width: none;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    left: auto;
    right: auto;
    top: auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 12px 12px;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background: var(--orders-card-bg);
    box-shadow: var(--orders-card-shadow);
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-carname {
    font-size: clamp(0.9rem, 1.4vh, 1.1rem);
    font-weight: 600;
    color: rgba(244, 246, 255, 0.95);
    margin: 0;
    padding: 0;
    word-break: break-word;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-carprice {
    font-size: clamp(1.1rem, 1.8vh, 1.4rem);
    font-weight: 700;
    color: rgba(94, 234, 212, 0.95);
    margin: 0;
    padding: 0;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicle-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    margin-top: 4px;
    box-sizing: border-box;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-carbuy,
.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-fastordercarbuy {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 40px;
    margin: 0;
    float: none;
    padding: 8px 12px;
    font-size: 1.25vh;
    font-weight: 600;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    box-sizing: border-box;
    background: rgba(5, 6, 10, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    transition: background 0.12s ease, border-color 0.12s ease, transform 0.12s ease;
    filter: none;
    scale: 1;
    cursor: pointer;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-carbuy:hover,
.tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-fastordercarbuy:hover {
    background: rgba(94, 234, 212, 0.1) !important;
    border-color: rgba(94, 234, 212, 0.4) !important;
    transform: none;
    scale: 1;
    cursor: pointer;
}

.tablet-page.vehicle-page .tablet-page-vehicle-garage-home {
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
}

.tablet-page.vehicle-page .tablet-page-vehicle-garage-home.is-vehicle-garage-active {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 12px;
    align-items: stretch;
    padding: 10px 10px 12px;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-wrapper {
    min-width: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    margin-top: 0;
    float: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 120px));
    gap: 4px;
    justify-content: start;
    justify-items: start;
    align-content: start;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background: var(--orders-card-bg);
    box-sizing: border-box;
    box-shadow:
        var(--orders-card-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    scrollbar-color: rgba(94, 234, 212, 0.35) rgba(0, 0, 0, 0.2);
    scrollbar-width: thin;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-wrapper::-webkit-scrollbar {
    width: 6px;
}
.tablet-page.vehicle-page .tablet-page-vehicle-page-car-wrapper::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}
.tablet-page.vehicle-page .tablet-page-vehicle-page-car-wrapper::-webkit-scrollbar-thumb {
    background: rgba(94, 234, 212, 0.25);
    border-radius: 6px;
}
.tablet-page.vehicle-page .tablet-page-vehicle-page-car-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(94, 234, 212, 0.4);
}

/* Araç kartı: dealership kategori kutusu (category-box) arka plan dili */
.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    width: 100% !important;
    min-width: 0;
    max-width: 120px;
    min-height: 128px;
    height: auto;
    float: none;
    margin: 0;
    justify-self: start;
    box-sizing: border-box;
    padding: 8px 10px 10px;
    gap: 4px;
    border-radius: var(--tablet-box-radius, 12px);
    border: 1px solid var(--tablet-box-border, rgba(255, 255, 255, 0.045));
    background:
        radial-gradient(ellipse 95% 52% at 8% -8%, rgba(255, 255, 255, 0.08) 0%, transparent 62%),
        radial-gradient(ellipse 72% 56% at 95% 110%, rgba(255, 255, 255, 0.045) 0%, transparent 64%),
        var(--tablet-box-bg, linear-gradient(180deg, rgba(20, 20, 21, 0.78), rgba(12, 12, 13, 0.78)));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    filter: none;
    scale: 1;
    background-image: none;
    background-size: auto;
    background-repeat: no-repeat;
}

/* Üstte hafif parlama — dealership category-box::before */
.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(130deg, rgba(255, 255, 255, 0.04), transparent 46%);
    pointer-events: none;
    opacity: 0.9;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.28);
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box.is-garage-vehicle-active {
    border-color: rgba(94, 234, 212, 0.5);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(94, 234, 212, 0.2);
    background:
        radial-gradient(ellipse 95% 52% at 8% -8%, rgba(94, 234, 212, 0.1) 0%, transparent 62%),
        radial-gradient(ellipse 72% 56% at 95% 110%, rgba(255, 255, 255, 0.04) 0%, transparent 64%),
        var(--tablet-box-bg, linear-gradient(180deg, rgba(20, 20, 21, 0.78), rgba(12, 12, 13, 0.78)));
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box.is-garage-vehicle-active::after {
    content: "";
    z-index: 0;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.32);
    pointer-events: none;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box-carimg {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 56px;
    height: 56px;
    min-height: 50px;
    margin-top: 0;
    flex-shrink: 0;
    border-radius: 10px;
    /* inline background-image: url() korunsun; sadece zemin rengi */
    background-color: rgba(255, 255, 255, 0.04) !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    filter: none;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box-carname {
    position: relative;
    z-index: 1;
    font-size: 1.15vh;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 4%;
    padding: 4px 2px 0;
    opacity: 0.95;
    height: auto;
    text-align: center;
    color: rgba(245, 247, 255, 0.95);
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-box-carplate {
    position: relative;
    z-index: 1;
    font-size: 1.05vh;
    margin-top: 0;
    padding: 0 2px 2px;
    height: auto;
    text-align: center;
    color: rgba(203, 213, 225, 0.8);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.tablet-page.vehicle-page .tablet-page-vehicle-page-car-info-wrapper {
    min-width: 0;
    width: 100%;
    max-height: 100%;
    height: 100%;
    margin: 0;
    float: none;
    font-family: 'Inter', 'Manrope', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    /* Dış sarmalayıcı: sadece boşluk; kart görünümü alt segmentlerde */
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    padding: 4px 0 0;
    position: relative;
    overflow: hidden;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: stretch;
    gap: 8px;
}

/* 1) üst: tamir veya hedef; 2) görsel; 3) bilgiler (kayar); 4) take car */
.tablet-page.vehicle-page .garage-info-toolbar {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 0;
    margin: 0;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background: var(--orders-card-bg);
    box-shadow:
        var(--orders-card-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Tüm bilgiler: tek kutu, sol etiket / sağ değer (hizalama) */
.tablet-page.vehicle-page .garage-info-data {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 6px 10px 8px;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background: var(--orders-card-bg);
    box-shadow:
        var(--orders-card-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    box-sizing: border-box;
}

.tablet-page.vehicle-page .garage-info-kv {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 7px 0;
    box-sizing: border-box;
}

.tablet-page.vehicle-page .garage-info-kv + .garage-info-kv {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tablet-page.vehicle-page .garage-owner-colors {
    width: 100%;
    flex: 0 0 auto;
    margin-top: 4px;
    padding: 8px 10px;
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    background: var(--orders-card-bg);
    box-sizing: border-box;
    max-height: 46vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.tablet-page.vehicle-page .garage-owner-colors-title {
    font-size: clamp(0.62rem, 0.86vh, 0.75rem);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.52);
    margin-bottom: 8px;
}

.tablet-page.vehicle-page .garage-color-main-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.tablet-page.vehicle-page .garage-color-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    padding: 9px;
    border-radius: 10px;
    border: 1px solid rgba(94, 234, 212, 0.18);
    background: rgba(255, 255, 255, 0.045);
    color: rgba(244, 246, 255, 0.88);
    font-size: clamp(0.62rem, 0.82vh, 0.76rem);
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;
}

.tablet-page.vehicle-page .garage-color-card:hover {
    border-color: rgba(94, 234, 212, 0.35);
    background: rgba(94, 234, 212, 0.08);
}

.tablet-page.vehicle-page .garage-color-card-check {
    position: absolute;
    top: 7px;
    right: 7px;
    display: grid;
    place-items: center;
    width: 17px;
    height: 17px;
    border-radius: 999px;
    background: rgba(94, 234, 212, 0.16);
    color: rgba(94, 234, 212, 0.95);
    font-size: 0.58rem;
}

.tablet-page.vehicle-page .garage-color-card-swatch {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.tablet-page.vehicle-page .garage-color-card-label {
    line-height: 1.2;
    text-align: left;
}

.tablet-page.vehicle-page .garage-color-card .settings-color-picker-row {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.tablet-page.vehicle-page .garage-color-card .clr-field,
.tablet-page.vehicle-page .garage-color-card .settings-color-picker-field {
    width: 1px;
}

.tablet-page.vehicle-page .garage-extra-body.hidden {
    display: none !important;
}

.tablet-page.vehicle-page .garage-extra-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(244, 246, 255, 0.9);
    font-size: clamp(0.64rem, 0.86vh, 0.78rem);
    font-weight: 600;
    cursor: pointer;
}

.tablet-page.vehicle-page .garage-extra-toggle.is-active {
    border-color: rgba(94, 234, 212, 0.35);
    background: rgba(94, 234, 212, 0.08);
}

.tablet-page.vehicle-page .garage-extra-summary {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(244, 246, 255, 0.72);
    font-size: 0.68em;
    margin-left: auto;
}

.tablet-page.vehicle-page .garage-extra-summary + .garage-extra-summary {
    margin-left: 0;
}

.tablet-page.vehicle-page .garage-extra-summary.is-disabled {
    opacity: 0.35;
}

.tablet-page.vehicle-page .garage-extra-summary-swatch {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.tablet-page.vehicle-page .garage-extra-chevron {
    transition: transform 0.12s ease;
}

.tablet-page.vehicle-page .garage-extra-toggle.is-active .garage-extra-chevron {
    transform: rotate(180deg);
}

.tablet-page.vehicle-page .garage-extra-body {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tablet-page.vehicle-page .garage-extra-option {
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.18);
}

.tablet-page.vehicle-page .garage-extra-option-title {
    margin-bottom: 8px;
    font-size: clamp(0.62rem, 0.84vh, 0.76rem);
    color: rgba(244, 246, 255, 0.82);
    font-weight: 700;
    letter-spacing: 0.03em;
}

.tablet-page.vehicle-page .garage-paint-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tablet-page.vehicle-page .garage-paint-type-grid label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: rgba(244, 246, 255, 0.7);
    font-size: clamp(0.6rem, 0.8vh, 0.74rem);
    font-weight: 600;
}

.tablet-page.vehicle-page .garage-paint-type-select {
    width: 100%;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(10, 14, 18, 0.92);
    color: rgba(244, 246, 255, 0.92);
    padding: 0 8px;
    font-size: clamp(0.62rem, 0.84vh, 0.76rem);
    outline: none;
}

.tablet-page.vehicle-page .garage-paint-type-select:focus {
    border-color: rgba(94, 234, 212, 0.45);
}

.tablet-page.vehicle-page .garage-extra-switch {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: rgba(244, 246, 255, 0.88);
    font-size: clamp(0.66rem, 0.88vh, 0.8rem);
    font-weight: 600;
}

.tablet-page.vehicle-page .garage-extra-switch input {
    accent-color: rgba(94, 234, 212, 0.9);
}

.tablet-page.vehicle-page .garage-pearl-preview-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tablet-page.vehicle-page .garage-pearl-swatch-preview,
.tablet-page.vehicle-page .garage-wheel-swatch-preview {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    flex-shrink: 0;
}

.tablet-page.vehicle-page .garage-pearl-index-val,
.tablet-page.vehicle-page .garage-wheel-index-val {
    font-size: clamp(0.68rem, 0.9vh, 0.82rem);
    color: rgba(244, 246, 255, 0.9);
    font-weight: 500;
}

.tablet-page.vehicle-page .garage-pearl-range {
    width: 100%;
    accent-color: rgba(94, 234, 212, 0.85);
}

.tablet-page.vehicle-page .garage-color-index-grid {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 3px;
    max-height: 88px;
    overflow-y: auto;
    padding: 2px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
}

.tablet-page.vehicle-page .garage-color-index-cell {
    aspect-ratio: 1;
    min-height: 14px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    cursor: pointer;
}

.tablet-page.vehicle-page .garage-color-index-cell.is-selected {
    outline: 2px solid rgba(94, 234, 212, 0.95);
    outline-offset: 1px;
    z-index: 1;
}

.tablet-page.vehicle-page .garage-owner-color-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.tablet-page.vehicle-page .garage-owner-color-row:last-child {
    margin-bottom: 0;
}

.tablet-page.vehicle-page .garage-owner-color-label {
    font-size: clamp(0.68rem, 0.9vh, 0.82rem);
    color: rgba(244, 246, 255, 0.88);
}

.tablet-page.vehicle-page .garage-owner-colors .settings-color-picker-row {
    margin: 0;
}

.tablet-page.vehicle-page .garage-owner-stickers-row {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tablet-page.vehicle-page .garage-owner-stickers-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--orders-card-radius);
    border: 1px solid rgba(94, 234, 212, 0.28);
    background: var(--orders-card-bg);
    box-shadow: var(--orders-card-shadow);
    color: rgba(230, 255, 250, 0.95);
    font-size: clamp(0.68rem, 0.9vh, 0.82rem);
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
    opacity: 1;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease, transform 0.08s ease, box-shadow 0.12s ease;
}

.tablet-page.vehicle-page .garage-owner-stickers-btn:hover:not(:disabled):not([aria-disabled="true"]) {
    background: rgba(94, 234, 212, 0.12);
    border-color: rgba(94, 234, 212, 0.45);
    color: #e6fffa;
}

.tablet-page.vehicle-page .garage-owner-stickers-btn:active:not(:disabled):not([aria-disabled="true"]) {
    transform: scale(0.98);
    background: rgba(94, 234, 212, 0.2);
    border-color: rgba(94, 234, 212, 0.55);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.25);
}

.tablet-page.vehicle-page .garage-owner-stickers-btn.is-loading {
    pointer-events: none;
    opacity: 0.7;
}

.tablet-page.vehicle-page .garage-owner-stickers-btn:disabled,
.tablet-page.vehicle-page .garage-owner-stickers-btn[aria-disabled="true"]:not(.is-loading) {
    cursor: not-allowed;
    opacity: 0.45;
    color: rgba(244, 246, 255, 0.45);
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    transform: none;
    box-shadow: none;
}

.tablet-page.vehicle-page .garage-owner-stickers-btn i {
    font-size: 0.95em;
    opacity: 0.9;
}

.tablet-page.vehicle-page .garage-owner-stickers-badge {
    font-size: 0.72em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.4);
}

.tablet-page.vehicle-page .garage-kv-key {
    min-width: 0;
    justify-self: start;
    text-align: left;
    font-size: clamp(0.62rem, 0.86vh, 0.75rem);
    line-height: 1.35;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.52);
    font-weight: 600;
    word-wrap: break-word;
    hyphens: auto;
}

.tablet-page.vehicle-page .garage-kv-val {
    min-width: 0;
    justify-self: end;
    text-align: right;
    line-height: 1.35;
    font-size: clamp(0.72rem, 0.95vh, 0.9rem);
    font-weight: 500;
    color: rgba(244, 246, 255, 0.95);
    word-wrap: break-word;
    word-break: break-word;
}

.tablet-page.vehicle-page .garage-kv-val.vehicle-info-plate {
    font-family: ui-monospace, 'Cascadia Code', 'Consolas', monospace;
    font-size: clamp(0.68rem, 0.9vh, 0.86rem);
    font-weight: 600;
    letter-spacing: 0.1em;
    color: rgba(226, 232, 240, 0.95);
    text-transform: uppercase;
}

.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-info-fix,
.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-target,
.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-info-sell {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 0;
    margin: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    font-size: clamp(0.72rem, 1.05vh, 0.88rem);
    border-radius: 8px;
    padding: 6px 10px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    line-height: 1.2;
    cursor: pointer;
    text-align: center;
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    transition: border-color 0.12s ease, background 0.12s ease;
}

.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-info-fix:hover {
    border-color: rgba(13, 241, 136, 0.45) !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-target {
    color: rgba(255, 255, 255, 0.92);
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-target:hover {
    border-color: rgba(13, 241, 136, 0.5) !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-info-sell {
    color: rgba(255, 220, 180, 0.95);
}

.tablet-page.vehicle-page .garage-info-toolbar .vehicle-page-car-info-sell:hover {
    border-color: rgba(251, 146, 60, 0.55) !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.tablet-page.vehicle-page .vehicle-page-car-info-carimg,
.tablet-page.vehicle-page .tablet-page-vehicle-page-car-info-carimg {
    width: 100%;
    max-width: 100%;
    max-height: 150px;
    min-height: 100px;
    height: 120px;
    margin: 0;
    display: block;
    flex-shrink: 0;
    filter: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.22);
    border-radius: var(--orders-card-radius);
    border: 1px solid var(--orders-card-border);
    box-shadow:
        var(--orders-card-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    box-sizing: border-box;
}

/* Placeholder: bilinen görsel yok (image_not_available) */
.tablet-page.vehicle-page .vehicle-page-car-info-carimg.is-garage-vehicle-image-unknown,
.tablet-page.vehicle-page .tablet-page-vehicle-page-car-info-carimg.is-garage-vehicle-image-unknown {
    opacity: 0.9;
    filter: grayscale(0.25);
    background-color: rgba(0, 0, 0, 0.45) !important;
    background-size: 42% !important;
}

.tablet-page.vehicle-page .vehicle-page-car-info-takecar {
    width: 100% !important;
    clear: both;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 10px 14px;
    height: auto;
    min-height: auto;
    max-height: none;
    /* column flex: 100% basis tüm yüksekliği kaplar; içerik yüksekliğinde dursun */
    flex: 0 0 auto;
    flex-grow: 0;
    align-self: stretch;
    box-sizing: border-box;
    border-radius: var(--orders-card-radius);
    background: var(--orders-card-bg) !important;
    box-shadow: var(--orders-card-shadow);
    border: 1px solid rgba(94, 234, 212, 0.28);
    color: rgba(230, 255, 250, 0.95);
    font-weight: 600;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
    filter: none;
}

.tablet-page.vehicle-page .vehicle-page-car-info-takecar:hover {
    background: rgba(94, 234, 212, 0.12) !important;
    border-color: rgba(94, 234, 212, 0.45) !important;
    color: #e6fffa !important;
    font-weight: 700;
}

@media (max-width: 1000px) {
    .tablet-page.vehicle-page .tablet-page-vehicle-garage-home.is-vehicle-garage-active {
        grid-template-columns: 1fr;
    }

    .tablet-page.vehicle-page .tablet-page-vehicle-page.carstore {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 40vh) minmax(0, 1fr) auto auto;
    }

    .tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicles {
        grid-column: 1;
        grid-row: 1;
    }

    .tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleside {
        grid-column: 1;
        grid-row: 2;
    }

    .tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-stats {
        grid-column: 1;
        grid-row: 3;
        max-height: min(200px, 34vh);
    }

    .tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleinfo-wrapper {
        grid-column: 1;
        grid-row: 4;
    }

    .tablet-page.vehicle-page .tablet-page-vehicle-page-carstore-vehicleimage {
        max-height: min(260px, 36vh);
    }
}