.class-card{transition:transform .25s ease,box-shadow .25s ease;height:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column;background:#fff}.class-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #00000014}.class-image{height:160px;background-size:cover;background-position:center;background-color:#f8f9fa}.card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.card-body h5{color:#0f172a;font-weight:700;font-size:1.05rem;line-height:1.35}.card-text{color:#1f2937;margin-bottom:.5rem;font-size:.95rem}.full-class-badge{background-color:#f7f0f3;color:#b02a37;font-weight:700}.special-note-box{background-color:#eef5ff;border:1px solid #d6e7ff}.special-note-text{color:#0b4ea2}.filters-panel .card-body{padding:1.5rem}.courses-panel{border:none;border-radius:12px;background:#fff;box-shadow:none}.courses-panel .card-body{background:#fff}.search-bar .form-control{border-left:none}.search-bar .input-group-text{border-right:none}.search-bar .btn{background:#c53030;border-color:#c53030}.search-bar .btn:hover{background:#a11212;border-color:#a11212}#classesWrapper.grid-view #upcomingClassesContainer{display:flex;flex-wrap:wrap}#classesWrapper.grid-view .class-item{display:flex}.class-item .class-card{width:100%;min-height:100%;height:100%}.class-item{display:flex}#classesWrapper.list-view #upcomingClassesContainer{display:block}#classesWrapper.list-view .class-item{width:100%;max-width:none}#classesWrapper.list-view .class-card{display:grid;grid-template-columns:300px 1fr;min-height:260px;align-items:stretch}#classesWrapper.list-view .class-image{width:100%;height:100%;min-height:260px;background-size:cover;background-position:center;border-top-right-radius:0;border-bottom-right-radius:0;display:block}#classesWrapper.list-view .card-body{flex:1;display:flex;flex-direction:column}#classesWrapper.list-view .class-card .mt-auto{max-width:440px}#classesWrapper.list-view .class-card .mt-auto .btn{flex:0 0 auto;min-width:150px}@media (max-width: 991.98px){#classesWrapper.list-view .class-card{display:block;min-height:0}#classesWrapper.list-view .class-image{width:100%;height:220px;min-height:220px;border-radius:0}}