/* Bridge: map Autoparts Plus tokens to donor WooCommerce (vp-*) styles */
:root {
  --vp-brand: #1e5bff;
  --vp-brand-dark: #0f3fd4;
  --vp-brand-deep: #0b2ea8;
  --vp-brand-ink: #10141c;
  --vp-brand-ink-rgb: 16, 20, 28;
  --vp-brand-rgb: 30, 91, 255;
  --vp-blush: #c5d4ff;
  --vp-mauve: #667085;
  --vp-taupe: #667085;
  --vp-bg: #ffffff;
  --vp-white: #ffffff;
  --vp-rose: #e8efff;
  --vp-rose-deep: #1e5bff;
  --vp-mint: #f4f6fa;
  --vp-lavender: #eef2ff;
  --vp-peach: #f4f6fa;
  --vp-text: #10141c;
  --vp-text-muted: #667085;
  --vp-border: #e6eaf2;
  --vp-shadow: 0 18px 50px rgba(16, 20, 28, 0.12);
  --vp-radius: 14px;
  --vp-radius-sm: 10px;
  --vp-font: "Unbounded", system-ui, sans-serif;
  --vp-heading: "Unbounded", system-ui, sans-serif;
  --vp-container: 1180px;
  --vp-link: #1e5bff;
  --vp-link-hover: #0f3fd4;
  --vp-btn-bg: #1e5bff;
  --vp-btn-bg-hover: #0f3fd4;
  --vp-btn-text: #ffffff;
  --vp-logo-bg: #10141c;
  --vp-accent: #1e5bff;
  --vp-price-sale: #ff4d4f;
  --vp-price-old: #98a2b3;
  --vp-price-color: #10141c;
  --vp-motion-duration: 0.45s;
  --vp-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --vp-header-offset: 120px;
}

.vp-main {
  min-height: 40vh;
  padding-bottom: 64px;
}

.vp-container {
  width: min(var(--vp-container), calc(100% - 32px));
  margin-inline: auto;
}

.vp-shop-hero {
  padding: 36px 0 16px;
  text-align: left;
}

.vp-shop-hero h1 {
  font-family: var(--vp-heading);
  font-size: clamp(28px, 3.6vw, 38px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
  color: var(--vp-text);
  text-align: left;
}

.vp-shop-hero__lead {
  max-width: 72ch;
  margin: 0;
  color: var(--vp-text-muted);
  font-family: var(--vp-font);
  font-size: 16px;
  line-height: 1.55;
  text-align: left;
}

/* Align cart count fragment class with Plus header */
.px-cart-count,
.vp-cart-count {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--px-blue, #1e5bff);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: grid;
  place-items: center;
}