.course-c .ui-title{font-family:var(--course-title-ff,var(--ty-title-ff,var(--font-title,var(--font-sans))));font-size:var(--course-title-fs,var(--ty-title-fs));line-height:var(--course-title-lh,var(--ty-title-lh));font-weight:var(--course-title-fw,var(--ty-title-fw));letter-spacing:var(--course-title-ls,var(--ty-title-ls));color:var(--course-title-c,var(--ty-title-c))}.course-c .ui-desc{font-family:var(--course-desc-ff,var(--ty-desc-ff,var(--font-sans)));font-size:var(--course-desc-fs,var(--ty-desc-fs));line-height:var(--course-desc-lh,var(--ty-desc-lh));font-weight:var(--course-desc-fw,var(--ty-desc-fw));letter-spacing:var(--course-desc-ls,var(--ty-desc-ls));color:var(--course-desc-c,var(--ty-desc-c))}.course-c .ui-more{font-family:var(--course-more-ff,var(--ty-btn-ff,var(--font-sans)));font-size:var(--course-more-fs,var(--ty-btn-fs));line-height:var(--course-more-lh,var(--ty-btn-lh));font-weight:var(--course-more-fw,var(--ty-btn-fw));letter-spacing:var(--course-more-ls,var(--ty-btn-ls));color:var(--course-more-c,var(--ty-btn-c))}.course-c__name{font-family:var(--course-store-ff,var(--ty-card-l-ff,var(--font-sans)));font-size:var(--course-store-fs,var(--ty-card-l-fs));line-height:var(--course-store-lh,var(--ty-card-l-lh));font-weight:var(--course-store-fw,var(--ty-card-l-fw));letter-spacing:var(--course-store-ls,var(--ty-card-l-ls));color:var(--course-store-c,var(--ty-card-l-c))}.course-c__desc{font-family:var(--course-store-text-ff,var(--ty-card-l-text-ff,var(--font-sans)));font-size:var(--course-store-text-fs,var(--ty-card-l-text-fs));line-height:var(--course-store-text-lh,var(--ty-card-l-text-lh));font-weight:var(--course-store-text-fw,var(--ty-card-l-text-fw));letter-spacing:var(--course-store-text-ls,var(--ty-card-l-text-ls));color:var(--course-store-text-c,var(--ty-card-l-text-c))}.course-c__price{font-family:var(--course-point-ff,var(--ty-em-ff,var(--font-sans)));font-size:var(--course-point-fs,var(--ty-em-fs));line-height:var(--course-point-lh,var(--ty-em-lh));font-weight:var(--course-point-fw,var(--ty-em-fw));letter-spacing:var(--course-point-ls,var(--ty-em-ls));color:var(--course-point-c,var(--ty-em-c))}.course-c__meta{font-family:var(--course-card-text-ff,var(--ty-text-ff,var(--font-sans)));font-size:var(--course-card-text-fs,var(--ty-text-fs));line-height:var(--course-card-text-lh,var(--ty-text-lh));font-weight:var(--course-card-text-fw,var(--ty-text-fw));letter-spacing:var(--course-card-text-ls,var(--ty-text-ls));color:var(--course-card-text-c,var(--ty-text-c))}.course-c__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.course-c__head .ui-desc{margin-top:8px}.course-c__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-c__card{border:1px solid var(--site-line);border-radius:18px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.course-c__card:hover,.course-c__card:focus-within{box-shadow:0 8px 28px #0000001a;transform:translateY(-2px)}.course-c__link{display:block;color:inherit;text-decoration:none}.course-c__pic{position:relative;aspect-ratio:3 / 2;background:var(--site-soft)}.course-c__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-c__tag{position:absolute;left:12px;bottom:12px;background:#0009;color:#fff;border-radius:6px;padding:2px 9px;font-size:12px;line-height:20px}.course-c__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px}.course-c__name{margin:0;display:flex;align-items:center;gap:8px}.course-c__dot{width:10px;height:10px;border-radius:50%;background:var(--mc, var(--bs-primary));flex:none;display:inline-block}.course-c__desc{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-c__meta{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:2px 12px}.course-c__price{font-weight:500}@media(max-width:1199px){.course-c__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.course-c__head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.course-c__cards{grid-template-columns:minmax(0,1fr);gap:16px}.course-c__body{padding:14px 16px 16px}}
