.amino-product-coa {
    --ap-ground: #f5f6f8;
    --ap-paper: #ffffff;
    --ap-ink: #111214;
    --ap-muted: #637082;
    --ap-line: #e5e8ed;
    --ap-green: #00834b;
    --ap-green-soft: #e6f5ec;
    --ap-bright: #91ed9b;
    box-sizing: border-box;
    width: 100%;
    padding: clamp(18px, 3.5vw, 48px);
    color: var(--ap-ink);
    background: var(--ap-ground);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    container-type: inline-size;
}
.amino-product-coa *, .amino-product-coa *::before, .amino-product-coa *::after { box-sizing: border-box; }
.amino-product-coa [hidden] { display: none !important; }
.amino-product-coa :is(h3, h4, p, dl, dt, dd) { margin: 0; }
.amino-product-coa :is(h3, h4) { font-family: inherit; color: inherit; line-height: 1.35; }
.amino-product-coa__icon { display: block; flex-shrink: 0; }
.amino-product-coa__filter { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.amino-product-coa__filter label { font-size: 13px; font-weight: 600; }
.amino-product-coa .amino-product-coa__filter select { min-height: 42px; min-width: 160px; max-width: 100%; padding: 8px 32px 8px 12px; border: 1px solid var(--ap-line); border-radius: 10px; color: var(--ap-ink); background-color: var(--ap-paper); font: inherit; }
.amino-product-coa__live:empty { display: none; }
.amino-product-coa .amino-product-coa__live { margin-bottom: 14px; color: var(--ap-muted); font-size: 12px; }
.amino-product-coa__panel { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 24px; align-items: stretch; }
.amino-product-coa__certificate { position: relative; display: flex; flex-direction: column; min-height: 528px; min-width: 0; padding: 28px; border-radius: 20px; background: #121212; color: #ffffff; overflow: hidden; }
.amino-product-coa__certificate > :not(.amino-product-coa__watermark) { position: relative; z-index: 1; }
.amino-product-coa__watermark { position: absolute; right: -12px; top: -14px; width: 150px; height: 150px; border-radius: 50%; background: #1d1d1d; color: #111111; display: grid; place-items: center; transform: rotate(-8deg); }
.amino-product-coa__watermark svg { width: 98px; height: 98px; stroke-width: 3; }
.amino-product-coa__lab { display: flex; align-items: center; gap: 11px; margin-bottom: 26px; }
.amino-product-coa__lab-mark { display: grid; place-items: center; min-width: 36px; min-height: 36px; max-width: 70px; padding: 8px; background: #cbe5fb; color: #0c2235; font-size: 12px; font-weight: 750; border-radius: 8px; overflow-wrap: anywhere; }
.amino-product-coa .amino-product-coa__lab h3 { font-size: 16px; font-weight: 700; }
.amino-product-coa .amino-product-coa__lab p { color: #b4bcc6; font-size: 11px; }
.amino-product-coa .amino-product-coa__eyebrow { color: #a9b4c1; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.amino-product-coa__headline { font-size: clamp(48px, 5.5vw, 68px); font-weight: 750; letter-spacing: -.03em; line-height: 1.1; padding: 3px 0 8px; overflow-wrap: anywhere; }
.amino-product-coa__percent { color: var(--ap-bright); font-size: .48em; letter-spacing: -.015em; margin-left: 3px; }
.amino-product-coa__no-result { display: block; font-size: 30px; line-height: 1.3; letter-spacing: -.02em; }
.amino-product-coa .amino-product-coa__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin-top: 24px; padding-top: 22px; border-top: 1px solid #303030; }
.amino-product-coa__facts dt { margin-bottom: 4px; font-size: 10px; letter-spacing: .1em; color: #a9b4c1; text-transform: uppercase; font-weight: 650; }
.amino-product-coa__facts dd { font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.amino-product-coa__badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 30px; }
.amino-product-coa__badges > span { padding: 7px 11px; border: 1px solid #424242; border-radius: 20px; background: #202020; font-size: 10px; font-weight: 650; }
.amino-product-coa .amino-product-coa__pdf { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 12px 18px; border-radius: 12px; background: #131313; color: #ffffff; font-size: 13px; line-height: 1.35; font-weight: 650; text-decoration: none; text-align: center; }
.amino-product-coa .amino-product-coa__pdf--light { margin-top: auto; border-radius: 26px; background: #ffffff; color: #111111; }
.amino-product-coa .amino-product-coa__pdf:hover { background: #303030; color: #ffffff; }
.amino-product-coa .amino-product-coa__pdf--light:hover { background: #e8edf1; color: #111111; }
.amino-product-coa__qc { min-width: 0; min-height: 528px; border: 1px solid var(--ap-line); border-radius: 20px; background: var(--ap-paper); overflow: hidden; }
.amino-product-coa__qc > header { min-height: 60px; padding: 18px 24px; display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.amino-product-coa .amino-product-coa__qc h3 { font-size: 10px; letter-spacing: .14em; font-weight: 700; color: var(--ap-muted); text-transform: uppercase; }
.amino-product-coa__total { color: var(--ap-green); background: var(--ap-green-soft); border-radius: 20px; padding: 4px 11px; font-size: 11px; font-weight: 600; }
.amino-product-coa__total--neutral { background: #f0f2f5; color: #536172; }
.amino-product-coa__total--fail { background: #fff0f1; color: #a02836; }
.amino-product-coa__assay { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 16px; min-height: 58px; padding: 11px 24px; border-top: 1px solid var(--ap-line); }
.amino-product-coa__assay dt strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.amino-product-coa__assay dt small { display: block; font-size: 10px; color: var(--ap-muted); }
.amino-product-coa__assay dd { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; }
.amino-product-coa__assay-value { font-size: 13px; overflow-wrap: anywhere; text-align: right; }
.amino-product-coa__status { display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex: 0 0 76px; border-radius: 18px; padding: 4px 8px; background: #f0f2f5; color: #536172; font-size: 9px; font-weight: 650; text-transform: uppercase; }
.amino-product-coa__status svg { width: 12px; height: 12px; }
.amino-product-coa__status--pass { background: var(--ap-green-soft); color: var(--ap-green); }
.amino-product-coa__status--fail { background: #fff0f1; color: #a02836; }
.amino-product-coa__status--pending { background: #fff4dc; color: #805313; }
.amino-product-coa__qc-empty { min-height: 420px; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-top: 1px solid var(--ap-line); }
.amino-product-coa__qc-empty > svg { width: 32px; height: 32px; margin-bottom: 18px; color: var(--ap-muted); }
.amino-product-coa .amino-product-coa__qc-empty h4 { font-size: 18px; font-weight: 650; margin-bottom: 10px; }
.amino-product-coa .amino-product-coa__qc-empty p { max-width: 40ch; color: var(--ap-muted); font-size: 13px; }
.amino-product-coa__history { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--ap-line); }
.amino-product-coa__history-heading { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.amino-product-coa .amino-product-coa__history-heading h3 { font-size: 16px; font-weight: 700; margin-bottom: 9px; }
.amino-product-coa .amino-product-coa__history-heading p { font-size: 11px; color: var(--ap-muted); }
.amino-product-coa__arrows { display: flex; gap: 8px; }
.amino-product-coa .amino-product-coa__arrows button { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border-radius: 50%; border: 1px solid var(--ap-line); background: transparent; color: var(--ap-muted); cursor: pointer; }
.amino-product-coa .amino-product-coa__arrows button:disabled { opacity: .4; cursor: default; }
.amino-product-coa__track { display: flex; gap: 14px; overflow-x: auto; padding: 2px 2px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; overscroll-behavior-x: contain; }
.amino-product-coa__batch { display: flex; flex-direction: column; flex: 0 0 304px; min-width: 0; max-width: 100%; padding: 22px; border: 1px solid var(--ap-line); border-radius: 18px; background: var(--ap-paper); scroll-snap-align: start; }
.amino-product-coa__batch > header { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.amino-product-coa .amino-product-coa__batch h4 { font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.amino-product-coa__latest, .amino-product-coa__archived { font-size: 9px; font-weight: 700; text-transform: uppercase; }
.amino-product-coa__latest { color: var(--ap-green); }
.amino-product-coa__archived { color: var(--ap-muted); }
.amino-product-coa .amino-product-coa__lot { color: var(--ap-muted); font-size: 10px; margin-top: 9px; overflow-wrap: anywhere; }
.amino-product-coa__batch-result { display: flex; align-items: center; gap: 13px; margin: 18px 0 20px; }
.amino-product-coa__result-icon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; color: var(--ap-muted); background: var(--ap-ground); border-radius: 50%; }
.amino-product-coa__batch-result strong { display: block; font-size: 30px; line-height: 1.2; font-weight: 700; overflow-wrap: anywhere; }
.amino-product-coa__batch-result .amino-product-coa__no-result { font-size: 22px; }
.amino-product-coa__batch-result .amino-product-coa__percent { color: inherit; }
.amino-product-coa__batch-result small { display: block; color: var(--ap-muted); font-size: 10px; margin-top: 8px; }
.amino-product-coa__batch--passed .amino-product-coa__batch-result strong { color: var(--ap-green); }
.amino-product-coa__batch--passed .amino-product-coa__result-icon { background: var(--ap-green-soft); color: var(--ap-green); }
.amino-product-coa__batch-facts > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 10px; padding: 10px 0; border-top: 1px solid #edf0f3; font-size: 11px; }
.amino-product-coa__batch-facts dt { color: var(--ap-muted); overflow-wrap: anywhere; }
.amino-product-coa__batch-facts dd { text-align: right; overflow-wrap: anywhere; }
.amino-product-coa .amino-product-coa__batch-note { margin: 20px 0 16px; color: var(--ap-muted); font-size: 10px; line-height: 1.8; }
.amino-product-coa .amino-product-coa__select { display: block; min-height: 40px; margin-top: auto; margin-bottom: 8px; padding: 8px; border: 1px solid var(--ap-line); border-radius: 10px; background: transparent; color: var(--ap-ink); font: inherit; font-size: 12px; cursor: pointer; }
.amino-product-coa .amino-product-coa__select[aria-pressed="true"] { background: var(--ap-ground); border-color: #a8b4c0; }
.amino-product-coa .amino-product-coa__batch > .amino-product-coa__pdf { margin-top: auto; }
.amino-product-coa .amino-product-coa__empty { padding: 30px 0; color: var(--ap-muted); }
.amino-product-coa :is(a, button, select, [tabindex]):focus-visible { outline: 3px solid var(--ap-green); outline-offset: 4px; }
.amino-product-coa__certificate a:focus-visible { outline-color: var(--ap-bright); }
.amino-product-coa__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@container (max-width: 850px) { .amino-product-coa__panel { grid-template-columns: minmax(0, 1fr); gap: 20px; } .amino-product-coa__certificate { min-height: 440px; } .amino-product-coa__qc { min-height: auto; } .amino-product-coa__qc-empty { min-height: 220px; } }
@container (max-width: 430px) { .amino-product-coa__certificate { padding: 24px; } .amino-product-coa__qc > header { padding: 16px; flex-wrap: wrap; } .amino-product-coa__assay { padding: 12px 16px; gap: 10px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .amino-product-coa__assay dd { flex-wrap: wrap; gap: 5px; } .amino-product-coa__assay dt strong { font-size: 13px; } .amino-product-coa__history-heading { align-items: flex-start; } .amino-product-coa__batch { flex-basis: 290px; padding: 20px; } .amino-product-coa__filter { flex-wrap: wrap; } }
@media (max-width: 600px) { .amino-product-coa { padding: 16px 12px; } }
@media (prefers-reduced-motion: reduce) { .amino-product-coa__track { scroll-behavior: auto; } }

/* Give Elementor flex sizing an explicit width before container queries measure height. */
.elementor-widget-shortcode:has(.amino-product-coa) { width: 100%; min-width: 0; }
