/* Certifications strip (2026-10-26). Bright, commercial, Option C Hybrid tokens. */
.sk-certs{--skc-blue:#2E6BFF;--skc-ink:#0A0A0A;--skc-muted:#5B6473;--skc-line:#E3E8F1;
  position:relative;background:linear-gradient(180deg,#F6F8FC 0%,#EEF3FF 100%);padding:80px 0 72px;color:var(--skc-ink);font-family:Heebo,sans-serif;direction:rtl;overflow:hidden}
.sk-certs::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(46,107,255,.10) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}
.sk-certs-in{position:relative;max-width:1240px;margin:0 auto;padding:0 36px}
.sk-certs-head{text-align:center;max-width:660px;margin:0 auto 40px}
.sk-certs-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--skc-blue);background:#fff;border:1px solid #D6E2FF;border-radius:999px;padding:6px 14px;margin-bottom:14px}
.sk-certs h2{font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:1.15;margin:0 0 12px;color:var(--skc-ink);letter-spacing:-.5px}
.sk-certs-head p{font-size:16px;line-height:1.75;color:var(--skc-muted);margin:0}

.sk-certs-row{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:18px}
.sk-certs-item{flex:0 1 calc((100% - 72px)/5);min-width:0;margin:0;padding:0}
.sk-certs--few .sk-certs-item{flex-basis:300px}
.sk-cert{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:1px solid var(--skc-line);border-radius:18px;padding:10px 10px 18px;text-align:center;cursor:zoom-in;font-family:inherit;color:inherit;
  box-shadow:0 1px 2px rgba(7,9,15,.04),0 6px 18px rgba(46,107,255,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sk-cert:hover{transform:translateY(-4px);border-color:#C9D8FF;box-shadow:0 18px 40px rgba(46,107,255,.16)}
.sk-cert:focus-visible{outline:3px solid var(--skc-blue);outline-offset:3px}
.sk-cert-media{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid #EEF1F6;background:#F3F5F9}
.sk-cert-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .4s ease}
.sk-cert:hover .sk-cert-media img{transform:scale(1.03)}
.sk-cert-zoom{position:absolute;bottom:8px;left:8px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--skc-blue);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(7,9,15,.15)}
.sk-cert-body{display:flex;flex-direction:column;align-items:center;padding-top:14px}
.sk-cert-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--skc-blue);background:#EEF3FF;border-radius:999px;padding:3px 10px}
.sk-cert-b{font-size:18px;font-weight:900;color:var(--skc-ink);margin-top:8px;line-height:1.25}
.sk-cert-s{font-size:14px;color:var(--skc-muted);margin-top:2px}
.sk-certs-hint{display:none}

/* Solo (one certificate on a service page): horizontal card */
.sk-certs--solo .sk-certs-item{flex:0 1 860px}
.sk-certs--solo .sk-cert{flex-direction:row;align-items:center;gap:24px;padding:14px;text-align:right}
.sk-certs--solo .sk-cert-media{flex:0 0 58%}
.sk-certs--solo .sk-cert-body{align-items:flex-start;padding:0 4px 0 0}
.sk-certs--solo .sk-cert-b{font-size:26px}
.sk-certs--solo .sk-cert-s{font-size:16px}

/* Lightbox */
.sk-cert-lb{position:fixed;inset:0;z-index:100000;background:rgba(7,9,15,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 16px 24px;direction:rtl;font-family:Heebo,sans-serif}
.sk-cert-lb[hidden]{display:none}
.sk-cert-lb img{max-width:min(1100px,100%);max-height:calc(100vh - 150px);width:auto;height:auto;border-radius:10px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sk-cert-lb-cap{color:#fff;font-size:16px;font-weight:700;text-align:center}
.sk-cert-x{position:absolute;top:16px;left:16px;width:48px;height:48px;border-radius:50%;background:#fff;color:#07090F;font-size:22px;font-weight:900;line-height:1;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sk-cert-x:focus-visible{outline:3px solid var(--skc-blue,#2E6BFF);outline-offset:3px}
html.sk-cert-lock{overflow:hidden}

@media (max-width:1100px) and (min-width:901px){
  .sk-certs--all .sk-certs-row{flex-wrap:wrap}
  .sk-certs--all .sk-certs-item{flex-basis:calc((100% - 36px)/3)}
}
@media (max-width:900px){
  .sk-certs{padding:56px 0 48px}
  .sk-certs-in{padding:0}
  .sk-certs-head{padding:0 16px;margin-bottom:24px}
  .sk-certs-head p{font-size:15px}
  .sk-certs--few .sk-certs-row,.sk-certs--all .sk-certs-row{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:6px 16px 14px;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(to left,#000 0,#000 82%,transparent 100%);mask-image:linear-gradient(to left,#000 0,#000 82%,transparent 100%)}
  .sk-certs-row::-webkit-scrollbar{display:none}
  .sk-certs--few .sk-certs-item,.sk-certs--all .sk-certs-item{flex:0 0 76%;scroll-snap-align:start}
  .sk-certs-row.is-end{-webkit-mask-image:none;mask-image:none}
  .sk-certs-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:0 16px;color:var(--skc-blue);font-size:14px;font-weight:700}
  .sk-certs-hint-a{display:inline-block;animation:skc-nudge 1.4s ease-in-out infinite}
  .sk-certs-dots{display:inline-flex;gap:5px;margin-inline-start:8px}
  .sk-certs-dots i{width:7px;height:7px;border-radius:50%;background:#C9D3E6;transition:width .2s,background .2s}
  .sk-certs-dots i.on{width:18px;border-radius:4px;background:var(--skc-blue)}
  .sk-certs--solo .sk-certs-in{padding:0 16px}
  .sk-certs--solo .sk-cert{flex-direction:column;text-align:center;gap:0;padding:10px 10px 18px}
  .sk-certs--solo .sk-cert-media{flex:none;width:100%}
  .sk-certs--solo .sk-cert-body{align-items:center;padding-top:14px}
  .sk-certs--solo .sk-cert-b{font-size:20px}
}
@keyframes skc-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
@media (prefers-reduced-motion:reduce){
  .sk-cert,.sk-cert-media img{transition:none}
  .sk-certs-hint-a{animation:none}
}
