.coa-hero { position:relative; min-height:440px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#eaf0e9; padding:90px 24px; }
.coa-hero-copy {position:relative; z-index:1; max-width:800px; text-align:center;}
.coa-hero h1 {font-family:var(--body); font-size:clamp(2.3rem,4.3vw,4.6rem); font-weight:750; line-height:1.12; letter-spacing:-.045em; color:var(--forest-deep); margin:20px 0 24px;}
.coa-hero p {max-width:680px; margin:0 auto; font-size:clamp(1rem,1.5vw,1.35rem); line-height:1.65; color:#526256;}
.coa-hero-image {position:absolute; width:clamp(120px,15vw,240px); border-radius:38%; mix-blend-mode:multiply; opacity:.8;}
.coa-hero-left {left:-25px; top:45px; transform:rotate(-16deg);}
.coa-hero-right {right:-25px; bottom:45px; transform:rotate(16deg);}
.coa-directory {padding:64px 0 90px; background:#fff; min-height:450px;}
.coa-search {display:flex; align-items:center; gap:12px; max-width:620px; margin:0 auto 44px; padding:13px 17px; border:1px solid #dce2da; border-radius:8px; box-shadow:0 2px 5px #102c2010; color:#647065;}
.coa-search:focus-within {outline:2px solid var(--gold); outline-offset:3px;}
.coa-search input {border:0; outline:0; background:transparent; width:100%; min-width:0; font:inherit; font-size:16px; color:var(--forest);}
.coa-cards {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px;}
.coa-card {border:1px solid #e0e5dc; border-radius:22px; padding:28px; min-width:0; display:flex; flex-direction:column; gap:28px; background:#fff;}
.coa-card-head {display:flex; gap:16px; align-items:center;}
.coa-card img {width:64px; height:64px; object-fit:cover; border-radius:14px; flex:none;}
.coa-card h2 {font-family:var(--body); font-size:1.18rem; font-weight:700; line-height:1.3; letter-spacing:-.025em; color:var(--forest-deep);}
.coa-card-dose {font-size:14px; color:#657164; margin-bottom:4px;}
.coa-card-lot {font-size:14px; color:#657164; margin-top:6px;}
.coa-card-actions {display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; font-size:14px;}
.coa-card-actions a {color:var(--forest); text-decoration:none;}
.coa-card-actions a:hover {text-decoration:underline;}
.coa-card-actions {flex-wrap:wrap;}
.coa-card-actions .coa-pdf-button {display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;padding:0.6rem 0.9rem;border:1px solid rgba(200,169,107,.45);border-radius:999px;background:var(--gold-soft);color:var(--forest);font-weight:700;line-height:1.35;text-align:center;text-decoration:none;transition:background .2s ease,border-color .2s ease;}
.coa-card-actions .coa-pdf-button:hover {background:var(--gold);border-color:rgba(200,169,107,.7);text-decoration:none;}
.coa-card-actions .coa-pdf-button:focus-visible {outline:2px solid #0F2A20;outline-offset:3px;}
.coa-unavailable {color:#72776d; text-align:right; font-size:13px;}
.coa-status {text-align:center; color:#657164; margin-bottom:24px;}
.coa-status:empty {display:none;}
@media(max-width:1000px) {.coa-hero-image {opacity:.25;} .coa-hero-copy {max-width:650px;} .coa-cards {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px) {.coa-hero {min-height:330px;padding:64px 22px;} .coa-hero-image {width:120px;opacity:.15;} .coa-directory {padding:36px 0 60px;} .coa-cards {grid-template-columns:1fr;gap:16px;} .coa-card {padding:24px;} .coa-search {margin-bottom:28px;} }