/* 2026-10-07 US catalog and compact homepage composition refresh. */
.hero-ai-assistant-band {
  margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(43, 213, 118, 0.28) !important;
  box-shadow: inset 0 -1px 0 rgba(0, 184, 212, 0.16) !important;
}

.hero-ai-assistant-band + .signal-strip {
  margin-top: 0 !important;
}

@media (min-width: 901px) {
  html body .commission-leaderboard-section {
    display: grid !important;
    grid-template-columns: minmax(420px, 0.46fr) minmax(0, 1.54fr) !important;
    align-items: center !important;
    gap: clamp(24px, 3vw, 52px) !important;
    padding-block: 42px !important;
  }

  html body .leaderboard-heading {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
  }

  html body .leaderboard-heading h2 {
    margin: 18px 0 16px !important;
    font-size: clamp(34px, 3.1vw, 52px) !important;
    line-height: 1 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body .leaderboard-heading > p {
    max-width: 38ch !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  html body .commission-podium-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body .leaderboard-card,
  html body .leaderboard-gold,
  html body .leaderboard-silver,
  html body .leaderboard-bronze {
    order: initial !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr auto !important;
    align-content: center !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 10px 13px !important;
    min-height: 238px !important;
    padding: 20px 15px 16px !important;
    border-radius: 12px !important;
  }

  html body .leader-medal {
    top: 11px !important;
    left: 11px !important;
    width: 32px !important;
    height: 32px !important;
    border-width: 2px !important;
  }

  html body .leader-medal span {
    font-size: 14px !important;
  }

  html body .leader-avatar,
  html body .leaderboard-gold .leader-avatar {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    width: 76px !important;
    margin: 8px 0 0 !important;
    border-width: 4px !important;
    box-shadow:
      0 0 0 5px color-mix(in srgb, var(--podium-color) 17%, transparent),
      0 14px 30px rgba(0, 0, 0, 0.28) !important;
  }

  html body .leader-copy {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-items: start !important;
    gap: 5px !important;
    margin: 8px 0 0 !important;
    text-align: left !important;
  }

  html body .leader-copy h3 {
    font-size: clamp(17px, 1.35vw, 23px) !important;
    line-height: 1.06 !important;
  }

  html body .leader-copy p,
  html body .leader-rank {
    font-size: 10px !important;
  }

  html body .leader-commission {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 2px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
  }

  html body .leader-commission strong {
    font-size: clamp(25px, 2.25vw, 36px) !important;
  }

  html body .podium-base {
    display: none !important;
  }

  html body .commission-leaderboard-section + .path-section {
    display: block !important;
    padding-block: 36px !important;
  }

  html body .path-intro {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(310px, 0.8fr) auto !important;
    grid-template-areas:
      "eyebrow eyebrow eyebrow"
      "title text action" !important;
    align-items: end !important;
    gap: 8px clamp(22px, 2.4vw, 42px) !important;
    margin: 0 0 20px !important;
  }

  html body .path-intro .eyebrow {
    grid-area: eyebrow !important;
    margin: 0 !important;
  }

  html body .path-intro h2 {
    grid-area: title !important;
    max-width: 760px !important;
    margin: 0 !important;
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: 1.02 !important;
  }

  html body .path-intro > p:not(.eyebrow) {
    grid-area: text !important;
    align-self: center !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  html body .path-intro .button {
    grid-area: action !important;
    align-self: center !important;
    white-space: nowrap !important;
  }

  html body .path-section .profile-layout {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 900px) {
  .hero-ai-assistant-band {
    margin: 0 !important;
  }

  html body .commission-podium-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body .commission-leaderboard-section .podium-base {
    display: none !important;
  }

  html body .leaderboard-gold,
  html body .leaderboard-silver,
  html body .leaderboard-bronze {
    grid-column: auto !important;
    order: initial !important;
    grid-template-columns: 62px minmax(0, 1fr) minmax(112px, auto) !important;
    grid-template-rows: auto !important;
    gap: 10px !important;
    min-height: 106px !important;
    padding: 12px 12px 12px 16px !important;
  }

  html body .leader-avatar,
  html body .leaderboard-gold .leader-avatar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 62px !important;
  }

  html body .leader-copy,
  html body .leaderboard-gold .leader-copy,
  html body .leaderboard-silver .leader-copy,
  html body .leaderboard-bronze .leader-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body .leader-commission,
  html body .leaderboard-gold .leader-commission,
  html body .leaderboard-silver .leader-commission,
  html body .leaderboard-bronze .leader-commission {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body .leader-commission strong {
    font-size: clamp(22px, 6vw, 31px) !important;
  }

  html body .path-intro {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 520px) {
  html body .leaderboard-gold,
  html body .leaderboard-silver,
  html body .leaderboard-bronze {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
  }

  html body .leader-avatar,
  html body .leaderboard-gold .leader-avatar {
    width: 52px !important;
  }

  html body .leader-commission,
  html body .leaderboard-gold .leader-commission,
  html body .leaderboard-silver .leader-commission,
  html body .leaderboard-bronze .leader-commission {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    padding-block: 8px !important;
  }
}

/* 2026-10-07 homepage hierarchy and card composition refinement. */
body:not(.store-page) .hero-copy h1,
body:not(.store-page) .section-heading h2,
body:not(.store-page) .path-intro h2,
body:not(.store-page) .leaderboard-heading h2,
body:not(.store-page) .support-copy h2 {
  font-size: 44px !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.hero-title-brand {
  display: inline-block;
  color: #31df81;
  text-shadow: 0 0 12px rgba(49, 223, 129, 0.35);
  animation: hour-ai-title-breathe 2.4s ease-in-out infinite;
}

@keyframes hour-ai-title-breathe {
  0%, 100% {
    color: #31df81;
    text-shadow: 0 0 9px rgba(49, 223, 129, 0.28);
    filter: brightness(0.96);
  }
  50% {
    color: #70f6aa;
    text-shadow: 0 0 20px rgba(49, 223, 129, 0.7);
    filter: brightness(1.16);
  }
}

@media (min-width: 901px) {
  html body .courses-section .section-heading {
    align-items: center !important;
  }

  html body .courses-section .section-heading h2 {
    max-width: none !important;
  }

  html body .price-card {
    position: relative !important;
    min-height: 318px !important;
    padding: 20px !important;
  }

  html body .price-rank {
    display: block !important;
    min-height: 28px !important;
    padding-right: 112px !important;
  }

  html body .price-rank-label {
    display: block !important;
    padding-top: 7px !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  html body .price-rank .rank-medal {
    --rank-size: 94px !important;
    position: absolute !important;
    top: 18px !important;
    right: 22px !important;
    width: 94px !important;
    height: 94px !important;
    margin: 0 !important;
  }

  html body .price-card h3 {
    max-width: calc(100% - 118px) !important;
    margin: 16px 0 0 !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  html body .price-row {
    margin-top: 15px !important;
  }

  html body .profile-layout > .profile-card {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-areas:
      "badge index"
      "badge title"
      "text text"
      "commission commission"
      "meter meter" !important;
    grid-template-rows: auto auto minmax(34px, 1fr) auto auto !important;
    column-gap: 18px !important;
    row-gap: 5px !important;
    min-height: 238px !important;
    height: auto !important;
    padding: 22px 16px 14px !important;
  }

  html body .profile-card .rank-medal {
    grid-area: medal !important;
    align-self: center !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
  }

  html body .profile-card .level-index {
    grid-area: index !important;
    align-self: end !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  html body .profile-card h3 {
    grid-area: title !important;
    align-self: start !important;
    margin: 2px 0 0 !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
  }

  html body .profile-card > p {
    grid-area: description !important;
    align-self: center !important;
    margin: 5px 0 1px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  html body .profile-card .commission-highlight {
    grid-area: commission !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    padding: 9px 12px !important;
  }

  html body .profile-card .commission-highlight span {
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .profile-card .commission-highlight strong {
    font-size: 24px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .profile-card .level-meter {
    grid-area: meter !important;
    margin-top: 2px !important;
  }
}

@media (max-width: 900px) {
  body:not(.store-page) .hero-copy h1,
  body:not(.store-page) .section-heading h2,
  body:not(.store-page) .path-intro h2,
  body:not(.store-page) .leaderboard-heading h2,
  body:not(.store-page) .support-copy h2 {
    font-size: 36px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 760px) {
  html body .price-card {
    display: flex !important;
    position: relative !important;
    min-height: 0 !important;
    padding: 16px !important;
    flex-direction: column !important;
  }

  html body .price-rank {
    display: block !important;
    min-height: 24px !important;
    padding-right: 72px !important;
  }

  html body .price-rank .rank-medal {
    --rank-size: 64px !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body .price-rank-label,
  html body .price-rank-label::after {
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body .price-card h3 {
    max-width: calc(100% - 76px) !important;
    margin: 8px 0 0 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  html body .price-row {
    justify-content: flex-start !important;
    margin-top: 13px !important;
  }

  html body .price-card ul,
  html body .price-actions {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  body:not(.store-page) .hero-copy h1,
  body:not(.store-page) .section-heading h2,
  body:not(.store-page) .path-intro h2,
  body:not(.store-page) .leaderboard-heading h2,
  body:not(.store-page) .support-copy h2 {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  html body .profile-card > p {
    font-size: 12px !important;
  }

  html body .profile-card .commission-highlight span {
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-title-brand {
    animation: none !important;
  }
}

/* 2026-10-07 AI Assistant naming, mobile legibility, and local product details. */
.price-plan-title span {
  display: block;
}

html body .price-card .price-rank-label {
  display: none !important;
}

@media (min-width: 901px) {
  html body .price-card .price-plan-title {
    display: grid !important;
    gap: 2px !important;
    min-height: 54px !important;
  }
}

@media (max-width: 760px) {
  html body .price-card .price-plan-title {
    display: grid !important;
    gap: 1px !important;
    width: calc(100% - 76px) !important;
    max-width: none !important;
    min-height: 46px !important;
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  html body .path-section .profile-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body .profile-layout > .profile-card {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-areas:
      "badge index"
      "badge title"
      "text text"
      "commission commission"
      "meter meter" !important;
    grid-template-rows: auto auto auto auto auto !important;
    align-items: center !important;
    column-gap: 16px !important;
    row-gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 18px 16px 14px !important;
    text-align: left !important;
  }

  html body .profile-card .rank-medal {
    --rank-size: 82px !important;
    grid-area: medal !important;
    align-self: center !important;
    width: 82px !important;
    height: 82px !important;
    margin: 0 !important;
  }

  html body .profile-card .level-index {
    grid-area: index !important;
    align-self: end !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    text-align: left !important;
  }

  html body .profile-card h3 {
    grid-area: title !important;
    align-self: start !important;
    margin: 2px 0 0 !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }

  html body .profile-card > p {
    grid-area: description !important;
    margin: 8px 0 2px !important;
    font-size: 16px !important;
    line-height: 1.42 !important;
    text-align: left !important;
  }

  html body .profile-card .commission-highlight {
    grid-area: commission !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 68px !important;
    padding: 12px 14px !important;
    text-align: left !important;
  }

  html body .profile-card .commission-highlight span {
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html body .profile-card .commission-highlight strong {
    font-size: 27px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .profile-card .level-meter {
    grid-area: meter !important;
    margin-top: 2px !important;
  }

  html body .leaderboard-card,
  html body .leaderboard-gold,
  html body .leaderboard-silver,
  html body .leaderboard-bronze {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 10px 14px !important;
    min-height: 0 !important;
    padding: 16px !important;
    text-align: left !important;
  }

  html body .leader-medal {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    width: 38px !important;
    height: 38px !important;
    z-index: 3 !important;
  }

  html body .leader-avatar,
  html body .leaderboard-gold .leader-avatar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 76px !important;
    margin: 0 !important;
  }

  html body .leader-copy,
  html body .leaderboard-gold .leader-copy,
  html body .leaderboard-silver .leader-copy,
  html body .leaderboard-bronze .leader-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-items: start !important;
    gap: 3px !important;
    margin: 0 !important;
    padding-right: 42px !important;
    text-align: left !important;
  }

  html body .leader-copy h3 {
    font-size: 21px !important;
    line-height: 1.08 !important;
  }

  html body .leader-copy p,
  html body .leader-rank {
    font-size: 12px !important;
  }

  html body .leader-commission,
  html body .leaderboard-gold .leader-commission,
  html body .leaderboard-silver .leader-commission,
  html body .leaderboard-bronze .leader-commission {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    text-align: left !important;
  }

  html body .leader-commission strong {
    font-size: 29px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 420px) {
  html body .profile-layout > .profile-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    padding-inline: 14px !important;
  }

  html body .profile-card .rank-medal {
    --rank-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
  }

  html body .profile-card h3 {
    font-size: 20px !important;
  }

  html body .profile-card > p {
    font-size: 15px !important;
  }
}

html body.store-page .store-detail-close {
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  width: auto !important;
  min-width: 132px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.22) !important;
  border-radius: 6px !important;
  background: #07131a !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html body.store-page .store-detail-pricing-panel > h3 {
  margin: 24px 0 12px !important;
  font-size: 24px !important;
}

html body.store-page .store-price-grid-large {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.store-page .store-price-grid-large .store-price-tier {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 16px 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

html body.store-page .store-price-grid-large .store-price-tier-c {
  border-top: 4px solid #2dd4bf !important;
}

html body.store-page .store-price-grid-large .store-price-tier-b {
  border-top: 4px solid #8b7cf6 !important;
}

html body.store-page .store-price-grid-large .store-price-tier-a {
  border-top: 4px solid #ffad55 !important;
}

html body.store-page .store-price-grid-large span {
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html body.store-page .store-price-grid-large strong {
  color: #098b52 !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

html body.store-page .store-information-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

html body.store-page .store-product-info-button,
html body.store-page .store-back-hour-ai {
  min-height: 54px !important;
  border-radius: 7px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html body.store-page .store-product-info-button {
  border: 2px solid #f08a24 !important;
  background: #f7942d !important;
  color: #08111f !important;
}

html body.store-page .store-back-hour-ai {
  border: 2px solid #07131a !important;
  background: #07131a !important;
  color: #ffffff !important;
}

html body.store-page .store-local-product-info[hidden] {
  display: none !important;
}

html body.store-page .store-local-product-info {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 12px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

html body.store-page .store-local-product-info > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body.store-page .store-local-product-info span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

html body.store-page .store-local-product-info strong {
  color: #0f172a !important;
  font-size: 15px !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 620px) {
  html body.store-page .store-detail-dialog {
    padding-top: 70px !important;
  }

  html body.store-page .store-detail-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    min-width: 140px !important;
  }

  html body.store-page .store-price-grid-large {
    gap: 6px !important;
  }

  html body.store-page .store-price-grid-large .store-price-tier {
    gap: 6px !important;
    padding: 12px 7px !important;
  }

  html body.store-page .store-price-grid-large span {
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  html body.store-page .store-price-grid-large strong {
    font-size: 27px !important;
  }

  html body.store-page .store-information-actions {
    grid-template-columns: 1fr !important;
  }

  html body.store-page .store-local-product-info {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body .path-section .profile-layout > article.profile-card > .rank-medal.rank-medal-large {
    --rank-size: 82px !important;
    grid-area: badge !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
  }

  html body .path-section .profile-layout > article.profile-card > .level-index {
    font-size: 13px !important;
    text-align: left !important;
  }

  html body .path-section .profile-layout > article.profile-card > h3 {
    font-size: 22px !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }

  html body .path-section .profile-layout > article.profile-card > p {
    margin: 8px 0 2px !important;
    font-size: 16px !important;
    line-height: 1.42 !important;
    text-align: left !important;
  }

  html body .path-section .profile-layout > article.profile-card > .commission-highlight span {
    font-size: 12px !important;
  }

  html body .path-section .profile-layout > article.profile-card > .commission-highlight strong {
    font-size: 27px !important;
  }

  html body .commission-podium-grid > article.leaderboard-card > .leader-medal {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    width: 38px !important;
    height: 38px !important;
  }

  html body .commission-podium-grid > article.leaderboard-card > .leader-avatar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 76px !important;
    margin: 0 !important;
  }

  html body .commission-podium-grid > article.leaderboard-card > .leader-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding-right: 42px !important;
    text-align: left !important;
  }

  html body .commission-podium-grid > article.leaderboard-card > .leader-commission {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 62px !important;
    padding: 10px 14px !important;
  }

  html body .commission-podium-grid > article.leaderboard-card > .leader-commission > strong {
    font-size: 29px !important;
    line-height: 1 !important;
  }

  html body .courses-section .price-card .price-rank > .rank-medal {
    --rank-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }

  html body .path-section .profile-layout > article.profile-card > .commission-highlight > span {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 901px) {
  html body .courses-section .price-card .price-rank > .rank-medal {
    --rank-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
    min-height: 94px !important;
    max-height: 94px !important;
  }
}