/*
 * AlphaLabs premium COA Library presentation layer.
 * The parent page-coas.php markup and rc-coas-script.js remain the data/functionality source.
 */
body.alpx-redesign-coa {
  --brw-coa-deep: #083f49;
  --brw-coa-deep-2: #0b5660;
  --brw-coa-teal: #138e92;
  --brw-coa-teal-bright: #28aaa8;
  --brw-coa-mint: #eaf7f5;
  --brw-coa-orange: #f47b20;
  --brw-coa-orange-soft: #fff2e7;
  --brw-coa-copy: #48646a;
  --brw-coa-line: rgba(8,63,73,.11);
  --brw-coa-bg: #f8fbfa;
  --brw-coa-card: #ffffff;
  --brw-coa-shadow: 0 18px 48px rgba(8,63,73,.08);
  background: var(--brw-coa-bg);
}

body.alpx-redesign-coa .rc-coas-wrapper,
body.alpx-redesign-coa .rc-coas-wrapper * { box-sizing: border-box; }

body.alpx-redesign-coa .rc-coas-wrapper {
  position: relative;
  overflow: clip;
  padding: 38px 18px 76px;
  background:
    radial-gradient(circle at 8% 2%, rgba(43,190,186,.09), transparent 24%),
    radial-gradient(circle at 94% 8%, rgba(244,123,32,.08), transparent 23%),
    linear-gradient(180deg, #fbfdfc 0%, #f7fbfa 62%, #fffaf5 100%);
  color: var(--brw-coa-deep);
}

body.alpx-redesign-coa .rc-coas-wrapper::before,
body.alpx-redesign-coa .rc-coas-wrapper::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
body.alpx-redesign-coa .rc-coas-wrapper::before {
  top: 54px;
  left: -120px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(19,142,146,.09);
  box-shadow: 0 0 0 38px rgba(19,142,146,.025), 0 0 0 76px rgba(19,142,146,.018);
}
body.alpx-redesign-coa .rc-coas-wrapper::after {
  top: 130px;
  right: -80px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(244,123,32,.09), rgba(244,123,32,0) 68%);
}

body.alpx-redesign-coa .rc-coas-container {
  position: relative;
  z-index: 1;
  width: min(1440px, 100%);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
}

/* Hero */
body.alpx-redesign-coa .rc-coas-heading-section.brw-coa-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 22px;
  padding: clamp(34px, 4vw, 58px) clamp(24px, 5vw, 72px) 34px;
  text-align: left;
  border: 1px solid rgba(8,63,73,.08);
  border-radius: 32px;
  background:
    radial-gradient(circle at 83% 15%, rgba(255,255,255,.42), transparent 22%),
    linear-gradient(125deg, #e8f7f4 0%, #f9fcfb 47%, #fff2e6 100%);
  box-shadow: 0 22px 58px rgba(8,63,73,.08);
}
body.alpx-redesign-coa .brw-coa-hero::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -120px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(19,142,146,.1);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(19,142,146,.025), 0 0 0 84px rgba(19,142,146,.018);
  pointer-events: none;
}
body.alpx-redesign-coa .brw-coa-eyebrow {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--brw-coa-teal);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
body.alpx-redesign-coa .brw-coa-eyebrow svg,
body.alpx-redesign-coa .brw-coa-trust-row svg,
body.alpx-redesign-coa .brw-coa-search-icon svg,
body.alpx-redesign-coa .brw-coa-report-arrow svg,
body.alpx-redesign-coa .brw-coa-history-chevron svg,
body.alpx-redesign-coa .brw-coa-empty-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.alpx-redesign-coa .rc-coas-heading-title {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin: 0;
  color: var(--brw-coa-deep);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: clamp(46px, 5.2vw, 76px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.055em;
}
body.alpx-redesign-coa .rc-coas-heading-subtitle {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 20px 0 0;
  color: var(--brw-coa-copy);
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.65;
}
body.alpx-redesign-coa .brw-coa-trust-row {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 28px;
}
body.alpx-redesign-coa .brw-coa-trust-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(8,63,73,.09);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  color: var(--brw-coa-deep);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 12px;
  box-shadow: 0 8px 18px rgba(8,63,73,.035);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body.alpx-redesign-coa .brw-coa-trust-row svg { color: var(--brw-coa-teal); }
body.alpx-redesign-coa .brw-coa-trust-row b { color: var(--brw-coa-orange); }

/* Search and filters */
body.alpx-redesign-coa .rc-coas-filters {
  position: relative;
  z-index: 5;
  margin: 0 0 28px;
  padding: 18px;
  border: 1px solid rgba(8,63,73,.08);
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 44px rgba(8,63,73,.07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.alpx-redesign-coa .brw-coa-search-shell { position: relative; }
body.alpx-redesign-coa .brw-coa-search-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  display: grid;
  place-items: center;
  color: var(--brw-coa-teal);
  transform: translateY(-50%);
  pointer-events: none;
}
body.alpx-redesign-coa .rc-coas-search-input {
  width: 100%;
  height: 58px;
  margin: 0;
  padding: 0 54px 0 52px;
  border: 1px solid rgba(8,63,73,.13);
  border-radius: 16px;
  outline: none;
  background: #f9fcfb;
  color: var(--brw-coa-deep);
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body.alpx-redesign-coa .rc-coas-search-input::placeholder { color: #819397; }
body.alpx-redesign-coa .rc-coas-search-input:focus {
  border-color: rgba(19,142,146,.55);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(19,142,146,.09), 0 12px 30px rgba(8,63,73,.05);
}
body.alpx-redesign-coa .brw-coa-search-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--brw-coa-copy);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%);
  cursor: pointer;
  transition: opacity .2s ease, background .2s ease;
}
body.alpx-redesign-coa .brw-coa-search-clear.is-visible { opacity: 1; visibility: visible; }
body.alpx-redesign-coa .brw-coa-search-clear:hover { background: var(--brw-coa-mint); color: var(--brw-coa-deep); }
body.alpx-redesign-coa .brw-coa-search-clear svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2; }
body.alpx-redesign-coa .brw-coa-filter-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}
body.alpx-redesign-coa .brw-coa-filter-label {
  flex: 0 0 auto;
  color: var(--brw-coa-copy);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 12px;
}
body.alpx-redesign-coa .brw-coa-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.alpx-redesign-coa .brw-coa-filter {
  min-height: 36px;
  padding: 7px 13px;
  border: 1px solid rgba(8,63,73,.11);
  border-radius: 999px;
  background: #fff;
  color: var(--brw-coa-deep);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 11.5px;
  line-height: 1;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
body.alpx-redesign-coa .brw-coa-filter:hover { transform: translateY(-1px); border-color: rgba(19,142,146,.3); }
body.alpx-redesign-coa .brw-coa-filter.is-active {
  border-color: transparent;
  background: linear-gradient(135deg, #15989b, #0e7c82);
  color: #fff;
  box-shadow: 0 8px 18px rgba(19,142,146,.18);
}

/* Library heading */
body.alpx-redesign-coa .brw-coa-library-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 38px 0 18px;
}
body.alpx-redesign-coa .brw-coa-library-header small {
  display: block;
  margin-bottom: 7px;
  color: var(--brw-coa-teal);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 10px;
  letter-spacing: .13em;
}
body.alpx-redesign-coa .brw-coa-library-header h2 {
  margin: 0;
  color: var(--brw-coa-deep);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
body.alpx-redesign-coa .brw-coa-result-count {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid rgba(8,63,73,.1);
  border-radius: 999px;
  background: #fff;
  color: var(--brw-coa-copy);
  font-size: 12px;
  box-shadow: 0 8px 20px rgba(8,63,73,.04);
}
body.alpx-redesign-coa .brw-coa-result-count strong { color: var(--brw-coa-deep); }

/* Product grid and cards */
body.alpx-redesign-coa .rc-coas-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
  align-items: start;
}
body.alpx-redesign-coa .rc-coas-grid.has-no-results { display: none; }
body.alpx-redesign-coa .rc-coas-product-card.brw-coa-card {
  position: relative;
  overflow: visible;
  width: 100%;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(8,63,73,.09);
  border-radius: 22px;
  background: var(--brw-coa-card);
  box-shadow: 0 12px 32px rgba(8,63,73,.045);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
body.alpx-redesign-coa .rc-coas-product-card.brw-coa-card[hidden] { display: none !important; }
body.alpx-redesign-coa .brw-coa-card-head {
  min-height: 56px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px;
}
body.alpx-redesign-coa .rc-coas-product-name {
  flex: 1 1 auto;
  margin: 0;
  color: var(--brw-coa-deep);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.018em;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.alpx-redesign-coa .brw-coa-card-count {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--brw-coa-mint);
  color: var(--brw-coa-teal);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 9px;
  white-space: nowrap;
}
body.alpx-redesign-coa .brw-coa-latest { margin-bottom: 0; }
body.alpx-redesign-coa .brw-coa-latest-label {
  display: block;
  margin-bottom: 7px;
  color: #83969a;
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 9px;
  letter-spacing: .11em;
  text-transform: uppercase;
}
body.alpx-redesign-coa .rc-coas-buttons-wrapper.brw-coa-documents {
  display: block;
  margin: 0;
  font-size: inherit;
}
body.alpx-redesign-coa a.rc-coas-view-link.brw-coa-report-link {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(8,63,73,.08);
  border-radius: 13px;
  background: #f9fcfb;
  color: var(--brw-coa-deep);
  text-align: left;
  text-decoration: none !important;
  box-shadow: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
body.alpx-redesign-coa a.rc-coas-view-link.brw-coa-report-link > * { pointer-events: none; }
body.alpx-redesign-coa a.rc-coas-view-link.brw-coa-report-link.is-latest {
  border-color: rgba(19,142,146,.16);
  background: linear-gradient(135deg, #eef9f7, #fbfdfc);
}
body.alpx-redesign-coa .brw-coa-report-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
body.alpx-redesign-coa .brw-coa-report-date {
  color: var(--brw-coa-deep);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 12px;
  line-height: 1.2;
}
body.alpx-redesign-coa .brw-coa-report-type {
  align-self: flex-start;
  max-width: 100%;
  padding: 4px 7px;
  border-radius: 999px;
  background: var(--brw-coa-orange-soft);
  color: #cf6518;
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 8.5px;
  line-height: 1.2;
  white-space: normal;
}
body.alpx-redesign-coa .brw-coa-report-link--net .brw-coa-report-type { background: #eef4ff; color: #3d66a5; }
body.alpx-redesign-coa .brw-coa-report-link--purity .brw-coa-report-type { background: #e9f7f5; color: #0d8588; }
body.alpx-redesign-coa .brw-coa-report-link--endotoxin .brw-coa-report-type { background: #fff0e5; color: #d56718; }
body.alpx-redesign-coa .brw-coa-report-link--metals .brw-coa-report-type { background: #edf4f7; color: #496e7b; }
body.alpx-redesign-coa .brw-coa-report-link--safety .brw-coa-report-type { background: #f1effb; color: #635b94; }
body.alpx-redesign-coa .brw-coa-report-arrow {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--brw-coa-teal);
  box-shadow: 0 4px 12px rgba(8,63,73,.06);
}
body.alpx-redesign-coa .brw-coa-report-arrow svg { width: 15px; height: 15px; }

/* History accordion */
body.alpx-redesign-coa .brw-coa-history {
  margin-top: 10px;
  border-top: 1px solid rgba(8,63,73,.08);
}
body.alpx-redesign-coa .brw-coa-history summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 2px 0;
  color: var(--brw-coa-copy);
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 10.5px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
body.alpx-redesign-coa .brw-coa-history summary::-webkit-details-marker { display: none; }
body.alpx-redesign-coa .brw-coa-history summary b {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0 6px;
  border-radius: 999px;
  background: #eef4f3;
  color: var(--brw-coa-teal);
  font-size: 9px;
}
body.alpx-redesign-coa .brw-coa-history-chevron {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f3f8f7;
  color: var(--brw-coa-teal);
  transition: transform .2s ease;
}
body.alpx-redesign-coa .brw-coa-history-chevron svg { width: 14px; height: 14px; }
body.alpx-redesign-coa .brw-coa-history[open] .brw-coa-history-chevron { transform: rotate(180deg); }
body.alpx-redesign-coa .brw-coa-history-list {
  display: grid;
  gap: 7px;
  padding: 4px 0 2px;
}
body.alpx-redesign-coa .brw-coa-history-list a.rc-coas-view-link.brw-coa-report-link {
  min-height: 42px;
  padding: 8px 9px;
  border-radius: 11px;
  background: #fff;
}
body.alpx-redesign-coa .brw-coa-history-list .brw-coa-report-arrow { width: 26px; height: 26px; box-shadow: none; background: #f2f8f7; }

/* Empty state */
body.alpx-redesign-coa .brw-coa-empty-state {
  margin: 22px 0 0;
  padding: 58px 24px;
  text-align: center;
  border: 1px dashed rgba(8,63,73,.16);
  border-radius: 24px;
  background: rgba(255,255,255,.72);
}
body.alpx-redesign-coa .brw-coa-empty-state[hidden] { display: none !important; }
body.alpx-redesign-coa .brw-coa-empty-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin: 0 auto 15px;
  border-radius: 18px;
  background: var(--brw-coa-mint);
  color: var(--brw-coa-teal);
}
body.alpx-redesign-coa .brw-coa-empty-icon svg { width: 25px; height: 25px; }
body.alpx-redesign-coa .brw-coa-empty-state h3 { margin: 0; color: var(--brw-coa-deep); font-family: 'Inter-Bold', 'Inter', sans-serif; font-size: 24px; }
body.alpx-redesign-coa .brw-coa-empty-state p { margin: 8px 0 18px; color: var(--brw-coa-copy); font-size: 14px; }
body.alpx-redesign-coa .brw-coa-empty-clear {
  min-height: 42px;
  padding: 9px 15px;
  border: 0;
  border-radius: 999px;
  background: var(--brw-coa-orange);
  color: #fff;
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(244,123,32,.18);
}


/* Bottom support CTA */
body.alpx-redesign-coa .brw-coa-help-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
  margin-top: 58px;
  padding: 44px 48px;
  min-height: 250px;
  border: 1px solid rgba(8,63,73,.08);
  border-radius: 30px;
  background:
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.15), transparent 25%),
    linear-gradient(135deg,#0b737a,#07535d 66%,#06444d);
  color: #fff;
  box-shadow: 0 22px 52px rgba(5,61,71,.18);
}
body.alpx-redesign-coa .brw-coa-help-card::before {
  content: "";
  position: absolute;
  right: -62px;
  bottom: -108px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 36px rgba(255,255,255,.025), 0 0 0 72px rgba(255,255,255,.018);
  pointer-events: none;
}
body.alpx-redesign-coa .brw-coa-help-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(115deg, transparent 12%, rgba(255,255,255,.075) 46%, transparent 68%);
  transform: translateX(-120%);
  pointer-events: none;
}
body.alpx-redesign-coa .brw-coa-help-copy {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
body.alpx-redesign-coa .brw-coa-help-copy small {
  display: block;
  margin-bottom: 10px;
  color: #bfeee9;
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .14em;
}
body.alpx-redesign-coa .brw-coa-help-copy h2 {
  max-width: 680px;
  margin: 0;
  color: #fff;
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: clamp(38px, 3.45vw, 52px);
  line-height: 1.02;
  letter-spacing: -.048em;
  text-wrap: balance;
}
body.alpx-redesign-coa .brw-coa-help-copy p {
  max-width: 700px;
  margin: 15px 0 0;
  color: rgba(255,255,255,.80);
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}
body.alpx-redesign-coa .brw-coa-help-actions {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
}
body.alpx-redesign-coa .brw-coa-help-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 20px;
  border-radius: 999px;
  white-space: nowrap;
  font-family: 'Inter-Bold', 'Inter', sans-serif;
  font-size: 13px;
  line-height: 1;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
body.alpx-redesign-coa .brw-coa-help-btn span {
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  transition: transform .2s ease;
}
body.alpx-redesign-coa .brw-coa-help-btn svg { width: 16px; height: 16px; }
body.alpx-redesign-coa .brw-coa-help-btn--primary {
  background: var(--brw-coa-orange);
  color: #fff;
  box-shadow: 0 10px 24px rgba(244,123,32,.22);
}
body.alpx-redesign-coa .brw-coa-help-btn--secondary {
  border: 1px solid rgba(255,255,255,.34);
  background: rgba(255,255,255,.07);
  color: #fff;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body.alpx-redesign-coa .brw-coa-help-art {
  position: absolute;
  right: 29%;
  top: -34px;
  width: 150px;
  height: 150px;
  opacity: .17;
  pointer-events: none;
}
body.alpx-redesign-coa .brw-coa-help-art__icon {
  position: absolute;
  inset: 45px auto auto 47px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(255,255,255,.15);
  color: #fff;
  transform: rotate(-8deg);
}
body.alpx-redesign-coa .brw-coa-help-art__icon svg { width: 27px; height: 27px; }
body.alpx-redesign-coa .brw-coa-help-art__ring {
  position: absolute;
  inset: 21px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 50%;
}
body.alpx-redesign-coa .brw-coa-help-art__dot {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffb36f;
}
body.alpx-redesign-coa .brw-coa-help-art__dot--one { left: 18px; top: 36px; }
body.alpx-redesign-coa .brw-coa-help-art__dot--two { right: 13px; bottom: 31px; background: #8de5df; }
@media (hover: hover) and (pointer: fine) {
  body.alpx-redesign-coa .brw-coa-help-card:hover::after { animation: brwCoaHelpShine 1.15s ease forwards; }
  body.alpx-redesign-coa .brw-coa-help-btn:hover {
    transform: translateY(-2px);
    color: #fff;
  }
  body.alpx-redesign-coa .brw-coa-help-btn--primary:hover { box-shadow: 0 14px 30px rgba(244,123,32,.28); }
  body.alpx-redesign-coa .brw-coa-help-btn--secondary:hover {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.46);
  }
  body.alpx-redesign-coa .brw-coa-help-btn:hover span { transform: translateX(3px); }
}
@keyframes brwCoaHelpShine {
  from { transform: translateX(-120%); }
  to { transform: translateX(120%); }
}
@media (max-width: 1080px) {
  body.alpx-redesign-coa .brw-coa-help-card {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  body.alpx-redesign-coa .brw-coa-help-copy h2 { max-width: 760px; }
  body.alpx-redesign-coa .brw-coa-help-actions { justify-content: flex-start; }
  body.alpx-redesign-coa .brw-coa-help-art { right: 8%; }
}
@media (max-width: 620px) {
  body.alpx-redesign-coa .brw-coa-help-card {
    margin-top: 38px;
    min-height: 0;
    padding: 30px 22px;
    gap: 24px;
    border-radius: 24px;
  }
  body.alpx-redesign-coa .brw-coa-help-copy small { font-size: 9px; }
  body.alpx-redesign-coa .brw-coa-help-copy h2 {
    max-width: 100%;
    font-size: clamp(34px, 9.6vw, 40px);
    line-height: 1.04;
  }
  body.alpx-redesign-coa .brw-coa-help-copy p { margin-top: 13px; font-size: 14px; }
  body.alpx-redesign-coa .brw-coa-help-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  body.alpx-redesign-coa .brw-coa-help-btn { width: 100%; min-height: 52px; }
  body.alpx-redesign-coa .brw-coa-help-art { display: none; }
}

/* Parent lightbox visual refresh; parent JS still owns opening/closing. */
body.alpx-redesign-coa .rc-lightbox-overlay.brw-coa-lightbox {
  padding: 34px;
  background: rgba(3,28,34,.86);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.alpx-redesign-coa .brw-coa-lightbox .rc-lightbox-content {
  max-width: min(1120px, 92vw);
  max-height: 91vh;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 30px 90px rgba(0,0,0,.32);
}
body.alpx-redesign-coa .brw-coa-lightbox .rc-lightbox-image {
  max-height: calc(91vh - 24px);
  border-radius: 14px;
}
body.alpx-redesign-coa .brw-coa-lightbox .rc-lightbox-close {
  top: 12px;
  right: 12px;
  z-index: 4;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(8,63,73,.88);
  color: #fff;
  font-size: 28px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* Desktop hover motion */
@media (hover: hover) and (pointer: fine) {
  body.alpx-redesign-coa .rc-coas-product-card.brw-coa-card:hover {
    z-index: 2;
    transform: translateY(-4px);
    border-color: rgba(19,142,146,.19);
    box-shadow: 0 22px 50px rgba(8,63,73,.095);
  }
  body.alpx-redesign-coa a.rc-coas-view-link.brw-coa-report-link:hover {
    transform: translateY(-1px);
    border-color: rgba(19,142,146,.22);
    background: #f3faf8;
    color: var(--brw-coa-deep);
    box-shadow: 0 8px 18px rgba(8,63,73,.055);
  }
  body.alpx-redesign-coa a.rc-coas-view-link.brw-coa-report-link:hover .brw-coa-report-arrow { transform: translateX(2px); }
}

/* Responsive */
@media (max-width: 1279px) {
  body.alpx-redesign-coa .rc-coas-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 940px) {
  body.alpx-redesign-coa .rc-coas-wrapper { padding-inline: 14px; }
  body.alpx-redesign-coa .rc-coas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.alpx-redesign-coa .brw-coa-filter-bar { align-items: flex-start; flex-direction: column; gap: 9px; }
}
@media (max-width: 620px) {
  body.alpx-redesign-coa .rc-coas-wrapper { padding: 16px 10px 52px; overflow: hidden; }
  body.alpx-redesign-coa .rc-coas-heading-section.brw-coa-hero {
    margin-bottom: 12px;
    padding: 28px 20px 24px;
    border-radius: 24px;
  }
  body.alpx-redesign-coa .brw-coa-eyebrow { margin-bottom: 11px; font-size: 10px; }
  body.alpx-redesign-coa .rc-coas-heading-title { padding: 0; font-size: clamp(39px, 11vw, 50px); }
  body.alpx-redesign-coa .rc-coas-heading-subtitle { margin-top: 14px; font-size: 15px; line-height: 1.6; }
  body.alpx-redesign-coa .brw-coa-trust-row { gap: 6px; margin-top: 20px; }
  body.alpx-redesign-coa .brw-coa-trust-row span { min-height: 34px; padding: 7px 9px; font-size: 10px; }
  body.alpx-redesign-coa .brw-coa-trust-row span:last-child { display: none; }

  body.alpx-redesign-coa .rc-coas-filters { margin-bottom: 22px; padding: 12px; border-radius: 20px; }
  body.alpx-redesign-coa .rc-coas-search-input { height: 54px; padding-left: 46px; font-size: 16px; border-radius: 14px; }
  body.alpx-redesign-coa .brw-coa-search-icon { left: 15px; }
  body.alpx-redesign-coa .brw-coa-filter-pills {
    width: calc(100% + 24px);
    margin-inline: -12px;
    padding: 0 12px 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  body.alpx-redesign-coa .brw-coa-filter-pills::-webkit-scrollbar { display: none; }
  body.alpx-redesign-coa .brw-coa-filter { flex: 0 0 auto; scroll-snap-align: start; }

  body.alpx-redesign-coa .brw-coa-library-header { align-items: flex-start; margin-top: 28px; }
  body.alpx-redesign-coa .brw-coa-library-header h2 { font-size: 29px; }
  body.alpx-redesign-coa .brw-coa-result-count { margin-top: 2px; padding: 7px 9px; font-size: 10px; }

  body.alpx-redesign-coa .rc-coas-grid { grid-template-columns: 1fr; gap: 11px; }
  body.alpx-redesign-coa .rc-coas-product-card.brw-coa-card { padding: 16px; border-radius: 19px; }
  body.alpx-redesign-coa .brw-coa-card-head { min-height: 0; margin-bottom: 14px; }
  body.alpx-redesign-coa .rc-coas-product-name { font-size: 17px; }
  body.alpx-redesign-coa a.rc-coas-view-link.brw-coa-report-link { min-height: 52px; }

  body.alpx-redesign-coa .rc-lightbox-overlay.brw-coa-lightbox { padding: 12px; }
  body.alpx-redesign-coa .brw-coa-lightbox .rc-lightbox-content { max-width: 96vw; padding: 8px; border-radius: 16px; }
  body.alpx-redesign-coa .brw-coa-lightbox .rc-lightbox-image { border-radius: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  body.alpx-redesign-coa .rc-coas-wrapper *,
  body.alpx-redesign-coa .rc-coas-wrapper *::before,
  body.alpx-redesign-coa .rc-coas-wrapper *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition-duration: .01ms !important;
  }
}