.certificates-section { background: linear-gradient(135deg, #fff8ef, #fff 55%, #fff0dd); border-top: 1px solid #ffead0; border-bottom: 1px solid #ffead0; }
.certificate-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 72px) / 4); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 2px; overscroll-behavior-x: contain; padding: 6px 2px 20px; scrollbar-width: thin; scrollbar-color: #f2b15c #fff3e4; }
.certificate-track.is-short { justify-content: center; }
.certificate-card { min-width: 0; margin: 0; padding: 12px; background: #fff; border: 1px solid #f5d9b5; border-radius: 16px; box-shadow: 0 8px 20px rgba(135, 77, 0, .06); scroll-snap-align: start; }
.certificate-image-wrap { aspect-ratio: 3 / 4; display: grid; place-items: center; background: #fafafa; border-radius: 8px; overflow: hidden; }
.certificate-image-wrap img { position: static; display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
.certificate-card figcaption { padding: 14px 4px 3px; text-align: center; font-family: var(--font-head); font-size: .85rem; font-weight: 600; color: var(--heading); }
.certificate-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; }
.certificate-controls[hidden] { display: none; }
.certificate-arrow { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #f2c58f; border-radius: 50%; background: #fff; color: #b85a00; transition: background .2s; }
.certificate-arrow:hover:not(:disabled) { background: #fff0dc; }
.certificate-arrow:disabled { opacity: .35; cursor: default; }
.certificate-position { min-width: 55px; text-align: center; font-size: .8rem; font-weight: 600; color: #64748b; }
@media (max-width: 991.98px) { .certificate-track { grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; } }
@media (max-width: 767.98px) { .certificate-track { grid-auto-columns: calc((100% - 16px) / 2); gap: 16px; } }
@media (max-width: 479.98px) { .certificate-track { grid-auto-columns: 85%; gap: 14px; } .certificate-track.is-short { justify-content: start; } }