.catalog-original-header{display:none}
html{scroll-padding-top:calc(var(--catalog-toolbar-height,100px) + 12px)}
html:not([data-vehicle-page]) .catalog-page{padding-top:calc(var(--catalog-toolbar-height,100px) + 12px)!important}
.catalog-toolbar{position:fixed;inset:0 0 auto;z-index:1100;background:#f6f7f8;border-bottom:1px solid #d8ddd8;box-shadow:0 3px 12px #17251d0d;padding:8px clamp(12px,3vw,40px);display:grid;gap:7px}
.catalog-toolbar-top,.catalog-toolbar-bottom{display:flex;align-items:center;gap:12px;min-width:0}
.catalog-home{flex:none;display:flex;align-items:center}.catalog-home img{width:65px;height:34px;object-fit:contain}
.catalog-model-choices{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.catalog-model-choices select,.catalog-toolbar .filter-all{font:600 14px/1.3 inherit;font-family:inherit;font-size:14px;font-weight:600;color:#315440;border:1px solid #cbd2cd;background:#fff;border-radius:7px;padding:7px 10px;min-width:0;max-width:180px;height:36px}
.catalog-model-choices select:focus-visible{outline:2px solid #315440;outline-offset:2px}
.catalog-toolbar .langs{position:static!important;display:flex;flex:none;margin:0!important;padding:0!important;background:transparent;box-shadow:none;gap:2px;backdrop-filter:none}
.catalog-toolbar .langs button{font-size:12px;padding:7px 8px}
.catalog-toolbar .catalog-sort{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:16px;flex:1;margin:0!important;min-width:0;font-size:14px}
.catalog-toolbar .catalog-sort button{white-space:nowrap;font-weight:700;color:#315440;padding:4px 0;gap:4px}
.catalog-toolbar .catalog-sort button[aria-pressed=true]{color:#a04d2c}
.catalog-toolbar .catalog-filter-actions{display:flex!important;flex:none!important;flex-basis:auto!important;align-items:center;justify-content:flex-end;gap:7px;margin:0!important}
.catalog-toolbar .catalog-filter-actions button{font-family:inherit;font-size:13px;border-radius:7px;height:36px;padding:6px 10px;white-space:nowrap}
.catalog-toolbar .catalog-filter-actions .catalog-layout-button{width:36px;min-width:36px;padding:0!important}
.catalog-toolbar .favorite-filter-button{width:36px;padding:0!important}
@media(max-width:680px){.catalog-toolbar{padding:6px 8px;gap:5px}.catalog-toolbar-top,.catalog-toolbar-bottom{gap:6px}.catalog-home img{width:43px;height:30px}.catalog-model-choices{gap:4px}.catalog-model-choices select,.catalog-toolbar .filter-all{font-size:12px;padding:5px;max-width:125px;height:32px}.catalog-toolbar .langs{gap:0}.catalog-toolbar .langs button{font-size:10px;padding:6px 4px}.catalog-toolbar .catalog-sort{gap:clamp(3px,1vw,8px);font-size:clamp(9px,2.2vw,12px)}.catalog-toolbar .catalog-sort .sort-arrow{font-size:12px}.catalog-toolbar .catalog-filter-actions{gap:3px}.catalog-toolbar .catalog-filter-actions button{font-size:11px;padding:5px;height:32px}.catalog-toolbar .favorite-filter-button,.catalog-toolbar .catalog-filter-actions .catalog-layout-button{width:30px;min-width:30px}.catalog-toolbar .catalog-sort button{gap:2px}}

/* Keep the model group centered independently of the logo and language widths. */
.catalog-toolbar-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.catalog-toolbar-top>.catalog-home{justify-self:start}
.catalog-toolbar-top>.langs{justify-self:end}
.catalog-model-choices{justify-content:center;flex:none}
.catalog-mi-brand{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none}
.catalog-mi-brand svg{display:block;width:100%;height:100%}
.catalog-mi-brand:hover{filter:brightness(1.08)}
@media(max-width:680px){.catalog-toolbar-top{grid-template-columns:auto minmax(0,1fr) auto}.catalog-mi-brand{width:30px;height:30px}.catalog-model-choices{gap:3px}.catalog-model-choices select{flex:1;width:0}.catalog-toolbar-top>.langs button{padding-inline:3px}.catalog-toolbar-top>.catalog-home img{width:36px}}

/* Language glyphs must not change the toolbar geometry. */
.catalog-toolbar .langs{align-items:center;height:36px;white-space:nowrap}
.catalog-toolbar .langs button{display:inline-flex;align-items:center;justify-content:center;flex:none;height:32px;min-height:32px;max-height:32px;line-height:16px;white-space:nowrap;padding-block:0;box-sizing:border-box}
.catalog-toolbar-top,.catalog-toolbar-bottom{min-height:36px}
@media(max-width:680px){.catalog-toolbar .langs{height:32px}.catalog-toolbar .langs button{height:28px;min-height:28px;max-height:28px;line-height:14px;padding-block:0}.catalog-toolbar-top,.catalog-toolbar-bottom{min-height:32px}}

/* The G mark occupies both rows; model controls and sorting start beside it. */
.catalog-toolbar{grid-template-columns:79px minmax(0,1fr);column-gap:12px}
.catalog-toolbar>.catalog-home{grid-column:1;grid-row:1/3;align-self:stretch;justify-self:start}
.catalog-toolbar>.catalog-home img{width:79px;height:79px;object-fit:contain}
.catalog-toolbar-top{grid-column:2;grid-row:1;display:flex;justify-content:space-between}
.catalog-toolbar-bottom{grid-column:2;grid-row:2}
.catalog-model-choices{justify-content:flex-start}
.catalog-toolbar-top>.langs{margin-left:auto!important}
.catalog-toolbar .catalog-sort{justify-content:flex-start}
@media(max-width:680px){.catalog-toolbar{grid-template-columns:69px minmax(0,1fr);column-gap:6px}.catalog-toolbar>.catalog-home img{width:69px;height:69px}.catalog-model-choices{flex:1;gap:3px}.catalog-toolbar-top{gap:4px}.catalog-toolbar .catalog-sort{gap:3px;font-size:clamp(8px,1.8vw,12px)}.catalog-toolbar .catalog-filter-actions button{padding-inline:4px}.catalog-toolbar .catalog-filter-actions{gap:2px}}

html[data-vehicle-page] .catalog-toolbar{display:grid!important}
html[data-vehicle-page] .catalog-page{padding-top:var(--catalog-toolbar-height,96px)!important}

/* Empty selects show their field name while their reset option remains All. */
.catalog-choice-wrap{position:relative;min-width:0;max-width:180px}
.catalog-choice-wrap select{display:block;width:100%;max-width:none}
.catalog-choice-caption{display:none;position:absolute;left:11px;right:25px;top:50%;transform:translateY(-50%);pointer-events:none;color:#315440;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.catalog-choice-wrap.is-empty .catalog-choice-caption{display:block}
.catalog-choice-wrap.is-empty select{color:transparent!important}
.catalog-choice-wrap select option{color:#315440!important}
#catalog-model-choice{min-width:92px}#catalog-trim-choice{min-width:140px}#catalog-year-choice{min-width:146px}
@media(max-width:680px){.catalog-choice-wrap{flex:1;min-width:0}.catalog-choice-wrap select{width:100%!important;min-width:0!important}.catalog-choice-caption{font-size:12px;left:6px;right:19px}}
.catalog-choice-wrap.is-empty::after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-right:1px solid #647066;border-bottom:1px solid #647066;transform:translateY(-70%) rotate(45deg);pointer-events:none}

html[data-vehicle-page] .gallery-stage .vehicle-page-nav{position:absolute;inset:8px 8px auto;z-index:3;display:flex;justify-content:space-between;gap:8px;margin:0;pointer-events:none}
html[data-vehicle-page] .gallery-stage .vehicle-page-nav :is(.catalog-back,.vehicle-share){pointer-events:auto;min-width:0;min-height:30px;padding:6px 10px;font-size:12px;line-height:1.2;border-radius:16px;background:#fffefaf2;border-color:#cbd2cd;box-shadow:0 1px 5px #17251d1a}
html[data-vehicle-page] .gallery-stage .vehicle-page-nav .vehicle-share{margin-left:auto}
