/*
 * VELREXO Block Kit — Global UI Foundation v0.3.2
 * Style global, content local. Editable-first.
 */
:root {
  --vrx-dark: #101920;
  --vrx-dark-2: #172229;
  --vrx-ink: #111111;
  --vrx-text: #29323a;
  --vrx-muted: #68727d;
  --vrx-line: #e3e7ea;
  --vrx-surface: #f6f8f8;
  --vrx-white: #ffffff;
  --vrx-accent: #b8f34b;
  --vrx-accent-hover: #9edb36;
  --vrx-radius-sm: 6px;
  --vrx-radius-md: 12px;
  --vrx-site: 1200px;
  --vrx-content: 1200px;
  --vrx-shadow-soft: 0 10px 28px rgba(16,25,32,.08);
}

/* Theme-safe global visual layer after Site Setup is applied. */
body.vrx-site-ready,
body.vrx-site-ready button,
body.vrx-site-ready input,
body.vrx-site-ready select,
body.vrx-site-ready textarea {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--vrx-text);
}
body.vrx-site-ready h1,
body.vrx-site-ready h2,
body.vrx-site-ready h3,
body.vrx-site-ready h4,
body.vrx-site-ready h5,
body.vrx-site-ready h6 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--vrx-ink);
}
body.vrx-site-ready a { text-underline-offset: 3px; }
body.vrx-site-ready .ast-container { max-width: var(--vrx-site); }
body.vrx-site-ready .ast-button,
body.vrx-site-ready button,
body.vrx-site-ready input[type="button"],
body.vrx-site-ready input[type="submit"] {
  border-radius: var(--vrx-radius-sm);
}

/* Front-end full-bleed normalization for Astra.
 * Section backgrounds span the viewport while .vrx-container keeps readable content width.
 */
body.vrx-site-ready.vrx-global-components .site-content,
body.vrx-site-ready.vrx-global-components .site-content > .ast-container,
body.vrx-site-ready.vrx-global-components #primary,
body.vrx-site-ready.vrx-global-components .site-main,
body.vrx-site-ready.vrx-global-components article.page,
body.vrx-site-ready.vrx-global-components .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.vrx-site-ready.vrx-global-components #content,
body.vrx-site-ready.vrx-global-components .ast-container,
body.vrx-site-ready.vrx-global-components .content-area {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.vrx-site-ready.vrx-global-components .entry-header { display: none !important; }
body.vrx-site-ready.vrx-global-components .entry-content > .vrx-section {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.vrx-site-ready.vrx-global-components .ast-article-single,
body.vrx-site-ready.vrx-global-components .ast-separate-container .ast-article-single {
  padding: 0 !important;
  background: transparent !important;
}
body.vrx-site-ready.vrx-global-components { overflow-x: clip; }

/* Replace Astra header/footer only when the user explicitly applies VELREXO Site Setup. */
body.vrx-global-components #masthead,
body.vrx-global-components #colophon { display: none !important; }

/* Global header */
.vrx-global-header {
  position: relative;
  z-index: 999;
  width: 100%;
  border-bottom: 1px solid var(--vrx-line);
  background: var(--vrx-white);
}
.vrx-header-dark { background: var(--vrx-dark); border-bottom-color: rgba(255,255,255,.12); }
.vrx-global-header-inner {
  width: min(var(--vrx-site), calc(100% - 48px));
  min-height: 74px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 200px 1fr auto;
  align-items: center;
  gap: 28px;
}
.vrx-logo-link { display: inline-flex; align-items: center; width: 174px; }
.vrx-logo-link img { width: 100%; height: auto; display: block; }
.vrx-desktop-nav { justify-self: center; }
.vrx-menu, .vrx-menu ul { list-style: none; margin: 0; padding: 0; }
.vrx-menu { display: flex; align-items: center; gap: 34px; }
.vrx-menu > li { position: relative; }
.vrx-menu > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 74px;
  color: var(--vrx-ink);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}
.vrx-header-dark .vrx-menu > li > a { color: #fff; }
.vrx-menu .menu-item-has-children > a::after { content: "⌄"; font-size: 13px; margin-left: 7px; opacity: .8; }
.vrx-menu .sub-menu {
  position: absolute;
  top: calc(100% - 1px);
  left: -18px;
  width: 260px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--vrx-line);
  border-radius: 10px;
  box-shadow: var(--vrx-shadow-soft);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .18s ease;
}
.vrx-menu li:hover > .sub-menu,
.vrx-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.vrx-menu .sub-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 6px;
  color: var(--vrx-ink);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.vrx-menu .sub-menu a:hover { background: var(--vrx-surface); color: #5b7e08; }
.vrx-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  background: var(--vrx-accent);
  color: var(--vrx-dark) !important;
  border: 1px solid var(--vrx-accent);
  border-radius: var(--vrx-radius-sm);
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}
.vrx-header-cta:hover { background: var(--vrx-accent-hover); border-color: var(--vrx-accent-hover); }
.vrx-menu-toggle { display: none; width: 42px; height: 42px; padding: 9px; border: 0; background: transparent; cursor: pointer; }
.vrx-menu-toggle span { display: block; height: 2px; margin: 5px 0; border-radius: 1px; background: var(--vrx-dark); }
.vrx-header-dark .vrx-menu-toggle span { background: #fff; }
.vrx-mobile-panel { background: #fff; border-top: 1px solid var(--vrx-line); box-shadow: 0 14px 30px rgba(16,25,32,.12); }
.vrx-mobile-panel-inner { width: calc(100% - 40px); margin: 0 auto; padding: 16px 0 24px; }
.vrx-mobile-menu, .vrx-mobile-menu ul { list-style: none; padding: 0; margin: 0; }
.vrx-mobile-menu > li { border-bottom: 1px solid var(--vrx-line); }
.vrx-mobile-menu a { display: block; padding: 13px 0; color: var(--vrx-ink); text-decoration: none; font-weight: 600; }
.vrx-mobile-menu .sub-menu { padding: 0 0 8px 16px; }
.vrx-mobile-menu .sub-menu a { padding: 8px 0; color: var(--vrx-muted); font-weight: 500; }
.vrx-mobile-cta { width: 100%; margin-top: 18px; }

/* Global footer */
.vrx-global-footer { background: var(--vrx-dark); color: rgba(255,255,255,.75); }
.vrx-global-footer-inner {
  width: min(var(--vrx-site), calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.15fr .8fr 1.25fr;
  gap: 38px;
  padding: 64px 0 46px;
}
.vrx-footer-brand img { width: 185px; height: auto; margin-bottom: 18px; }
.vrx-global-footer p { color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.6; }
.vrx-global-footer h3 { color: #fff; margin: 0 0 16px; font-size: 15px; }
.vrx-global-footer ul { margin: 0; padding: 0; list-style: none; }
.vrx-global-footer li { margin: 0 0 9px; }
.vrx-global-footer a { color: rgba(255,255,255,.76); text-decoration: none; font-size: 14px; }
.vrx-global-footer a:hover { color: var(--vrx-accent); }
.vrx-footer-contact a { color: #fff; }
.vrx-footer-cta { padding-left: 28px; border-left: 1px solid rgba(255,255,255,.14); }
.vrx-footer-cta h3 { font-size: 22px; line-height: 1.25; }
.vrx-footer-cta .vrx-header-cta { margin-top: 8px; color: var(--vrx-dark); }
.vrx-footer-bottom {
  width: min(var(--vrx-site), calc(100% - 48px));
  margin: 0 auto;
  padding: 20px 0 24px;
  border-top: 1px solid rgba(255,255,255,.12);
  display: flex;
  justify-content: space-between;
  gap: 24px;
  font-size: 12px;
  color: rgba(255,255,255,.55);
}

/* Block kit content */
.vrx-section, .vrx-section * { box-sizing: border-box; }
.vrx-section { width: 100%; }
.vrx-container { width: min(var(--vrx-content), calc(100% - 64px)); margin-inline: auto; }
.vrx-pad-md { padding-top: 48px; padding-bottom: 48px; }
.vrx-pad-lg { padding-top: 88px; padding-bottom: 88px; }
.vrx-dark { background: var(--vrx-dark); color: #fff; }
.vrx-surface { background: var(--vrx-surface); }
.vrx-center { text-align: center; }
.vrx-eyebrow { margin: 0 0 12px; color: #78a80c; font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.vrx-dark .vrx-eyebrow { color: var(--vrx-accent); }
.vrx-section-title { margin-top: 0; margin-bottom: 16px; color: var(--vrx-ink); font-size: clamp(30px,3.1vw,42px); line-height: 1.16; font-weight: 700; }
.vrx-section-lead { max-width: 760px; margin-top: 0; margin-bottom: 34px; color: var(--vrx-text); font-size: 17px; line-height: 1.65; }
.vrx-section-lead-left { margin-left: 0 !important; margin-right: 0 !important; text-align: left; max-width: 980px; }
.vrx-title-light { color: #fff !important; }
.vrx-dark-copy { max-width: 760px; color: rgba(255,255,255,.76); font-size: 17px; line-height: 1.65; }
.vrx-card { border: 1px solid var(--vrx-line); border-radius: var(--vrx-radius-md); background: #fff; box-shadow: none; }
.vrx-card-grid { gap: 20px; margin-top: 34px; }
.vrx-card-grid-4 > .wp-block-column { display: flex; }
.vrx-category-card, .vrx-product-card { width: 100%; padding: 20px; }
.vrx-category-card figure, .vrx-product-card figure { aspect-ratio: 1/1; margin: 0 0 18px; overflow: hidden; border-radius: 8px; background: #fff; }
.vrx-category-card figure img, .vrx-product-card figure img { width: 100%; height: 100%; object-fit: contain; }
.vrx-category-card h3, .vrx-product-card h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.3; }
.vrx-category-card p, .vrx-product-card p { font-size: 14px; line-height: 1.55; color: var(--vrx-text); }
.vrx-model { margin: 0 0 7px !important; color: #6f960d !important; font-size: 13px !important; font-weight: 700; letter-spacing: .04em; }
.vrx-text-link a { color: #5d7e0b; font-weight: 700; text-decoration: none; }
.vrx-text-link a:hover { color: #395005; }
.vrx-fact-list { margin: 14px 0 18px 18px; padding: 0; color: var(--vrx-text); font-size: 13px; line-height: 1.65; }
.vrx-mini-card { width: 100%; min-height: 150px; padding: 24px; border: 1px solid var(--vrx-line); border-radius: 10px; background: #fff; }
.vrx-mini-card strong { display: block; margin-bottom: 9px; color: var(--vrx-ink); font-size: 17px; }
.vrx-mini-card p { margin: 0; font-size: 14px; line-height: 1.6; }

.vrx-button-primary .wp-block-button__link,
.wp-block-button.vrx-button-primary .wp-block-button__link {
  background: var(--vrx-accent); color: var(--vrx-dark); border: 1px solid var(--vrx-accent); border-radius: var(--vrx-radius-sm); padding: 14px 24px; font-size: 16px; font-weight: 700; text-decoration: none;
}
.vrx-button-primary .wp-block-button__link:hover,
.wp-block-button.vrx-button-primary .wp-block-button__link:hover { background: var(--vrx-accent-hover); border-color: var(--vrx-accent-hover); }
.vrx-button-secondary .wp-block-button__link,
.wp-block-button.vrx-button-secondary .wp-block-button__link { background: #fff; color: var(--vrx-dark); border: 1px solid var(--vrx-dark); border-radius: var(--vrx-radius-sm); padding: 14px 24px; font-size: 16px; font-weight: 600; text-decoration: none; }
.vrx-button-dark-secondary .wp-block-button__link,
.wp-block-button.vrx-button-dark-secondary .wp-block-button__link { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.65); border-radius: var(--vrx-radius-sm); padding: 14px 24px; font-size: 16px; font-weight: 600; text-decoration: none; }

/* Homepage hero — v0.2.3 approved-asset lock
 * Visual source is a crop-only derivative of the user-approved homepage Hero.
 * No regenerated/reinterpreted product art is used here.
 */
.vrx-home-hero {
  min-height: 590px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 54px 0 48px;
  overflow: hidden;
  background-color: var(--vrx-dark);
  background-image:
    linear-gradient(90deg, rgba(16,25,32,1) 0%, rgba(16,25,32,1) 43%, rgba(16,25,32,.90) 49%, rgba(16,25,32,.48) 57%, rgba(16,25,32,0) 66%),
    url('../img/homepage-hero-approved-products.webp');
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, clamp(650px,52vw,900px) auto;
  background-position: center, right center;
}
.vrx-home-hero-grid {
  gap: clamp(44px, 4.5vw, 74px);
  align-items: center !important;
}
.vrx-home-hero-grid > .wp-block-column:first-child { flex-basis: 47% !important; position: relative; z-index: 2; }
.vrx-home-hero-grid > .wp-block-column:last-child { flex-basis: 53% !important; min-width: 0; }
.vrx-home-h1 {
  max-width: 620px;
  margin: 0 0 20px;
  color: #fff !important;
  font-size: clamp(44px,3.6vw,56px);
  line-height: 1.06;
  letter-spacing: -.025em;
}
.vrx-home-lead { max-width: 570px; margin: 0 0 26px; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.6; }
.vrx-hero-buttons { margin-bottom: 20px; gap: 12px; }
.vrx-hero-links { margin: 0; display: flex; flex-wrap: wrap; gap: 10px; color: rgba(255,255,255,.36); font-size: 13px; }
.vrx-hero-links a { color: rgba(255,255,255,.82); text-decoration: none; font-weight: 600; }
/* The old inline figure remains in the editable block markup for compatibility,
 * but the front-end visual is locked to the approved crop above. */
.vrx-home-hero-image { display: none !important; }

/* Buyer confidence */
.vrx-buyer-confidence { border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.vrx-trust-item { min-height: 138px; padding: 28px 24px; border-right: 1px solid rgba(255,255,255,.12); }
.vrx-trust-item:last-child { border-right: 0; }
.vrx-trust-title { margin: 0 0 8px; color: #fff !important; font-size: 16px; line-height: 1.35; font-weight: 700; }
.vrx-trust-copy { margin: 0; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.55; }

.vrx-capability-row { margin-top: 28px; margin-bottom: 28px; gap: 12px; }
.vrx-dark-chip { padding: 18px 14px; text-align: center; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: rgba(255,255,255,.035); color: #fff; font-weight: 700; }
.vrx-process { list-style: none; display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; padding: 0; margin: 36px 0 22px; counter-reset: none; }
.vrx-process li { min-height: 105px; padding: 18px; border: 1px solid var(--vrx-line); border-radius: 10px; background: #fff; color: var(--vrx-ink); font-weight: 700; line-height: 1.4; }
.vrx-process li span { display: block; margin-bottom: 16px; color: #78a80c; font-size: 13px; }
.vrx-two-up { gap: 54px; }
.vrx-check-list { columns: 2; margin: 24px 0; padding-left: 20px; }
.vrx-check-list li { break-inside: avoid; margin: 0 0 12px; }
.vrx-workflow { list-style: none; margin: 24px 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.vrx-workflow li { padding: 12px 16px; background: #fff; border: 1px solid var(--vrx-line); border-radius: 8px; font-weight: 700; }
.vrx-workflow li:not(:last-child)::after { content: "→"; margin-left: 18px; color: #78a80c; }
.vrx-final-rfq { padding: 76px 0; }
.vrx-final-rfq .vrx-dark-copy { margin-left: auto; margin-right: auto; }
.vrx-final-rfq .wp-block-buttons { margin-top: 24px; }

@media (max-width: 1024px) {
  .vrx-global-header-inner { grid-template-columns: 180px 1fr auto; gap: 18px; width: min(var(--vrx-site),calc(100% - 36px)); }
  .vrx-menu { gap: 22px; }
  .vrx-container { width: min(var(--vrx-content),calc(100% - 48px)); }
  .vrx-global-footer-inner { grid-template-columns: 1.3fr 1fr 1fr; }
  .vrx-footer-cta { padding-left: 0; border-left: 0; }
  .vrx-process { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 820px) {
  .vrx-global-header-inner { min-height: 64px; grid-template-columns: 1fr auto; }
  .vrx-logo-link { width: 150px; }
  .vrx-desktop-nav, .vrx-global-header-inner > .vrx-header-cta { display: none; }
  .vrx-menu-toggle { display: block; }
  .vrx-global-footer-inner { grid-template-columns: 1fr 1fr; padding-top: 48px; }
  .vrx-footer-brand, .vrx-footer-cta { grid-column: 1 / -1; }
  .vrx-home-hero {
    min-height: auto;
    padding: 40px 0 280px;
    background-image: url('../img/homepage-hero-approved-products.webp');
    background-size: min(700px,118vw) auto;
    background-position: center bottom 10px;
    background-repeat: no-repeat;
  }
  .vrx-home-hero-grid { flex-direction: column; gap: 0; }
  .vrx-home-hero-grid > .wp-block-column:first-child { flex-basis: 100% !important; width: 100%; }
  .vrx-home-hero-grid > .wp-block-column:last-child { display: none !important; }
  .vrx-process { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
  .vrx-container { width: calc(100% - 40px); }
  .vrx-pad-lg { padding-top: 64px; padding-bottom: 64px; }
  .vrx-section-title { font-size: 30px; }
  .vrx-home-hero {
    padding: 28px 0 245px;
    background-size: 116vw auto;
    background-position: center bottom 8px;
  }
  .vrx-home-hero-grid { gap: 0; }
  .vrx-home-h1 { max-width: 100%; margin-bottom: 16px; font-size: 34px; line-height: 1.08; }
  .vrx-home-lead { margin-bottom: 18px; font-size: 16px; line-height: 1.55; }
  .vrx-hero-buttons { display: flex; flex-wrap: nowrap; margin-bottom: 14px; gap: 8px; }
  .vrx-hero-buttons .wp-block-button { flex: 1 1 0; margin: 0; }
  .vrx-hero-buttons .wp-block-button__link { width: 100%; padding: 12px 12px !important; font-size: 15px !important; white-space: nowrap; text-align: center; }
  .vrx-hero-links { gap: 7px; margin-bottom: 0; font-size: 12px; }
  .vrx-trust-item { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .vrx-trust-item:last-child { border-bottom: 0; }
  .vrx-process { grid-template-columns: 1fr; }
  .vrx-check-list { columns: 1; }
  .vrx-workflow { display: grid; grid-template-columns: 1fr 1fr; }
  .vrx-workflow li:not(:last-child)::after { content: none; }
  .vrx-global-footer-inner { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 28px; }
  .vrx-footer-brand, .vrx-footer-cta { grid-column: auto; }
  .vrx-footer-bottom { width: calc(100% - 40px); flex-direction: column; gap: 8px; }
}

/* =========================================================
 * v0.2.4 — Mobile Homepage Optimization
 * Desktop v0.2.3 remains locked. Mobile follows the approved
 * responsive HTML preview and the approved mobile Hero composition.
 * ========================================================= */
.vrx-confidence-mobile-head,
.vrx-home-hero-mobile-image {
  display: none;
}

@media (max-width: 767px) {
  /* Compact global mobile rhythm for homepage sections only. */
  .vrx-home-categories,
  .vrx-home-featured,
  .vrx-home-who,
  .vrx-home-oem,
  .vrx-home-quality {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }
  .vrx-home-private {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }
  .vrx-final-rfq {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  /* Approved mobile Hero: copy -> approved visual -> CTA -> quick links.
   * The visual uses the same approved Hero asset as desktop; no alternate art.
   */
  .vrx-home-hero {
    min-height: 0 !important;
    padding: 32px 0 28px !important;
    background: var(--vrx-dark) !important;
  }
  .vrx-home-hero-grid {
    display: block !important;
    gap: 0 !important;
  }
  .vrx-home-hero-grid > .wp-block-column:first-child {
    width: 100% !important;
    max-width: none !important;
  }
  .vrx-home-hero-grid > .wp-block-column:last-child {
    display: none !important;
  }
  .vrx-home-hero .vrx-eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.3;
  }
  .vrx-home-h1 {
    max-width: 100%;
    margin: 0 0 16px !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em;
  }
  .vrx-home-lead {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .vrx-home-hero-mobile-image {
    display: block !important;
    height: 210px;
    margin: 22px 0 18px !important;
    overflow: hidden;
    border-radius: 14px;
    background: #0b1217;
    position: relative;
  }
  .vrx-home-hero-mobile-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(16,25,32,.06), rgba(16,25,32,.22));
  }
  .vrx-home-hero-mobile-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 54% !important;
    opacity: .82;
    filter: brightness(.88) saturate(.92);
  }
  .vrx-hero-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
  }
  .vrx-hero-buttons .wp-block-button,
  .vrx-hero-buttons .wp-block-button__link {
    width: 100% !important;
  }
  .vrx-hero-buttons .wp-block-button__link {
    min-height: 46px;
    padding: 11px 18px !important;
    font-size: 15px !important;
    text-align: center;
  }
  .vrx-hero-links {
    justify-content: center;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4;
  }

  /* Buyer Confidence: horizontal scroll-snap instead of vertical stacking. */
  .vrx-buyer-confidence {
    padding: 28px 0 34px;
  }
  .vrx-confidence-mobile-head {
    display: block !important;
    margin-bottom: 16px;
  }
  .vrx-confidence-mobile-head .vrx-eyebrow {
    margin-bottom: 6px;
    color: #9eabb2 !important;
    font-size: 11px;
  }
  .vrx-confidence-mobile-head .vrx-section-title {
    margin-bottom: 0;
    font-size: 27px !important;
    line-height: 1.14;
  }
  .vrx-confidence-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: calc(100% - 20px) !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
    gap: 12px !important;
    padding: 0 34px 4px 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .vrx-confidence-track::-webkit-scrollbar { display: none; }
  .vrx-confidence-track > .wp-block-column.vrx-trust-item {
    flex: 0 0 84% !important;
    min-width: 0 !important;
    min-height: 185px !important;
    padding: 20px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px;
    background: linear-gradient(145deg,#14222b,#101920);
    scroll-snap-align: start;
  }
  .vrx-trust-title {
    margin-bottom: 10px !important;
    font-size: 18px !important;
  }
  .vrx-trust-copy {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .vrx-confidence-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin: 14px 0 0;
  }
  .vrx-confidence-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #59666e;
    cursor: pointer;
  }
  .vrx-confidence-dot.is-active { background: var(--vrx-accent); }

  /* Product Range: compact 2 x 2 grid. */
  .vrx-home-categories .vrx-section-lead,
  .vrx-home-featured .vrx-section-lead {
    margin-bottom: 22px;
    font-size: 15px;
    line-height: 1.55;
  }
  .vrx-home-categories .vrx-card-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }
  .vrx-home-categories .vrx-card-grid-4 > .wp-block-column {
    min-width: 0 !important;
    margin: 0 !important;
  }
  .vrx-home-categories .vrx-category-card {
    min-height: 238px;
    padding: 12px !important;
  }
  .vrx-home-categories .vrx-category-card figure {
    height: 104px !important;
    aspect-ratio: auto !important;
    margin-bottom: 12px !important;
    padding: 8px;
    background: var(--vrx-surface);
  }
  .vrx-home-categories .vrx-category-card h3 {
    margin-bottom: 6px;
    font-size: 16px !important;
    line-height: 1.25;
  }
  .vrx-home-categories .vrx-category-card p {
    margin-bottom: 10px;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  .vrx-home-categories .vrx-text-link {
    margin-top: auto;
    font-size: 12px !important;
  }

  /* Featured Products: horizontal swipe to reduce page length. */
  .vrx-home-featured .vrx-card-grid-4 {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin-top: 24px !important;
    padding-right: 30px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .vrx-home-featured .vrx-card-grid-4::-webkit-scrollbar { display: none; }
  .vrx-home-featured .vrx-card-grid-4 > .wp-block-column {
    flex: 0 0 78% !important;
    min-width: 0 !important;
    scroll-snap-align: start;
  }
  .vrx-home-featured .vrx-product-card {
    min-height: 315px;
    padding: 16px !important;
  }
  .vrx-home-featured .vrx-product-card figure {
    height: 150px !important;
    aspect-ratio: auto !important;
    margin-bottom: 14px !important;
  }
  .vrx-home-featured .vrx-product-card h3 { font-size: 18px !important; }

  /* Who We Work With: compact 2 x 2. */
  .vrx-home-who .vrx-card-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }
  .vrx-home-who .vrx-card-grid-4 > .wp-block-column {
    min-width: 0 !important;
    margin: 0 !important;
  }
  .vrx-home-who .vrx-mini-card {
    min-height: 0;
    padding: 16px !important;
  }
  .vrx-home-who .vrx-mini-card strong { font-size: 16px; }
  .vrx-home-who .vrx-mini-card p { font-size: 12px; line-height: 1.5; }

  /* Private Label: compact, pill-like option row. */
  .vrx-home-private .vrx-dark-copy {
    font-size: 15px;
    line-height: 1.55;
  }
  .vrx-home-private .vrx-capability-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 22px 0 !important;
  }
  .vrx-home-private .vrx-capability-row > .wp-block-column {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
  .vrx-home-private .vrx-dark-chip {
    padding: 9px 12px !important;
    border-color: rgba(184,243,75,.34);
    border-radius: 999px;
    background: rgba(184,243,75,.06);
    color: #e8f4d2;
    font-size: 12px;
  }

  /* OEM / ODM: horizontal process cards. */
  .vrx-home-oem .vrx-process {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    margin: 24px 0 18px !important;
    padding: 0 30px 4px 0 !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .vrx-home-oem .vrx-process::-webkit-scrollbar { display: none; }
  .vrx-home-oem .vrx-process li {
    flex: 0 0 72%;
    min-height: 135px;
    padding: 18px !important;
    scroll-snap-align: start;
  }
  .vrx-home-oem .vrx-process li span { margin-bottom: 12px; }

  /* Quality + Workflow: two compact stacked panels. */
  .vrx-home-quality .vrx-two-up {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .vrx-home-quality .vrx-two-up > .wp-block-column {
    padding: 20px !important;
    border: 1px solid var(--vrx-line);
    border-radius: 16px;
    background: #fff;
  }
  .vrx-home-quality .vrx-section-title {
    font-size: 24px !important;
    margin-bottom: 14px;
  }
  .vrx-home-quality .vrx-check-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 14px;
    columns: auto !important;
    margin: 16px 0 !important;
    padding-left: 18px;
    font-size: 13px;
  }
  .vrx-home-quality .vrx-workflow {
    display: flex !important;
    gap: 7px !important;
    margin: 16px 0 !important;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }
  .vrx-home-quality .vrx-workflow::-webkit-scrollbar { display: none; }
  .vrx-home-quality .vrx-workflow li {
    flex: 0 0 auto;
    padding: 9px 11px !important;
    font-size: 12px;
  }

  /* Final CTA + footer compactness. */
  .vrx-final-rfq .vrx-dark-copy {
    font-size: 15px;
    line-height: 1.55;
  }
  .vrx-final-rfq .wp-block-buttons {
    gap: 10px;
  }
  .vrx-global-footer-inner {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 18px !important;
    padding-top: 46px !important;
    padding-bottom: 30px !important;
  }
  .vrx-footer-brand,
  .vrx-footer-cta {
    grid-column: 1 / -1 !important;
  }
  .vrx-global-footer h3 { margin-bottom: 12px; }
  .vrx-global-footer li { margin-bottom: 7px; }
  .vrx-footer-bottom {
    width: calc(100% - 32px) !important;
    flex-direction: column !important;
    gap: 7px !important;
    padding-top: 16px !important;
  }
}

@media (max-width: 390px) {
  .vrx-container { width: calc(100% - 28px) !important; }
  .vrx-home-h1 { font-size: 33px !important; }
  .vrx-home-hero-mobile-image { height: 198px; }
  .vrx-confidence-track {
    width: calc(100% - 14px) !important;
    margin-left: 14px !important;
  }
  .vrx-confidence-track > .wp-block-column.vrx-trust-item { flex-basis: 86% !important; }
}


/* =========================================================
 * v0.2.5 — Homepage Final Sync + SureForms Integration
 * Authority: approved V4 homepage preview.
 * PC Hero geometry remains locked; only the frozen Hero asset changed.
 * ========================================================= */

/* Quality + Workflow — preview-authority card system. */
.vrx-home-quality .vrx-quality-main-title { max-width: 760px; }
.vrx-home-quality .vrx-quality-panels { gap: 22px !important; margin-top: 30px; }
.vrx-home-quality .vrx-quality-panel {
  padding: 30px !important;
  border: 1px solid var(--vrx-line);
  border-radius: 18px;
  background: #fff;
}
.vrx-home-quality .vrx-quality-card-title { margin: 0 0 18px; font-size: 26px; line-height: 1.22; }
.vrx-home-quality .vrx-quality-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 24px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  columns: auto !important;
}
.vrx-home-quality .vrx-quality-checks li { position: relative; padding-left: 22px; }
.vrx-home-quality .vrx-quality-checks li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #5f9900;
  font-weight: 800;
}
.vrx-home-quality .vrx-workflow-copy { margin: 0 0 20px; color: var(--vrx-text); }
.vrx-home-quality .vrx-workflow-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.vrx-home-quality .vrx-workflow-chips li {
  position: relative;
  padding: 11px 14px !important;
  border: 0 !important;
  border-radius: 10px;
  background: var(--vrx-surface);
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
}
.vrx-home-quality .vrx-workflow-chips li:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  color: #8a969d;
  font-weight: 400;
}
.vrx-home-quality .vrx-workflow-chips li:not(:last-child) { margin-right: 12px; }
.vrx-home-quality .vrx-quality-link { margin-top: 20px; }

/* Quick RFQ — full-width premium section separated from the dark footer. */
.vrx-home-rfq.vrx-rfq-full {
  position: relative;
  overflow: hidden;
  padding: 84px 0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(184,243,75,.12), transparent 30%),
    linear-gradient(135deg, #142630 0%, #10202a 52%, #18323a 100%) !important;
  color: #fff;
}
.vrx-home-rfq.vrx-rfq-full::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .26;
  background-image:
    linear-gradient(115deg, transparent 0 67%, rgba(184,243,75,.07) 67.2%, transparent 67.6%),
    linear-gradient(0deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: auto, 100% 46px;
}
.vrx-rfq-grid { position: relative; z-index: 1; gap: 58px !important; align-items: center !important; }
.vrx-rfq-intro { padding-left: 24px; border-left: 4px solid var(--vrx-accent); }
.vrx-rfq-intro .vrx-eyebrow { color: var(--vrx-accent) !important; }
.vrx-rfq-intro .vrx-section-title { max-width: 520px; margin-bottom: 18px; }
.vrx-rfq-lead { max-width: 540px; color: #d8e1e5; font-size: 17px; line-height: 1.65; }
.vrx-rfq-points { margin: 26px 0 0; padding: 0; list-style: none; }
.vrx-rfq-points li { position: relative; margin: 0 0 14px; padding-left: 34px; color: #e8eef0; line-height: 1.55; }
.vrx-rfq-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--vrx-accent);
  color: var(--vrx-dark);
  font-weight: 900;
  font-size: 13px;
}
.vrx-rfq-form-card {
  padding: 28px !important;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 18px;
  background: #fff;
  color: var(--vrx-text);
  box-shadow: 0 28px 70px rgba(0,0,0,.22);
}
.vrx-rfq-form-card h2,
.vrx-rfq-form-card h3,
.vrx-rfq-form-card h4,
.vrx-rfq-form-card label { color: var(--vrx-ink); }
.vrx-rfq-form-card form { margin: 0 !important; }
.vrx-rfq-form-card input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.vrx-rfq-form-card select,
.vrx-rfq-form-card textarea {
  width: 100%;
  border: 1px solid #cfd7dc !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--vrx-text) !important;
  box-shadow: none !important;
}
.vrx-rfq-form-card textarea { min-height: 110px; }
.vrx-rfq-form-card button[type="submit"],
.vrx-rfq-form-card input[type="submit"] {
  min-height: 48px;
  border: 0 !important;
  border-radius: 7px !important;
  background: var(--vrx-accent) !important;
  color: var(--vrx-dark) !important;
  font-weight: 800 !important;
}
.vrx-rfq-form-fallback { padding: 2px; }
.vrx-rfq-form-fallback h3 { margin-top: 0; font-size: 28px; }

/* RFQ/footer separation. */
.vrx-home-rfq + .vrx-global-footer,
.vrx-global-footer { border-top: 1px solid rgba(255,255,255,.08); }

@media (max-width: 767px) {
  /* Frozen mobile Hero format: do not change ordering or composition. */
  .vrx-home-hero-mobile-image {
    height: 210px !important;
    margin: 22px 0 18px !important;
    border-radius: 14px !important;
  }
  .vrx-home-hero-mobile-image img {
    object-fit: cover !important;
    object-position: center center !important;
    opacity: .84 !important;
    filter: brightness(.86) saturate(.94) !important;
  }

  /* Quality + Workflow strictly mirrors the approved HTML preview. */
  .vrx-home-quality { padding-top: 48px !important; padding-bottom: 48px !important; }
  .vrx-home-quality .vrx-quality-main-title { font-size: 30px !important; line-height: 1.14 !important; margin-bottom: 22px; }
  .vrx-home-quality .vrx-quality-panels { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; margin-top: 0 !important; }
  .vrx-home-quality .vrx-quality-panel { padding: 20px !important; border-radius: 16px; }
  .vrx-home-quality .vrx-quality-card-title { margin-bottom: 16px; font-size: 21px !important; line-height: 1.25; }
  .vrx-home-quality .vrx-quality-checks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
  }
  .vrx-home-quality .vrx-workflow-copy { margin: 0 0 18px; font-size: 15px; line-height: 1.62; }
  .vrx-home-quality .vrx-workflow-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 9px 20px !important;
    margin: 0 !important;
  }
  .vrx-home-quality .vrx-workflow-chips li { padding: 10px 12px !important; font-size: 13px !important; }
  .vrx-home-quality .vrx-workflow-chips li:not(:last-child) { margin-right: 0; }
  .vrx-home-quality .vrx-workflow-chips li:not(:last-child)::after { right: -16px; }
  .vrx-home-quality .vrx-quality-link { display: none; }

  /* Approved V4 full-width Quick RFQ mobile section. */
  .vrx-home-rfq.vrx-rfq-full { padding: 52px 0 58px !important; }
  .vrx-rfq-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; }
  .vrx-rfq-grid > .wp-block-column { width: 100% !important; flex-basis: auto !important; }
  .vrx-rfq-intro { padding: 0 0 0 16px !important; border-left-width: 3px; }
  .vrx-rfq-intro .vrx-section-title { margin-bottom: 14px; font-size: 29px !important; line-height: 1.12; }
  .vrx-rfq-lead { margin-bottom: 0; font-size: 15px; line-height: 1.58; }
  .vrx-rfq-points { margin-top: 20px; }
  .vrx-rfq-points li { margin-bottom: 11px; padding-left: 31px; font-size: 13px; }
  .vrx-rfq-points li::before { width: 21px; height: 21px; font-size: 12px; }
  .vrx-rfq-form-card { padding: 18px !important; border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.2); }
  .vrx-rfq-form-card textarea { min-height: 96px; }
}

.vrx-rfq-form-head { margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--vrx-line); }
.vrx-rfq-form-head h3 { margin: 0 !important; font-size: 26px !important; }
.vrx-rfq-form-head p { margin: 0 !important; color: var(--vrx-muted); font-size: 12px; }
@media (max-width: 767px) {
  .vrx-rfq-form-head h3 { font-size: 22px !important; }
  .vrx-rfq-form-head { margin-bottom: 16px; }
}


/* =========================================================
   VELREXO v0.2.6 — Quick layout hotfixes
   ========================================================= */

/* Confidence pagination is mobile-only. Prevent Astra/global button styles
   from exposing slider controls as lime rectangles on desktop. */
.vrx-confidence-dots { display: none !important; }

/* Keep category/product card CTAs on one horizontal baseline regardless of copy length. */
@media (min-width: 768px) {
  .vrx-home-categories .vrx-card-grid-4,
  .vrx-home-featured .vrx-card-grid-4 { align-items: stretch !important; }

  .vrx-home-categories .vrx-card-grid-4 > .wp-block-column,
  .vrx-home-featured .vrx-card-grid-4 > .wp-block-column {
    display: flex !important;
    align-self: stretch !important;
  }

  .vrx-home-categories .vrx-category-card,
  .vrx-home-featured .vrx-product-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
  }

  .vrx-home-categories .vrx-category-card .vrx-text-link,
  .vrx-home-featured .vrx-product-card .vrx-text-link {
    margin-top: auto !important;
    padding-top: 18px !important;
  }

  /* Wider inner Hero container fixes the visually oversized empty gutter on
     the left while preserving the already-approved right-side Hero asset. */
  .vrx-home-hero .vrx-container.vrx-home-hero-grid {
    width: min(1480px, calc(100% - 72px)) !important;
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: clamp(34px, 3vw, 52px) !important;
  }
  .vrx-home-hero-grid > .wp-block-column:first-child {
    flex-basis: 44% !important;
    max-width: 650px !important;
  }
  .vrx-home-hero-grid > .wp-block-column:last-child {
    flex-basis: 56% !important;
  }
}

@media (max-width: 767px) {
  .vrx-confidence-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 16px 0 0 !important;
    padding: 0 !important;
  }
  .vrx-confidence-dot {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    min-height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.3) !important;
    box-shadow: none !important;
  }
  .vrx-confidence-dot.is-active { background: var(--vrx-accent) !important; }
}


/* =========================================================
   VELREXO v0.2.7 — Homepage final alignment + footer contrast
   CSS-only polish. Approved Hero / SureForms / mobile structure stay locked.
   ========================================================= */

/* Featured product cards: keep model, title, selling points and CTA zones
   on common horizontal baselines even when product names wrap differently. */
@media (min-width: 768px) {
  .vrx-home-featured .vrx-product-card .vrx-model {
    min-height: 20px;
    display: flex;
    align-items: flex-end;
  }
  .vrx-home-featured .vrx-product-card > h3,
  .vrx-home-featured .vrx-product-card > .wp-block-heading {
    min-height: 54px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px !important;
  }
  .vrx-home-featured .vrx-product-card .vrx-fact-list {
    min-height: 82px;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .vrx-home-featured .vrx-product-card .vrx-text-link {
    margin-top: auto !important;
    padding-top: 10px !important;
  }

  /* Core category cards use the same fixed content rhythm so their bottom
     Explore links remain on one baseline after future copy edits. */
  .vrx-home-categories .vrx-category-card > h3,
  .vrx-home-categories .vrx-category-card > .wp-block-heading {
    min-height: 30px;
  }
  .vrx-home-categories .vrx-category-card > p:not(.vrx-text-link) {
    min-height: 88px;
  }
}

/* Astra's global heading color is more specific than the footer rule.
   Force footer hierarchy to stay legible on the locked dark background. */
body.vrx-site-ready .vrx-global-footer h3,
body.vrx-site-ready .vrx-global-footer .vrx-footer-cta h3,
.vrx-global-footer h3,
.vrx-global-footer .vrx-footer-cta h3 {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}
body.vrx-site-ready .vrx-global-footer > .vrx-global-footer-inner > div:not(.vrx-footer-brand):not(.vrx-footer-cta) > h3 {
  font-size: 15px !important;
  letter-spacing: .01em;
}
body.vrx-site-ready .vrx-global-footer .vrx-footer-cta h3 {
  font-size: 22px !important;
  line-height: 1.25 !important;
}

/* ========================================================================== 
 * v0.3.0 — Jump Starters Category + VJS-001 Product Detail
 * Approved category structure and locked Product Detail Template.
 * ========================================================================== */
.vrx-page-h1,
.vrx-category-h1,
.vrx-pdp-h1 {
  margin: 0 0 20px;
  color: var(--vrx-ink);
  font-weight: 700;
  line-height: 1.08;
}
.vrx-page-h1 { max-width: 880px; font-size: clamp(42px,5vw,64px); }
.vrx-page-lead { max-width: 820px; margin: 0; font-size: 18px; line-height: 1.65; }
.vrx-breadcrumb { margin: 0 0 18px; color: var(--vrx-muted); font-size: 13px; }
.vrx-breadcrumb a { color: inherit; text-decoration: none; }
.vrx-breadcrumb a:hover { color: #5d7e0b; }
.vrx-breadcrumb-dark { color: rgba(255,255,255,.62); }

/* Jump Starters category hero */
.vrx-category-hero { min-height: 570px; display: flex; align-items: center; padding: 60px 0; }
.vrx-category-hero-grid { gap: 54px; }
.vrx-category-h1 { max-width: 650px; color: #fff !important; font-size: clamp(42px,4.2vw,60px); }
.vrx-category-lead { max-width: 650px; margin: 0 0 10px; color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.65; }
.vrx-category-subline { margin: 0 0 28px; color: rgba(255,255,255,.6); font-size: 14px; }
.vrx-category-hero-image { margin: 0; overflow: hidden; border-radius: 16px; }
.vrx-category-hero-image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.vrx-category-confidence .vrx-confidence-mobile-head { display: none; }
.vrx-category-overview-note { margin-bottom: 0; }

/* Category product cards */
.vrx-category-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 20px;
  margin-top: 32px;
}
.vrx-category-model-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 22px;
  border: 1px solid var(--vrx-line);
  border-radius: var(--vrx-radius-md);
  background: #fff;
}
.vrx-category-model-card img { width: 100%; aspect-ratio: 1/1; object-fit: contain; border-radius: 8px; background: #fff; }
.vrx-category-model-card .vrx-model { margin-top: 18px !important; }
.vrx-category-model-card h3 { min-height: 52px; margin: 0 0 12px; color: var(--vrx-ink); font-size: 19px; line-height: 1.3; }
.vrx-category-model-card ul { flex: 1 1 auto; margin: 0 0 18px 18px; padding: 0; color: var(--vrx-text); font-size: 13px; line-height: 1.7; }
.vrx-category-model-card > a { margin-top: auto; color: #5d7e0b; font-size: 14px; font-weight: 700; text-decoration: none; }

/* Tables */
.vrx-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-data-table { width: 100%; min-width: 820px; border-collapse: collapse; }
.vrx-data-table th,
.vrx-data-table td { padding: 15px 16px; border-bottom: 1px solid var(--vrx-line); text-align: left; vertical-align: top; font-size: 14px; line-height: 1.45; }
.vrx-data-table th { background: #f7f9f9; color: var(--vrx-ink); font-weight: 700; }
.vrx-data-table tr:last-child td,
.vrx-data-table tr:last-child th { border-bottom: 0; }
.vrx-table-note { margin: 14px 0 0; color: var(--vrx-muted); font-size: 12px; line-height: 1.55; }

/* Sourcing guide */
.vrx-guide-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-top: 34px; }
.vrx-guide-grid > div { padding: 24px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-guide-grid span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 18px; border-radius: 50%; background: rgba(184,243,75,.22); color: #5d7e0b; font-size: 12px; font-weight: 800; }
.vrx-guide-grid h3 { margin: 0 0 9px; font-size: 17px; line-height: 1.3; }
.vrx-guide-grid p { margin: 0; color: var(--vrx-text); font-size: 13px; line-height: 1.6; }

/* Applications */
.vrx-application-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 30px; }
.vrx-application-grid > div { display: flex; align-items: center; gap: 14px; padding: 20px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-application-grid span { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--vrx-dark); color: var(--vrx-accent); font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.vrx-application-grid strong { color: var(--vrx-ink); font-size: 16px; }

/* Private label/category CTAs */
.vrx-dark-chip-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0; }
.vrx-dark-chip-row span { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; background: rgba(255,255,255,.06); color: #fff; font-size: 13px; font-weight: 600; }
.vrx-inline-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.vrx-inline-actions-center { justify-content: center; }
.vrx-inline-primary,
.vrx-inline-secondary,
.vrx-inline-outline { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 6px; font-size: 15px; font-weight: 700; text-decoration: none !important; }
.vrx-inline-primary { background: var(--vrx-accent); border: 1px solid var(--vrx-accent); color: var(--vrx-dark) !important; }
.vrx-inline-secondary { background: transparent; border: 1px solid rgba(255,255,255,.55); color: #fff !important; }
.vrx-inline-outline { background: #fff; border: 1px solid var(--vrx-dark); color: var(--vrx-dark) !important; }
.vrx-category-final-card { padding: 44px; border-radius: 16px; background: #fff; border: 1px solid var(--vrx-line); }

/* FAQ */
.vrx-faq-list { max-width: 900px; margin-top: 28px; }
.vrx-faq-list details { border-bottom: 1px solid var(--vrx-line); }
.vrx-faq-list summary { position: relative; padding: 19px 34px 19px 0; cursor: pointer; list-style: none; color: var(--vrx-ink); font-size: 16px; font-weight: 700; }
.vrx-faq-list summary::-webkit-details-marker { display: none; }
.vrx-faq-list summary::after { content: '+'; position: absolute; right: 2px; top: 17px; color: #6f960d; font-size: 22px; font-weight: 500; }
.vrx-faq-list details[open] summary::after { content: '−'; }
.vrx-faq-list details p { margin: 0; padding: 0 30px 20px 0; color: var(--vrx-text); font-size: 14px; line-height: 1.65; }

/* Product detail hero */
.vrx-pdp-breadcrumb-section { padding: 12px 0 0; background: #fff; }
.vrx-pdp-hero { padding: 18px 0 28px; background: #fff; }
.vrx-pdp-hero-grid { gap: 34px; }
.vrx-pdp-gallery { display: grid; gap: 10px; }
.vrx-pdp-main { margin: 0; border: 1px solid var(--vrx-line); border-radius: 14px; overflow: hidden; background: #fff; }
.vrx-pdp-main img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: contain; }
.vrx-pdp-thumbs { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.vrx-pdp-thumbs figure { margin: 0; overflow: hidden; border: 1px solid var(--vrx-line); border-radius: 8px; background: #fff; }
.vrx-pdp-thumbs img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.vrx-pdp-model { margin: 0 0 6px; color: #6f960d; font-size: 24px; font-weight: 800; letter-spacing: .02em; }
.vrx-pdp-h1 { max-width: 560px; font-size: clamp(34px,3.1vw,42px); }
.vrx-pdp-lead { max-width: 620px; margin: 0 0 20px; color: var(--vrx-text); font-size: 16px; line-height: 1.65; }
.vrx-pdp-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.vrx-pdp-facts > div { padding: 15px; border-radius: 9px; background: var(--vrx-surface); border: 1px solid #edf0f1; }
.vrx-pdp-facts strong { display: block; color: var(--vrx-ink); font-size: 18px; line-height: 1.2; }
.vrx-pdp-facts span { display: block; margin-top: 5px; color: var(--vrx-muted); font-size: 11px; line-height: 1.35; }

/* PDP confidence */
.vrx-pdp-confidence { padding: 22px 0; }
.vrx-pdp-confidence-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.vrx-pdp-confidence-grid > div { padding: 8px 22px; border-left: 1px solid rgba(255,255,255,.14); }
.vrx-pdp-confidence-grid > div:first-child { border-left: 0; }
.vrx-pdp-confidence h3 { margin: 0 0 8px; color: #fff !important; font-size: 15px; }
.vrx-pdp-confidence p { margin: 0; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.6; }

/* Why this model */
.vrx-pdp-why-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 32px; }
.vrx-pdp-why-grid > div { padding: 24px; border: 1px solid var(--vrx-line); border-radius: 12px; }
.vrx-pdp-why-grid span { color: #6f960d; font-size: 12px; font-weight: 800; }
.vrx-pdp-why-grid h3 { margin: 10px 0 8px; font-size: 17px; }
.vrx-pdp-why-grid p { margin: 0; color: var(--vrx-text); font-size: 13px; line-height: 1.6; }

/* PDP specifications */
.vrx-spec-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 28px; }
.vrx-spec-grid > div { padding: 24px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-spec-grid h3 { margin: 0 0 14px; font-size: 18px; }
.vrx-spec-grid table { width: 100%; border-collapse: collapse; }
.vrx-spec-grid th,
.vrx-spec-grid td { padding: 10px 0; border-bottom: 1px solid var(--vrx-line); text-align: left; vertical-align: top; font-size: 13px; line-height: 1.4; }
.vrx-spec-grid th { width: 48%; color: var(--vrx-muted); font-weight: 600; }
.vrx-spec-grid td { color: var(--vrx-ink); font-weight: 600; }
.vrx-spec-grid tr:last-child th,
.vrx-spec-grid tr:last-child td { border-bottom: 0; }

/* Feature stack */
.vrx-feature-stack { display: grid; gap: 22px; margin-top: 30px; }
.vrx-feature-stack article { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 54px; padding: 28px; border-radius: 16px; background: #fff; border: 1px solid var(--vrx-line); }
.vrx-feature-stack article.vrx-feature-reverse img { order: 2; }
.vrx-feature-stack article img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 12px; }
.vrx-feature-stack h3 { margin: 0 0 12px; font-size: 26px; line-height: 1.2; }
.vrx-feature-stack p { margin: 0; color: var(--vrx-text); font-size: 15px; line-height: 1.7; }

.vrx-pdp-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 58px; align-items: center; }
.vrx-pdp-two-col figure { margin: 0; }
.vrx-pdp-two-col figure img { width: 100%; border-radius: 14px; display: block; }
.vrx-pdp-private-grid figure img { border: 1px solid rgba(255,255,255,.12); }

.vrx-compliance-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
.vrx-compliance-badges span { min-width: 82px; padding: 13px 16px; border: 1px solid var(--vrx-line); border-radius: 999px; background: #fff; color: var(--vrx-ink); text-align: center; font-size: 13px; font-weight: 800; }

.vrx-related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 30px; }
.vrx-related-grid article { display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-related-grid img { width: 100%; aspect-ratio: 1/1; object-fit: contain; }
.vrx-related-grid h3 { flex: 1; margin: 0 0 16px; font-size: 17px; line-height: 1.4; }
.vrx-related-grid a { color: #5d7e0b; font-size: 14px; font-weight: 700; text-decoration: none; }
.vrx-final-copy { margin-inline: auto; }

@media (max-width: 980px) {
  .vrx-category-product-grid { grid-template-columns: repeat(2,1fr); }
  .vrx-guide-grid { grid-template-columns: repeat(2,1fr); }
  .vrx-pdp-facts { grid-template-columns: repeat(2,1fr); }
  .vrx-pdp-confidence-grid { grid-template-columns: repeat(2,1fr); }
  .vrx-pdp-confidence-grid > div:nth-child(3) { border-left: 0; }
  .vrx-pdp-why-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 782px) {
  .vrx-page-h1 { font-size: 36px; }
  .vrx-category-hero { min-height: 0; padding: 42px 0 28px; }
  .vrx-category-hero-grid { gap: 28px; }
  .vrx-category-h1 { font-size: 35px; line-height: 1.08; }
  .vrx-category-lead { font-size: 15px; }
  .vrx-category-hero-image { border-radius: 12px; }
  .vrx-category-confidence .vrx-confidence-track { padding-top: 22px; padding-bottom: 22px; }
  .vrx-category-product-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding-bottom: 8px; scrollbar-width: none; }
  .vrx-category-product-grid::-webkit-scrollbar { display: none; }
  .vrx-category-model-card { flex: 0 0 84%; scroll-snap-align: start; padding: 18px; }
  .vrx-category-model-card h3 { min-height: auto; }
  .vrx-guide-grid { grid-template-columns: 1fr; }
  .vrx-application-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .vrx-application-grid > div { padding: 14px; }
  .vrx-category-final-card { padding: 28px 20px; }
  .vrx-inline-actions > a { width: 100%; }

  .vrx-pdp-breadcrumb-section { padding-top: 10px; }
  .vrx-pdp-hero { padding: 14px 0 28px; }
  .vrx-pdp-hero-grid { gap: 22px; }
  .vrx-pdp-model { font-size: 22px; }
  .vrx-pdp-h1 { font-size: 32px; }
  .vrx-pdp-lead { font-size: 15px; }
  .vrx-pdp-facts { grid-template-columns: repeat(2,1fr); }
  .vrx-pdp-thumbs { grid-template-columns: repeat(4,1fr); gap: 6px; }
  .vrx-pdp-confidence { padding: 0; }
  .vrx-pdp-confidence-grid { display: flex; width: calc(100% - 32px); overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding: 22px 0; scrollbar-width: none; }
  .vrx-pdp-confidence-grid::-webkit-scrollbar { display: none; }
  .vrx-pdp-confidence-grid > div { flex: 0 0 82%; padding: 18px; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 12px; scroll-snap-align: start; }
  .vrx-pdp-why-grid { grid-template-columns: 1fr; }
  .vrx-spec-grid { grid-template-columns: 1fr; }
  .vrx-feature-stack article { grid-template-columns: 1fr; gap: 20px; padding: 18px; }
  .vrx-feature-stack article.vrx-feature-reverse img { order: 0; }
  .vrx-feature-stack h3 { font-size: 22px; }
  .vrx-pdp-two-col { grid-template-columns: 1fr; gap: 28px; }
  .vrx-related-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding-bottom: 8px; scrollbar-width: none; }
  .vrx-related-grid::-webkit-scrollbar { display: none; }
  .vrx-related-grid article { flex: 0 0 82%; scroll-snap-align: start; }
}

/* ========================================================================== 
 * v0.3.2 — Editor Parity + Compact Product Detail
 * Gutenberg-safe Product Detail markup, complete table borders, compact
 * feature overview and visible Q&A cards for search / AI answer extraction.
 * ========================================================================== */

/* Full-border specification and packaging tables. */
.vrx-spec-grid { display: grid; gap: 18px; margin-top: 28px; }
.vrx-spec-row { gap: 18px; margin: 0 !important; }
.vrx-spec-card {
  height: 100%;
  padding: 24px;
  border: 1px solid var(--vrx-line);
  border-radius: 12px;
  background: #fff;
}
.vrx-spec-card .vrx-spec-title { margin: 0 0 14px; font-size: 18px; }
.vrx-spec-card .wp-block-table,
.vrx-pdp-packaging .wp-block-table { margin: 0; overflow: visible; }
.vrx-spec-table table,
.vrx-pdp-packaging .vrx-data-table table {
  width: 100%;
  min-width: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0;
  border: 1px solid var(--vrx-line);
}
.vrx-spec-table th,
.vrx-spec-table td,
.vrx-pdp-packaging .vrx-data-table th,
.vrx-pdp-packaging .vrx-data-table td {
  padding: 10px 12px;
  border: 1px solid var(--vrx-line) !important;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.45;
}
.vrx-spec-table th,
.vrx-pdp-packaging .vrx-data-table th {
  width: 46%;
  background: #f7f9f9;
  color: var(--vrx-muted);
  font-weight: 600;
}
.vrx-spec-table td,
.vrx-pdp-packaging .vrx-data-table td { color: var(--vrx-ink); font-weight: 600; }

/* Gutenberg-safe fact columns. */
.vrx-pdp-facts { margin-top: 0; }
.vrx-pdp-facts .wp-block-column { margin: 0 !important; }
.vrx-pdp-fact { margin: 0 !important; }
.vrx-pdp-fact strong { display: block; color: var(--vrx-ink); font-size: 18px; line-height: 1.2; }
.vrx-pdp-fact span { display: block; margin-top: 5px; color: var(--vrx-muted); font-size: 11px; line-height: 1.35; }

/* Gutenberg-safe confidence / why / application cards. */
.vrx-pdp-confidence-grid { gap: 0; }
.vrx-pdp-why-grid { gap: 18px; margin-top: 32px !important; }
.vrx-pdp-why-card { height: 100%; padding: 24px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-pdp-why-card .vrx-card-index { margin: 0; color: #6f960d; font-size: 12px; font-weight: 800; }
.vrx-pdp-why-card h3 { margin: 10px 0 8px; font-size: 17px; }
.vrx-pdp-why-card > p:last-child { margin: 0; color: var(--vrx-text); font-size: 13px; line-height: 1.6; }
.vrx-application-grid { gap: 14px; margin-top: 26px !important; }
.vrx-application-card { height: 100%; padding: 18px; border: 1px solid var(--vrx-line); border-radius: 10px; background: #fff; }
.vrx-application-card .vrx-application-code { margin: 0 0 7px; color: #6f960d; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.vrx-application-card h3 { margin: 0; font-size: 16px; }

/* Compact feature overview: 3 cards + 2 cards on desktop. */
.vrx-pdp-features-compact .vrx-section-lead { max-width: 820px; }
.vrx-feature-card-row { gap: 18px; margin: 26px 0 0 !important; }
.vrx-feature-card-row + .vrx-feature-card-row { margin-top: 18px !important; }
.vrx-feature-card { height: 100%; padding: 16px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-feature-card-image { margin: 0 0 15px !important; overflow: hidden; border-radius: 9px; }
.vrx-feature-card-image img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.vrx-feature-card-title { margin: 0 0 8px !important; font-size: 19px !important; line-height: 1.25; }
.vrx-feature-card-copy { margin: 0 !important; color: var(--vrx-text); font-size: 13px; line-height: 1.55; }

/* Standard core buttons used by the editor-safe PDP. */
.vrx-inline-actions { gap: 12px; margin-top: 24px !important; }
.vrx-inline-actions-center { justify-content: center; }
.vrx-button-outline .wp-block-button__link {
  background: #fff !important;
  border: 1px solid var(--vrx-dark) !important;
  color: var(--vrx-dark) !important;
}
.vrx-pdp-private .vrx-button-dark-secondary .wp-block-button__link,
.vrx-pdp-final .vrx-button-dark-secondary .wp-block-button__link {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  color: #fff !important;
}

/* Two-column Q&A cards keep detailed feature / sourcing answers visible in HTML. */
.vrx-qa-grid { display: grid; gap: 14px; margin-top: 28px; }
.vrx-qa-row { gap: 14px; margin: 0 !important; }
.vrx-qa-card { height: 100%; padding: 20px 22px; border: 1px solid var(--vrx-line); border-radius: 10px; background: #fff; }
.vrx-qa-question { margin: 0 0 9px !important; font-size: 16px !important; line-height: 1.35; }
.vrx-qa-answer { margin: 0 !important; color: var(--vrx-text); font-size: 13px; line-height: 1.65; }

/* Related products rebuilt as core blocks. */
.vrx-related-grid { gap: 20px; margin-top: 30px !important; }
.vrx-related-card { display: flex; flex-direction: column; height: 100%; padding: 22px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-related-card .wp-block-image { margin: 0 0 12px; }
.vrx-related-card .wp-block-image img { width: 100%; aspect-ratio: 1/1; object-fit: contain; }
.vrx-related-card h3 { flex: 1; margin: 0 0 16px; font-size: 17px; line-height: 1.4; }
.vrx-related-card .vrx-text-link { margin-top: auto !important; }

/* Paragraph-based chip / compliance rows remain editable in Gutenberg. */
p.vrx-dark-chip-row,
p.vrx-compliance-badges { margin-top: 24px; margin-bottom: 24px; }

@media (max-width: 782px) {
  .vrx-spec-row,
  .vrx-feature-card-row,
  .vrx-qa-row { flex-direction: column; }
  .vrx-spec-card { padding: 18px; }
  .vrx-feature-card-row { margin-top: 16px !important; }
  .vrx-feature-card-row + .vrx-feature-card-row { margin-top: 14px !important; }
  .vrx-feature-card { padding: 14px; }
  .vrx-feature-card-image img { aspect-ratio: 16/10; }
  .vrx-qa-card { padding: 17px 18px; }
  .vrx-pdp-facts { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
}

/* v0.3.2 editor-safe category / homepage block wrappers. */
.vrx-category-product-grid > .wp-block-column { display: flex; min-width: 0; }
.vrx-category-product-grid .vrx-category-model-card { width: 100%; }
.vrx-category-model-facts { flex: 1 1 auto; margin: 0 0 18px 18px !important; padding: 0 !important; color: var(--vrx-text); font-size: 13px; line-height: 1.7; }
.vrx-category-model-link { margin-top: auto !important; }
.vrx-category-model-link a { color: #5d7e0b; font-size: 14px; font-weight: 700; text-decoration: none; }
.vrx-guide-grid { margin-top: 18px !important; }
.vrx-guide-grid:first-of-type { margin-top: 34px !important; }
.vrx-guide-grid > .wp-block-column { padding: 24px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-guide-card { padding: 0; border: 0; background: transparent; }
.vrx-guide-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0 0 18px !important;
  border-radius: 50%;
  background: rgba(184,243,75,.22);
  color: #5d7e0b;
  font-size: 12px;
  font-weight: 800;
}
.vrx-guide-card h3 { margin: 0 0 9px !important; font-size: 17px; line-height: 1.3; }
.vrx-guide-card > p:last-child { margin: 0 !important; color: var(--vrx-text); font-size: 13px; line-height: 1.6; }
.vrx-application-grid > .wp-block-column { display: block; padding: 0; border: 0; background: transparent; }
.vrx-application-card { display: flex; align-items: center; gap: 14px; height: 100%; padding: 20px; border: 1px solid var(--vrx-line); border-radius: 12px; background: #fff; }
.vrx-application-code {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  margin: 0 !important;
  border-radius: 50%;
  background: var(--vrx-dark);
  color: var(--vrx-accent) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
}
.vrx-application-card h3 { margin: 0 !important; font-size: 16px; }

.vrx-mini-card-title { margin: 0 0 9px !important; color: var(--vrx-ink); font-size: 17px !important; }
.vrx-dark-chip-wrap { height: 100%; }
.vrx-dark-chip-wrap .vrx-dark-chip { margin: 0 !important; height: 100%; box-sizing: border-box; }

@media (max-width: 782px) {
  .vrx-category-product-grid > .wp-block-column { flex: 0 0 84%; scroll-snap-align: start; }
  .vrx-guide-grid { flex-direction: column; }
  .vrx-guide-grid > .wp-block-column { padding: 18px; }
  .vrx-application-card { padding: 14px; }
}
.vrx-pdp-packaging figure.vrx-data-table { min-width: 0 !important; width: 100%; }

/* ========================================================================== 
 * v0.3.3 — VJS-001 final lock refinements
 * ========================================================================== */
/* Keep the approved Carbon header consistent across Home, category and PDP pages. */
body.vrx-site-ready.vrx-global-components .vrx-global-header {
  background: var(--vrx-dark) !important;
  border-bottom-color: rgba(255,255,255,.12) !important;
}
body.vrx-site-ready.vrx-global-components .vrx-global-header .vrx-menu > li > a { color: #fff !important; }
body.vrx-site-ready.vrx-global-components .vrx-global-header .vrx-menu-toggle span { background: #fff !important; }

/* Compact PDP key-fact values so the five desktop facts remain single-line. */
.vrx-pdp-facts > div { padding: 12px 10px; }
.vrx-pdp-facts strong,
.vrx-pdp-fact strong {
  font-size: 14px !important;
  line-height: 1.12 !important;
  white-space: nowrap;
}
.vrx-pdp-facts span,
.vrx-pdp-fact span { font-size: 10.5px !important; line-height: 1.3 !important; }

/* Tighten the applications section; the generic .vrx-pad-lg is intentionally overridden here. */
.vrx-pdp-applications.vrx-pad-lg { padding-top: 46px !important; padding-bottom: 46px !important; }
.vrx-pdp-applications .vrx-eyebrow { margin-bottom: 8px; }
.vrx-pdp-applications .vrx-section-title { margin-bottom: 0; }
.vrx-pdp-applications .vrx-application-grid { margin-top: 18px !important; }

/* WordPress constrained-layout rules use !important auto margins; override them with higher specificity. */
body.vrx-site-ready .vrx-pdp-features-compact .vrx-container > .vrx-section-lead-left,
.editor-styles-wrapper .vrx-pdp-features-compact .vrx-container > .vrx-section-lead-left {
  width: 100% !important;
  max-width: 980px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  justify-self: start !important;
}

@media (max-width: 767px) {
  .vrx-pdp-facts strong,
  .vrx-pdp-fact strong { font-size: 14px !important; white-space: normal; }
  .vrx-pdp-applications.vrx-pad-lg { padding-top: 34px !important; padding-bottom: 34px !important; }
}

/* ========================================================================== 
 * v0.3.5 — Application alignment, comparison table grid, compact confidence
 * ========================================================================== */
.vrx-application-card {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  box-sizing: border-box;
}
.vrx-application-card > .vrx-application-code,
.vrx-application-card > h3 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}
.vrx-application-card > .vrx-application-code { flex: 0 0 52px !important; }
.vrx-application-card > h3 { flex: 0 1 auto !important; }

.vrx-category-compare .vrx-table-wrap { border: 0; overflow-x: auto; }
.vrx-category-compare figure.vrx-data-table { margin: 0; }
.vrx-category-compare .vrx-data-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--vrx-line);
}
.vrx-category-compare .vrx-data-table th,
.vrx-category-compare .vrx-data-table td {
  border: 1px solid var(--vrx-line);
  padding: 13px 16px;
}
.vrx-category-compare .vrx-data-table tr:last-child th,
.vrx-category-compare .vrx-data-table tr:last-child td { border-bottom: 1px solid var(--vrx-line); }

.vrx-category-confidence { padding: 0; }
.vrx-category-confidence .vrx-confidence-track { margin-top: 0; margin-bottom: 0; }
.vrx-category-confidence .vrx-trust-item {
  box-sizing: border-box;
  min-height: 0;
  padding: 18px 24px;
}
.vrx-category-confidence .vrx-trust-title { margin-bottom: 6px; }
.vrx-category-confidence .vrx-trust-copy { line-height: 1.5; }

@media (max-width: 782px) {
  .vrx-category-confidence .vrx-trust-item { padding: 16px 18px; }
}

/* v0.4.1 — Product Q&A alignment lock.
 * Gutenberg constrained-layout rules can otherwise give the nested Q&A grid a second
 * content-width and auto margins, making the cards appear inset from the section title. */
.vrx-pdp-qa .vrx-container > .vrx-qa-grid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
.vrx-pdp-qa .vrx-qa-grid > .vrx-qa-row {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
.vrx-pdp-qa .vrx-qa-row > .wp-block-column {
  min-width: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.vrx-pdp-qa .vrx-qa-card {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* v0.5.0 Tire Inflators pilot */
.vrx-ti-hero-panel {
  width: 100%;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: linear-gradient(135deg,#142028 0%,#1a2a31 100%);
  box-sizing: border-box;
}
.vrx-ti-hero-products {
  gap: 12px;
  margin: 0;
}
.vrx-ti-hero-products > .wp-block-column {
  min-width: 0;
}
.vrx-ti-hero-products figure {
  margin: 0;
  padding: 10px;
  border-radius: 12px;
  background: #fff;
}
.vrx-ti-hero-products img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.vrx-category-product-grid-5 {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
@media (max-width: 1024px) {
  .vrx-category-product-grid-5 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .vrx-ti-hero-panel { padding: 12px; }
  .vrx-ti-hero-products { gap: 8px; }
  .vrx-ti-hero-products figure { padding: 6px; border-radius: 10px; }
  .vrx-category-product-grid-5 { display:flex; grid-template-columns:none; }
}


.vrx-ti-hero-panel-locked figure {
  margin: 0;
}
.vrx-ti-hero-approved-image img,
.vrx-ti-hero-panel-locked img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 12px;
}


/* ========================================================================== 
 * v0.5.2 — Tire Inflators locked category + VTI-001 V6 layout
 * ========================================================================== */
.vrx-tire-inflators-category-hero{
  min-height:470px;
  background:
    linear-gradient(90deg,rgba(4,18,25,.98) 0%,rgba(4,18,25,.92) 37%,rgba(4,18,25,.34) 68%,rgba(4,18,25,.08) 100%),
    url('../img/tire-inflators-category-hero-approved.webp') center/cover no-repeat !important;
  color:#fff;
}
.vrx-tire-inflators-category-hero .vrx-ti-hero-copy{padding-top:36px;padding-bottom:42px;max-width:1240px;margin-inline:auto}
.vrx-tire-inflators-category-hero .vrx-category-h1{max-width:620px;font-size:clamp(42px,4vw,58px);line-height:1.04}
.vrx-tire-inflators-category-hero .vrx-category-lead{max-width:610px;color:#f2f6f7}
.vrx-tire-inflators-category-hero .vrx-breadcrumb-dark{color:#d4dde1}
.vrx-ti-confidence-track{gap:0!important}
.vrx-ti-trust-item{display:flex!important;gap:14px!important;align-items:center!important;padding:18px 22px!important}
.vrx-ti-trust-icon{margin:0!important;flex:0 0 38px;color:var(--vrx-accent)}
.vrx-ti-trust-icon svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vrx-ti-trust-copy-wrap{margin:0!important;min-width:0}
.vrx-ti-trust-copy-wrap .vrx-trust-title,.vrx-ti-trust-copy-wrap .vrx-trust-copy{margin-left:0!important;margin-right:0!important}

.vrx-category-product-grid-5{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.vrx-category-model-card{padding:16px!important}
.vrx-category-model-card .wp-block-image{margin:0!important}
.vrx-category-model-card img{aspect-ratio:1/1!important;object-fit:contain!important;background:#fff!important}
.vrx-category-model-card h3{min-height:48px!important;font-size:18px!important}
.vrx-category-model-link{margin-top:auto!important}

.vrx-ti-section-heading-row{align-items:end!important;margin-bottom:18px!important}
.vrx-ti-section-heading-row>.wp-block-column:last-child{display:flex;align-items:end}
.vrx-ti-application-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.vrx-ti-application-grid>.wp-block-column{display:block!important}
.vrx-ti-application-card{display:block!important;padding:0!important;overflow:hidden!important;border:1px solid var(--vrx-line)!important;border-radius:10px!important;background:#fff!important}
.vrx-ti-application-image{margin:0!important;background:#fff}
.vrx-ti-application-image img{display:block!important;width:100%!important;height:132px!important;object-fit:cover!important}
.vrx-ti-application-body{padding:11px 13px 13px!important}
.vrx-ti-application-body h3{font-size:15px!important;margin:0 0 4px!important}
.vrx-ti-application-copy{font-size:11px!important;color:var(--vrx-muted)!important;margin:0!important}
.vrx-ti-private-grid{gap:42px!important}
.vrx-ti-private-image{margin:0!important;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#0b2028}
.vrx-ti-private-image img{display:block!important;width:100%!important;height:auto!important;max-height:430px!important;object-fit:contain!important;object-position:center!important}

/* VTI-001 hero: five equal spec cards with icons; no image cropping. */
.vrx-pdp-thumbs figure{display:flex!important;align-items:center!important;justify-content:center!important;padding:5px!important}
.vrx-pdp-thumbs img{aspect-ratio:4/3!important;object-fit:contain!important;background:#fff!important}
.vrx-pdp-facts{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 12px!important}
.vrx-pdp-facts>.wp-block-column{min-width:0!important;margin:0!important}
.vrx-pdp-fact-card{height:100%;min-height:126px;padding:13px 11px;border-radius:9px;background:var(--vrx-surface);border:1px solid #e2e8ea}
.vrx-pdp-fact-icon{margin:0 0 8px!important;color:#173345}
.vrx-pdp-fact-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vrx-pdp-fact{margin:0!important}
.vrx-pdp-fact strong{font-size:15px!important;line-height:1.15!important;white-space:normal!important}
.vrx-pdp-fact span{font-size:10.5px!important;line-height:1.3!important}
.vrx-pdp-summary>.vrx-inline-actions{margin-top:10px!important}
.vrx-pdp-summary>.vrx-inline-actions .wp-block-button__link{min-width:180px}

/* Feature cards: complete images, never cropped. */
.vrx-feature-card-row-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}
.vrx-feature-card-row-4>.wp-block-column{min-width:0!important;margin:0!important}
.vrx-feature-card{padding:0!important;overflow:hidden!important}
.vrx-feature-card-image{margin:0!important;padding:10px 10px 0!important;background:#fff!important;overflow:visible!important}
.vrx-feature-card-image img{width:100%!important;height:195px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;display:block!important}
.vrx-feature-card-title{padding:12px 14px 0!important;margin:0!important}
.vrx-feature-card-copy{padding:8px 14px 16px!important;margin:0!important}

.vrx-included-list{margin-top:18px!important;padding-left:20px!important}
.vrx-included-list li{margin:7px 0!important}
.vrx-pdp-included figure img{width:100%!important;height:auto!important;max-height:430px!important;object-fit:contain!important}

/* Packaging and Compliance are full-width, separate rows. */
.vrx-pdp-packaging{padding-top:56px!important;padding-bottom:56px!important}
.vrx-pdp-compliance{padding-top:56px!important;padding-bottom:56px!important;border-top:1px solid var(--vrx-line)}

/* Private label: show the whole approved visual; buttons do not wrap awkwardly. */
.vrx-pdp-private-grid{gap:42px!important}
.vrx-pdp-private-image{margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;overflow:hidden!important;background:#0b2028!important;padding:12px!important}
.vrx-pdp-private-image img{display:block!important;width:100%!important;height:auto!important;max-height:390px!important;object-fit:contain!important;object-position:center!important;border:0!important}
.vrx-pdp-private .vrx-inline-actions .wp-block-button__link{min-width:200px;white-space:nowrap}

.vrx-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.vrx-pdp-final-inner{text-align:left!important}
.vrx-pdp-final .vrx-inline-actions{justify-content:flex-start!important;margin-top:18px!important}
.vrx-pdp-final .vrx-inline-actions .wp-block-button__link{min-width:190px}

@media(max-width:1024px){
  .vrx-category-product-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .vrx-ti-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vrx-pdp-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .vrx-feature-card-row-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vrx-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .vrx-tire-inflators-category-hero{min-height:0;background-position:60% center!important}
  .vrx-tire-inflators-category-hero .vrx-ti-hero-copy{padding:36px 16px 40px!important}
  .vrx-category-product-grid-5{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;grid-template-columns:none!important}
  .vrx-category-product-grid-5>.wp-block-column{flex:0 0 82%!important;scroll-snap-align:start!important}
  .vrx-ti-application-grid{grid-template-columns:1fr 1fr!important}
  .vrx-ti-application-image img{height:105px!important}
  .vrx-ti-private-grid{grid-template-columns:1fr!important}
  .vrx-pdp-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vrx-feature-card-row-4{grid-template-columns:1fr!important}
  .vrx-feature-card-image img{height:185px!important}
  .vrx-related-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important}
  .vrx-related-grid>.wp-block-column{flex:0 0 82%!important}
  .vrx-pdp-private .vrx-inline-actions .wp-block-button__link{min-width:0;white-space:normal}
}