/* 车型分流及已选车操作区，沿用站点红黑视觉，不覆盖选车数据规则。 */
.ekr-vehicle-bar__actions,
.ekr-hyva-garage__actions {
    display: flex;
    gap: 10px;
}

.ekr-vehicle-bar__actions .ekr-hyva-garage__shop {
    min-height: 48px;
    padding-inline: 14px;
    white-space: nowrap;
    font-size: 13px;
}

.ekr-vehicle-journey__secondary {
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
}

.ekr-hyva-garage__panel .ekr-vehicle-journey__secondary {
    color: #111827;
    background: #fff;
}

.ekr-hyva-garage__panel .ekr-vehicle-journey__secondary:hover:not(:disabled),
.ekr-hyva-garage__panel .ekr-vehicle-journey__secondary:focus-visible:not(:disabled) {
    background: #f3f4f6;
    border-color: #111827;
    color: #111827;
}

.ekr-vehicle-bar__selection {
    display: none;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.has-vehicle.is-ymm-landing .ekr-vehicle-bar__selection {
    display: flex;
}

.ekr-vehicle-bar__primary,
.ekr-vehicle-bar__current {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 14px;
    min-width: 0;
    min-height: 48px;
    padding: 10px 18px;
    border-radius: 4px;
    background: #dc2626;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.ekr-vehicle-bar__primary:disabled {
    opacity: .6;
    cursor: wait;
}

.ekr-vehicle-bar__shop-label {
    flex-shrink: 0;
    padding-left: 14px;
    border-left: 1px solid rgba(255, 255, 255, .5);
}

.ekr-vehicle-bar__change-action {
    flex-shrink: 0;
    min-height: 44px;
    padding: 8px;
    color: #e5e7eb;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.ekr-vehicle-bar__primary:focus-visible,
.ekr-vehicle-bar__change-action:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

#ekr-vehicle-products {
    scroll-margin-top: 120px;
}

@media (max-width: 1023px) {
    .has-vehicle .ekr-vehicle-bar__selection {
        display: flex;
        gap: 10px;
    }

    .ekr-vehicle-bar__primary,
    .ekr-vehicle-bar__current {
        gap: 8px;
        padding: 10px;
        font-size: 13px;
    }

    .ekr-vehicle-bar__selection .ekr-vehicle-bar__summary {
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: left;
    }

    .ekr-vehicle-bar__change-action {
        min-height: 48px;
        padding-inline: 12px;
        border: 1px solid #6b7280;
        border-radius: 4px;
    }
}

@media (max-width: 767px) {
    .ekr-hyva-garage__actions {
        flex-direction: column;
    }
}

.ekr-vehicle-bar__form:has(.ekr-vehicle-bar__category){grid-template-columns:repeat(4,minmax(0,1fr)) auto}
.ekr-hyva-garage__category{grid-column:1/-1}
.ekr-vehicle-bar__reselect{display:none}
@media(max-width:1023px){
    .ekr-vehicle-bar__selection{position:relative}
    .ekr-vehicle-bar__selection .ekr-vehicle-bar__change-action{display:none}
    .ekr-vehicle-bar__selection :is(.ekr-vehicle-bar__current,.ekr-vehicle-bar__primary){padding-right:48px}
    .ekr-vehicle-bar__reselect{display:flex;align-items:center;justify-content:center;position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:#fff}
    .ekr-vehicle-bar__reselect:hover{background:#ffffff1a}
    .ekr-vehicle-bar__reselect:focus-visible{outline:2px solid #fff;outline-offset:-4px}
}
.ekr-vehicle-tab-switching :is(.ekr-hyva-garage__overlay,.ekr-hyva-garage__panel,.ekr-hyva-customize-selector__overlay,.ekr-hyva-customize-selector__panel){transition:none!important;transition-duration:0s!important;animation:none!important;opacity:1!important;transform:none!important}
.ekr-hyva-garage__panel,.ekr-hyva-customize-selector__panel{height:90vh;height:90dvh;min-height:90vh;min-height:90dvh;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden}
.ekr-hyva-garage__body,.ekr-hyva-customize-selector__body{flex:1 1 auto;min-height:0;overflow-y:auto}
.ekr-hyva-garage__header,.ekr-hyva-customize-selector__header{flex-shrink:0}
.ekr-hyva-garage__controls{grid-template-columns:repeat(4,minmax(0,1fr))}
.ekr-hyva-garage__controls .ekr-hyva-garage__category{grid-column:auto}
.ekr-hyva-garage__controls .ekr-hyva-garage__actions{grid-column:1/-1;justify-content:flex-end}
.ekr-hyva-customize-selector__panel > .ekr-hyva-customize-selector__actions{padding:20px 30px 24px!important;margin:0;flex-shrink:0;box-sizing:border-box}
@media(max-width:767px){
    .ekr-hyva-garage__panel,.ekr-hyva-customize-selector__panel{width:min(94vw,440px);height:100dvh;min-height:100dvh;max-height:100dvh;border-radius:0}
    .ekr-hyva-garage__controls{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ekr-hyva-customize-selector__panel > .ekr-hyva-customize-selector__actions{padding:16px 18px max(20px,env(safe-area-inset-bottom))!important}
}
.ekr-vehicle-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 30px;background:#191919;border-bottom:0;flex-shrink:0}
.ekr-vehicle-mode-tabs button{position:relative;display:grid;grid-template-columns:40px 1fr;align-content:center;align-items:center;column-gap:16px;row-gap:6px;min-height:104px;padding:20px 44px 20px 24px;border:1px solid #555;border-radius:6px;background:#222;color:#bcbcbc;text-align:left;transition:background .15s,color .15s}
.ekr-vehicle-mode-tabs button:before{content:'';grid-column:1;grid-row:1/3;width:36px;height:42px;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 40' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='10' y='2' width='10' height='7' rx='3'/%3E%3Cpath d='M10 12h10l3 16H9a4 4 0 0 1-4-4v-8a4 4 0 0 1 5-4ZM9 28l-3 7h21l-4-7M9 35v4m15-4v4M13 15v9m4-9v9'/%3E%3C/svg%3E")}
.ekr-vehicle-mode-tabs button:nth-child(2):before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 40' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M5 13h22l3 24H2L5 13ZM10 17V9a6 6 0 0 1 12 0v8'/%3E%3C/svg%3E")}
.ekr-vehicle-mode-tabs button strong,.ekr-vehicle-mode-tabs button span{grid-column:2}
.ekr-vehicle-mode-tabs button strong{font-size:20px;letter-spacing:.055em;line-height:1.2;font-weight:750}
.ekr-vehicle-mode-tabs button span{font-size:12px;letter-spacing:.02em}
.ekr-vehicle-mode-tabs button[aria-selected=true]{color:#fff;border-color:#e51b23;background:#e51b23;box-shadow:0 4px 16px #0003}
.ekr-vehicle-mode-tabs button[aria-selected=true]:after{content:'✓';position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#df2028;font-size:16px;font-weight:800}
.ekr-vehicle-mode-tabs button:hover{color:#fff;border-color:#ddd}
.ekr-vehicle-mode-tabs button:focus-visible{outline:2px solid #df2028;outline-offset:-5px}
.ekr-hyva-garage__panel,.ekr-hyva-customize-selector__panel{width:min(100%,1040px);border-radius:12px}
.ekr-hyva-garage__header,.ekr-hyva-customize-selector__header{padding:24px 30px 20px}
.ekr-hyva-garage__title,.ekr-hyva-customize-selector__title{font-size:28px;letter-spacing:-.025em}
@media(max-width:600px){.ekr-vehicle-mode-tabs{padding:14px;gap:10px}.ekr-vehicle-mode-tabs button{grid-template-columns:1fr;padding:14px 10px;min-height:96px}.ekr-vehicle-mode-tabs button:before{display:none}.ekr-vehicle-mode-tabs button strong,.ekr-vehicle-mode-tabs button span{grid-column:1}.ekr-vehicle-mode-tabs button[aria-selected=true]:after{width:16px;height:16px;font-size:11px;right:7px;top:9px;transform:none}.ekr-vehicle-mode-tabs button strong{font-size:14px}.ekr-hyva-garage__header,.ekr-hyva-customize-selector__header{padding:20px}.ekr-hyva-garage__title,.ekr-hyva-customize-selector__title{font-size:23px}}
.ekr-vehicle-bar__shop-products{background:#df2028!important;border-color:#df2028!important;color:#fff!important}
.ekr-vehicle-bar__shop-products:hover{background:#ba151d!important;border-color:#ba151d!important}
.ekr-vehicle-bar__customize{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:4px 0 4px 20px;border-left:1px solid #666;color:#fff;text-decoration:none;font-size:11px;font-weight:750;letter-spacing:.06em;min-height:44px}
.ekr-vehicle-bar__customize:hover{color:#ff555d}
.ekr-vehicle-bar__customize:focus-visible{outline:2px solid #ef343c;outline-offset:4px}
@media(max-width:767px){.ekr-vehicle-bar__customize{padding-left:10px;gap:5px;font-size:10px}.ekr-vehicle-bar__customize svg{width:25px;height:25px}}
@media(min-width:768px) and (max-width:1280px){
    .ekr-vehicle-bar__inner{gap:12px}
    .ekr-vehicle-bar__intro span{display:none}
    .ekr-vehicle-bar__form:has(.ekr-vehicle-bar__category){grid-template-columns:repeat(4,minmax(0,1fr))}
    .ekr-vehicle-bar__form:has(.ekr-vehicle-bar__category) .ekr-vehicle-bar__actions{grid-column:1/-1;justify-content:flex-end}
}