.course-poster{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;border-radius:18px;margin-bottom:18px;box-shadow:0 14px 32px rgba(15,23,42,.12)}
.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:left}
.course-card{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 40px rgba(15,23,42,.07)}
.course-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;margin-bottom:18px}.active-course{background:#dbeafe;color:#1d4ed8}.canva-course{background:#ede9fe;color:#7c3aed}
.course-card h2{margin:14px 0 10px;font-size:1.4rem;line-height:1.25}.course-card p,.course-card li{color:var(--muted);line-height:1.65;font-size:.9rem}.course-card ul{padding-left:20px;margin:14px 0 0}
.disabled-button{width:100%;min-height:54px;margin-top:24px;border:0;border-radius:16px;background:#e2e8f0;color:#64748b;font-weight:800}
.coming-soon{opacity:.92}
@media(max-width:700px){.course-poster{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;border-radius:18px;margin-bottom:18px;box-shadow:0 14px 32px rgba(15,23,42,.12)}
.course-grid{grid-template-columns:1fr}}

@media(max-width:700px){
  .consultation-grid,
  .course-grid,
  .book-grid{
    grid-template-columns:1fr;
  }

  .consultation-card,
  .course-card,
  .book-card{
    width:100%;
    max-width:100%;
  }

  .consultation-card{
    min-height:102px;
    padding:14px;
  }

  .course-cover,
  .book-cover,
  .class-poster,
  .product-image{
    width:100%;
    max-width:100%;
    height:auto;
  }
}