/* v171 — audit-driven UX and loading cleanup. Loaded after v170. */
body.v171-audit-ux .preview-panel {
  content-visibility: auto;
  contain-intrinsic-size: 900px 7600px;
}

/* Keep the home route neutral. A category landing appears only after the buyer
   explicitly selects a category instead of assuming motorcycle parts. */
body.v171-audit-ux.v171-home-neutral #v160CategoryLanding { display: none !important; }

body.v171-audit-ux .v171-deferred-image {
  background: linear-gradient(110deg, #eef2f6 8%, #f8fafc 18%, #eef2f6 33%);
  background-size: 200% 100%;
}

body.v171-audit-ux .v171-summary-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  margin: 2px 0 12px;
  padding: 10px 14px;
  border: 1px solid #d7e0ea;
  border-radius: 11px;
  background: #fff;
  color: #173b63;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

body.v171-audit-ux .v171-summary-toggle::after {
  content: '+';
  flex: 0 0 auto;
  font-size: 18px;
  line-height: 1;
}

body.v171-audit-ux .v171-summary-toggle[aria-expanded="true"]::after { content: '\2212'; }
body.v171-audit-ux .v171-collapsed-content { display: none !important; }

/* Real controls should be comfortably tappable. Decorative carousel dots keep
   their visual size but receive a larger hit box. */
body.v171-audit-ux :is(.top-nav a, .top-nav button, .language-switcher button,
  .language-switcher select, .global-lang-select, .carousel-controls button,
  .left-nav a, .left-nav button, .catalog-filter input, .catalog-filter select,
  .catalog-filter button, .catalog-card button, .catalog-card a,
  .quick-replies button, .input-zone button, .footer-links a,
  .quote-cart button, [data-action="open-quote-cart"]) {
  min-height: 40px;
}

body.v171-audit-ux .language-switcher button,
body.v171-audit-ux .carousel-controls button,
body.v171-audit-ux .quote-cart button { min-width: 40px; }

body.v171-audit-ux .top-info-bar a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
}

body.v171-audit-ux .footer-links a {
  display: inline-flex;
  align-items: center;
}

/* Dense information remains available without dominating the main purchase
   route. The toggle is inserted by v171 JavaScript. */
body.v171-audit-ux .v171-secondary-stack {
  border-top: 1px solid #e2e8f0;
  padding-top: 6px;
}

@media (max-width: 720px) {
  body.v171-audit-ux :is(.top-nav a, .top-nav button, .language-switcher button,
    .global-lang-select, .left-nav a, .left-nav button, .quick-replies button,
    .input-zone button) { min-height: 44px; }
  body.v171-audit-ux .top-info-bar a { min-height: 36px; }
  body.v171-audit-ux .preview-panel { contain-intrinsic-size: 360px 6400px; }
}

@media (prefers-reduced-motion: reduce) {
  body.v171-audit-ux .v171-deferred-image { background: #eef2f6; }
}