.apx-coa-grid{
  --ct:#E6F2F1;--teal:#0E7C7B;--teal2:#13A39E;--teald:#0A5C5B;
  --ink:#14201E;--ink2:#5A6868;--ink3:#677575;--line:#e4eceb;--line2:#eef3f2;--paper:#fff;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;
  margin:28px 0;padding:0;list-style:none;
}
.apx-coa-card{
  margin:0;display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 1px 2px rgba(20,32,30,.04),0 8px 24px rgba(20,32,30,.05);
}
.apx-coa-thumb{
  display:block;width:100%;padding:0;border:0;cursor:zoom-in;
  background:var(--ct);position:relative;line-height:0;
}
.apx-coa-thumb img{width:100%;height:230px;object-fit:cover;object-position:top center;display:block}
.apx-coa-tag{
  position:absolute;top:10px;right:10px;background:var(--teald);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:4px 9px;border-radius:999px;line-height:1.4;
}
.apx-coa-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}
.apx-coa-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.apx-coa-name{font-size:18px;font-weight:700;color:var(--ink);line-height:1.2}
.apx-coa-strength{
  font-size:12px;font-weight:600;color:var(--teald);background:var(--ct);
  padding:3px 9px;border-radius:999px;
}
.apx-coa-purity{
  margin-left:auto;font-size:14px;font-weight:800;color:#fff;background:var(--teal);
  padding:4px 11px;border-radius:999px;letter-spacing:.01em;
}
.apx-coa-facts{margin:0;padding:0}
.apx-coa-facts>div{
  display:flex;justify-content:space-between;gap:14px;
  padding:7px 0;border-bottom:1px solid var(--line2);
}
.apx-coa-facts>div:last-child{border-bottom:0}
.apx-coa-facts dt{margin:0;color:var(--ink3);font-size:13px}
.apx-coa-facts dd{margin:0;color:var(--ink);font-size:13px;font-weight:600;text-align:right}
.apx-coa-plain{
  margin:0;color:var(--ink);font-size:14px;line-height:1.5;
  background:var(--ct);border-left:3px solid var(--teal2);
  padding:11px 13px;border-radius:0 10px 10px 0;
}
.apx-coa-note{margin:0;color:var(--ink3);font-size:11.5px;line-height:1.45}
.apx-coa-link{
  align-self:flex-start;margin-top:2px;font-size:14px;font-weight:700;
  color:var(--teal);text-decoration:none;border:1.5px solid var(--teal);
  padding:8px 16px;border-radius:999px;transition:background .15s,color .15s;
}
.apx-coa-link:hover,.apx-coa-link:focus{background:var(--teal);color:#fff}
.apx-coa-lb{
  position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;padding:24px;
  background:rgba(10,32,30,.86);backdrop-filter:blur(2px);
}
.apx-coa-lb[hidden]{display:none}
.apx-coa-lb img{max-width:min(720px,94vw);max-height:84vh;object-fit:contain;border-radius:8px;box-shadow:0 12px 48px rgba(0,0,0,.5)}
.apx-coa-lb-cap{color:#eaf3f2;font-size:14px;font-weight:600}
.apx-coa-lb-x{
  position:absolute;top:16px;right:18px;
  width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;
  box-sizing:border-box;padding:0;margin:0;border:0;border-radius:50%;aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;
  -webkit-appearance:none;appearance:none;
  background:rgba(255,255,255,.16);color:#fff;font-size:20px;font-weight:700;line-height:1;cursor:pointer;
}
.apx-coa-lb-x:hover,.apx-coa-lb-x:focus{background:rgba(255,255,255,.30)}
@media(max-width:480px){
  .apx-coa-grid{grid-template-columns:1fr;gap:16px}
  .apx-coa-thumb img{height:200px}
}