/* =========================================================================
   certs — הסמכות, Figma 74:7170 → 74:7184. Title 40/50 (≤1124) + 1px rule,
   5 framed certificates (319×466, gold 0.9px frame, 280×421 scan with grey
   frame). Owl slider, Owl's own arrows (52px chevrons outside the track).
   Hover = Figma "Variant2": navy veil + magnifier; click opens Fancybox.
   ========================================================================= */
.certs{padding-top:50px}
.certs__title{max-width:1124px;margin:0 auto;text-align:center}
.certs__rule{margin-top:42px}
.certs__slider{margin-top:32px}

.cert{position:relative;display:block;height:466px;padding:22px 19px;background:var(--white);border:.9px solid var(--gold-dark)}
.cert__img{display:block;height:100%;border:.9px solid var(--line)}
.cert__img::after{content:"";position:absolute;inset:0;background:rgba(14,13,44,.6);opacity:0;transition:opacity .3s}
.cert__zoom{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%) scale(.8);opacity:0;z-index:2}
.cert__zoom svg{width:100%;height:100%}
.cert:hover .cert__img::after,.cert:focus-visible .cert__img::after{opacity:1}
.cert:hover .cert__zoom,.cert:focus-visible .cert__zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}

@media (max-width:1480px){.cert{height:420px;padding:18px 16px}}
@media (max-width:1100px){.certs{padding-top:var(--sec-gap)}.certs__rule{margin-top:28px}.certs__slider{margin-top:24px}.cert{height:440px}}
@media (max-width:640px){.certs__rule{margin-top:20px}.cert{height:420px}.cert__zoom{width:64px;height:64px}}