.sy-certificates { background:#f4f5f6; scroll-margin-top:145px; }
.sy-certificates-heading { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:end; gap:64px; margin-bottom:40px; }
.sy-certificates-heading .eyebrow { margin-bottom:15px; }
.sy-certificates-heading>p { max-width:460px; font-size:15px; line-height:1.85; }
.sy-certificate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sy-certificate-card { display:flex; flex-direction:column; background:#fff; border:1px solid #dce1e5; min-width:0; }
.sy-certificate-preview { display:flex; flex-direction:column; align-items:center; gap:18px; background:#e9edef; padding:26px 32px 19px; border-bottom:1px solid #dce1e5; }
.sy-certificate-preview img { width:100%; height:310px; object-fit:contain; filter:drop-shadow(0 4px 7px #15202e12); transition:transform .2s; }
.sy-certificate-preview:hover img { transform:translateY(-3px); }
.sy-certificate-preview>span { display:inline-flex; align-items:center; gap:9px; color:#44525f; font-size:10px; font-weight:600; letter-spacing:.12em; }
.sy-certificate-body { padding:27px; display:flex; flex-direction:column; flex:1; }
.sy-certificate-type { font-size:10px; letter-spacing:.095em; color:var(--red); font-weight:600; margin-bottom:12px; }
.sy-certificate-body h3 { font-size:26px; letter-spacing:-.035em; line-height:1.2; margin-bottom:12px; }
.sy-certificate-company { color:var(--ink); font-size:14px; font-weight:500; line-height:1.65; margin-bottom:15px; min-height:46px; }
.sy-certificate-scope { font-size:13px; line-height:1.85; margin-bottom:22px; }
.sy-certificate-body dl { margin:auto 0 0; padding:0; font-size:12px; }
.sy-certificate-body dl>div { border-top:1px solid #e7eaed; padding:12px 0; }
.sy-certificate-body dt { color:#6a7680; font-size:10px; letter-spacing:.025em; margin-bottom:3px; }
.sy-certificate-body dd { margin:0; color:var(--ink); font-weight:500; overflow-wrap:anywhere; }
.sy-certificate-download { display:flex; align-items:center; gap:12px; padding-top:19px; margin-top:3px; border-top:1px solid #e7eaed; color:var(--red); font-size:13px; font-weight:600; }
.sy-certificate-download small { display:block; color:#67737d; font-size:10px; font-weight:400; margin-top:3px; }
.sy-certificate-download:hover { color:#841e26; }
.sy-certificate-note { font-size:12px; line-height:1.8; max-width:920px; margin-top:25px; }
@media(max-width:1100px) { .sy-certificate-grid { gap:17px; } .sy-certificate-body { padding:21px; } .sy-certificate-preview { padding:22px 20px 18px; } .sy-certificate-preview img { height:260px; } }
@media(max-width:850px) { .sy-certificates-heading { grid-template-columns:1fr; gap:22px; } .sy-certificates-heading>p { max-width:650px; } .sy-certificate-grid { grid-template-columns:1fr; gap:24px; } .sy-certificate-card { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); } .sy-certificate-preview { border-bottom:0; border-right:1px solid #dce1e5; justify-content:center; } .sy-certificate-preview img { height:300px; } .sy-certificate-company { min-height:0; } }
@media(max-width:560px) { .sy-certificate-card { display:flex; } .sy-certificate-preview { border-right:0; border-bottom:1px solid #dce1e5; padding:24px; } .sy-certificate-preview img { height:330px; } .sy-certificate-body { padding:25px; } .sy-certificates-heading { margin-bottom:28px; } }