.cliproom-section{padding:52px 0;background:linear-gradient(145deg,#eef8ff 0%,#fff 56%,#eef5ff 100%);overflow:hidden}

.cliproom-admin-actions{display:flex;align-items:center;justify-content:center;margin:0 0 18px}
.cliproom-admin-course-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:1px solid #fecaca;border-radius:13px;background:#dc2626;color:#fff;text-decoration:none;font:700 15px Kanit,sans-serif;box-shadow:0 8px 20px rgba(220,38,38,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.cliproom-admin-course-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(220,38,38,.28);filter:brightness(.98)}
.cliproom-admin-course-button i{font-size:15px}
.cliproom-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.cliproom-title-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cliproom-title-copy{min-width:0}
.cliproom-heading h2{margin:7px 0 4px;color:#123b69;font-size:clamp(26px,3vw,38px)}
.cliproom-certificate-image{display:block;width:clamp(150px,18vw,230px);height:auto;max-height:105px;object-fit:contain;flex:0 0 auto}
.cliproom-heading p{margin:0;color:#60788b}.cliproom-open-all{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 18px;border-radius:13px;background:#0b73ce;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px #0b73ce30}
.cliproom-slider{position:relative;padding:0 48px 34px}.cliproom-viewport{overflow:hidden;border-radius:20px}.cliproom-track{display:flex;gap:18px;transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform;min-height:260px}
.cliproom-card{flex:0 0 calc((100% - 36px)/3);background:#fff;border:1px solid #dce9f3;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #123b6914;cursor:pointer;transition:transform .2s,box-shadow .2s}.cliproom-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #123b6924}
.cliproom-cover{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#123b69,#2fb7e9);overflow:hidden}.cliproom-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.cliproom-card:hover img{transform:scale(1.04)}
.cliproom-play{position:absolute;left:50%;top:50%;width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffed;color:#0b73ce;font-size:23px;box-shadow:0 8px 25px #07182855;padding-left:3px}.cliproom-body{padding:17px 18px 20px}.cliproom-body h3{margin:0 0 7px;color:#123b69;font-size:18px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cliproom-body p{margin:0;color:#60788b;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cliproom-start{width:100%;margin-top:15px;border:0;border-radius:11px;padding:10px 14px;background:linear-gradient(135deg,#0b73ce,#2fb7e9);color:#fff;font:700 15px Kanit,sans-serif;cursor:pointer}.cliproom-start:hover{filter:brightness(.96)}
.cliproom-arrow{position:absolute;top:42%;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#0b73ce;font-size:28px;box-shadow:0 5px 18px #123b6928;cursor:pointer}.cliproom-arrow:disabled{opacity:.32;cursor:default}.cliproom-prev{left:0}.cliproom-next{right:0}
.cliproom-dots{position:absolute;left:0;right:0;bottom:3px;display:flex;justify-content:center;gap:8px}.cliproom-dot{width:9px;height:9px;padding:0;border:0;border-radius:20px;background:#b9cedf;cursor:pointer;transition:.2s}.cliproom-dot.active{width:27px;background:#0b73ce}
.cliproom-loading{flex:1;min-height:245px;display:flex;align-items:center;justify-content:center;gap:11px;color:#60788b;background:#fff;border:1px dashed #c8dbe9;border-radius:18px}.cliproom-spinner{width:22px;height:22px;border:3px solid #cfe3f3;border-top-color:#0b73ce;border-radius:50%;animation:cliproomSpin .75s linear infinite}@keyframes cliproomSpin{to{transform:rotate(360deg)}}.cliproom-error{display:block;text-align:center;padding:70px 20px}.cliproom-error a{display:inline-block;margin-top:13px;color:#0b73ce;font-weight:700}
@media(max-width:900px){.cliproom-card{flex-basis:calc((100% - 18px)/2)}}@media(max-width:620px){.cliproom-section{padding:38px 0}.cliproom-admin-actions{margin-bottom:14px}.cliproom-admin-course-button{width:100%}.cliproom-heading{align-items:flex-start;flex-direction:column}.cliproom-title-row{gap:10px}.cliproom-certificate-image{width:145px;max-height:78px}.cliproom-open-all{width:100%}.cliproom-slider{padding:0 0 37px}.cliproom-card{flex-basis:100%}.cliproom-arrow{top:auto;bottom:0;width:36px;height:36px}.cliproom-prev{left:8px}.cliproom-next{right:8px}}