.elementor-205 .elementor-element.elementor-element-d093a83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-d2a07ee *//* ============================================================
   COA LIBRARY  ( /coa-library/ )
   ============================================================ */

.pp-coa{
  --pp-navy:  var(--pp-color-navy,  #03285C);
  --pp-white: var(--pp-color-white, #FDFDFE);
  --pp-gold:  var(--pp-color-gold,  #D5B067);
  --pp-cream: #FBF8F1;
  --pp-line:  #ECE6DA;
  --pp-muted: #7A8598;
  background: var(--pp-white);
  padding: 72px 0 96px;
}

.pp-coa .pp-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 var(--pp-gutter, 24px);
}

/* ---- header ---- */
.pp-coa__crumb{
  display:flex; justify-content:center; align-items:center; gap:8px;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--pp-muted); margin-bottom:28px;
}
.pp-coa__crumb a{ color:var(--pp-muted); text-decoration:none; }
.pp-coa__crumb a:hover{ color:var(--pp-navy); }
.pp-coa__crumb span{ color:#C9CFD8; }

.pp-coa__eyebrow{
  display:block; text-align:center;
  font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  color:var(--pp-gold); margin-bottom:14px;
}

.pp-coa__title{
  text-align:center; margin:0 0 18px;
  font-size:clamp(38px, 6vw, 62px); line-height:1.05;
  font-weight:500; letter-spacing:-.01em; color:var(--pp-gold);
}

.pp-coa__sub{
  max-width:620px; margin:0 auto; text-align:center;
  font-size:15px; line-height:1.75; color:var(--pp-muted);
}

.pp-coa__rule{
  display:block; width:56px; height:2px; margin:32px auto 0;
  background:var(--pp-gold); opacity:.6;
}

/* ---- search bar ---- */
.pp-coa__bar{
  display:flex; align-items:center; justify-content:center;
  gap:24px; flex-wrap:wrap; margin:44px 0 40px;
}
.pp-coa__search{
  position:relative; display:flex; align-items:center;
  width:100%; max-width:380px;
  border:1px solid var(--pp-line); border-radius:999px;
  background:var(--pp-white); padding:0 18px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.pp-coa__search:focus-within{
  border-color:var(--pp-gold);
  box-shadow:0 0 0 3px rgba(213,176,103,.15);
}
.pp-coa__search svg{ width:16px; height:16px; color:var(--pp-muted); flex:none; }
.pp-coa__search input{
  flex:1; border:0; outline:0; background:transparent;
  padding:13px 10px; font-size:14px; color:var(--pp-navy);
}
.pp-coa__search input::placeholder{ color:#A8B0BC; }
.pp-coa__search input::-webkit-search-cancel-button{ cursor:pointer; }

.pp-coa__count{
  margin:0; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--pp-muted); white-space:nowrap;
}

/* ---- grid ---- */
.pp-coa__grid{
  display:grid; gap:20px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}
@media (max-width:1024px){ .pp-coa__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:640px){  .pp-coa__grid{ grid-template-columns:1fr; gap:16px; } }

/* ---- card ---- */
.pp-coa__card{
  display:flex; flex-direction:column;
  border:1px solid var(--pp-line); border-radius:12px;
  background:var(--pp-cream);
  padding:22px 22px 18px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.pp-coa__card.is-verified{ background:var(--pp-cream); }
.pp-coa__card.is-pending{ background:var(--pp-white); }
.pp-coa__card:hover{
  transform:translateY(-3px);
  border-color:var(--pp-gold);
  box-shadow:0 12px 28px rgba(3,40,92,.07);
}
.pp-coa__card[hidden]{ display:none; }

.pp-coa__head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.pp-coa__purity{
  font-size:26px; font-weight:600; line-height:1;
  color:var(--pp-gold); letter-spacing:-.01em;
}
.is-pending .pp-coa__purity{ font-size:20px; color:var(--pp-muted); font-weight:500; }

.pp-coa__badge{
  font-size:9px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  padding:5px 10px; border-radius:999px;
  color:var(--pp-muted); background:#F2F3F5; border:1px solid var(--pp-line);
}
.pp-coa__badge.is-ok{
  color:#2F7A4F; background:#EDF7F1; border-color:#CFE7DA;
}

.pp-coa__label{
  display:block; margin:14px 0 8px;
  font-size:9px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:#A8B0BC;
}

.pp-coa__name{
  margin:0 0 6px; font-size:17px; font-weight:600;
  color:var(--pp-navy); letter-spacing:-.01em;
}
.pp-coa__desc{
  margin:0 0 16px; font-size:12.5px; line-height:1.6; color:var(--pp-muted);
}

.pp-coa__tags{
  list-style:none; margin:0 0 20px; padding:0;
  display:flex; flex-wrap:wrap; gap:6px;
}
.pp-coa__tags li{
  font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  padding:4px 9px; border-radius:999px;
  color:#A8B0BC; background:transparent; border:1px dashed var(--pp-line);
}
.pp-coa__tags li.is-ok{
  color:var(--pp-gold); border:1px solid rgba(213,176,103,.45);
  background:rgba(213,176,103,.08);
}

.pp-coa__foot{
  margin-top:auto; padding-top:14px; border-top:1px solid var(--pp-line);
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.pp-coa__meta{ font-size:10.5px; color:#A8B0BC; letter-spacing:.02em; }
.pp-coa__soon{
  font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:#C0C6D0;
}
.pp-coa__link{
  font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--pp-gold); text-decoration:none; white-space:nowrap;
}
.pp-coa__link:hover{ color:var(--pp-navy); }

/* ---- empty state ---- */
.pp-coa__empty{
  margin:40px 0 0; text-align:center; font-size:14px; color:var(--pp-muted);
}
.pp-coa__empty[hidden]{ display:none; }

/* ---- disclaimer ---- */
.pp-coa__note{
  margin:56px auto 0; max-width:820px;
  border:1px solid var(--pp-line); border-radius:10px;
  background:var(--pp-cream);
  padding:20px 24px;
  font-size:12.5px; line-height:1.8; color:var(--pp-muted);
}
.pp-coa__note strong{ color:var(--pp-navy); font-weight:600; }

@media (max-width:640px){
  .pp-coa{ padding:48px 0 64px; }
  .pp-coa__bar{ gap:14px; margin:32px 0 28px; }
}/* End custom CSS */