/* Product detail reference implementation — visual-only; product fields and controls are untouched. */

/* Product FAQ uses the same SVG accordion control as the landing and library. */
body.single-product .product-faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:16px; }
body.single-product .product-faq-item summary::after,
body.single-product .product-faq-item[open] summary::after { content:none; }
body.single-product .product-faq-item summary > [data-product-faq-question-en] { min-width:0; }
body.single-product .product-faq-toggle-icon { width:20px; height:20px; flex:0 0 20px; color:var(--pb-blue,#0757e8); transition:transform .2s ease; }
body.single-product .product-faq-item[open] .product-faq-toggle-icon { transform:rotate(45deg); }
@media (prefers-reduced-motion:reduce) { body.single-product .product-faq-toggle-icon { transition:none; } }

body.single-product {
  --product-navy:#031738;
  --product-blue:#1259ef;
  --product-ink:#071b42;
  --product-pale:#f2f6ff;
  --product-rule:#dbe5f6;
  background:#fff;
  color:var(--product-ink);
}

/* Keep detail-page actions aligned with the catalogue buttons after the
 * WooCommerce detail overrides above. Text and product data remain unchanged. */
body.single-product.woocommerce .product-detail-actions .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1.25 !important;
}
body.single-product.woocommerce .product-detail-actions .button-dark.is-added {
  border-color: #0b49c7 !important;
  background: #0b49c7 !important;
  color: #fff !important;
  transform: translateY(1px) scale(.99) !important;
  box-shadow: inset 0 2px 5px rgba(0,18,70,.32), inset 0 0 0 2px rgba(255,255,255,.2) !important;
}
body.single-product.woocommerce .product-detail-actions .button-dark.is-added::before {
  content: '✓';
  display: inline-block;
  margin-right: 6px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

body.single-product .site-header { position:relative; z-index:4; background:#021531 !important; border-bottom-color:rgba(255,255,255,.16) !important; }
body.single-product .site-header .main-nav > a,
body.single-product .site-header .brand-name,
body.single-product .site-header .language-switcher-label { color:#fff !important; }
body.single-product .site-header .main-nav > a::after { background:var(--product-blue) !important; }
body.single-product .site-header .language-switcher { border-color:rgba(255,255,255,.32) !important; }
body.single-product .site-header .language-switcher select { color:#fff !important; background:#021531 !important; }

body.single-product .page-hero-detail {
  position:relative;
  min-height:322px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,#021532 0%,rgba(3,24,59,.93) 49%,rgba(3,24,59,.4) 100%),
    url('/wp-content/uploads/2026/07/lab-vials2.webp') center 50% / cover no-repeat;
}
body.single-product .page-hero-detail .content-wrap {
  position:relative;
  width:min(1280px,calc(100% - 96px)) !important;
  min-height:322px;
  margin:0 auto !important;
  display:flex;
  align-items:center;
  transform:none !important;
  opacity:1 !important;
}
body.single-product .page-hero-detail .page-hero-copy { width:min(620px,54%); position:relative; z-index:2; }
body.single-product .page-hero-detail .eyebrow { margin:0 0 13px !important; color:#a7c3ff; font:800 11px/1.2 Manrope,Arial,sans-serif; letter-spacing:.1em; }
body.single-product .page-hero-detail h1 { max-width:600px; margin:0 0 14px !important; color:#fff; font:400 clamp(39px,4vw,59px)/1.08 Italiana,Georgia,serif; letter-spacing:-.035em; }
body.single-product .page-hero-detail .page-hero-copy > p:last-child { max-width:480px; margin:0; color:rgba(255,255,255,.88); font-size:15px; line-height:1.65; }
body.single-product .product-hero-specimen { position:absolute !important; z-index:1; right:4%; bottom:-23px; width:310px; height:310px; display:flex !important; align-items:flex-end; justify-content:center; opacity:1 !important; transform:none !important; }
body.single-product .product-hero-specimen-image { width:100% !important; height:100% !important; object-fit:contain !important; filter:drop-shadow(0 22px 16px rgba(0,0,0,.35)); }
body.single-product .page-hero-detail .page-hero-status { position:absolute; z-index:3; right:0; top:25px; min-width:150px; padding:12px 14px; border:1px solid rgba(255,255,255,.28); background:rgba(3,18,45,.25); }
body.single-product .page-hero-detail .page-hero-status span { color:rgba(255,255,255,.82); font-size:10px; font-weight:800; letter-spacing:.06em; }
body.single-product .page-hero-detail .page-hero-status b { color:#fff; font-size:20px; }
body.single-product .page-hero-detail .status-dot { width:8px; height:8px; background:#ecc03c; }

body.single-product .secondary-section { padding:26px 0 72px !important; background:#fff !important; }
body.single-product .secondary-section > .content-wrap { width:min(1280px,calc(100% - 96px)) !important; margin:0 auto !important; transform:none !important; opacity:1 !important; }
body.single-product .breadcrumb { margin:0 0 24px !important; color:#7b8ba2; font-size:11px; }
body.single-product .breadcrumb a { color:var(--product-blue); text-decoration:none; }
body.single-product div.product {
  display:grid !important;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1fr);
  column-gap:54px;
  row-gap:42px;
  align-items:start;
}
body.single-product .woocommerce-product-gallery {
  grid-column:1;
  width:auto !important;
  float:none !important;
  margin:0 !important;
  padding:16px !important;
  box-sizing:border-box;
  border:1px solid var(--product-rule);
  border-radius:3px;
  background:linear-gradient(180deg,#fbfdff,#f4f8ff) !important;
  opacity:1 !important;
}
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image { height:100%; }
body.single-product .woocommerce-product-gallery__image > a { width:100%; min-height:438px; display:flex; align-items:center; justify-content:center; }
body.single-product .woocommerce-product-gallery img { width:100% !important; height:438px !important; display:block; object-fit:contain !important; mix-blend-mode:multiply; }
body.single-product .summary.entry-summary { grid-column:2; width:auto !important; float:none !important; margin:0 !important; color:var(--product-ink); }
body.single-product .summary .product_title { margin:0 0 15px !important; color:var(--product-ink); font:400 clamp(28px,2.7vw,40px)/1.18 Italiana,Georgia,serif; letter-spacing:-.025em; }
body.single-product .legal-callout { display:grid !important; grid-template-columns:18px 1fr; gap:10px; margin:0 0 22px !important; padding:15px 17px !important; border:1px solid #d4e1f6 !important; border-radius:3px; background:#f7faff !important; color:#405473; }
body.single-product .legal-callout::before { content:''; width:12px; height:12px; margin-top:3px; border-radius:99px; background:#ebbd34; }
body.single-product .legal-callout strong { grid-column:2; color:var(--product-ink); font-size:13px; }
body.single-product .legal-callout span { grid-column:2; color:#5a6b84; font-size:12px; line-height:1.55; }
body.single-product .summary .product-meta { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 36px; margin:0 0 24px !important; }
body.single-product .summary .product-meta > div { color:#405473; font-size:13px; line-height:1.5; }
body.single-product .summary .product-meta strong { display:block; margin-bottom:3px; color:#172d52; font-size:12px; font-weight:800; }
body.single-product .product-detail-actions { display:flex !important; gap:10px; flex-wrap:wrap; margin:0 0 14px !important; }
body.single-product .product-detail-actions .button {
  min-height:43px;
  padding:0 17px;
  border-radius:3px;
  font-size:12px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
}
body.single-product .product-detail-actions .button-dark { background:var(--product-blue); border-color:var(--product-blue); color:#fff; }
body.single-product .product-detail-actions .button-dark.is-added {
  border-color:#0b49c7;
  background:#0b49c7;
  color:#fff;
  transform:translateY(1px) scale(.99);
  box-shadow:inset 0 2px 5px rgba(0,18,70,.32), inset 0 0 0 2px rgba(255,255,255,.2);
}
body.single-product .product-detail-actions .button-dark.is-added::before {
  content:'✓';
  display:inline-block;
  margin-right:6px;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
body.single-product .product-detail-actions .button-light { border:1px solid #93b4f5; background:#fff; color:var(--product-blue); }
body.single-product .summary .product_meta { padding-top:13px; border-top:1px solid var(--product-rule); color:#60718b; font-size:11px; }
body.single-product .doc-status { color:var(--product-blue); font-size:12px; }

body.single-product .product-research-record {
  grid-column:1 / -1;
  display:grid !important;
  grid-template-columns:1.18fr .82fr;
  gap:24px;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.single-product .product-research-record-head { grid-column:1 / -1; display:flex !important; justify-content:space-between; align-items:center; padding-bottom:14px; border-bottom:1px solid var(--product-rule); }
body.single-product .product-research-record-head p { margin:0; color:var(--product-ink); font:400 29px/1 Italiana,Georgia,serif; }
body.single-product .record-status { padding:6px 9px; border-radius:2px; background:#f4f7fb; color:#61718b; font-size:10px; font-weight:800; }
body.single-product .product-overview { padding:26px 28px; border:1px solid var(--product-rule); border-radius:3px; background:#fff; }
body.single-product .product-overview h2,
body.single-product .product-data-sheet h2 { margin:0 0 11px; color:var(--product-ink); font:800 16px/1.3 Manrope,Arial,sans-serif; }
body.single-product .product-overview p { margin:0; color:#53647e; font-size:13px; line-height:1.68; }
body.single-product .product-data-sheet { padding:26px 28px; border:1px solid var(--product-rule); border-radius:3px; background:var(--product-pale); }
body.single-product .product-data-sheet-head { display:flex !important; justify-content:space-between; align-items:start; gap:14px; }
body.single-product .product-data-sheet-head span { color:var(--product-blue); font-size:10px; font-weight:800; text-transform:uppercase; }
body.single-product .product-data-sheet dl { margin:13px 0 0; border:1px solid #dce5f2; background:#fff; }
body.single-product .product-data-sheet dl > div { display:grid; grid-template-columns:42% 58%; min-height:40px; border-bottom:1px solid #e5ebf4; }
body.single-product .product-data-sheet dl > div:last-child { border-bottom:0; }
body.single-product .product-data-sheet dt,
body.single-product .product-data-sheet dd { display:flex; align-items:center; margin:0; padding:8px 11px; font-size:11px; line-height:1.4; }
body.single-product .product-data-sheet dt { border-right:1px solid #e5ebf4; color:#465974; font-weight:800; }
body.single-product .product-data-sheet dd { color:#51627c; }

body.single-product a:focus-visible,
body.single-product button:focus-visible { outline:3px solid #7cabff; outline-offset:3px; }
@media (max-width:900px) {
  body.single-product .page-hero-detail .content-wrap,
  body.single-product .secondary-section > .content-wrap { width:min(100% - 48px,720px) !important; }
  body.single-product .page-hero-detail .page-hero-status { display:none; }
  body.single-product div.product { grid-template-columns:1fr; gap:26px; }
  body.single-product .woocommerce-product-gallery,
  body.single-product .summary.entry-summary { grid-column:1; }
  body.single-product .product-research-record { grid-column:1; }
  body.single-product .product-research-record { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  body.single-product .page-hero-detail { min-height:355px; }
  body.single-product .page-hero-detail .content-wrap,
  body.single-product .secondary-section > .content-wrap { width:calc(100% - 32px) !important; }
  body.single-product .page-hero-detail .content-wrap { min-height:355px; align-items:flex-start; padding:49px 0 30px; box-sizing:border-box; }
  body.single-product .page-hero-detail .page-hero-copy { width:100%; }
  body.single-product .page-hero-detail h1 { max-width:290px; font-size:40px; }
  body.single-product .page-hero-detail .page-hero-copy > p:last-child { max-width:250px; font-size:13px; }
  body.single-product .product-hero-specimen { right:-35px; bottom:-8px; width:220px; height:220px; opacity:.55 !important; }
  body.single-product .secondary-section { padding:22px 0 48px !important; }
  body.single-product .woocommerce-product-gallery__image > a,
  body.single-product .woocommerce-product-gallery img { min-height:300px; height:300px !important; }
  body.single-product .summary .product-meta { grid-template-columns:1fr 1fr; gap:14px; }
  body.single-product .product-research-record-head { align-items:flex-start; gap:12px; }
  body.single-product .product-research-record-head p { font-size:25px; }
  body.single-product .product-overview,
  body.single-product .product-data-sheet { padding:21px 18px; }
}
@media (prefers-reduced-motion:reduce) { body.single-product * { transition:none !important; animation:none !important; } }

/*
 * Final product-record pass.
 *
 * The base theme contains several historical product experiments with more
 * specific selectors.  Keep this page-scoped layer last and deterministic so
 * the real WooCommerce record (including long custom rows and FAQs) follows
 * the confirmed white/navy technical-record composition.  No values or DOM
 * content are changed here; this is presentation only.
 */
body.single-product.woocommerce .page-hero-detail {
  min-height: 324px !important;
  height: 324px !important;
  padding: 0 !important;
  background-color: #031534 !important;
  background-image:
    linear-gradient(90deg, rgba(3,21,52,.98) 0%, rgba(3,21,52,.9) 42%, rgba(3,21,52,.48) 74%, rgba(3,21,52,.72) 100%),
    url('/wp-content/uploads/2026/07/lab-vials2.webp') !important;
  background-position: center, center 50% !important;
  background-size: cover, cover !important;
}
body.single-product.woocommerce .page-hero-detail .content-wrap {
  width: min(1280px, calc(100% - 96px)) !important;
  min-height: 324px !important;
  height: 324px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  align-items: center !important;
}
body.single-product.woocommerce .page-hero-detail .page-hero-copy,
body.single-product.woocommerce .page-hero-detail .page-hero-copy h1,
body.single-product.woocommerce .page-hero-detail .page-hero-copy p {
  text-shadow: none !important;
}
body.single-product.woocommerce .page-hero-detail .page-hero-copy {
  width: min(620px, 54%) !important;
  max-width: 620px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-product.woocommerce .page-hero-detail .page-hero-copy h1 {
  max-width: 620px !important;
  margin: 0 0 14px !important;
  color: #fff !important;
  font-family: Italiana, Georgia, serif !important;
  font-size: clamp(42px, 4.1vw, 58px) !important;
  font-weight: 400 !important;
  line-height: 1.06 !important;
  letter-spacing: -.025em !important;
}
body.single-product.woocommerce .page-hero-detail .page-hero-copy p:not(.eyebrow) {
  max-width: 500px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
body.single-product.woocommerce .page-hero-detail .eyebrow {
  margin: 0 0 13px !important;
  color: #a7c3ff !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .1em !important;
}
/* A dark-background product image should read as a specimen, not a second
   rectangular poster. Screen blending keeps the vial while dissolving its
   purple studio surround into the navy hero. */
body.single-product.woocommerce .product-hero-specimen {
  right: 13% !important;
  bottom: -18px !important;
  width: 280px !important;
  height: 280px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: hidden !important;
  opacity: .96 !important;
  mix-blend-mode: lighten !important;
}
/* Keep the hero clean when the source thumbnail is a full-bleed studio card;
   the same verified image remains prominent in the product gallery below. */
body.single-product.woocommerce .product-hero-specimen { display: none !important; }
body.single-product.woocommerce .product-hero-specimen-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 57% !important;
  mix-blend-mode: lighten !important;
  filter: saturate(.78) brightness(1.08) drop-shadow(0 22px 18px rgba(0,0,0,.28)) !important;
  -webkit-mask-image: radial-gradient(ellipse 42% 76% at 50% 56%, #000 45%, rgba(0,0,0,.92) 58%, transparent 86%) !important;
  mask-image: radial-gradient(ellipse 42% 76% at 50% 56%, #000 45%, rgba(0,0,0,.92) 58%, transparent 86%) !important;
}
body.single-product.woocommerce .page-hero-detail .page-hero-status {
  right: auto !important;
  /* The badge is absolutely positioned inside .content-wrap, so its anchor
     must be the wrap's origin—not another viewport gutter. */
  left: 0 !important;
  bottom: 35px !important;
  top: auto !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: calc(100% - 19.6vw) !important;
  min-width: 0 !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
body.single-product.woocommerce .page-hero-detail .page-hero-status span {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}
body.single-product.woocommerce .page-hero-detail .page-hero-status b {
  flex: 0 0 auto !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

/* RUO mobile/master parity: the supplied reference uses an unboxed status
 * line at the lower-left of the hero. Keep the existing status text and
 * translation hooks, but remove the constraining panel treatment so Chinese
 * labels cannot squeeze the RUO marker. */
@media (max-width: 900px) {
  body.single-product.woocommerce .page-hero-detail .page-hero-status {
    display: inline-flex !important;
    left: 16px !important;
    right: auto !important;
    bottom: 24px !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status span {
    flex: 0 1 auto !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status b {
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: .04em !important;
  }
}

/* Main record: image and summary on one clean baseline. */
body.single-product.woocommerce div.product {
  display: grid !important;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
  column-gap: 42px !important;
  row-gap: 30px !important;
  align-items: start !important;
}
body.single-product.woocommerce div.product .woocommerce-product-gallery {
  grid-column: 1 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-product.woocommerce div.product .woocommerce-product-gallery__wrapper {
  display: grid !important;
  place-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  border: 1px solid #dce5f2 !important;
  background: #fff !important;
}
body.single-product.woocommerce div.product .woocommerce-product-gallery__image,
body.single-product.woocommerce div.product .woocommerce-product-gallery__image > a {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
}
body.single-product.woocommerce div.product .woocommerce-product-gallery img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 520px !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
}
body.single-product.woocommerce div.product .summary.entry-summary {
  grid-column: 2 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #253b5d !important;
}
body.single-product.woocommerce div.product .summary.entry-summary .product_title {
  margin: 0 0 16px !important;
  color: #031534 !important;
  font-family: Italiana, Georgia, serif !important;
  font-size: clamp(28px, 2.7vw, 40px) !important;
  font-weight: 400 !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em !important;
}
body.single-product.woocommerce .summary.entry-summary .legal-callout {
  display: grid !important;
  grid-template-columns: 14px minmax(0, 1fr) !important;
  gap: 7px 10px !important;
  margin: 0 0 20px !important;
  padding: 14px 15px !important;
  border: 1px solid #d4e1f6 !important;
  border-radius: 4px !important;
  background: #f7faff !important;
  color: #405473 !important;
  box-shadow: none !important;
}
body.single-product.woocommerce .summary.entry-summary .legal-callout::before {
  width: 10px !important;
  height: 10px !important;
  margin-top: 3px !important;
  background: #ebbd34 !important;
}
body.single-product.woocommerce .summary.entry-summary .legal-callout strong {
  grid-column: 2 !important;
  color: #071b42 !important;
  font-size: 13px !important;
}
body.single-product.woocommerce .summary.entry-summary .legal-callout span {
  grid-column: 2 !important;
  color: #5a6b84 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
body.single-product.woocommerce div.product .summary .product-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 30px !important;
  margin: 0 0 20px !important;
  color: #64738d !important;
}
body.single-product.woocommerce div.product .summary .product-meta > div {
  min-width: 0 !important;
  color: #64738d !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
body.single-product.woocommerce div.product .summary .product-meta strong {
  display: block !important;
  margin-bottom: 3px !important;
  color: #071b42 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier {
  display: grid !important;
  gap: 14px !important;
  margin: 18px 0 0 !important;
  padding: 16px 0 !important;
  border-top: 1px solid #dce5f2 !important;
  border-bottom: 1px solid #dce5f2 !important;
  color: #405473 !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-heading,
body.single-product.woocommerce div.product .summary .product-price-tier-controls {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-kicker {
  margin: 0 0 5px !important;
  color: #1259ef !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-help {
  margin: 0 !important;
  color: #64738d !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(106px, 1fr)) !important;
  gap: 8px !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-option {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #d6e1f2 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #253b5d !important;
  font-family: Manrope, Arial, sans-serif !important;
  text-align: left !important;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-option:hover,
body.single-product.woocommerce div.product .summary .product-price-tier-option:focus-visible {
  border-color: #1259ef !important;
  background: #f7faff !important;
  transform: translateY(-1px) !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-option.is-selected {
  border-color: #8fb2f6 !important;
  background: #f3f7ff !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-option-quantity,
body.single-product.woocommerce div.product .summary .product-price-tier-option small {
  color: #64738d !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-option strong {
  color: #1259ef !important;
  font-size: 17px !important;
  line-height: 1 !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-controls {
  align-items: flex-end !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-quantity {
  display: grid !important;
  gap: 6px !important;
  color: #64738d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
body.single-product.woocommerce div.product .summary .product-quantity-stepper {
  display: inline-flex !important;
  align-items: stretch !important;
  width: auto !important;
  border: 1px solid #d6e1f2 !important;
  background: #fff !important;
}
body.single-product.woocommerce div.product .summary .product-quantity-stepper button {
  width: 34px !important;
  min-height: 36px !important;
  border: 0 !important;
  background: #fff !important;
  color: #1259ef !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
body.single-product.woocommerce div.product .summary .product-quantity-stepper button:hover,
body.single-product.woocommerce div.product .summary .product-quantity-stepper button:focus-visible { background: #f3f7ff !important; }
body.single-product.woocommerce div.product .summary .product-quantity-stepper input {
  width: 58px !important;
  min-height: 36px !important;
  border: 0 !important;
  border-right: 1px solid #d6e1f2 !important;
  border-left: 1px solid #d6e1f2 !important;
  background: #fff !important;
  color: #253b5d !important;
  font: inherit !important;
  text-align: center !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-live {
  display: grid !important;
  gap: 3px !important;
  color: #64738d !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-align: right !important;
  text-transform: uppercase !important;
}
body.single-product.woocommerce div.product .summary .product-price-tier-live strong {
  color: #1259ef !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}
body.single-product.woocommerce .product-detail-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
}
body.single-product.woocommerce .product-detail-actions .button {
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body.single-product.woocommerce .product-detail-actions .button-dark {
  border-color: #1259ef !important;
  background: #1259ef !important;
  color: #fff !important;
}
body.single-product.woocommerce .product-detail-actions .button-light {
  border-color: #93b4f5 !important;
  background: #fff !important;
  color: #1259ef !important;
}
body.single-product.woocommerce .summary .product_meta {
  padding-top: 11px !important;
  border-top: 1px solid #dce5f2 !important;
  color: #64738d !important;
  font-size: 11px !important;
}

/* Record rows: the data sheet stays on the left and the overview/FAQ on the
   right, matching the confirmed technical-record hierarchy even when a real
   product has many custom and storage rows. */
body.single-product.woocommerce div.product .product-research-record {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr) !important;
  column-gap: 28px !important;
  row-gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #253b5d !important;
}
body.single-product.woocommerce div.product .product-research-record-head {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 0 !important;
  padding: 16px 0 13px !important;
  border-top: 1px solid #dce5f2 !important;
  border-bottom: 1px solid #dce5f2 !important;
}
body.single-product.woocommerce div.product .product-research-record-head p {
  margin: 0 !important;
  color: #071b42 !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.single-product.woocommerce div.product .product-research-record .record-status {
  padding: 6px 9px !important;
  border: 1px solid #b5caf0 !important;
  border-radius: 3px !important;
  background: #f7faff !important;
  color: #1259ef !important;
  font-size: 10px !important;
  letter-spacing: .02em !important;
}
body.single-product.woocommerce div.product .product-data-sheet {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.single-product.woocommerce div.product .product-data-sheet-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 13px 17px !important;
  border-bottom: 1px solid #dce5f2 !important;
  background: #f7faff !important;
}
body.single-product.woocommerce div.product .product-data-sheet-head h2 {
  margin: 0 !important;
  color: #071b42 !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  text-transform: none !important;
}
body.single-product.woocommerce div.product .product-data-sheet-head span {
  color: #64738d !important;
  font-size: 10px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.single-product.woocommerce div.product .product-data-sheet dl { margin: 0 !important; }
body.single-product.woocommerce div.product .product-data-sheet dl > div {
  display: grid !important;
  grid-template-columns: minmax(145px, 38%) minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 11px 17px !important;
  border: 0 !important;
  border-bottom: 1px solid #e5ebf4 !important;
  background: #fff !important;
}
body.single-product.woocommerce div.product .product-data-sheet dl > div:nth-child(even) { background: #fbfcff !important; }
body.single-product.woocommerce div.product .product-data-sheet dl > div:last-child { border-bottom: 0 !important; }
body.single-product.woocommerce div.product .product-data-sheet dt,
body.single-product.woocommerce div.product .product-data-sheet dd {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-wrap: anywhere !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
body.single-product.woocommerce div.product .product-data-sheet dt { color: #465974 !important; font-weight: 800 !important; }
body.single-product.woocommerce div.product .product-data-sheet dd { color: #51627c !important; }
body.single-product.woocommerce div.product .product-overview {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.single-product.woocommerce div.product .product-overview > h2 {
  margin: 0 0 11px !important;
  color: #071b42 !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
body.single-product.woocommerce div.product .product-overview > p {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 19px 20px !important;
  background: #f3f7ff !important;
  color: #405473 !important;
  font-size: 13px !important;
  line-height: 1.68 !important;
}
body.single-product.woocommerce div.product .product-overview .product-faq {
  margin: 22px 0 0 !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid #dce5f2 !important;
}
body.single-product.woocommerce div.product .product-overview .product-faq-head {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
}
body.single-product.woocommerce div.product .product-overview .product-faq-head p {
  margin: 0 0 6px !important;
  color: #1259ef !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
body.single-product.woocommerce div.product .product-overview .product-faq-head h2 {
  margin: 0 !important;
  color: #071b42 !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
body.single-product.woocommerce div.product .product-overview .product-faq-list { border-top: 1px solid #dce5f2 !important; }
body.single-product.woocommerce div.product .product-overview .product-faq-item { border-bottom: 1px solid #dce5f2 !important; }
body.single-product.woocommerce div.product .product-overview .product-faq-item summary {
  padding: 12px 30px 12px 0 !important;
  color: #253b5d !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
body.single-product.woocommerce div.product .product-overview .product-faq-item summary::after { top: 13px !important; color: #1259ef !important; }
body.single-product.woocommerce div.product .product-overview .product-faq-answer { padding: 0 30px 12px 0 !important; }
body.single-product.woocommerce div.product .product-overview .product-faq-answer p { color: #5a6b84 !important; font-size: 12px !important; line-height: 1.6 !important; }
body.single-product.woocommerce div.product .product-resource-list,
body.single-product.woocommerce div.product .product-related-materials {
  grid-column: 1 / -1 !important;
}
body.single-product.woocommerce div.product .product-resource-list {
  margin: 4px 0 0 !important;
  padding: 24px 0 0 !important;
  border-top: 1px solid #dce5f2 !important;
}
body.single-product.woocommerce div.product .product-resource-list > div > p,
body.single-product.woocommerce div.product .product-related-materials > p {
  margin: 0 0 8px !important;
  color: #1259ef !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
body.single-product.woocommerce div.product .product-resource-list h2 {
  margin: 0 !important;
  color: #071b42 !important;
  font-family: Manrope, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
body.single-product.woocommerce div.product .product-resource-list > div:last-child {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body.single-product.woocommerce div.product .product-resource-list .research-card {
  min-width: 0 !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.single-product.woocommerce div.product .product-resource-list .research-card-art { min-height: 76px !important; background: #f3f7ff !important; }
body.single-product.woocommerce div.product .product-resource-list .research-card-copy { min-height: 0 !important; padding: 15px !important; }
body.single-product.woocommerce div.product .product-resource-list .research-card-copy h3 { margin: 0 0 8px !important; color: #071b42 !important; font-size: 15px !important; }
body.single-product.woocommerce div.product .product-resource-list .research-card-copy > span { display: none !important; }
body.single-product.woocommerce div.product .product-related-materials {
  margin: 0 !important;
  padding: 22px 0 0 !important;
  border-top: 1px solid #dce5f2 !important;
}
body.single-product.woocommerce div.product .product-related-materials > div { display: grid !important; gap: 0 !important; }
body.single-product.woocommerce div.product .product-related-materials a {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #e5ebf4 !important;
  color: #253b5d !important;
  text-decoration: none !important;
}
body.single-product.woocommerce div.product .product-related-materials a span { color: #64738d !important; font-size: 10px !important; font-weight: 800 !important; }
body.single-product.woocommerce div.product .product-related-materials a strong { color: #071b42 !important; font-size: 14px !important; }
body.single-product.woocommerce div.product .product-related-materials a i { color: #1259ef !important; font-size: 17px !important; }

@media (max-width: 900px) {
  body.single-product.woocommerce .page-hero-detail { height: 330px !important; min-height: 330px !important; }
  body.single-product.woocommerce .page-hero-detail .content-wrap { width: min(100% - 48px, 720px) !important; height: 330px !important; min-height: 330px !important; }
  body.single-product.woocommerce .page-hero-detail .page-hero-copy { width: min(100%, 560px) !important; }
  body.single-product.woocommerce .product-hero-specimen { right: 7% !important; width: 220px !important; height: 220px !important; }
  body.single-product.woocommerce .page-hero-detail .page-hero-status { left: 24px !important; bottom: 24px !important; }
  body.single-product.woocommerce div.product { grid-template-columns: 1fr !important; row-gap: 24px !important; }
  body.single-product.woocommerce div.product .woocommerce-product-gallery,
  body.single-product.woocommerce div.product .summary.entry-summary,
  body.single-product.woocommerce div.product .product-research-record { grid-column: 1 !important; }
  body.single-product.woocommerce div.product .summary.entry-summary { padding-top: 0 !important; }
  body.single-product.woocommerce div.product .product-research-record { grid-template-columns: 1fr !important; }
  body.single-product.woocommerce div.product .product-research-record-head,
  body.single-product.woocommerce div.product .product-data-sheet,
  body.single-product.woocommerce div.product .product-overview,
  body.single-product.woocommerce div.product .product-resource-list,
  body.single-product.woocommerce div.product .product-related-materials { grid-column: 1 !important; grid-row: auto !important; }
  body.single-product.woocommerce div.product .product-resource-list > div:last-child { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 560px) {
  body.single-product.woocommerce .page-hero-detail { height: 390px !important; min-height: 390px !important; }
  body.single-product.woocommerce .page-hero-detail .content-wrap { width: calc(100% - 32px) !important; height: 390px !important; min-height: 390px !important; align-items: flex-start !important; padding-top: 48px !important; }
  body.single-product.woocommerce .page-hero-detail .page-hero-copy h1 { max-width: 290px !important; font-size: 40px !important; line-height: 1.04 !important; }
  body.single-product.woocommerce .page-hero-detail .page-hero-copy p:not(.eyebrow) { max-width: 280px !important; font-size: 13px !important; }
  body.single-product.woocommerce .product-hero-specimen { right: -8px !important; bottom: -10px !important; width: 180px !important; height: 180px !important; opacity: .76 !important; }
  body.single-product.woocommerce .page-hero-detail .page-hero-status { left: 16px !important; bottom: 18px !important; }
  body.single-product.woocommerce div.product .woocommerce-product-gallery img { max-height: 390px !important; }
  body.single-product.woocommerce div.product .summary .product-meta { grid-template-columns: 1fr 1fr !important; gap: 14px 18px !important; }
  body.single-product.woocommerce div.product .product-data-sheet dl > div { grid-template-columns: minmax(112px, 38%) minmax(0, 1fr) !important; gap: 10px !important; padding: 10px 13px !important; }
  body.single-product.woocommerce div.product .product-data-sheet dt,
  body.single-product.woocommerce div.product .product-data-sheet dd { font-size: 11px !important; }
  body.single-product.woocommerce div.product .product-resource-list > div:last-child { grid-template-columns: 1fr !important; }
  body.single-product.woocommerce div.product .product-related-materials a { grid-template-columns: 1fr auto !important; }
  body.single-product.woocommerce div.product .product-related-materials a span { grid-column: 1 / -1 !important; }
}

/*
 * Confirmed product-record master calibration.
 * This layer changes only rendering geometry: the WooCommerce record, copy,
 * identifiers, links and interactive controls remain in their existing DOM.
 */
@media (min-width: 901px) {
  body.single-product.woocommerce .secondary-section {
    padding: 14px 0 64px !important;
  }

  body.single-product.woocommerce .breadcrumb {
    margin: 0 0 2px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.single-product.woocommerce div.product {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
    column-gap: 40px !important;
    row-gap: 28px !important;
  }

  body.single-product.woocommerce div.product .woocommerce-product-gallery,
  body.single-product.woocommerce div.product .summary.entry-summary {
    padding-bottom: 12px !important;
  }

  body.single-product.woocommerce div.product .summary.entry-summary .product_title {
    margin-bottom: 14px !important;
    font-size: clamp(27px, 2.15vw, 34px) !important;
    line-height: 1.12 !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout {
    gap: 6px 9px !important;
    margin-bottom: 16px !important;
    padding: 12px 14px !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout strong {
    font-size: 12px !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout span {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta {
    gap: 14px 26px !important;
    margin-bottom: 16px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta > div {
    font-size: 12px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta strong {
    margin-bottom: 2px !important;
    font-size: 11px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier {
    gap: 10px !important;
    margin-top: 14px !important;
    padding: 13px 0 !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-options {
    gap: 7px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-option {
    gap: 4px !important;
    padding: 9px 10px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-option strong {
    font-size: 16px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-controls {
    gap: 14px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-live strong {
    font-size: 20px !important;
  }

  body.single-product.woocommerce .product-detail-actions {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  body.single-product.woocommerce .product-detail-actions .button {
    min-height: 40px !important;
    padding: 9px 14px !important;
  }

  body.single-product.woocommerce .summary .product_meta {
    padding-top: 9px !important;
  }

  body.single-product.woocommerce div.product .product-research-record {
    grid-template-columns: minmax(0, 1.18fr) minmax(290px, .82fr) !important;
    column-gap: 26px !important;
    row-gap: 20px !important;
  }

  body.single-product.woocommerce div.product .product-research-record-head {
    padding-bottom: 10px !important;
  }

  body.single-product.woocommerce div.product .product-research-record-head p {
    font-size: 20px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet-head {
    padding: 11px 14px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet dl > div {
    min-height: 0 !important;
    padding: 9px 14px !important;
  }

  body.single-product.woocommerce div.product .product-overview > p {
    padding: 16px 18px !important;
    font-size: 12px !important;
    line-height: 1.62 !important;
  }

  body.single-product.woocommerce div.product .product-resource-list {
    margin-top: 0 !important;
    padding-top: 20px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list > div:last-child {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list .research-card-copy {
    padding: 13px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list .research-card-copy h3 {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

@media (min-width: 561px) and (max-width: 1100px) {
  body.single-product.woocommerce div.product .product-resource-list > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.single-product.woocommerce .secondary-section {
    padding-top: 14px !important;
  }

  body.single-product.woocommerce .breadcrumb {
    margin-bottom: 8px !important;
  }

  body.single-product.woocommerce div.product .summary.entry-summary .product_title {
    margin-bottom: 12px !important;
    font-size: 30px !important;
    line-height: 1.12 !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout {
    margin-bottom: 15px !important;
    padding: 12px 13px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta {
    gap: 13px 18px !important;
    margin-bottom: 15px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier {
    margin-top: 13px !important;
    padding: 13px 0 !important;
  }
}

/* The approved 836px reference is a compact desktop composition, not a
   stacked tablet screen. Keep its two-column record intact until the true
   mobile breakpoint, without removing or reordering any record content. */
@media (min-width: 761px) and (max-width: 900px) {
  body.single-product.woocommerce .page-hero-detail,
  body.single-product.woocommerce .page-hero-detail .content-wrap {
    height: 324px !important;
    min-height: 324px !important;
  }

  body.single-product.woocommerce .page-hero-detail .content-wrap {
    width: min(1280px, calc(100% - 96px)) !important;
  }

  body.single-product.woocommerce .secondary-section > .content-wrap {
    width: min(1280px, calc(100% - 96px)) !important;
  }

  body.single-product.woocommerce .page-hero-detail .content-wrap {
    padding-top: 0 !important;
    align-items: center !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-copy {
    width: min(620px, 54%) !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status {
    display: inline-flex !important;
    left: 9.8vw !important;
    right: auto !important;
    top: auto !important;
    bottom: 35px !important;
  }

  body.single-product.woocommerce .secondary-section {
    padding-top: 14px !important;
  }

  body.single-product.woocommerce .breadcrumb {
    margin-bottom: 2px !important;
  }

  body.single-product.woocommerce div.product {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
    column-gap: 20px !important;
    row-gap: 24px !important;
  }

  body.single-product.woocommerce div.product .woocommerce-product-gallery {
    grid-column: 1 !important;
    padding-bottom: 10px !important;
  }

  body.single-product.woocommerce div.product .summary.entry-summary {
    grid-column: 2 !important;
    padding-bottom: 10px !important;
  }

  body.single-product.woocommerce div.product .summary.entry-summary .product_title {
    margin-bottom: 12px !important;
    font-size: 24px !important;
    line-height: 1.14 !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout {
    gap: 5px 8px !important;
    margin-bottom: 13px !important;
    padding: 10px 12px !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout strong {
    font-size: 11px !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout span {
    font-size: 10px !important;
    line-height: 1.45 !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta {
    gap: 11px 20px !important;
    margin-bottom: 13px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta > div {
    font-size: 11px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta strong {
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier {
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 11px 0 !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-kicker,
  body.single-product.woocommerce div.product .summary .product-price-tier-help {
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-option {
    padding: 8px 9px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-option strong {
    font-size: 14px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-controls {
    gap: 10px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-live strong {
    font-size: 18px !important;
  }

  body.single-product.woocommerce .product-detail-actions {
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  body.single-product.woocommerce .product-detail-actions .button {
    min-height: 38px !important;
    padding: 8px 11px !important;
    font-size: 11px !important;
  }

  body.single-product.woocommerce .summary .product_meta {
    padding-top: 8px !important;
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .product-research-record {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(240px, .82fr) !important;
    column-gap: 20px !important;
    row-gap: 16px !important;
  }

  body.single-product.woocommerce div.product .product-research-record-head {
    grid-column: 1 / -1 !important;
    padding-bottom: 9px !important;
  }

  body.single-product.woocommerce div.product .product-research-record-head p {
    font-size: 19px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.single-product.woocommerce div.product .product-overview {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  body.single-product.woocommerce div.product .product-resource-list,
  body.single-product.woocommerce div.product .product-related-materials {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet-head {
    padding: 10px 12px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet dl > div {
    grid-template-columns: minmax(120px, 38%) minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 8px 12px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet dt,
  body.single-product.woocommerce div.product .product-data-sheet dd {
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .product-overview > h2 {
    margin-bottom: 9px !important;
    font-size: 15px !important;
  }

  body.single-product.woocommerce div.product .product-overview > p {
    padding: 14px 15px !important;
    font-size: 11px !important;
    line-height: 1.58 !important;
  }

  body.single-product.woocommerce div.product .product-resource-list {
    margin-top: 0 !important;
    padding-top: 18px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list > div:last-child {
    /* The approved 836px master uses two readable columns here. Four columns
     * squeeze the existing guide titles into a much shorter, harder-to-scan
     * strip; this is presentation-only and leaves every guide/link intact. */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list .research-card-copy {
    padding: 11px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list .research-card-copy h3 {
    font-size: 12px !important;
  }
}

/* Final RUO reference precedence. This intentionally comes last so the
 * historical <=760px hide rule cannot remove the approved mobile marker. */
@media (max-width: 900px) {
  body.single-product.woocommerce .page-hero-detail .page-hero-status {
    display: inline-flex !important;
    left: 16px !important;
    right: auto !important;
    top: auto !important;
    bottom: 24px !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status span {
    flex: 0 1 auto !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status b {
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }
}

/* Final RUO reference precedence. This intentionally comes last so the
 * historical <=760px hide rule cannot remove the approved mobile marker. */
@media (max-width: 900px) {
  body.single-product.woocommerce .page-hero-detail .page-hero-status {
    display: inline-flex !important;
    left: 16px !important;
    right: auto !important;
    top: auto !important;
    bottom: 24px !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status span {
    flex: 0 1 auto !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status b {
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }
}

/* Mobile product-record readability pass. Product specifications and the
 * existing RUO label remain unchanged in the DOM; only their presentation is
 * brought back to the approved readable scale. */
@media (max-width: 760px) {
  body.single-product.woocommerce .page-hero-detail .page-hero-status {
    display: inline-flex !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 24px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 32px) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status span {
    flex: 0 1 auto !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status b {
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 560px) {
  body.single-product.woocommerce div.product .product-data-sheet-head {
    align-items: flex-start !important;
    padding: 13px 14px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet-head h2 {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet-head span {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet dl > div {
    grid-template-columns: minmax(118px, 40%) minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 11px 14px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet dt,
  body.single-product.woocommerce div.product .product-data-sheet dd {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}

/* Keep quantity changes comfortably tappable on a phone without changing the
 * product record, configured quantity or price-tier calculations. */
@media (max-width: 560px) {
  body.single-product.woocommerce div.product .summary .product-quantity-stepper button {
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
  body.single-product.woocommerce div.product .summary .product-quantity-stepper input {
    min-height: 44px !important;
  }
}

/* Related-guide cards already paint their topic once in the decorative
 * artwork. Keep the matching semantic category in the DOM for screen readers
 * and source parity, but do not render it twice for sighted visitors. */
body.single-product.woocommerce div.product .product-resource-list .research-card-copy > p {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/*
 * Detail-page polish pass (presentation only).
 * Keep the product record, links, metadata and controls intact while removing
 * excess mobile hero space, restoring contrast in storage rows, and bringing
 * related-guide cards back into the confirmed white/blue system.
 */
body.single-product.woocommerce .product-storage-condition-list {
  gap: 8px !important;
}
body.single-product.woocommerce .product-storage-condition {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px 14px !important;
  padding: 8px 10px 9px !important;
  border: 1px solid #e5ebf4 !important;
  border-radius: 3px !important;
  background: #f8fbff !important;
}
body.single-product.woocommerce .product-storage-condition small {
  color: #52627c !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}
body.single-product.woocommerce .product-storage-condition b {
  color: #253b5d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* Related guides are supporting links, not a second dark theme. */
body.single-product.woocommerce .product-resource-list .research-card-link {
  overflow: hidden !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #071b42 !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
body.single-product.woocommerce .product-resource-list .research-card-link:hover,
body.single-product.woocommerce .product-resource-list .research-card-link:focus-visible {
  border-color: #8fb2f6 !important;
  box-shadow: 0 8px 20px rgba(7, 27, 66, .08) !important;
}
body.single-product.woocommerce .product-resource-list .research-card-art {
  position: relative !important;
  background: #eef4ff !important;
  color: #52627c !important;
}
body.single-product.woocommerce .product-resource-list .research-card-art::before,
body.single-product.woocommerce .product-resource-list .research-card-art::after {
  display: none !important;
}
body.single-product.woocommerce .product-resource-list .research-card-art > span {
  color: #52627c !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}
body.single-product.woocommerce .product-resource-list .research-card-copy {
  background: #fff !important;
  color: #253b5d !important;
}
body.single-product.woocommerce .product-resource-list .research-card-copy > p {
  color: #1259ef !important;
}
body.single-product.woocommerce .product-resource-list .research-card-copy h3,
body.single-product.woocommerce .product-resource-list .research-card-copy h3 span {
  color: #071b42 !important;
}
body.single-product.woocommerce .product-resource-list .research-card-copy b,
body.single-product.woocommerce .product-resource-list .research-card-copy b span,
body.single-product.woocommerce .product-resource-list .research-card-copy svg {
  color: #1259ef !important;
}

@media (max-width: 900px) {
  body.single-product.woocommerce .page-hero-detail,
  body.single-product.woocommerce .page-hero-detail .content-wrap {
    height: 320px !important;
    min-height: 320px !important;
  }
  body.single-product.woocommerce .page-hero-detail .content-wrap {
    padding-top: 40px !important;
  }
  body.single-product.woocommerce div.product { row-gap: 20px !important; }
  body.single-product.woocommerce div.product .woocommerce-product-gallery { padding-bottom: 12px !important; }
  body.single-product.woocommerce div.product .summary.entry-summary { padding-bottom: 12px !important; }
}
@media (max-width: 560px) {
  body.single-product.woocommerce .page-hero-detail,
  body.single-product.woocommerce .page-hero-detail .content-wrap {
    height: 320px !important;
    min-height: 320px !important;
  }
  body.single-product.woocommerce .page-hero-detail .content-wrap { padding-top: 40px !important; }
  body.single-product.woocommerce .page-hero-detail .page-hero-copy h1 {
    max-width: 290px !important;
    font-size: 40px !important;
    line-height: 1.04 !important;
  }
  body.single-product.woocommerce .secondary-section { padding-top: 18px !important; padding-bottom: 44px !important; }
  body.single-product.woocommerce .breadcrumb { margin-bottom: 18px !important; }
  body.single-product.woocommerce div.product .product-data-sheet dl > div {
    padding: 9px 12px !important;
  }
  body.single-product.woocommerce .product-storage-condition {
    gap: 6px 10px !important;
    padding: 8px 9px 9px !important;
  }
  body.single-product.woocommerce .product-storage-condition small { font-size: 8px !important; }
  body.single-product.woocommerce .product-storage-condition b { font-size: 11px !important; }
}

/* Final precedence for the compact master rhythm at the 390px breakpoint. */
@media (max-width: 560px) {
  body.single-product.woocommerce .secondary-section {
    padding-top: 14px !important;
  }

  body.single-product.woocommerce .breadcrumb {
    margin-bottom: 8px !important;
  }

  body.single-product.woocommerce div.product .summary.entry-summary .product_title {
    margin-bottom: 12px !important;
    font-size: 30px !important;
    line-height: 1.12 !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout {
    margin-bottom: 15px !important;
    padding: 12px 13px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta {
    gap: 13px 18px !important;
    margin-bottom: 15px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier {
    margin-top: 13px !important;
    padding: 13px 0 !important;
  }
}

/* 836px master: preserve the two-column record below the hero while keeping
   the hero's left anchor, vertical rhythm and unboxed RUO line in one system. */
@media (min-width: 761px) and (max-width: 900px) {
  body.single-product.woocommerce .page-hero-detail,
  body.single-product.woocommerce .page-hero-detail .content-wrap {
    height: 500px !important;
    min-height: 500px !important;
  }

  body.single-product.woocommerce .page-hero-detail .content-wrap {
    width: min(1280px, 80.4vw) !important;
  }

  body.single-product.woocommerce .secondary-section > .content-wrap {
    width: min(1280px, calc(100% - 96px)) !important;
  }

  body.single-product.woocommerce .page-hero-detail .content-wrap {
    padding-top: 58px !important;
    align-items: flex-start !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-copy {
    width: min(640px, 82%) !important;
  }

  body.single-product.woocommerce .page-hero-detail .page-hero-status {
    display: inline-flex !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 90px !important;
  }

  body.single-product.woocommerce .secondary-section {
    padding-top: 14px !important;
  }

  body.single-product.woocommerce .breadcrumb {
    margin-bottom: 2px !important;
  }

  body.single-product.woocommerce div.product {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
    column-gap: 20px !important;
    row-gap: 24px !important;
  }

  body.single-product.woocommerce div.product .woocommerce-product-gallery {
    grid-column: 1 !important;
    padding-bottom: 10px !important;
  }

  body.single-product.woocommerce div.product .summary.entry-summary {
    grid-column: 2 !important;
    padding-bottom: 10px !important;
  }

  body.single-product.woocommerce div.product .summary.entry-summary .product_title {
    margin-bottom: 12px !important;
    font-size: 24px !important;
    line-height: 1.14 !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout {
    gap: 5px 8px !important;
    margin-bottom: 13px !important;
    padding: 10px 12px !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout strong {
    font-size: 11px !important;
  }

  body.single-product.woocommerce .summary.entry-summary .legal-callout span {
    font-size: 10px !important;
    line-height: 1.45 !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta {
    gap: 11px 20px !important;
    margin-bottom: 13px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta > div {
    font-size: 11px !important;
  }

  body.single-product.woocommerce div.product .summary .product-meta strong {
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier {
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 11px 0 !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-kicker,
  body.single-product.woocommerce div.product .summary .product-price-tier-help {
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-option {
    padding: 8px 9px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-option strong {
    font-size: 14px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-controls {
    gap: 10px !important;
  }

  body.single-product.woocommerce div.product .summary .product-price-tier-live strong {
    font-size: 18px !important;
  }

  body.single-product.woocommerce .product-detail-actions {
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  body.single-product.woocommerce .product-detail-actions .button {
    min-height: 38px !important;
    padding: 8px 11px !important;
    font-size: 11px !important;
  }

  body.single-product.woocommerce .summary .product_meta {
    padding-top: 8px !important;
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .product-research-record {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(240px, .82fr) !important;
    column-gap: 20px !important;
    row-gap: 16px !important;
  }

  body.single-product.woocommerce div.product .product-research-record-head {
    grid-column: 1 / -1 !important;
    padding-bottom: 9px !important;
  }

  body.single-product.woocommerce div.product .product-research-record-head p {
    font-size: 19px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.single-product.woocommerce div.product .product-overview {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  body.single-product.woocommerce div.product .product-resource-list,
  body.single-product.woocommerce div.product .product-related-materials {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet-head {
    padding: 10px 12px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet dl > div {
    grid-template-columns: minmax(120px, 38%) minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 8px 12px !important;
  }

  body.single-product.woocommerce div.product .product-data-sheet dt,
  body.single-product.woocommerce div.product .product-data-sheet dd {
    font-size: 10px !important;
  }

  body.single-product.woocommerce div.product .product-overview > h2 {
    margin-bottom: 9px !important;
    font-size: 15px !important;
  }

  body.single-product.woocommerce div.product .product-overview > p {
    padding: 14px 15px !important;
    font-size: 11px !important;
    line-height: 1.58 !important;
  }

  body.single-product.woocommerce div.product .product-resource-list {
    margin-top: 0 !important;
    padding-top: 18px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list .research-card-copy {
    padding: 11px !important;
  }

  body.single-product.woocommerce div.product .product-resource-list .research-card-copy h3 {
    font-size: 12px !important;
  }
}