/* CertOcean course card header on the homepage, matches /all-courses v2 (2026-10-15) */
.co-ca{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:112px;padding:12px 14px 14px;overflow:hidden;color:#fff;text-align:left;line-height:1.2;border-radius:15px 15px 0 0;background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 50%),linear-gradient(135deg,var(--c1),var(--c2));perspective:500px}
.co-ca::after{content:"";position:absolute;right:-30px;top:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}
.co-ca,.co-ca *{box-sizing:border-box}
.co-ca-flags{position:relative;z-index:1;display:flex;justify-content:space-between;gap:8px;min-height:22px}
.co-ca-hot{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a4300;background:linear-gradient(90deg,#ffe7a3,#ffc566);box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
.co-ca-hot i{font-size:10px;color:#e8590c}
.co-ca-save{margin-left:auto;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:800;color:#0f1b3d;background:#fff;box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
.co-ca-id{position:relative;z-index:1;display:flex;align-items:center;gap:12px}
.co-ca-tile{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:13px;letter-spacing:-.02em;color:var(--c2);background:linear-gradient(160deg,#fff 0%,#eef2fb 100%);box-shadow:inset 0 -3px 0 rgba(15,27,61,.08),0 14px 22px -10px rgba(0,0,0,.55);transform:rotateY(-16deg) rotateX(8deg);transition:transform .3s}
.co-ca-tile[data-l="4"]{font-size:11.5px}
.co-ca-tile[data-l="5"],.co-ca-tile[data-l="6"]{font-size:9.5px}
.co-ca-tile[data-l="7"]{font-size:8.5px}
.co-ca-tile i{font-size:18px}
.course-card:hover .co-ca-tile{transform:rotateY(-26deg) rotateX(10deg) translateZ(10px)}
.co-ca-ven{min-width:0;display:flex;flex-direction:column;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.co-ca-ven b{font-size:14px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-ca-ven small{font-size:11.5px;color:#fff;opacity:.88}
.co-ca-deco{position:absolute;right:12px;bottom:-14px;font-size:70px;color:rgba(255,255,255,.16);transform:rotate(-12deg);pointer-events:none}
/* cards with the header no longer need the old 390px image-based height */
.swiper-slide:has(.co-ca){height:auto}
.course-card:has(.co-ca){min-height:0;height:100%;display:flex;flex-direction:column}
.course-card:has(.co-ca) > .content{flex:1 1 auto;display:flex;flex-direction:column}
.course-card:has(.co-ca) > .content > .btn-row{margin-top:auto;padding-top:15px}
@media (prefers-reduced-motion:reduce){.co-ca-tile{transition:none}}