/* AL-TAJ CMS V6.9 — Premium Certificate Showcase
   Homepage-only, theme-aware, responsive, no external library. */
.v69-cert-showcase{
    position:relative;overflow:hidden;isolation:isolate;
    background:
      radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 28%),
      radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 30%),
      linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg));
}
.dark .v69-cert-showcase{
    background:
      radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 28%),
      radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 30%),
      linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 72%,#080b11),var(--dark-bg));
}
.v69-cert-showcase:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--primary) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 10%,transparent) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 82%,transparent)}
.v69-cert-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.v69-cert-ambient i{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);border-radius:999px;opacity:.5;animation:v69Orbit 18s linear infinite}
.v69-cert-ambient i:nth-child(1){width:460px;height:460px;inset-inline-start:-230px;top:20%}
.v69-cert-ambient i:nth-child(2){width:680px;height:680px;inset-inline-end:-360px;bottom:-350px;animation-duration:26s;animation-direction:reverse}
.v69-cert-ambient i:nth-child(3){width:110px;height:110px;inset-inline-end:14%;top:14%;border-width:8px;filter:blur(10px);opacity:.12;animation-duration:13s}
@keyframes v69Orbit{to{transform:rotate(360deg)}}

.v69-cert-shell{position:relative}
.v69-cert-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:clamp(28px,4vw,54px)}
.v69-cert-heading{max-width:760px}
.v69-cert-heading .v4-lead{max-width:700px;margin-top:12px}
.v69-cert-head-actions{display:flex;align-items:center;gap:14px}
.v69-cert-counter{direction:ltr;display:flex;align-items:baseline;gap:6px;min-width:92px;justify-content:center;padding:13px 16px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
.dark .v69-cert-counter{background:color-mix(in srgb,var(--dark-surface) 72%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,var(--dark-border))}
.v69-cert-counter strong{font:900 1.35rem/1 var(--font-heading);color:var(--primary)}
.v69-cert-counter span{font-size:.72rem;color:var(--muted)}
.dark .v69-cert-counter span{color:var(--dark-muted)}

.v69-cert-slider{position:relative;outline:none;perspective:1500px;touch-action:pan-y;user-select:none}
.v69-cert-slider:focus-visible{outline:2px solid var(--primary);outline-offset:8px;border-radius:var(--radius)}
.v69-cert-stage{position:relative;min-height:clamp(460px,52vw,650px);display:grid;place-items:center;transform-style:preserve-3d}
.v69-cert-slide{position:absolute;inset:auto;width:min(430px,38vw);max-width:430px;transform-origin:center;transition:transform 820ms cubic-bezier(.2,.78,.18,1),opacity 620ms ease,filter 620ms ease;opacity:0;filter:blur(8px) saturate(.65);pointer-events:none;z-index:0;will-change:transform,opacity}
.v69-cert-slide.is-active{transform:translate3d(0,0,80px) rotateY(0deg) scale(1);opacity:1;filter:none;pointer-events:auto;z-index:5}
.v69-cert-slide.is-prev{transform:translate3d(-72%,18px,-100px) rotateY(18deg) scale(.82);opacity:.42;filter:blur(1px) saturate(.75);pointer-events:auto;z-index:2}
[dir="rtl"] .v69-cert-slide.is-prev{transform:translate3d(72%,18px,-100px) rotateY(-18deg) scale(.82)}
.v69-cert-slide.is-next{transform:translate3d(72%,18px,-100px) rotateY(-18deg) scale(.82);opacity:.42;filter:blur(1px) saturate(.75);pointer-events:auto;z-index:2}
[dir="rtl"] .v69-cert-slide.is-next{transform:translate3d(-72%,18px,-100px) rotateY(18deg) scale(.82)}
.v69-cert-slide.is-far{transform:translate3d(0,44px,-280px) scale(.68);opacity:0;visibility:hidden}

.v69-cert-card{position:relative;padding:12px;border-radius:calc(var(--radius) + 12px);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 82%,white),color-mix(in srgb,var(--surface) 94%,transparent));border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));box-shadow:0 34px 90px rgba(9,12,20,.18),inset 0 1px 0 rgba(255,255,255,.55);transition:box-shadow .45s ease,transform .45s ease}
.dark .v69-cert-card{background:linear-gradient(145deg,color-mix(in srgb,var(--dark-surface) 88%,#171b24),color-mix(in srgb,var(--dark-bg) 88%,#11151d));border-color:color-mix(in srgb,var(--primary) 30%,var(--dark-border));box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07)}
.is-active .v69-cert-card{box-shadow:0 42px 120px color-mix(in srgb,var(--primary) 15%,rgba(0,0,0,.34)),0 18px 46px rgba(0,0,0,.18)}
.v69-cert-frame{position:relative;isolation:isolate;border-radius:calc(var(--image-radius) + 2px);padding:9px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 22%,transparent) 24%,transparent 48%,color-mix(in srgb,var(--primary) 18%,transparent) 72%,var(--primary));overflow:hidden}
.v69-cert-frame:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:var(--surface);z-index:-1}
.dark .v69-cert-frame:before{background:var(--dark-surface)}
.v69-cert-image-button{display:block;position:relative;width:100%;aspect-ratio:3/4;border:0;padding:0;overflow:hidden;border-radius:var(--image-radius);background:#f5f2ea;cursor:zoom-in}
.v69-cert-image-button img{width:100%;height:100%;object-fit:contain;background:#f7f4ed;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s ease;transform:scale(.985)}
.is-active .v69-cert-image-button:hover img{transform:scale(1.035);filter:contrast(1.02) saturate(1.03)}
.v69-cert-sheen{position:absolute;inset:-50% -90%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.45) 49%,rgba(255,255,255,.12) 54%,transparent 64%);transform:translateX(-42%) rotate(8deg);transition:transform 1.05s cubic-bezier(.2,.8,.2,1);pointer-events:none;mix-blend-mode:screen}
.is-active .v69-cert-image-button:hover .v69-cert-sheen{transform:translateX(42%) rotate(8deg)}
.v69-cert-zoom{position:absolute;inset-inline-end:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(10,12,16,.82);color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:800;backdrop-filter:blur(10px);transform:translateY(8px);opacity:0;transition:.35s ease}
.is-active .v69-cert-image-button:hover .v69-cert-zoom{transform:none;opacity:1}
.v69-cert-glow{position:absolute;inset:20% 10% -10%;background:radial-gradient(circle,var(--primary),transparent 60%);filter:blur(45px);opacity:.13;z-index:-1;pointer-events:none}
.v69-cert-corner{position:absolute;width:34px;height:34px;z-index:3;pointer-events:none}
.v69-cert-corner-a{inset-inline-start:3px;top:3px;border-inline-start:3px solid var(--primary);border-top:3px solid var(--primary);border-start-start-radius:12px}
.v69-cert-corner-b{inset-inline-end:3px;bottom:3px;border-inline-end:3px solid var(--primary);border-bottom:3px solid var(--primary);border-end-end-radius:12px}
.v69-cert-meta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:15px 7px 5px}
.v69-cert-index{direction:ltr;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--primary);color:var(--button-text);font:900 .82rem/1 var(--font-heading);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 28%,transparent)}
.v69-cert-meta small{display:block;color:var(--primary);font-weight:800;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v69-cert-meta h3{margin:0;font-family:var(--font-heading);font-size:clamp(1rem,1.6vw,1.26rem);line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dark .v69-cert-meta h3{color:var(--dark-text)}

.v69-cert-controls{position:relative;z-index:7;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}
.v69-cert-nav,.v69-cert-pause{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);cursor:pointer;transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease;backdrop-filter:blur(14px);font-weight:900}
.dark .v69-cert-nav,.dark .v69-cert-pause{background:color-mix(in srgb,var(--dark-surface) 82%,transparent);color:var(--dark-text);border-color:color-mix(in srgb,var(--primary) 28%,var(--dark-border))}
.v69-cert-nav:hover,.v69-cert-pause:hover{transform:translateY(-3px);background:var(--primary);color:var(--button-text);border-color:var(--primary)}
[dir="rtl"] .v69-cert-nav{transform:scaleX(-1)}
[dir="rtl"] .v69-cert-nav:hover{transform:scaleX(-1) translateY(-3px)}
.v69-cert-dots{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 65%,transparent);border:1px solid var(--border);backdrop-filter:blur(12px)}
.dark .v69-cert-dots{background:color-mix(in srgb,var(--dark-surface) 70%,transparent);border-color:var(--dark-border)}
.v69-cert-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--text) 22%,transparent);cursor:pointer;transition:width .35s ease,background .35s ease,box-shadow .35s ease}
.dark .v69-cert-dot{background:color-mix(in srgb,var(--dark-text) 25%,transparent)}
.v69-cert-dot.is-active{width:30px;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)}
.v69-cert-progress{width:min(420px,70%);height:2px;margin:18px auto 0;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden;border-radius:999px}
.dark .v69-cert-progress{background:color-mix(in srgb,var(--dark-text) 12%,transparent)}
.v69-cert-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 44%,white));box-shadow:0 0 12px var(--primary)}
.v69-cert-slider.is-autoplaying .v69-cert-progress span{animation:v69Progress var(--v69-delay,5200ms) linear forwards}
@keyframes v69Progress{from{width:0}to{width:100%}}
.v69-cert-hint{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;color:var(--muted);font-size:.76rem;font-weight:600;opacity:.78}
.dark .v69-cert-hint{color:var(--dark-muted)}
.v69-cert-hint span{width:24px;height:1px;background:var(--primary);position:relative}.v69-cert-hint span:after{content:"";position:absolute;inset-inline-end:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--primary)}

@media (max-width:900px){
  .v69-cert-head{grid-template-columns:1fr;align-items:start}.v69-cert-head-actions{justify-content:space-between}.v69-cert-stage{min-height:540px}.v69-cert-slide{width:min(390px,58vw)}
  .v69-cert-slide.is-prev{transform:translate3d(-66%,22px,-120px) rotateY(14deg) scale(.78)}[dir="rtl"] .v69-cert-slide.is-prev{transform:translate3d(66%,22px,-120px) rotateY(-14deg) scale(.78)}
  .v69-cert-slide.is-next{transform:translate3d(66%,22px,-120px) rotateY(-14deg) scale(.78)}[dir="rtl"] .v69-cert-slide.is-next{transform:translate3d(-66%,22px,-120px) rotateY(14deg) scale(.78)}
}
@media (max-width:620px){
  .v69-cert-showcase{padding-block:var(--section-space-mobile)}
  .v69-cert-head{gap:18px;margin-bottom:20px}.v69-cert-head-actions{align-items:center}.v69-cert-all{min-height:44px;padding-inline:14px;font-size:.82rem}.v69-cert-counter{min-width:78px;padding:10px 12px}
  .v69-cert-stage{min-height:475px;overflow:hidden;margin-inline:calc(var(--container-padding-mobile) * -1)}.v69-cert-slide{width:min(326px,82vw)}
  .v69-cert-slide.is-prev{transform:translate3d(-88%,18px,-120px) scale(.74);opacity:.16}[dir="rtl"] .v69-cert-slide.is-prev{transform:translate3d(88%,18px,-120px) scale(.74)}
  .v69-cert-slide.is-next{transform:translate3d(88%,18px,-120px) scale(.74);opacity:.16}[dir="rtl"] .v69-cert-slide.is-next{transform:translate3d(-88%,18px,-120px) scale(.74)}
  .v69-cert-card{padding:8px;border-radius:22px}.v69-cert-frame{padding:7px}.v69-cert-meta{padding-top:10px;gap:10px}.v69-cert-index{width:40px;height:40px;border-radius:12px}.v69-cert-meta h3{font-size:.98rem}
  .v69-cert-nav,.v69-cert-pause{width:42px;height:42px}.v69-cert-dots{gap:6px;padding:7px 9px}.v69-cert-hint{font-size:.68rem}
}
@media (prefers-reduced-motion:reduce){
 .v69-cert-ambient i,.v69-cert-slider.is-autoplaying .v69-cert-progress span{animation:none!important}.v69-cert-slide,.v69-cert-image-button img,.v69-cert-sheen,.v69-cert-zoom{transition-duration:.01ms!important}
}
.theme-motion-off .v69-cert-ambient i,.theme-motion-off .v69-cert-slider.is-autoplaying .v69-cert-progress span{animation:none!important}
.theme-motion-off .v69-cert-slide{transition:none!important}