@layer reset,tokens,base,layout;@layer components{.add-vehicle-slot{grid-template-columns:var(--compared-vehicle-image-width) minmax(0, 1fr);gap:var(--compared-vehicle-gap);width:100%;height:100%;min-block-size:var(--compared-vehicle-min-height);border:var(--border-width) dashed var(--color-border-input);border-radius:var(--radius);text-align:start;background:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast) var(--easing-standard);align-items:stretch;padding:0;display:grid;overflow:hidden}.add-vehicle-slot:hover{--add-vehicle-slot-icon-fill:var(--color-navy);--add-vehicle-slot-icon-color:var(--color-text-inverse);border-color:var(--color-text-muted)}.add-vehicle-slot__media{background:var(--color-surface-subtle);place-items:center;display:grid}.add-vehicle-slot__icon{width:var(--space-8);height:var(--space-8);border:var(--border-width) solid var(--color-border-input);border-radius:var(--radius-full);color:var(--add-vehicle-slot-icon-color,var(--color-text));background:var(--add-vehicle-slot-icon-fill,var(--color-surface));transition:color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);place-items:center;display:grid}.add-vehicle-slot__text{padding-block:var(--space-3);align-content:center;padding-inline-end:var(--space-3);display:grid}.add-vehicle-slot__label{font-size:var(--type-body-strong-size);font-weight:var(--type-body-strong-weight);line-height:var(--type-body-strong-leading);letter-spacing:var(--type-body-strong-tracking)}.add-vehicle-slot__hint{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.compared-vehicle-card{grid-template-rows:1fr auto;grid-template-columns:var(--compared-vehicle-image-width) minmax(0, 1fr) auto;column-gap:var(--compared-vehicle-gap);min-width:0;height:100%;min-block-size:var(--compared-vehicle-min-height);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:border-color var(--duration-fast) var(--easing-standard);padding-inline-end:var(--space-2);display:grid}.compared-vehicle-card:hover{border-color:var(--color-border-strong)}.compared-vehicle-card__identity{grid-template-rows:subgrid;grid-template-columns:subgrid;grid-area:1/1/-1/3;text-decoration:none;display:grid}.compared-vehicle-card__image{grid-row:1/-1;align-self:center;padding-inline-start:var(--space-2)}.compared-vehicle-card__names{min-width:0;grid-column:2;align-content:end;padding-block-start:var(--space-3);display:grid}.compared-vehicle-card__brand,.compared-vehicle-card__trim{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compared-vehicle-card__model{font-size:var(--type-body-strong-size);font-weight:var(--type-body-strong-weight);line-height:var(--type-body-strong-leading);letter-spacing:var(--type-body-strong-tracking);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compared-vehicle-card__identity:hover{color:var(--color-text-hover)}.compared-vehicle-card__price{text-overflow:ellipsis;white-space:nowrap;padding-block:var(--space-1) var(--space-3);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);grid-area:2/2;overflow:hidden}.compared-vehicle-card__actions{grid-area:1/3/-1;align-content:center;display:grid}.toggle-chip{padding:var(--space-1) var(--space-3);color:var(--color-text);white-space:nowrap;cursor:pointer;transition:border-color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard)}.toggle-chip:hover{border-color:var(--color-border-input)}.toggle-chip[aria-pressed=true]{border-color:var(--color-navy);color:var(--color-text-inverse);background:var(--color-navy)}.vehicle-picker__search{position:relative}.vehicle-picker__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);translate:0 -50%}.vehicle-picker__search-input{--field-border-color:var(--color-border-field-soft);--field-border-hover-color:var(--color-border-field-soft-hover);width:100%;min-height:var(--touch-target);padding-inline:calc(var(--space-3) + var(--space-6)) var(--space-3);background:var(--color-surface-subtle)}.vehicle-picker__search-input:focus{background:var(--color-surface)}.vehicle-picker__results{gap:var(--space-3);min-block-size:var(--row-height-compact);justify-content:space-between;align-items:center;display:flex}.vehicle-picker__count{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.vehicle-picker__filters{gap:var(--space-3);border-block-end:var(--border-width) solid var(--color-border);padding-block-end:var(--space-4);display:grid}.vehicle-picker__filter{grid-template-columns:var(--vehicle-picker-filter-label-width) minmax(0, 1fr);gap:var(--space-3);align-items:start;display:grid}.vehicle-picker__filter-label{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);padding-block-start:var(--space-1)}.vehicle-picker__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.vehicle-picker__empty{padding-block:var(--space-6);color:var(--color-text-muted);text-align:center}.vehicle-picker__list{gap:var(--space-1);display:grid}.vehicle-picker__entry{grid-template-columns:var(--vehicle-picker-image-width) minmax(0, 1fr) auto;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard);background:0 0;border:0;align-items:center;list-style:none;display:grid}.vehicle-picker__entry::-webkit-details-marker{display:none}.vehicle-picker__entry:disabled,.vehicle-picker__entry[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.vehicle-picker__entry:hover:not(:disabled,[aria-disabled=true]){background:var(--color-row-hover)}.vehicle-picker__entry--picked,.vehicle-picker__entry--picked:hover:not(:disabled){background:var(--color-pressed)}.vehicle-picker__entry--nested{grid-template-columns:var(--vehicle-picker-variant-image-width) minmax(0, 1fr) auto}.vehicle-picker__text{min-width:0;display:grid}.vehicle-picker__brand,.vehicle-picker__detail,.vehicle-picker__price{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.vehicle-picker__name{font-size:var(--type-body-strong-size);font-weight:var(--type-body-strong-weight);line-height:var(--type-body-strong-leading);letter-spacing:var(--type-body-strong-tracking);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vehicle-picker__action,.vehicle-picker__chevron{min-inline-size:var(--space-6);color:var(--color-text-muted);place-items:center;display:grid}.vehicle-picker__entry--picked .vehicle-picker__action,.vehicle-picker__entry:hover .vehicle-picker__action{color:var(--color-text)}.vehicle-picker__added{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}.vehicle-picker__chevron{transition:rotate var(--duration-fast) var(--easing-standard)}.vehicle-picker__group[open] .vehicle-picker__chevron{rotate:180deg}.vehicle-picker__variants{gap:var(--space-1);margin-block:var(--space-1);border-inline-start:var(--indicator-width) solid var(--color-border);margin-inline-start:calc(var(--space-3) + var(--vehicle-picker-image-width) / 2);padding-inline-start:var(--space-3);display:grid}.vehicle-picker__commit{display:grid}.comparison-strip{row-gap:var(--space-3);display:grid}@media (min-width:64em){.comparison-strip{top:var(--site-header-height,0);z-index:var(--layer-sticky-nav);padding:var(--space-3) var(--border-width);border-block-end:var(--border-width) solid var(--color-border);background:var(--color-surface);position:sticky}}@media (min-width:64em){.comparison-strip__start{align-self:center;padding-inline-start:var(--space-4)}}@media not (min-width:64em){.comparison-strip__list{gap:var(--space-3);display:flex}}@media (min-width:64em){.comparison-strip__list{grid-template-columns:subgrid;grid-column:2/-1;display:grid}}@media not (min-width:64em){.comparison-strip__item{flex:0 0 min(80%, var(--compared-vehicle-card-width))}}@media not (min-width:64em){.comparison-strip__item--add{flex-basis:min(60%, var(--compared-vehicle-add-width))}}.switch{gap:var(--space-3);min-block-size:var(--touch-target);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.switch__input{--switch-thumb-size:calc(var(--switch-height) - 2 * var(--switch-inset));width:var(--switch-width);height:var(--switch-height);border-radius:var(--radius-full);background:var(--color-border-strong);-webkit-appearance:none;appearance:none;transition:background-color var(--duration-fast) var(--easing-standard);position:relative}.switch__input:after{width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--radius-full);content:"";background:var(--color-surface);box-shadow:var(--shadow-control);transition:translate var(--duration-fast) var(--easing-standard);position:absolute;inset-block-start:var(--switch-inset);inset-inline-start:var(--switch-inset)}.switch__input:checked{background:var(--color-navy)}.switch__input:checked:after{translate:calc(var(--switch-width) - var(--switch-height)) 0}.versus-mark{width:var(--versus-mark-size);height:var(--versus-mark-size);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);background:var(--color-surface);place-items:center;display:grid}.comparison-builder{gap:var(--space-4);display:grid}.comparison-builder__slots{gap:var(--space-6);display:grid}@media (min-width:64em){.comparison-builder__slots{grid-template-columns:repeat(3,minmax(0,1fr))}}.comparison-builder__slot{position:relative}.comparison-builder__versus{top:calc(var(--space-6) / -2);position:absolute;left:50%;translate:-50% -50%}@media (min-width:64em){.comparison-builder__versus{top:50%;left:calc(var(--space-6) / -2)}}.comparison-builder__actions{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.comparison-builder__selected-count{font-size:var(--type-body-small-size);font-weight:var(--type-body-small-weight);line-height:var(--type-body-small-leading);letter-spacing:var(--type-body-small-tracking);color:var(--color-text-muted)}}@layer utilities;