/* "Kelas Reguler" block — shared by the Training Center and BHC Professional pages. */
.rk{--rk-o:#fb531a;--rk-o2:#ff7a33;--rk-ink:#f5f2ee;--rk-muted:#aca69f;--rk-line:rgba(255,122,51,.2);margin:0 0 40px;padding:24px;border:1px solid var(--rk-line);border-radius:22px;background:radial-gradient(120% 90% at 0% 0%,rgba(251,83,26,.14),transparent 60%),#121214;color:var(--rk-ink)}
.rk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.rk-eyebrow{display:inline-block;font:800 11px/1 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--rk-o2);margin-bottom:8px}
.rk-head h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px);color:var(--rk-ink)}
.rk-head p{margin:0;color:var(--rk-muted);max-width:620px;font-size:14.5px;line-height:1.55}
.rk-all{flex:none;font-weight:800;font-size:14px;color:var(--rk-o2);text-decoration:none;white-space:nowrap}
.rk-all:hover{color:#ffa36b}
.rk-body{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start}
.rk-show{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#1c1c1f;box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}
.rk-slide{position:absolute;inset:0;background:#1c1c1f center/cover no-repeat;opacity:0;transition:opacity 1.2s ease,transform 6s ease;transform:scale(1.04);display:flex;align-items:flex-end;padding:18px;color:#fff;font-weight:800;text-decoration:none}
.rk-slide.on{opacity:1;transform:scale(1);z-index:1}
.rk-dots{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;justify-content:center;gap:7px}
.rk-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .4s,background .4s}
.rk-dots button.on{width:24px;background:var(--rk-o)}
.rk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rk-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.03);transition:border-color .4s,background .4s}
.rk-item.on{border-color:var(--rk-line);background:rgba(251,83,26,.08)}
.rk-thumb{flex:none;width:58px;height:72px;border-radius:10px;background:#1c1c1f center/cover no-repeat}
.rk-info{flex:1;min-width:0}
.rk-info h3{margin:0 0 4px;font-size:15.5px;line-height:1.3}
.rk-info h3 a{color:var(--rk-ink);text-decoration:none}
.rk-info h3 a:hover{color:var(--rk-o2)}
.rk-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:14px}
.rk-price s{color:var(--rk-muted);font-size:12.5px}
.rk-price b{color:var(--rk-o2);font-weight:800}
.rk-off{font:800 11px/1 'Plus Jakarta Sans',system-ui,sans-serif;color:#fff;background:var(--rk-o);padding:4px 7px;border-radius:99px}
.rk-btn{flex:none;padding:9px 16px;border-radius:99px;background:linear-gradient(135deg,var(--rk-o),var(--rk-o2));color:#fff;font-weight:800;font-size:13px;text-decoration:none}
.rk-btn:hover{color:#fff;filter:brightness(1.08)}
.rk-more{display:block;margin-top:18px;text-align:center;font-weight:800;color:var(--rk-o2);text-decoration:none}
.rk-more:hover{color:#ffa36b}
.rk+.rk{margin-top:-16px}
.rk-unggulan{border-color:rgba(255,122,51,.55);background:radial-gradient(120% 90% at 0% 0%,rgba(251,83,26,.28),transparent 65%),#151012;box-shadow:0 24px 60px -36px rgba(251,83,26,.6)}
.rk-unggulan .rk-eyebrow{color:#ffb070}
.rk-private{background:radial-gradient(120% 90% at 100% 0%,rgba(190,150,255,.12),transparent 60%),#121214}
.rk-fields{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 18px}
.rk-fields a{padding:6px 13px;border-radius:99px;border:1px solid rgba(255,255,255,.14);color:var(--rk-ink);font-size:12.5px;font-weight:700;text-decoration:none}
.rk-fields a.on,.rk-fields a:hover{background:var(--rk-o);border-color:var(--rk-o);color:#fff}
@media (max-width:820px){
  .rk+.rk{margin-top:-20px}
  .rk{padding:18px;border-radius:18px}
  .rk-head{flex-direction:column;align-items:flex-start}
  .rk-head .rk-all{display:none}
  .rk-body{grid-template-columns:1fr}
  .rk-show{max-width:420px;width:100%;margin:0 auto}
  .rk-thumb{width:48px;height:60px}
  .rk-btn{padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){.rk-slide{transition:opacity .3s;transform:none}}
.sec-sub{font-size:clamp(20px,2.4vw,26px);margin:0 0 18px}