/* Shared course and book cards */
.mr-theme .term-col > article { position:relative; display:flex; flex-direction:column; height:100%; border-radius:8px; border:1px solid #e3e9f3; box-shadow:0 6px 20px #24396508; background:#fff; overflow:hidden; transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease; }
.mr-theme .term-col > article:hover, .mr-theme .term-col > article:focus-within { transform:translateY(-6px); box-shadow:0 18px 34px #24396524; }
.mr-theme .term-col > article > a { display:block; color:#31486c; }
.mr-theme .term-col > article > a > img { display:block; width:100%; height:175px; object-fit:fill; margin:0; border-radius:0; }
.mr-theme .term-book > article > a > img { height:250px; object-fit:fill; background:linear-gradient(135deg,#f4f6fc,#faf7f0); }
.mr-theme .term-col > article h2 {
    margin-bottom: -10px;
    padding: 25px 7px 0px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.9;
    min-height: 70px;
    color: #31486c;
}
.mr-theme .term-col > article .topdetail { padding:9px 20px 10px; font-size:12px; min-height:32px;text-align:center }
.mr-theme .term-col > article .bottomdetail { margin-top:auto; padding:16px 20px; background:#fafbfd; border-top:1px solid #edf1f7; }
.mr-theme .term-col > article .bottomdetail p { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:0; }
.mr-theme .term-col > article .bottomdetail span { font-size:14px; font-weight:700; color:#334c86; }
.mr-theme .term-col > article .bottomdetail .freeCourse { color:#25866b; }
.mr-theme .term-col > article .bottomdetail time { font-size:11px; color:#7b8aa3; float:none; direction:ltr; }
.mr-theme .term-col > article .discount-hover { position:absolute; top:12px; right:12px; left:auto; z-index:2; padding:5px 11px; background:#fff4dd; color:#97650b; border:1px solid #f2dfb4; border-radius:9px; font-size:11px; }
.mr-theme .term-col > article a:focus-visible { outline:3px solid #6985cf; outline-offset:-3px; }
@media(prefers-reduced-motion:reduce) { .mr-theme .term-col > article { transition:none; } .mr-theme .term-col > article:hover { transform:none; } }
.mr-theme .product-slider .owl-stage-outer { padding:12px 0 32px; margin-top:-12px; margin-bottom:-20px; }
@media(prefers-reduced-motion:reduce) { .mr-theme .term-col > article:focus-within { transform:none; } }