.coa{min-height:100vh}.coa-head{gap:24px;padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(24px,3.4vw,40px);display:grid}@media (min-width:1000px){.coa-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:64px}}.coa-verify{border-top:1px solid var(--bench-line);margin:0;padding:0;list-style:none}.coa-verify li{border-bottom:1px solid var(--bench-line);grid-template-columns:34px minmax(0,1fr);align-items:baseline;padding:11px 0;display:grid}.coa-verify .vl-data{color:var(--blue-hi);font-size:.8125rem}.coa-verify p{color:var(--bench-muted);margin:0;font-size:.9375rem;line-height:1.45}.coa-verify strong{color:var(--bench-text);font-weight:600}.coa-verify a{color:var(--bench-text);text-underline-offset:.25em;text-decoration:underline}.coa-verify a:hover{color:var(--blue-hi)}.coa-lib{padding-bottom:clamp(64px,9vw,120px)}.coa-search{max-width:640px;position:relative}.coa-search__icon{width:20px;height:20px;color:var(--bench-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.coa-search input{border:1px solid var(--control-line);background:var(--paper);width:100%;height:58px;color:var(--bench-text);font:400 1.0625rem var(--font-text);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:2px;padding:0 84px 0 48px}.coa-search input::-webkit-search-cancel-button{display:none}.coa-search input::placeholder{color:#5c616d}.coa-search input:focus{border-color:var(--blue-hi);outline:none;box-shadow:0 0 0 3px #4f7bff40}.coa-search__clear{min-height:40px;color:var(--bench-muted);font:500 .875rem var(--font-text);cursor:pointer;background:0 0;border:0;padding:0 12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.coa-search__clear:hover{color:var(--bench-text)}.coa-count{color:var(--bench-muted);margin:20px 0 18px;font-size:.875rem}.coa-count .vl-data,.coa-count strong{color:var(--bench-text);font-weight:400}.coa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,36px) clamp(14px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.coa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.coa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.coa-card__paper{aspect-ratio:3/4;cursor:zoom-in;width:100%;transition:transform .45s var(--ease), box-shadow .45s var(--ease);background:#f4f5f7;border:0;border-radius:2px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #000000e6}.coa-card__paper img{object-fit:cover;object-position:top;width:100%;height:100%}.coa-card__paper:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f}.coa-card__paper:hover{box-shadow:0 26px 50px -24px #000000f2, 0 0 0 1px var(--blue-hi);transform:translateY(-6px)}.coa-card__paper:focus-visible{outline:2px solid var(--blue-hi);outline-offset:4px}.coa-card__pdf{height:100%;font:700 2.5rem var(--font-display);color:#3a3f49;text-align:center;place-content:center;display:grid}.coa-card__pdf small{font:500 .75rem var(--font-text);letter-spacing:.06em;text-transform:uppercase}.coa-card__info{padding-top:12px}.coa-card__name{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.coa-card__variant{color:var(--bench-text);margin:2px 0 0;font-size:.875rem}.coa-card__purity{color:var(--bench-text);margin:4px 0 0;font-size:.875rem}.coa-card__purity .vl-data{color:var(--blue-hi)}.coa-card__lab{color:var(--bench-muted);margin:2px 0 0;font-size:.8125rem}.coa-empty{border-top:1px solid var(--bench-line);padding:40px 0}.coa-empty p{color:var(--bench-muted);margin:0 0 18px}.coa-viewer{background:var(--paper);width:min(1120px,100vw - 32px);max-width:none;max-height:calc(100vh - 32px);color:var(--ink);border:1px solid #22252c;border-radius:2px;margin:auto;padding:0;overflow:hidden}.coa-viewer::backdrop{background:#030304db}.coa-viewer[open]{animation:vl-up .32s var(--ease) both}.coa-viewer__inner{max-height:calc(100vh - 34px);display:grid}@media (min-width:900px){.coa-viewer__inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.coa-viewer__doc,.coa-viewer__side{min-height:0;max-height:calc(100dvh - 34px)}.coa-viewer__doc{justify-content:center;align-items:center;display:flex}.coa-viewer__doc img{object-fit:contain;width:auto;max-width:100%;max-height:calc(100dvh - 34px - 2*clamp(12px,2vw,24px))}}.coa-viewer__doc{background:#1a1d23;padding:clamp(12px,2vw,24px);overflow:auto}.coa-viewer__doc img{background:#fff;border-radius:2px;width:100%;height:auto;display:block}.coa-viewer__pdf{justify-items:start;gap:16px;padding:24px;display:grid}.coa-viewer__side{flex-direction:column;padding:clamp(20px,2.6vw,32px);display:flex;overflow:auto}@media (max-width:899px){.coa-viewer__inner{overflow:auto}.coa-viewer__doc{overflow:visible}.coa-viewer__side{order:-1;padding-bottom:12px;overflow:visible}}.coa-viewer__close{min-height:40px;color:var(--ink);font:500 .875rem var(--font-text);cursor:pointer;background:0 0;border:1px solid #3a3f49;border-radius:2px;align-self:flex-end;padding:0 12px}.coa-viewer__close:hover{border-color:var(--ink)}.coa-viewer__title{font-family:var(--font-display);text-transform:uppercase;margin:8px 0 0;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:.92}.coa-viewer__variant{margin:6px 0 0;font-size:1.0625rem}.coa-viewer__fields{border-top:1px solid var(--paper-line);margin:18px 0 0}.coa-viewer__fields>div{border-bottom:1px solid var(--paper-line);justify-content:space-between;gap:12px;padding:10px 0;font-size:.9375rem;display:flex}.coa-viewer__fields dt{color:var(--ink-muted)}.coa-viewer__fields dd{text-align:right;margin:0;font-weight:600}.coa-viewer__fields dd.vl-data,.coa-viewer__fields dd .vl-data{font-weight:400}.coa-viewer__key dd{align-items:center;gap:10px;display:flex}.coa-viewer__key dd>.vl-data{letter-spacing:.08em;font-size:1.125rem}.coa-viewer__how{color:var(--ink-muted);margin:16px 0 0;font-size:.875rem;line-height:1.55}.coa-viewer__actions{gap:10px;margin-top:22px;display:grid}.coa-viewer__actions .vl-btn{width:100%}.coa-viewer__links{gap:20px;margin-top:4px;display:flex}.coa-viewer__links a{min-height:40px;color:var(--ink-muted);text-underline-offset:.3em;align-items:center;font-size:.875rem;text-decoration:underline;display:inline-flex}.coa-viewer__links a:hover{color:var(--ink)}@media (min-width:900px) and (max-height:880px){.coa-viewer__side{padding-block:18px}.coa-viewer__title{font-size:2.25rem}.coa-viewer__fields>div{padding:7px 0}.coa-viewer__how{margin-top:12px}.coa-viewer__actions{margin-top:14px}}
