/* BABYLONIA | Homepage Online Courses Premium V2 | CSS-only mobile swipe */
.bab-online-premium{
  --bp-navy:#1a3a5c;--bp-blue:#4a7cb5;--bp-gold:#d4a544;
  --bp-text:#283748;--bp-muted:#647485;--bp-border:#e3e9f0;
  --bp-shadow:0 12px 32px rgba(26,58,92,.085);
  width:100%;max-width:1400px;margin:56px auto;padding:44px 34px 42px;
  background:linear-gradient(138deg,#fafbfd 0%,#f5f8fb 60%,#fbf7ee 100%);
  border:1px solid #e8edf3;border-radius:26px;
  color:var(--bp-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  isolation:isolate;
}
.bab-online-premium,.bab-online-premium *{box-sizing:border-box}
.bab-online-premium__heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}
.bab-online-premium__heading-copy{max-width:850px}
.bab-online-premium__kicker{display:inline-flex;align-items:center;gap:10px;color:#9b792f;font-size:12px;letter-spacing:.13em;font-weight:800}
.bab-online-premium__kicker::before{content:"";display:block;width:26px;height:2px;background:var(--bp-gold)}
.bab-online-premium__heading h2{font-size:clamp(27px,3vw,43px);font-weight:760;line-height:1.15;letter-spacing:-.035em;margin:12px 0 13px;color:var(--bp-navy)}
.bab-online-premium__heading h2 em{font-style:normal;color:#ab8533}
.bab-online-premium__heading p{font-size:16px;line-height:1.7;margin:0;color:var(--bp-muted)}
.bab-online-premium__all{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;padding:12px 0;color:var(--bp-navy);font-size:14px;text-decoration:none;font-weight:750;border-bottom:2px solid var(--bp-gold);transition:color .2s}
.bab-online-premium__all:hover{color:#ab8533}
.bab-online-premium__all span{font-size:19px}
.bab-online-premium__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bab-online-premium__card{min-width:0;background:#fff;border-radius:17px;overflow:hidden;border:1px solid var(--bp-border);box-shadow:var(--bp-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.bab-online-premium__card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(26,58,92,.15);border-color:#d8c7a3}
.bab-online-premium__card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.bab-online-premium__card-link:focus-visible{outline:3px solid var(--bp-gold);outline-offset:-3px}
.bab-online-premium__image-wrap{position:relative;background:#f7f7f5;overflow:hidden}
.bab-online-premium__image-wrap::after{content:"";position:absolute;inset:auto 0 0;height:32%;pointer-events:none;background:linear-gradient(transparent,rgba(11,31,52,.16))}
.bab-online-premium__image-wrap img{display:block;width:100%;height:auto;object-fit:contain}
.bab-online-premium__card:hover img{transform:none}
.bab-online-premium__image-tag{position:absolute;z-index:1;left:13px;top:13px;padding:1px 1px;background:rgba(17,42,68,.9);border:1px solid rgba(255,255,255,.18);border-radius:5px;color:#f6e7c6;font-size:10px;font-weight:800;letter-spacing:.105em}
.bab-online-premium__card-body{display:flex;flex-direction:column;flex:1;padding:21px 19px 19px}
.bab-online-premium__category{color:#aa873e;font-size:10px;font-weight:800;letter-spacing:.115em;line-height:1.4}
.bab-online-premium__card h3{margin:8px 0 9px;color:var(--bp-navy);font-size:20px;line-height:1.29;font-weight:760;letter-spacing:-.022em}
.bab-online-premium__card p{margin:0 0 23px;color:var(--bp-muted);font-size:13.5px;line-height:1.6;flex:1}
.bab-online-premium__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e9edf2;padding-top:14px;color:var(--bp-navy);font-size:13px;font-weight:780}
.bab-online-premium__cta span{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#f7f0df;color:#a87d2a;font-size:17px;transition:background .2s,color .2s}
.bab-online-premium__card:hover .bab-online-premium__cta span{background:var(--bp-gold);color:#fff}
.bab-online-premium__swipe{display:none}
@media (min-width:700px) and (max-width:1050px){
 .bab-online-premium__track{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bab-online-premium{padding:35px 26px}
}
@media (max-width:699px){
 .bab-online-premium{padding:30px 0 27px;margin:32px auto;border-radius:17px;overflow:hidden}
 .bab-online-premium__heading{display:block;margin:0 5px 14px}
 .bab-online-premium__kicker{font-size:14px;letter-spacing:.08em}
 .bab-online-premium__heading h2{font-size:28px;margin:11px 0}
 .bab-online-premium__heading p{font-size:14px;line-height:1.6}
 .bab-online-premium__all{margin-top:15px;font-size:13px;padding:7px 0}
 .bab-online-premium__swipe{display:block;margin:0 20px 15px;color:#9b792f;font-size:12px;font-weight:700}
 .bab-online-premium__track{display:grid;grid-auto-flow:column;grid-auto-columns:83%;grid-template-columns:none;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:3px 5px 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .bab-online-premium__track::-webkit-scrollbar{display:none}
 .bab-online-premium__card{scroll-snap-align:start;scroll-snap-stop:normal;border-radius:16px}
 .bab-online-premium__card-body{padding:18px}
 .bab-online-premium__card h3{font-size:21px}
 .bab-online-premium__card p{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
 .bab-online-premium__card,.bab-online-premium__image-wrap img,.bab-online-premium__cta span{transition:none}
}