.dna-oem-selector{clear:both;max-width:1200px;margin:48px auto;padding:36px 24px;background:#f7f7f7;color:#171717}
.dna-oem-heading{text-align:center;margin-bottom:30px}
.dna-oem-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}
.dna-oem-heading h2{font-size:32px;font-weight:800;margin:12px 0}
.dna-oem-heading p{color:#666}
.dna-oem-carousel{display:flex;align-items:center;gap:12px;overflow:hidden}
.dna-oem-track{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;min-height:380px;overflow:hidden}
.dna-oem-card{flex:0 0 29%;min-width:0;padding:24px 15px;background:white;border:2px solid #ddd;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .25s,opacity .25s,border-color .25s}
.dna-oem-card img{height:170px;width:100%;object-fit:contain}
.dna-oem-card strong{font-size:16px}
.dna-oem-sku,.dna-oem-hint{font-size:12px;color:#666}
.dna-oem-select-label{background:#111;color:white;padding:12px 15px;font-weight:800;font-size:12px}
.dna-oem-card.is-centre{transform:scale(1.06);opacity:1}
.dna-oem-card.is-side{opacity:.55;transform:scale(.9)}
.dna-oem-card.is-hidden{display:none}
.dna-oem-card.is-selected{border-color:#FFF200;box-shadow:0 0 0 2px #FFF200}
.dna-oem-card.is-selected .dna-oem-select-label{background:#FFF200;color:#111}
.dna-oem-arrow{border:0;background:#111;color:#FFF200;font-size:24px;width:44px;height:50px;cursor:pointer}
.dna-oem-vehicle{background:#fff;padding:28px;margin-top:25px;border-radius:12px}
.dna-oem-vehicle h3{margin:0 0 20px;font-size:22px}
.dna-oem-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.dna-oem-fields label{font-weight:700;font-size:13px}
.dna-oem-fields input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #bbb;border-radius:5px}
.dna-oem-status{font-weight:700;margin:20px 0 12px}
.dna-oem-package-button{width:100%;background:#FFF200;color:#111;border:0;padding:18px;font-size:16px;font-weight:900;cursor:pointer}
.dna-oem-price{text-align:center;font-weight:700;margin-top:15px}
@media(max-width:767px){
.dna-oem-selector{padding:24px 12px;margin:25px auto}
.dna-oem-heading h2{font-size:25px}
.dna-oem-track{min-height:330px;gap:0}
.dna-oem-card{flex:0 0 100%;padding:16px}
.dna-oem-card.is-side{display:none}
.dna-oem-card.is-centre{transform:none}
.dna-oem-card img{height:145px}
.dna-oem-arrow{width:32px;flex-shrink:0}
.dna-oem-fields{grid-template-columns:1fr}
.dna-oem-vehicle{padding:18px}
}

/* DNA OEM Selector - Approved Compact Desktop Layout */
@media (min-width: 768px) {
    .dna-oem-selector {
        max-width: 1200px;
        margin: 35px auto;
        padding: 28px;
        background: #fff;
        border: 3px solid #FFF200;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .dna-oem-heading {
        margin-bottom: 22px;
    }

    .dna-oem-heading h2 {
        font-size: 26px;
        margin: 8px 0;
    }

    .dna-oem-track {
        gap: 12px;
        min-height: 0;
        overflow: visible;
    }

    .dna-oem-card {
        flex: 1 1 0;
        padding: 14px 8px;
        gap: 7px;
        transform: none !important;
        opacity: 1 !important;
        border-radius: 8px;
    }

    .dna-oem-card img {
        height: 110px;
    }

    .dna-oem-card strong {
        font-size: 13px;
        text-align: center;
    }

    .dna-oem-card .dna-oem-select-label {
        padding: 9px 6px;
        font-size: 10px;
        text-align: center;
    }

    .dna-oem-arrow {
        display: none;
    }

    .dna-oem-vehicle {
        background: #f7f7f7;
        margin-top: 22px;
        padding: 22px;
        border-radius: 8px;
    }

    .dna-oem-vehicle h3 {
        font-size: 19px;
        margin-bottom: 14px;
    }

    .dna-oem-purchase {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 18px;
    }

    .dna-oem-purchase-info {
        flex: 1;
    }

    .dna-oem-status {
        margin: 0 0 6px;
    }

    .dna-oem-price {
        text-align: left;
        margin: 0;
    }

    .dna-oem-package-button {
        width: auto;
        min-width: 280px;
        padding: 16px 20px;
    }
}

/* OEM package price alignment */
.dna-oem-price .price-box,
.dna-oem-price .price-container,
.dna-oem-price .price-wrapper {
    display: inline;
}

.dna-oem-price .price-box {
    margin-right: 8px;
}

/* OEM package price row alignment */
.dna-oem-price-heading {
    font-weight: 700;
    margin-bottom: 4px;
}

.dna-oem-price-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
}

.dna-oem-price-row .price-box {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
}

.dna-oem-per-mirror {
    white-space: nowrap;
    font-weight: 400;
}

@media (max-width: 767px) {
    .dna-oem-price-row {
        gap: 6px;
    }
}

/* DNA OEM package button - match site button styling */
.dna-oem-selector .dna-oem-package-button {
    border-radius: 4px;
}