.bap-webinars-dynamic,.bap-webinars-dynamic *{box-sizing:border-box}
.bap-webinar-grid{display:grid;grid-template-columns:repeat(var(--bap-columns,4),minmax(0,1fr));gap:20px}
.bap-webinar-card{overflow:hidden;border:1px solid #dce6ef;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(19,54,84,.06);transition:transform .18s ease,box-shadow .18s ease}
.bap-webinar-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(19,54,84,.11)}
.bap-webinar-image{display:flex;height:154px;align-items:center;justify-content:center;background-position:center;background-size:cover;text-decoration:none}
.bap-webinar-image.is-placeholder{background:linear-gradient(135deg,#eaf3fb,#d9eafb)}
.bap-webinar-image.is-placeholder span{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.8);color:#176fb1;font-size:27px;font-weight:800}
.bap-webinar-body{padding:18px}
.bap-webinar-topline{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.bap-webinar-topline span{color:#1770b4;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.bap-webinar-topline small{color:#8493a2}
.bap-webinar-body h3{display:-webkit-box;min-height:49px;margin:0 0 9px;overflow:hidden;color:#173654;font-size:17px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bap-webinar-body h3 a{color:inherit;text-decoration:none}
.bap-webinar-badges{display:flex;min-height:24px;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.bap-webinar-badges span{padding:4px 8px;border-radius:999px;background:#eaf3fb;color:#176fb1;font-size:9px;font-weight:700}
.bap-webinar-speakers{min-height:17px;margin-bottom:8px;color:#465f75;font-size:11px;font-weight:600}
.bap-webinar-body p{display:-webkit-box;min-height:58px;margin:0 0 14px;overflow:hidden;color:#697b8e;font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.bap-webinar-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #e8eef4}
.bap-webinar-footer>div{display:flex;flex-wrap:wrap;gap:8px}
.bap-webinar-footer span{color:#728397;font-size:10px}
.bap-webinar-footer a{display:inline-flex;align-items:center;gap:7px;color:#176fb1;text-decoration:none;font-size:11px;font-weight:800}
.bap-webinar-footer a b{font-size:18px}
.bap-webinar-card[hidden]{display:none!important}
.bap-webinar-load-wrap{text-align:center;margin-top:26px}
.bap-webinar-load-more{padding:11px 22px;border:1px solid #176fb1;border-radius:9px;background:#176fb1;color:#fff;cursor:pointer;font-size:12px;font-weight:800}
.bap-webinar-load-more[hidden]{display:none!important}
.bap-webinar-empty{margin-top:18px;padding:28px;border:1px dashed #cad7e3;border-radius:14px;background:#fff;color:#6c7d8f}
@media(max-width:1100px){.bap-webinar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.bap-webinar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.bap-webinar-grid{grid-template-columns:1fr}}

.bap-webinar-type-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.bap-webinar-type-filters button{padding:9px 18px;border:1px solid #d8e3ed;border-radius:999px;background:#fff;color:#52697f;cursor:pointer;font-size:12px;font-weight:700}
.bap-webinar-type-filters button.is-active{border-color:#176fb1;background:#176fb1;color:#fff}


.bap-webinar-filter-panel{margin:0 0 28px}
.bap-filter-title{display:block;margin:0 0 10px;color:#173654;font-size:13px;font-weight:800;text-transform:uppercase}
.bap-webinar-specialty-filters>div,.bap-webinar-type-filters{display:flex;flex-wrap:wrap;gap:9px}
.bap-webinar-type-filters{margin-top:18px}
.bap-webinar-specialty-filters button,.bap-webinar-type-filters button{
    appearance:none;
    padding:10px 16px;
    border:1px solid #d8e3ed;
    border-radius:999px;
    background:#fff;
    color:#52697f;
    cursor:pointer;
    font-size:12px;
    font-weight:700;
    transition:all .18s ease
}
.bap-webinar-specialty-filters button:hover,.bap-webinar-type-filters button:hover{
    border-color:#176fb1;
    color:#176fb1
}
.bap-webinar-specialty-filters button.is-active,.bap-webinar-type-filters button.is-active{
    border-color:#176fb1;
    background:#176fb1;
    color:#fff
}