/* Construction browsing and verified E6 product photographs. */
.wheel-construction-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 10px;
}
.wheel-construction-filters button {
  min-height: 44px;
  padding: 10px 17px;
  border: 1px solid var(--line2);
  border-radius: 999px;
  background: var(--panel);
  color: var(--txt);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.wheel-construction-filters button:hover { border-color: var(--accent); }
.wheel-construction-filters button.active {
  background: var(--bmw-metal, var(--accent));
  color: var(--on-accent);
  border-color: var(--accent);
}
.wheel-construction-filters button:focus-visible {
  outline: 3px solid var(--bmw-focus, var(--accent));
  outline-offset: 3px;
}
.wheel-construction-status {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 0 0 16px;
}
.design-carousel .wheel-source-photo,
.opt-grid .wheel-source-photo {
  object-fit: contain;
  background: #fff;
  border-radius: 16px;
  mix-blend-mode: normal;
  mask-image: none;
  filter: none;
}
.design-card--source .series { line-height: 1.6; letter-spacing: .08em; }
.design-card--source .design-card__title > b { font-size: clamp(22px, 2.2vw, 29px); }
.opt--e6-source > div > span { line-height: 1.5; }
.opt-grid .opt--e6-source .p { font-size: 11px; line-height: 1.6; }
.e6-selected-design-note > span,
.e6-selected-design-note > a { display: block; margin-top: 8px; }
.e6-selected-design-note > a { color: var(--accent); width: fit-content; }
.e6-photo-parameter-note {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  color: var(--muted);
}
@media (max-width: 600px) {
  .wheel-construction-filters { gap: 7px; }
  .wheel-construction-filters button { font-size: 12px; padding-inline: 13px; }
  .wheel-construction-status { font-size: 11px; }
  .design-card--source .design-card__title > b { font-size: 28px; }
  .panel-body .wheel-construction-filters { margin-top: 0; }
}
@media print {
  .wheel-construction-filters,
  .wheel-construction-status { display: none !important; }
}
