/* KAZAKOM — Formation ChatGPT 6 interactive + titres aérés */
.kz-offre .kz-tag{display:inline-flex!important;align-items:center;margin:0 0 20px!important;line-height:1.3!important}
.kz-offre h3{letter-spacing:-.005em!important;word-spacing:.08em!important;line-height:1.18!important;margin-top:0!important;margin-bottom:14px!important}
.kz-offre .kz-offre-body > p{line-height:1.55!important}

.kz-offre-gpt .kz-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:26px 0 30px!important}
.kz-offre-gpt .kzx-card{position:relative;margin:0!important;padding:18px 18px 20px!important;border:1px solid rgba(120,170,255,.16)!important;border-radius:16px!important;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(56,170,255,.16),transparent 62%),rgba(255,255,255,.025)!important;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;cursor:default}
.kz-offre-gpt .kzx-card:hover,.kz-offre-gpt .kzx-card.kzx-act{transform:translateY(-4px);border-color:rgba(56,189,248,.55)!important;box-shadow:0 16px 40px -20px rgba(56,189,248,.6)}
.kz-offre-gpt .kzx-card dt{margin-bottom:6px!important}

.kz-offre-gpt .kzx-card div{border:0!important;padding:0!important;margin-left:0!important;margin-right:0!important;background:none!important;box-shadow:none!important}
.kzx-segs{display:flex;gap:5px;margin-top:16px}
.kzx-segs i{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.08);transition:background .3s ease,box-shadow .3s ease}
.kzx-segs i.on{background:#38bdf8;box-shadow:0 0 10px rgba(56,189,248,.55)}

.kzx-seats{display:flex;gap:8px;margin-top:14px}
.kzx-seats i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.45);
  transform:scale(.4);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .3s ease}
.kzx-seats i.on{transform:scale(1);opacity:1}
.kzx-seats svg{width:16px;height:16px;fill:#38bdf8}
.kzx-count{margin:14px 0 0!important;font-size:.92rem;color:#9fb3cc;line-height:1.35}
.kzx-count b{color:#fff;font-size:1.3rem;font-weight:600;margin-inline-end:6px}

.kz-offre-gpt .kz-btn{position:relative;transition:transform .25s ease,box-shadow .25s ease!important;animation:kzxPulse 2.8s ease-in-out infinite}
.kz-offre-gpt .kz-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(56,189,248,.75)}
.kz-offre-gpt .kz-btn::after{content:"→";display:inline-block;margin-inline-start:10px;transition:transform .25s ease}
.kz-offre-gpt .kz-btn:hover::after{transform:translateX(4px)}
[dir="rtl"] .kz-offre-gpt .kz-btn::after{content:"←"}
[dir="rtl"] .kz-offre-gpt .kz-btn:hover::after{transform:translateX(-4px)}
@keyframes kzxPulse{0%,100%{box-shadow:0 0 0 0 rgba(56,189,248,.45)}50%{box-shadow:0 0 0 10px rgba(56,189,248,0)}}

.kzx-rev{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.kzx-in .kzx-rev{opacity:1;transform:none}

@media (max-width:760px){
  .kz-offre-gpt .kz-facts{grid-template-columns:1fr!important;gap:12px!important}
  .kz-offre .kz-tag{margin-bottom:16px!important}
  .kz-offre h3{font-size:clamp(1.55rem,7.4vw,2.3rem)!important;overflow-wrap:break-word;hyphens:auto}
  .kz-offre-gpt .kz-btn{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  .kzx-rev,.kzx-seats i,.kz-offre-gpt .kzx-card{transition:none!important}
  .kz-offre-gpt .kz-btn{animation:none!important}
}