body { background: #f8fafc; padding-top: 70px; }
.course-card .card-img-top { height: 180px; object-fit: cover; }
.price { font-weight: 600; }

.accordion-button { font-weight: 600; }
.accordion-item { border-radius: 12px; overflow: hidden; }
.accordion-item + .accordion-item { margin-top: 10px; }
.accordion-body ul { margin: 0; }

.preview-side { top: 24px; }

.card { border: 1px solid #e5e7eb; border-radius: 16px; }
.card { position: relative; }

.offer-ribbon {
  position: absolute; top: 10px; left: -8px;
  background: #dc3545; color: #fff; padding: 6px 12px;
  font-size: 12px; font-weight: 700; transform: rotate(-6deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2); border-radius: 4px; z-index: 2;
}

.offer-banner { height: 220px; object-fit: cover; }

.badge.text-bg-danger { font-weight: 700; }

@media (max-width: 991px) { .preview-side { position: static; } }