@import url("_cg.css");
/* /certifications/ (design-v2-076), private-label style. Prefix crt-. Locked tokens only, no glows or gradients.
   Certificates are TEXT plates only (no official ISO/CE/amfori/Sedex logos). */
.crt-lead{margin:16px 0 24px;font-size:18px;line-height:1.5;color:var(--text-2);max-width:40ch}
.cg-dark .crt-lead{color:var(--on-ink-2)}

/* 1 plates */
.crt-list{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.crt-list__ph{margin:8px 0 0;border-radius:22px;overflow:hidden;aspect-ratio:16/10}
.crt-list__ph img{display:block;width:100%;height:100%;object-fit:cover}
.crt-plates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.crt-plate{padding:24px 22px;border-radius:20px;background:var(--ivory);color:var(--ink);border:3px solid var(--ivory);box-shadow:inset 0 0 0 2px var(--ink)}
.crt-plate small{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tang-d)}
.crt-plate b{display:block;margin:10px 0 12px;font:800 clamp(34px,3.6vw,48px)/.95 var(--display);text-transform:uppercase;letter-spacing:.01em}
.crt-plate p{margin:0;font-size:16px;line-height:1.45;color:var(--text-2)}
.crt-plate:nth-child(1),.crt-plate:nth-child(4){background:var(--tang);border-color:var(--tang);box-shadow:inset 0 0 0 2px #fff;color:#fff}
.crt-plate:nth-child(1) small,.crt-plate:nth-child(4) small{color:var(--ivory-2)}
.crt-plate:nth-child(1) p,.crt-plate:nth-child(4) p{color:var(--ivory)}

/* 2 means: three photo tiles with a tag */
.crt-means{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.crt-mean__ph{position:relative;margin-bottom:14px;border-radius:18px;overflow:hidden}
.crt-mean__ph img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover}
.crt-mean__ph span{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:var(--ink);color:#fff;font:800 16px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.crt-mean h3{margin:0 0 4px;font:800 26px/1 var(--display);text-transform:uppercase;color:var(--ink)}
.crt-mean p{margin:0;font-size:16px;line-height:1.45;color:var(--text-2)}

/* 3 copy steps (orange band) */
.crt-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
.crt-copy__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.crt-pill--light{background:#fff;color:var(--ink)}
.crt-pill--light:hover{background:var(--ink);color:#fff}
.crt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s}
.crt-steps li{position:relative;padding:22px 20px 24px;border-radius:20px;background:#fff;color:var(--ink)}
.crt-steps b{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:50%;background:var(--ink);color:#fff;font:800 22px/1 var(--display)}
.crt-steps h3{margin:0 0 6px;font:800 26px/1 var(--display);text-transform:uppercase}
.crt-steps p{margin:0;font-size:16px;line-height:1.45;color:var(--text-2)}

@media (max-width:960px){
  .crt-list,.crt-copy{grid-template-columns:1fr}
  .crt-means{grid-template-columns:1fr}
  .crt-mean{display:grid;grid-template-columns:200px 1fr;column-gap:18px;align-items:center}
  .crt-mean__ph{grid-row:span 2;margin:0}
  .crt-mean h3{align-self:end}
  .crt-mean p{align-self:start}
}
@media (max-width:640px){
  .crt-plates{gap:10px}
  .crt-plate{padding:16px 14px}
  .crt-plate b{font-size:28px;margin:8px 0}
  .crt-plate p{font-size:14.5px}
  .crt-mean{grid-template-columns:120px 1fr;column-gap:14px}
  .crt-mean__ph span{font-size:12px;padding:4px 8px;left:6px;top:6px}
  .crt-mean h3{font-size:21px}
  .crt-mean p{font-size:15px}
  .crt-steps{grid-template-columns:1fr}
  .crt-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:16px}
  .crt-steps b{grid-row:span 2;margin:0}
}