/* Layout & theme 
 * This file uses CSS variables generated from the Avada theme colors.
 */
.configurator-content.theme-light {
    background: #fff;
    border: 1px solid var(--stc-avada-color-2, #ddd); /* was #ddd */
    border-radius: 8px;
    padding: 1rem;
    max-width: 1200px;
    margin: 2rem auto;
    font-family: sans-serif;
}

.configurator-dropdowns-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.configurator-dropdowns-top h1 {
    color: var(--stc-avada-color-5, #c30f0f); /* was #c30f0f */
    font-size: 1.75rem;
    margin: 0;
}

.sedox-logo img {
    height: 50px;
}

/* Dropdown grid */
.box-dropdowns {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.col-dropdown {
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
}

.col-dropdown--last {
    flex: 1 1 100px;
    justify-content: flex-end;
}

/* Labels & selects */
.col-dropdown label {
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    padding: 0.5rem;
    border: 1px solid var(--stc-avada-color-3, #ccc); /* was #ccc */
    border-radius: 6px;
    background: #fff url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5'><path fill='%23333' d='M2 5L0 0h4z'/></svg>") no-repeat right 0.75rem center;
    background-size: 8px 10px;
}

/* Loader */
#stc-loader-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.stc-loader {
    border: 4px solid var(--stc-avada-color-1, #f3f3f3); /* was #f3f3f3 */
    border-top: 4px solid var(--stc-avada-color-5, #c30f0f); /* was #c30f0f */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.hidden { display: none !important; }

/* Buttons */
.btn-show-remaps, .btn-copy-link {
    padding: 0.5rem 1rem;
    margin-left: 0.5rem;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
}

.btn-show-remaps { background-color: var(--stc-avada-color-5, #c30f0f); } /* was #c30f0f */
.btn-copy-link    { background-color: var(--stc-avada-color-7, #3c86d9); } /* was #3c86d9 */

.copy-input {
    position: absolute;
    left: -9999px;
}

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

/* Responsive */
@media(max-width:768px){
    .box-dropdowns { 
        flex-direction: column; 
        gap: 0.5rem; /* Re-adjusted gap for tighter mobile layout */
    }

    .col-dropdown {
        margin-bottom: 0; /* Remove any bottom margin to rely on gap */
        flex: 1 1 auto; /* Allow dropdown to take full width on mobile */
    }
}


#sedox-vdb-plugin span.ui-toggle {
    display: inline-block;
    margin: 0;
    padding: 0
}

#sedox-vdb-plugin span.ui-toggle input[type=checkbox] {
    display: none
}

#sedox-vdb-plugin span.ui-toggle input[type=checkbox]:checked+label {
    background: #fff;
    border-color: var(--stc-avada-color-7, #3c86d9); /* was #3c86d9 */
    box-shadow: inset 0 0 0 10px #fff
}

#sedox-vdb-plugin span.ui-toggle input[type=checkbox]:checked+label>div {
    margin-left: 20px
}

#sedox-vdb-plugin span.ui-toggle label {
    align-items: center;
    background: #fff;
    border: 2px solid var(--stc-avada-color-7, #3c86d9); /* was #3c86d9 */
    border-radius: 22px;
    box-shadow: inset 0 0 0 0 #fff;
    display: inline-flex;
    height: 26px;
    padding: 0 5px;
    position: relative;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 53px
}

#sedox-vdb-plugin span.ui-toggle label div {
    background: var(--stc-avada-color-7, #3c86d9); /* was #3c86d9 */
    border-radius: 10px;
    height: 20px;
    transition: all .2s ease;
    width: 20px
}

#sedox-vdb-plugin span.ui-toggle label:hover,#sedox-vdb-plugin span.ui-toggle label>div:hover {
    cursor: pointer
}

#sedox-vdb-plugin.configurator-content {
    font-family: acumin-pro-condensed,sans-serif;
    font-size: 16px
}

#sedox-vdb-plugin.configurator-content a,#sedox-vdb-plugin.configurator-content abbr,#sedox-vdb-plugin.configurator-content acronym,#sedox-vdb-plugin.configurator-content address,#sedox-vdb-plugin.configurator-content applet,#sedox-vdb-plugin.configurator-content article,#sedox-vdb-plugin.configurator-content aside,#sedox-vdb-plugin.configurator-content audio,#sedox-vdb-plugin.configurator-content b,#sedox-vdb-plugin.configurator-content big,#sedox-vdb-plugin.configurator-content blockquote,#sedox-vdb-plugin.configurator-content body,#sedox-vdb-plugin.configurator-content canvas,#sedox-vdb-plugin.configurator-content caption,#sedox-vdb-plugin.configurator-content center,#sedox-vdb-plugin.configurator-content cite,#sedox-vdb-plugin.configurator-content code,#sedox-vdb-plugin.configurator-content dd,#sedox-vdb-plugin.configurator-content del,#sedox-vdb-plugin.configurator-content details,#sedox-vdb-plugin.configurator-content dfn,#sedox-vdb-plugin.configurator-content div,#sedox-vdb-plugin.configurator-content dl,#sedox-vdb-plugin.configurator-content dt,#sedox-vdb-plugin.configurator-content em,#sedox-vdb-plugin.configurator-content embed,#sedox-vdb-plugin.configurator-content fieldset,#sedox-vdb-plugin.configurator-content figcaption,#sedox-vdb-plugin.configurator-content figure,#sedox-vdb-plugin.configurator-content footer,#sedox-vdb-plugin.configurator-content form,#sedox-vdb-plugin.configurator-content h1,#sedox-vdb-plugin.configurator-content h2,#sedox-vdb-plugin.configurator-content h3,#sedox-vdb-plugin.configurator-content h4,#sedox-vdb-plugin.configurator-content h5,#sedox-vdb-plugin.configurator-content h6,#sedox-vdb-plugin.configurator-content header,#sedox-vdb-plugin.configurator-content hgroup,#sedox-vdb-plugin.configurator-content html,#sedox-vdb-plugin.configurator-content i,#sedox-vdb-plugin.configurator-content iframe,#sedox-vdb-plugin.configurator-content img,#sedox-vdb-plugin.configurator-content ins,#sedox-vdb-plugin.configurator-content kbd,#sedox-vdb-plugin.configurator-content label,#sedox-vdb-plugin.configurator-content legend,#sedox-vdb-plugin.configurator-content li,#sedox-vdb-plugin.configurator-content mark,#sedox-vdb-plugin.configurator-content menu,#sedox-vdb-plugin.configurator-content nav,#sedox-vdb-plugin.configurator-content object,#sedox-vdb-plugin.configurator-content ol,#sedox-vdb-plugin.configurator-content output,#sedox-vdb-plugin.configurator-content p,#sedox-vdb-plugin.configurator-content pre,#sedox-vdb-plugin.configurator-content q,#sedox-vdb-plugin.configurator-content ruby,#sedox-vdb-plugin.configurator-content s,#sedox-vdb-plugin.configurator-content samp,#sedox-vdb-plugin.configurator-content section,#sedox-vdb-plugin.configurator-content small,#sedox-vdb-plugin.configurator-content span,#sedox-vdb-plugin.configurator-content strike,#sedox-vdb-plugin.configurator-content strong,#sedox-vdb-plugin.configurator-content sub,#sedox-vdb-plugin.configurator-content summary,#sedox-vdb-plugin.configurator-content sup,#sedox-vdb-plugin.configurator-content table,#sedox-vdb-plugin.configurator-content tbody,#sedox-vdb-plugin.configurator-content td,#sedox-vdb-plugin.configurator-content tfoot,#sedox-vdb-plugin.configurator-content th,#sedox-vdb-plugin.configurator-content thead,#sedox-vdb-plugin.configurator-content time,#sedox-vdb-plugin.configurator-content tr,#sedox-vdb-plugin.configurator-content tt,#sedox-vdb-plugin.configurator-content u,#sedox-vdb-plugin.configurator-content ul,#sedox-vdb-plugin.configurator-content var,#sedox-vdb-plugin.configurator-content video {
    border: 0;
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

#sedox-vdb-plugin.configurator-content article,#sedox-vdb-plugin.configurator-content aside,#sedox-vdb-plugin.configurator-content details,#sedox-vdb-plugin.configurator-content figcaption,#sedox-vdb-plugin.configurator-content figure,#sedox-vdb-plugin.configurator-content footer,#sedox-vdb-plugin.configurator-content header,#sedox-vdb-plugin.configurator-content hgroup,#sedox-vdb-plugin.configurator-content menu,#sedox-vdb-plugin.configurator-content nav,#sedox-vdb-plugin.configurator-content section {
    display: block
}

#sedox-vdb-plugin.configurator-content body {
    line-height: 1
}

#sedox-vdb-plugin.configurator-content ol,#sedox-vdb-plugin.configurator-content ul {
    list-style: none
}

#sedox-vdb-plugin.configurator-content blockquote,#sedox-vdb-plugin.configurator-content q {
    quotes: none
}

#sedox-vdb-plugin.configurator-content blockquote:after,#sedox-vdb-plugin.configurator-content blockquote:before,#sedox-vdb-plugin.configurator-content q:after,#sedox-vdb-plugin.configurator-content q:before {
    content: none
}

#sedox-vdb-plugin.configurator-content table {
    border-collapse: collapse;
    border-spacing: 0
}

#sedox-vdb-plugin.configurator-content.cyrillic {
    font-family: Oswald,sans-serif
}

#sedox-vdb-plugin.configurator-content .text-sedox-red {
    color: var(--stc-avada-color-5, #c30f0f); /* was #c30f0f */
}

#sedox-vdb-plugin.configurator-content .hidden {
    display: none!important
}

#sedox-vdb-plugin.configurator-content h1 {
    color: var(--stc-avada-color-5, #c30f0f); /* was #c30f0f */
    font-size: 2em;
    font-weight: 800;
    text-align: left
}

#sedox-vdb-plugin.configurator-content .border {
    border-color: var(--stc-avada-color-3, #bfbfbf)!important; /* was #bfbfbf */
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns {
    margin-top: 1rem
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns-content {
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (min-width: 768px) {
    #sedox-vdb-plugin.configurator-content .configurator-dropdowns-content {
        flex-direction:row;
        justify-content: space-between
    }
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns-top h1 {
    font-size: 2em;
    font-weight: 800;
    line-height: 1.85;
    text-align: left
}

@media only screen and (min-width: 768px) {
    #sedox-vdb-plugin.configurator-content .configurator-dropdowns-top {
        flex:1 1 auto
    }
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-brand-list {
    display: flex;
    justify-content: flex-start
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item {
    background-color: #e5e5e5;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    border: 1px solid #bfbfbf;
    flex: 1 1 auto;
    font-size: 0;
    height: 50px;
    max-width: 80px;
    opacity: .6;
    padding: 0 5px;
    position: relative
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item.selected,#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item:active,#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item:hover {
    background-color: #f7f7f7;
    border-bottom-color: transparent!important;
    cursor: pointer;
    opacity: 1;
    padding-bottom: 1px
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item.b-left {
    border-left: 0
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item--cars {
    background-image: url(images/08ed75601da4e9a8d2d4.png)
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item--trucks {
    background-image: url(images/4419fd4d332f11791ffc.png)
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item--agriculture {
    background-image: url(images/eb6244130e6ee33530ee.png)
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item--marine {
    background-image: url(images/b5005355626c545cdeec.png)
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item--motorcycles {
    background-image: url(images/1dc5578b8363fd7610fe.png)
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .sedox-logo {
    align-items: flex-end;
    align-self: flex-end;
    display: flex;
    height: 80px;
    justify-content: end;
    max-width: 200px;
    overflow: hidden;
    position: relative;
    top: -10px
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .sedox-logo img {
    max-height: 100%
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .col-dropdown {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .col-dropdown--last {
    margin-left: auto;
    margin-top: 1.5rem;
    text-align: right
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns[min-width~="576px"] .col-dropdown {
    width: 50%
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns[min-width~="1000px"] .col-dropdown {
    width: 20%
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns label {
    color: #4d4d4d;
    font-size: 1.2em;
    font-weight: 700;
    text-align: left
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns select {
    border-radius: 0;
    font-size: 1.1em;
    height: calc(1.2em + 1.2rem + 2px);
    padding: .5rem 1.75rem .5rem .75rem;
    width: 100%
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns select optgroup:empty {
    display: none
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns {
    background-color: #f7f7f7;
    border: 1px solid #bfbfbf;
    display: flex;
    flex-wrap: wrap;
    margin-top: -1px;
    padding: 1rem
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns #sedox-loader-wrapper {
    align-items: center;
    background: #222;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: .8;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 15
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns #sedox-loader-wrapper.hidden {
    display: none
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns .sedox-loader,#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns .sedox-loader:after {
    border-radius: 50%;
    height: 5em;
    width: 5em
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns .sedox-loader {
    -webkit-animation: load8 .6s linear infinite;
    animation: load8 .6s linear infinite;
    border: 1.1em solid hsla(0,0%,100%,.3);
    border-left-color: #fff;
    font-size: 8px;
    margin: 60px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns button:active,#sedox-vdb-plugin.configurator-content .configurator-dropdowns button:focus,#sedox-vdb-plugin.configurator-content .configurator-dropdowns button:hover {
    text-decoration: none
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns button:hover {
    opacity: .8
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-copy-link,#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-show-remaps {
    background-color: #c30f0f;
    color: #fff;
    font-size: 1.1em;
    height: calc(1.2em + 1.2rem + 2px);
    margin-top: 5px;
    padding: 6px 30px;
    text-align: center;
    text-transform: none
}

#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-copy-link:disabled,#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-show-remaps:disabled {
    background-color: gray
}

#sedox-vdb-plugin.configurator-content .btn-copy-link {
    background-color: #3c86d9
}

#sedox-vdb-plugin.configurator-content .btn-copy-link:hover {
    box-shadow: inset 0 0 100px 100px hsla(0,0%,100%,.1)
}

#sedox-vdb-plugin.configurator-content .boxCarData {
    margin-top: 25px
}

#sedox-vdb-plugin.configurator-content .boxCarData .make_model_info {
    display: flex;
    flex-wrap: wrap
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text {
    align-items: start;
    display: flex;
    flex-grow: 1;
    min-width: 375px;
    text-align: left
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .logo {
    border: 1px solid #b2b2b2;
    padding: .5rem 0;
    text-align: center;
    width: 150px
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .logo img {
    margin: 0 auto;
    width: 70%
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .logo+div {
    max-width: 500px
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .make_model_text {
    margin-left: 1.5rem
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .brand {
    color: gray;
    font-size: 1em;
    font-weight: 800
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .model {
    color: #c30f0f;
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.5em
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .engine {
    color: #000;
    font-size: 2.5em;
    font-weight: 300;
    line-height: 42px
}

#sedox-vdb-plugin.configurator-content .boxCarData .image {
    margin-left: auto;
    max-width: 500px
}

#sedox-vdb-plugin.configurator-content .boxCarData .image img {
    height: auto;
    width: 420px
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text[min-width~="576px"] .brand {
    font-size: 1.2em
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text[min-width~="576px"] .model {
    font-size: 2em
}

#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text[min-width~="576px"] .engine {
    font-size: 2.5em
}

#sedox-vdb-plugin.configurator-content .boxCarData h2 {
    font-size: 1.5em
}

#sedox-vdb-plugin.configurator-content .boxCarData h3 {
    font-size: 1.5em;
    font-weight: 800;
    padding: 5px 0;
    text-align: left
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning {
    font-size: 1.3em;
    table-layout: auto;
    width: 95%
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th {
    font-size: .9em;
    font-weight: 700
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th:nth-child(2n) {
    color: gray
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th:nth-child(odd) {
    color: #c30f0f
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr:first-child td {
    border-bottom: 2px solid #fff
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning td,#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th {
    padding: 15px;
    text-align: center;
    text-transform: none;
    vertical-align: middle
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr td:first-child {
    background-color: #000!important;
    color: #fff;
    font-size: .9em;
    font-weight: 800
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.power td:nth-child(odd) {
    background-color: #c30f0f;
    color: #fff;
    font-weight: 400
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.power td:nth-child(2n+4) {
    color: #c30f0f
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.torque td:nth-child(odd) {
    background-color: #3c86d9;
    color: #fff;
    font-weight: 400
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.torque td:nth-child(2n+4) {
    color: #3c86d9
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning td:not(:first-child) {
    font-size: 1.3em
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning td:nth-child(2n) {
    background-color: #f1f1f1
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-specs {
    font-size: 1.1em;
    margin-top: 1em;
    table-layout: fixed;
    width: 100%
}

#sedox-vdb-plugin.configurator-content .boxCarData .tbl-specs tr td:nth-child(2n) {
    font-weight: 700;
    line-height: 1.9em;
    text-align: right
}

#sedox-vdb-plugin.configurator-content .boxCarData .option-img {
    align-items: center;
    background-color: #f1f1f1;
    border: 1px solid #a5a5a5;
    display: flex;
    height: 85px;
    justify-content: center;
    width: 85px
}

#sedox-vdb-plugin.configurator-content .boxCarData .option-img img {
    max-height: 35px;
    max-width: 50px
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data {
    display: flex;
    flex-wrap: wrap
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data.bordered-top {
    border-top: 1px solid #dee2e6;
    margin-top: 1.5rem
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data_et {
    color: #000;
    display: flex;
    font-size: 1.1em;
    justify-content: space-between;
    line-height: 1.6em
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data_et:first-of-type {
    margin-top: 2.8em
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data_et .value {
    font-weight: 700
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul {
    display: flex
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul li:not(:first-child) {
    margin-left: 5px
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul li .image {
    align-items: center;
    background-color: #f1f1f1;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul li .image img {
    max-height: 90px;
    max-width: 90px
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul li .name {
    font-size: 1em;
    line-height: 1.4em;
    margin-top: 8px;
    max-width: 95px;
    text-align: center
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .tuning-tools .data_et .value {
    max-width: 260px;
    text-align: right
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data-box {
    flex-grow: 1;
    margin-top: 20px
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data-box--end {
    border-left: 1px solid #dee2e6;
    max-width: 380px
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data-box .modifications {
    font-size: 16px;
    margin-right: .25rem;
    margin-top: .5rem
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data[min-width~="856px"] .data-box--end {
    margin-left: 50px;
    padding-left: 50px
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data[min-width~="856px"] .data-box--end.border-l {
    border-left: 1px solid #bfbfbf
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .box-tuning-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .box-tuning-header .box-tuning-unit-switch {
    align-items: start;
    display: flex
}

#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .box-tuning-header .box-tuning-unit-switch .switch-label {
    line-height: 23px;
    padding: 0 5px
}

#sedox-vdb-plugin.configurator-content .dynochart {
    margin-top: 1.5rem;
    min-height: 300px
}

#sedox-vdb-plugin.configurator-content .dynochart .chart-canvas {
    margin-top: 1rem
}

#sedox-vdb-plugin.configurator-content.theme-dark {
    background: #252525;
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark h1 {
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .border {
    border-color: #4a4a4a!important
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .item {
    color: #000
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .item.selected,#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .item:active,#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .item:hover {
    background-color: #a0a0a0
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns label {
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns select {
    background: hsla(0,0%,100%,.2);
    border-color: hsla(0,0%,100%,.2);
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns select:active,#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns select:focus {
    box-shadow: 0 0 0 .2rem hsla(0,0%,100%,.25)!important
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns select:disabled {
    color: gray
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .box-dropdowns {
    background: hsla(0,0%,100%,.2)
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .box-dropdowns .btn-show-remaps {
    background-color: #c30f0f;
    border-color: hsla(0,0%,100%,.2);
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .box-dropdowns .btn-show-remaps:disabled {
    background-color: #ababab!important
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .box-dropdowns .btn-show-remaps:active,#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .box-dropdowns .btn-show-remaps:focus {
    box-shadow: 0 0 0 .2rem hsla(0,0%,100%,.25)!important
}

#sedox-vdb-plugin.configurator-content.theme-dark .configurator-dropdowns .box-dropdowns .btn-show-remaps:focus {
    outline: 3px auto hsla(0,0%,100%,.25)
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .logo_and_text .logo {
    border: 1px solid #b2b2b2
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .logo_and_text .brand {
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .logo_and_text .model {
    color: #c30f0f
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .logo_and_text .engine,#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .tuning-data,#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData h3 {
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData th:nth-child(odd) {
    color: #c30f0f
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData tr:first-child td {
    border-bottom: 2px solid rgba(92,92,92,.5)
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData tr td:first-child {
    background-color: #000!important;
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData tr.power td:nth-child(odd) {
    background-color: #c30f0f;
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData tr.torque td:nth-child(odd) {
    background-color: #3c86d9;
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData tr.torque td:nth-child(2n+4) {
    color: #3c86d9
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData td:nth-child(2n) {
    background: hsla(0,0%,95%,.2);
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .vehicle-panel .tuning-data .data_et {
    color: #fff
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .vehicle-panel .tuning-data .available-options ul li .image {
    background-color: #2f2f2f
}

#sedox-vdb-plugin.configurator-content.theme-dark .boxCarData .vehicle-panel[min-width~="856px"] .data-box--end.border-l {
    border-left: 1px solid #bfbfbf
}

/* --- Responsive Engine Details --- */
@media (max-width: 768px) {
    /* Stack the main content columns on mobile */
    #sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data {
        flex-direction: column;
        gap: 1.5rem;
    }
    #sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data-box {
        width: 100%;
    }

    /* Transform table into a list-like view */
    .tbl-tuning {
        border: 0;
    }
    .tbl-tuning thead {
        display: none;
    }
    .tbl-tuning tr {
        display: block;
        margin-bottom: 1.5rem;
        border: 1px solid var(--stc-avada-color-2, #ddd);
        border-radius: 8px;
        overflow: hidden; /* Ensures child element borders don't poke out */
    }
    .tbl-tuning td {
        display: block;
        text-align: right;
        font-size: 1rem;
        border-bottom: 1px solid var(--stc-avada-color-2, #ddd);
        padding: 0.75rem 1rem;
    }
    .tbl-tuning tr:last-of-type td:last-of-type,
    .tbl-tuning td:last-child {
        border-bottom: 0;
    }

    /* Use data-label for pseudo-element headers */
    .tbl-tuning td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 0.85rem;
        color: var(--stc-avada-color-6, #555);
    }

    /* First cell (e.g., "Power (hp)") becomes a header for the block */
    .tbl-tuning td:first-child {
        text-align: center;
        font-size: 1.25rem;
        font-weight: bold;
        background: var(--stc-avada-color-8, #333) !important;
        color: #fff !important;
        border-bottom: 2px solid var(--stc-avada-color-5, #c30f0f) !important;
    }
    .tbl-tuning td:first-child::before {
        content: ""; /* Hide the data-label for our main header cell */
    }

    /* Restore background colors for tuned values on mobile */
    .tbl-tuning td {
        background-color: transparent !important; /* Reset all backgrounds first */
        color: inherit;
    }
    .tbl-tuning tr.power td[data-label="Stage 1"],
    .tbl-tuning tr.power td[data-label="Stage 2"],
    .tbl-tuning tr.power td[data-label="Stage 3"] {
         background-color: var(--stc-avada-color-5, #c30f0f) !important;
         color: #fff !important;
    }
    .tbl-tuning tr.torque td[data-label="Stage 1"],
    .tbl-tuning tr.torque td[data-label="Stage 2"],
    .tbl-tuning tr.torque td[data-label="Stage 3"] {
         background-color: var(--stc-avada-color-7, #3c86d9) !important;
         color: #fff !important;
    }

    /* Restore colors for increase values */
    .tbl-tuning tr.power td[data-label="Increase"] {
         color: var(--stc-avada-color-5, #c30f0f) !important;
         font-weight: bold;
    }
     .tbl-tuning tr.torque td[data-label="Increase"] {
         color: var(--stc-avada-color-7, #3c86d9) !important;
         font-weight: bold;
    }

    /* Reset the desktop-only font size increase */
    .tbl-tuning td:not(:first-child) {
        font-size: 1em;
    }

    /* Additional Mobile Adjustments for Vehicle Header */
    #sedox-vdb-plugin .make_model_text .engine {
        font-size: 1.2rem !important; /* Force smaller font size on mobile */
        line-height: 1.4 !important; /* Adjust for better readability */
        overflow-wrap: break-word;   /* Ensure long text wraps */
        word-wrap: break-word;
    }

    /* Ensure available options wrap correctly */
    #sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; /* Align items to the start */
        gap: 1rem;
    }

    #sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul li {
        flex: 1 1 80px; /* Allow items to grow and shrink, with a base size */
        margin-top: 0 !important; /* Override inline styles if any */
        text-align: center;
    }
}

/* --- Overflow fix for long engine titles --- */
#sedox-vdb-plugin .make_model_text .engine {
    overflow-wrap: break-word;
    word-wrap: break-word; /* Fallback */
}

.make_model_text .brand {
    font-size: 1.2rem;
    font-weight: bold;
}

.make_model_text .model {
    font-size: 1.5rem;
    font-weight: bold;
}

.make_model_text .engine {
    font-size: 1.1rem;
    color: var(--stc-avada-color-6, #555);
    overflow-wrap: break-word; /* Prevent long text from overflowing */
    word-wrap: break-word;     /* Fallback for older browsers */
}

.make_model_text p {
    overflow-wrap: break-word; /* Prevent long text from overflowing */
    word-wrap: break-word;     /* Fallback for older browsers */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .stc-details-columns {
        flex-direction: column;
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    #sedox-vdb-plugin .make_model_text .engine {
        font-size: 1.2rem !important; /* Force smaller font size on mobile */
        line-height: 1.4 !important; /* Adjust for better readability */
    }
}