.sales-reviews { scroll-margin-top: 110px; }
.sales-reviews__summary { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 32px; margin: 28px 0; }
.sales-reviews__score { display: flex; flex-direction: column; justify-content: center; gap: 5px; text-align: center; }
.sales-reviews__score strong { font-size: 54px; line-height: 1; color: #705214; }
.sales-reviews__score small, .sales-reviews__muted { color: #666; }
.sales-reviews__stars { color: #8b6519; letter-spacing: 2px; white-space: nowrap; }
.sales-reviews__distribution a { display: grid; grid-template-columns: 32px minmax(0, 1fr) 44px; gap: 12px; align-items: center; color: #5f471c; padding: 4px 0; }
.sales-reviews__track { height: 8px; background: #eeeae2; overflow: hidden; border-radius: 8px; }
.sales-reviews__track > span { display: block; height: 100%; background: #d6ad52; }
.sales-reviews__filters { display: grid; grid-template-columns: minmax(0, 1fr) 150px auto; gap: 12px; align-items: end; margin-bottom: 20px; }
.sales-reviews label { display: block; font-size: 13px; font-weight: 600; }
.sales-reviews input[type="search"], .sales-reviews select, .sales-reviews textarea { display: block; box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #bbb5a9; border-radius: 8px; background: #fff; color: #272727; padding: 12px; margin-top: 6px; font: inherit; }
.sales-reviews textarea { resize: vertical; }
.sales-reviews__button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 10px 18px; background: #fff; border: 1px solid #777065; border-radius: 8px; color: #29251e; font: inherit; font-weight: 600; cursor: pointer; }
.sales-reviews__button:hover { background: #fff5dc; color: #29251e; }
.sales-reviews__button--primary { background: #f0cb69; border-color: #d6ad52; margin-top: 16px; }
.sales-reviews__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
.sales-reviews__item { padding: 24px 0; border-top: 1px solid #e7e3da; min-width: 0; overflow-wrap: anywhere; }
.sales-reviews__identity { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.sales-reviews__avatar { flex: 0 0 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #292827; color: #fff; font-weight: 600; }
.sales-reviews__item h3 { font-size: 15px; margin: 0 0 5px; }
.sales-reviews__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 12px; }
.sales-reviews__meta time { color: #666; }
.sales-reviews__item p { white-space: pre-line; line-height: 1.7; font-size: 14px; }
.sales-reviews__long summary { cursor: pointer; line-height: 1.7; font-size: 14px; }
.sales-reviews__long summary span { display: block; text-decoration: underline; font-weight: 600; }
.sales-reviews__long[open] summary { font-size: 0; }
.sales-reviews__long[open] summary span { font-size: 13px; }
.sales-reviews__pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin: 20px 0; }
.sales-reviews__empty { grid-column: 1 / -1; padding: 28px; background: #f8f7f3; border: 1px solid #e9e5db; border-radius: 12px; }
.sales-reviews__empty i { font-size: 26px; color: #8b6519; }
.sales-reviews__empty h3 { font-size: 18px; }
.sales-reviews__empty p { margin-bottom: 0; }
.sales-reviews__invitation { font-size: 14px; padding-top: 20px; }
.sales-reviews__invitation a { color: #705214; text-decoration: underline; font-weight: 600; }
.sales-reviews__compose { border: 1px solid #ded8ca; border-radius: 12px; margin-top: 24px; padding: 20px; }
.sales-reviews__compose summary { cursor: pointer; font-weight: 600; scroll-margin-top: 110px; }
.sales-reviews__compose form { margin-top: 20px; }
.sales-reviews__compose fieldset { border: 0; padding: 0; margin: 0 0 20px; }
.sales-reviews__compose legend { font-size: 14px; border: 0; margin-bottom: 10px; }
.sales-reviews__rating-input { display: flex; flex-wrap: wrap; gap: 8px; }
.sales-reviews__rating-input label { display: flex; gap: 5px; align-items: center; border: 1px solid #ded8ca; border-radius: 8px; padding: 10px; cursor: pointer; }
.sales-reviews__rating-input label:has(input:checked) { background: #fff1c9; border-color: #8b6519; }
.sales-reviews__compose small { display: block; margin-top: 8px; color: #666; }
.sales-reviews :focus-visible { outline: 2px solid #8b6519; outline-offset: 3px; }
@media (max-width: 600px) {
    .sales-reviews__summary { grid-template-columns: 100px minmax(0, 1fr); gap: 16px; }
    .sales-reviews__score strong { font-size: 42px; }
    .sales-reviews__score span, .sales-reviews__score small { font-size: 12px; }
    .sales-reviews__filters { grid-template-columns: minmax(0, 1fr) auto; }
    .sales-reviews__filters > label:first-child { grid-column: 1 / -1; }
    .sales-reviews__list { grid-template-columns: minmax(0, 1fr); }
    .sales-reviews__distribution a { gap: 6px; }
}

.course-description ul,
.course-description ol {
    margin: 0 0 1em;
    padding-left: 1.75em;
    list-style-position: outside;
}

.course-description ul { list-style-type: disc; }
.course-description ol { list-style-type: decimal; }
.course-description ul ul { list-style-type: circle; }
.course-description ul ul ul { list-style-type: square; }
.course-description li { display: list-item; margin-bottom: .35em; }
.course-description li > ul,
.course-description li > ol { margin-top: .35em; margin-bottom: 0; }

.course-sales-price > small,
.course-sales-price__current { display: block; }
.course-sales-price__current { font-size: 1.25em; }
.course-sales-price__original { font-weight: 400; }
.course-sales-price__discount { color: #286536; }

.course-promotion-countdown {
    background: #fff7e0;
    border: 1px solid #dfc57f;
    border-radius: 8px;
    color: #503b12;
    line-height: 1.4;
    margin: 10px 0;
    padding: 8px;
    text-align: center;
}

.course-promotion-countdown > span,
.course-promotion-countdown > strong,
.course-promotion-countdown > small { display: block; }
.course-promotion-countdown > span { font-size: 12px; }
.course-promotion-countdown > strong { font-size: 16px; font-variant-numeric: tabular-nums; }
.course-promotion-countdown > small { font-size: 11px; }

.card-body .course-sales-price__current { font-size: 24px; }

/* Sales surfaces share Tabula's Poppins, charcoal and gold; the global navbar is unchanged. */
body.course-sales-layout { padding-top: 120px; }
.course-sales-hero,
.course-sales-shell,
.course-sales-page {
    --sales-ink: #242424;
    --sales-muted: #626262;
    --sales-gold: #f6ce6b;
    --sales-line: #e6e3dc;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 1.65;
}
.course-sales-hero { background: #242424; color: #fff; padding: 42px 24px 48px; }
.course-sales-hero__layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 64px; max-width: 1180px; margin: 0 auto; align-items: start; }
.course-sales-hero__intro { padding-top: 4px; min-width: 0; }
.course-sales-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #d1cec7; font-size: 14px; margin-bottom: 34px; }
.course-sales-breadcrumb a { color: #f6ce6b; }
.course-sales-eyebrow { color: #f6ce6b; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 16px; }
.course-sales-hero h1 { color: #fff; font-family: inherit; font-weight: 600; font-size: clamp(30px, 3.2vw, 44px); letter-spacing: -.035em; line-height: 1.18; margin: 0 0 20px; overflow-wrap: anywhere; }
.course-sales-hero__summary { color: #dddcd8; font-size: 17px; line-height: 1.8; margin: 0 0 26px; max-width: 650px; }
.course-sales-hero__author { display: inline-flex; align-items: center; gap: 12px; color: #e5e2db; font-size: 14px; }
.course-sales-hero__author:hover, .course-sales-hero__author:focus { color: #f6ce6b; }
.course-sales-hero__author img { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; }
.course-sales-hero__author strong { color: #fff; font-weight: 500; display: block; }
.course-sales-facts { display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 24px 0; margin: 26px 0 0; border-top: 1px solid #484640; }
.course-sales-facts li { color: #e8e5de; font-size: 14px; }
.course-sales-facts i { color: #f6ce6b; margin-right: 7px; }
.course-sales-hero__date { font-size: 14px; color: #e8e5de; }
.course-sales-hero__program { color: #f6ce6b; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; gap: 12px; padding: 8px 0; }
.course-sales-hero__program:hover, .course-sales-hero__program:focus { color: #fff; }
.course-sales-offer { background: #fff; color: var(--sales-ink); border-radius: 12px; overflow: hidden; box-shadow: 0 14px 36px #0003; }
.course-sales-offer__cover { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #eeece7; }
.course-sales-offer__body { padding: 20px 24px; }
.course-sales-offer .course-sales-price { line-height: 1.7; }
.course-sales-offer .course-sales-price small { font-size: 13px; color: #626262; }
.course-sales-offer .course-sales-price__current { font-size: 30px; font-weight: 700; letter-spacing: -.03em; }
.course-sales-offer .course-sales-price__discount { color: #286536; font-weight: 500; }
.course-sales-offer .course-promotion-countdown { margin: 12px 0; text-align: left; padding: 8px 12px; }
.course-sales-offer .course-promotion-countdown > span { display: inline; margin-right: 4px; }
.course-sales-offer .course-promotion-countdown > strong { display: inline; font-size: 14px; }
.course-sales-offer .course-promotion-countdown small { font-size: 12px; }
.course-sales-cta, .course-sales-preview { display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; padding: 13px 12px; border-radius: 7px; min-height: 48px; font-size: 14px; line-height: 1.5; font-weight: 600; text-align: center; }
.course-sales-cta { background: var(--sales-gold); color: #242424; margin-top: 20px; border: 1px solid var(--sales-gold); }
.course-sales-cta:hover, .course-sales-cta:focus { background: #e9bd52; color: #151515; text-decoration: none; }
.course-sales-preview { background: #fff; border: 1px solid #cbc7bd; color: #242424; margin-top: 10px; }
.course-sales-preview:hover, .course-sales-preview:focus { background: #faf7ef; color: #242424; text-decoration: none; }
.course-sales-offer__note { text-align: center; color: #626262; font-size: 12px; margin: 12px 0 0; }
.course-sales-offer__access { font-weight: 500; color: #286536; }
.course-sales-page.container { width: calc(100% - 48px); max-width: 1180px; padding: 0; margin: 0 auto 140px; color: var(--sales-ink); }
.course-sales-page .class_video { margin-top: 0; background: transparent; box-shadow: none; border-radius: 0; }
.course-sales-page .nav_aulas { padding: 0; }
.course-sales-page .nav-tabs { display: flex; gap: 24px; border-bottom: 1px solid var(--sales-line); padding: 0; margin: 0; overflow-x: auto; }
.course-sales-page .nav-tabs::before, .course-sales-page .nav-tabs::after { display: none; }
.course-sales-page .nav-tabs > li { float: none; flex: 0 0 auto; margin: 0; }
.course-sales-page .nav-tabs > li > a { background: transparent; color: #626262; border: 0; border-bottom: 3px solid transparent; border-radius: 0; padding: 22px 0 18px; margin: 0; font-size: 14px; font-weight: 500; white-space: nowrap; }
.course-sales-page .nav-tabs > li.active > a,
.course-sales-page .nav-tabs > li > a:hover,
.course-sales-page .nav-tabs > li > a:focus { color: #242424; border: 0; border-bottom: 3px solid #d3a53d; background: transparent; }
.course-sales-overview { max-width: 860px; padding-top: 12px; }
.course-sales-section { padding: 36px 0; border-bottom: 1px solid var(--sales-line); scroll-margin-top: 140px; }
.course-sales-section__eyebrow { color: #79622f; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.course-sales-section h2 { font: 600 26px/1.3 Poppins, sans-serif; color: #242424; letter-spacing: -.025em; margin: 8px 0 22px; }
.course-sales-section .course-description { color: #474747; line-height: 1.85; overflow-wrap: anywhere; }
.course-sales-section .course-description p { margin-bottom: 18px; }
.course-sales-section .course-description img,
.course-sales-section .course-description iframe,
.course-sales-section .course-description video { max-width: 100%; }
.course-sales-section .course-description img { height: auto; }
.course-sales-section .course-description table { display: block; max-width: 100%; overflow-x: auto; }
.course-sales-section__heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 22px; }
.course-sales-section__heading h2 { margin: 0 0 8px; }
.course-sales-section__heading p { color: #626262; font-size: 14px; margin: 0; }
.course-sales-text-button { background: none; color: #755919; border: 0; padding: 10px 0; font-size: 13px; font-weight: 500; text-align: left; }
.course-sales-text-button i { margin-left: 6px; }
.course-sales-text-button:hover, .course-sales-text-button:focus { color: #755919; text-decoration: underline; }
.course-sales-curriculum { border: 1px solid var(--sales-line); border-radius: 8px; overflow: hidden; }
.course-sales-module + .course-sales-module { border-top: 1px solid var(--sales-line); }
.course-sales-module summary { display: flex; align-items: center; gap: 14px; list-style: none; cursor: pointer; background: #f7f6f2; padding: 18px 20px; font-size: 14px; }
.course-sales-module summary::-webkit-details-marker { display: none; }
.course-sales-module__number { color: #8a7445; font-size: 13px; font-variant-numeric: tabular-nums; }
.course-sales-module__name { font-weight: 500; flex: 1; overflow-wrap: anywhere; }
.course-sales-module__count { color: #626262; font-size: 12px; white-space: nowrap; }
.course-sales-module[open] summary > i { transform: rotate(180deg); }
.course-sales-module ul { list-style: none; padding: 8px 22px; margin: 0; }
.course-sales-module li { display: flex; align-items: baseline; gap: 12px; padding: 10px 0; font-size: 14px; }
.course-sales-module li > i { color: #79756b; flex: 0 0 16px; }
.course-sales-module li > span:first-of-type { flex: 1; overflow-wrap: anywhere; }
.course-sales-module__preview { color: #755919; font-size: 12px; }
.course-sales-instructor__profile { display: flex; align-items: center; gap: 20px; margin-bottom: 24px; }
.course-sales-instructor__profile img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; }
.course-sales-instructor__profile h3 { font: 600 20px/1.4 Poppins, sans-serif; margin: 0 0 6px; color: #242424; }
.course-sales-instructor__profile p { font-size: 14px; color: #626262; margin: 0; }
.course-sales-instructor #bio-container { color: #474747; line-height: 1.8; }
.course-sales-instructor #bio-container a { color: #755919; text-decoration: underline; }
.course-sales-instructor #bio-container img { max-width: 100%; height: auto; }
.course-sales-page .page-header { width: 100%; border: 0; padding: 0; margin: 0; }
.course-sales-page .course-purchase-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #fff; border-top: 1px solid #dedbd2; box-shadow: 0 -4px 24px #0000000d; position: fixed; bottom: 0; left: 0; width: 100%; padding: 14px max(24px, calc((100vw - 1180px) / 2)); z-index: 1030; }
.course-sales-page .course-purchase-bar[hidden] { display: none; }
.course-purchase-bar__info { min-width: 0; flex: 1; }
.course-purchase-bar__title { font: 600 14px/1.5 Poppins, sans-serif; color: #242424; margin: 0 0 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.course-purchase-bar__category { color: #626262; font-size: 12px; margin: 0; }
.course-purchase-bar__commerce { display: flex; align-items: center; gap: 20px; }
.course-purchase-bar__price { line-height: 1.5; white-space: nowrap; }
.course-purchase-bar__price .course-sales-price__current { font-size: 20px; }
.course-purchase-bar__price small { font-size: 12px; }
.pix-boleto-promo--bar { color: #626262; font-size: 12px; padding-right: 20px; border-right: 1px solid #e6e3dc; }
.pix-boleto-promo--bar strong, .pix-boleto-promo--bar small { display: block; }
.course-purchase-bar__actions { display: flex; align-items: center; gap: 10px; }
.wishlist-inline-form { margin: 0; }
.course-purchase-button, .wishlist-course-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border-radius: 7px; min-height: 46px; font-size: 14px; font-weight: 600; line-height: 1.5; }
.course-purchase-button--primary { background: #f6ce6b; color: #242424; border: 1px solid #f6ce6b; }
.course-purchase-button--primary:hover, .course-purchase-button--primary:focus { color: #242424; background: #e9bd52; text-decoration: none; }
.wishlist-course-button { color: #424242; background: #fff; border: 1px solid #d4d0c6; }
.wishlist-course-button:hover, .wishlist-course-button.is-active { background: #faf3df; color: #755919; }
.course-sales-hero a:focus-visible, .course-sales-page a:focus-visible, .course-sales-page button:focus-visible, .course-sales-module summary:focus-visible { outline: 3px solid #bd8d21; outline-offset: 4px; }
@media (max-width: 1100px) {
    .course-sales-hero__layout { gap: 32px; grid-template-columns: minmax(0, 1fr) 330px; }
    .course-purchase-bar .pix-boleto-promo--bar { display: none; }
}
@media (max-width: 767px) {
    body.course-sales-layout { padding-top: 120px; }
    .course-sales-hero { padding: 26px 20px 32px; }
    .course-sales-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .course-sales-breadcrumb { margin-bottom: 22px; }
    .course-sales-hero h1 { font-size: 30px; }
    .course-sales-hero__summary { font-size: 16px; }
    .course-sales-facts { gap: 10px 18px; padding-bottom: 12px; }
    .course-sales-offer { max-width: 480px; width: 100%; justify-self: center; }
    .course-sales-page.container { width: calc(100% - 40px); margin-bottom: 120px; }
    .course-sales-page .nav-tabs { gap: 24px; }
    .course-sales-page .nav-tabs > li > a { padding: 18px 0 14px; }
    .course-sales-section { padding: 28px 0; }
    .course-sales-section h2 { font-size: 23px; }
    .course-sales-section__heading { display: block; }
    .course-sales-section__heading .course-sales-text-button { margin-top: 6px; }
    .course-sales-module summary { padding: 16px 12px; gap: 10px; }
    .course-sales-module__count { display: none; }
    .course-sales-module ul { padding: 8px 14px; }
    .course-sales-module li { flex-wrap: wrap; gap: 6px 10px; }
    .course-sales-page .course-purchase-bar { padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); gap: 12px; }
    .course-purchase-bar__info, .course-purchase-bar .course-sales-price__discount, .course-purchase-bar .course-sales-price__original { display: none; }
    .course-purchase-bar .wishlist-course-button { font-size: 0; gap: 0; width: 44px; padding: 10px; }
    .course-purchase-bar .wishlist-course-button i { font-size: 16px; }
    .course-purchase-bar__price .course-sales-price__current { font-size: 18px; }
    .course-purchase-bar__price small { font-size: 11px; }
    .course-purchase-bar__actions { margin-left: auto; }
    .course-purchase-button { font-size: 14px; padding: 12px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .course-sales-hero *, .course-sales-page * { scroll-behavior: auto; transition: none; }
}
@media (max-width: 380px) {
    .course-sales-page .course-purchase-bar { padding-left: 12px; padding-right: 12px; gap: 10px; }
    .course-purchase-bar__price .course-sales-price__current { font-size: 16px; }
    .course-purchase-bar__price small { font-size: 11px; }
    .course-purchase-bar__actions { gap: 8px; }
    .course-purchase-bar .wishlist-course-button { width: 40px; }
    .course-purchase-button { padding: 12px 10px; font-size: 13px; }
}

/* Course marketplace layout: introduction and content beside a persistent offer. */
.course-sales-shell { max-width: 1180px; margin: 0 auto; width: calc(100% - 48px); display: grid; grid-template-columns: minmax(0, 1fr) 360px; column-gap: 48px; align-items: start; isolation: isolate; }
.course-sales-shell .course-sales-hero, .course-sales-shell .course-sales-hero__layout { display: contents; }
.course-sales-shell .course-sales-hero__intro { grid-column: 1; grid-row: 1; position: relative; padding: 36px 0 32px; color: #fff; }
.course-sales-shell .course-sales-hero__intro::before { content: ''; position: absolute; z-index: -1; inset: 0; background: #242424; box-shadow: 0 0 0 100vmax #242424; clip-path: inset(0 -100vmax); }
.course-sales-shell .course-sales-breadcrumb { margin-bottom: 22px; }
.course-sales-shell .course-sales-hero h1 { font-size: 34px; line-height: 1.25; margin-bottom: 16px; }
.course-sales-shell .course-sales-hero__summary { font-size: 17px; line-height: 1.6; margin-bottom: 20px; }
.course-sales-shell .course-sales-hero__author img { display: none; }
.course-sales-shell .course-sales-hero__author strong { display: inline; color: #f6ce6b; text-decoration: underline; }
.course-sales-shell .course-sales-facts { border: 0; margin: 16px 0 0; padding: 0; gap: 8px 18px; }
.course-sales-hero__updated { color: #e8e5de; font-size: 13px; margin: 12px 0 4px; }
.course-sales-hero__updated i { color: #f6ce6b; margin-right: 7px; }
.course-sales-shell .course-sales-offer { grid-column: 2; grid-row: 1 / span 2; margin-top: 32px; position: sticky; top: min(136px, calc(100dvh - var(--sales-offer-height, 780px) - 24px)); z-index: 2; border: 1px solid #e6e3dc; border-radius: 4px; box-shadow: 0 4px 18px #0002; }
.course-sales-shell .course-sales-offer__body { padding: 20px 24px 24px; }
.course-sales-shell .course-sales-page.container { grid-column: 1; grid-row: 2; width: 100%; min-width: 0; margin-bottom: 100px; }
.course-sales-shell .course-sales-overview { padding-top: 28px; max-width: none; }
.course-sales-shell .nav-tabs { gap: 22px; }
.course-sales-shell .nav-tabs > li > a { font-size: 13px; }
.course-sales-shell .course-sales-section { padding: 28px 0; border: 0; }
.course-sales-shell .course-sales-section h2, .course-sales-learning h2 { font: 600 24px/1.35 Poppins, sans-serif; margin: 0 0 20px; color: #242424; letter-spacing: -.02em; }
.course-sales-learning { border: 1px solid #d5d2ca; padding: 24px; margin: 0 0 4px; }
.course-sales-learning ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 28px; list-style: none; margin: 0; padding: 0; }
.course-sales-learning li { display: flex; gap: 14px; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.course-sales-learning li i { margin-top: 5px; color: #80601b; flex: 0 0 14px; }
.course-sales-topics ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; }
.course-sales-topics a { display: block; padding: 9px 17px; border: 1px solid #bcb7ac; border-radius: 24px; font-size: 14px; font-weight: 600; color: #242424; }
.course-sales-topics a:hover { background: #faf3df; border-color: #a7812d; text-decoration: none; }
.course-sales-includes { padding-top: 22px; }
.course-sales-includes h2 { font: 600 16px/1.4 Poppins, sans-serif; color: #242424; margin: 0 0 14px; }
.course-sales-includes ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.course-sales-includes li { display: flex; gap: 12px; font-size: 13px; line-height: 1.5; }
.course-sales-includes i { width: 17px; flex: 0 0 17px; margin-top: 3px; text-align: center; color: #79622f; }
.course-sales-includes small { display: block; color: #626262; font-size: 11px; line-height: 1.6; margin-top: 3px; }
.course-sales-video { background: #1a1a1a; color: #fff; scroll-margin-top: 140px; }
.course-sales-video__start { aspect-ratio: 16/9; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; padding: 20px; width: 100%; background: radial-gradient(ellipse at top right, #66532b, #242424 65%); border: 0; color: #fff; cursor: pointer; }
.course-sales-video__start:hover { background: radial-gradient(ellipse at top right, #836833, #242424 70%); }
.course-sales-video__eyebrow { color: #f6ce6b; font-size: 10px; font-weight: 600; letter-spacing: .12em; }
.course-sales-video__play { display: grid; place-items: center; width: 52px; height: 52px; background: #f6ce6b; color: #242424; border-radius: 50%; flex-shrink: 0; }
.course-sales-video__play i { font-size: 18px; margin-left: 3px; }
.course-sales-video__title { font-size: 14px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.course-sales-video__hint { font-size: 11px; color: #ddd8cd; }
.course-sales-video__player iframe, .course-sales-video__player video { display: block; aspect-ratio: 16/9; width: 100%; height: auto; border: 0; }
.course-sales-video__status { margin: 0; padding: 10px 14px; font-size: 12px; line-height: 1.6; }
.course-sales-video__text { max-height: 300px; overflow: auto; padding: 20px; background: #fff; color: #242424; font-size: 14px; }
.course-sales-video__text img { max-width: 100%; }
.course-sales-video--unavailable { padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; font-size: 14px; }
.course-sales-video--unavailable i { font-size: 32px; color: #f6ce6b; }
.course-sales-video--unavailable a { color: #f6ce6b; text-decoration: underline; }
.course-sales-video [hidden] { display: none; }
.course-sales-video button:focus-visible { outline: 3px solid #f6ce6b; outline-offset: -5px; }
.course-sales-shell .sales-lessons-layout { grid-template-columns: minmax(0, 1fr); }
.course-sales-shell .sales-routine-layout { grid-template-columns: minmax(0, 1fr); }
.course-sales-shell .sales-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 991px) {
    .course-sales-shell { display: block; width: 100%; }
    .course-sales-shell .course-sales-hero { display: block; padding: 28px 24px; }
    .course-sales-shell .course-sales-hero__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .course-sales-shell .course-sales-hero__intro { padding: 0; grid-column: auto; grid-row: auto; }
    .course-sales-shell .course-sales-hero__intro::before { display: none; }
    .course-sales-shell .course-sales-offer { position: static; grid-column: auto; grid-row: auto; margin: 0; width: 100%; max-width: 480px; justify-self: center; }
    .course-sales-shell .course-sales-page.container { width: calc(100% - 48px); }
}
@media (max-width: 600px) {
    .course-sales-shell .course-sales-hero { padding: 24px 20px; }
    .course-sales-shell .course-sales-hero h1 { font-size: 28px; }
    .course-sales-shell .course-sales-hero__summary { font-size: 16px; }
    .course-sales-shell .course-sales-page.container { width: calc(100% - 40px); }
    .course-sales-learning { padding: 20px; }
    .course-sales-learning ul { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .course-sales-shell .course-sales-section h2, .course-sales-learning h2 { font-size: 22px; }
    .course-sales-shell .sales-related-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Continuous sales page and recommendations ranked by purchase history. */
.sales-also-bought__intro { color: #626262; font-size: 14px; margin: -8px 0 18px; }
.sales-also-bought__row { display: grid; grid-template-columns: 96px minmax(0, 1fr) 140px; gap: 18px; padding: 20px 0; border-bottom: 1px solid #e6e3dc; align-items: start; }
.sales-also-bought__row:first-child { border-top: 1px solid #e6e3dc; }
.sales-also-bought__cover img { display: block; width: 96px; height: 72px; object-fit: cover; border: 1px solid #e6e3dc; }
.sales-also-bought__copy { min-width: 0; }
.sales-also-bought__copy h3 { margin: 0 0 8px; font: 600 16px/1.5 Poppins, sans-serif; overflow-wrap: anywhere; }
.sales-also-bought__copy h3 a { color: #242424; }
.sales-also-bought__copy h3 a:hover { color: #80601b; text-decoration: underline; }
.sales-also-bought__copy p { margin: 0 0 4px; font-size: 13px; color: #626262; }
.sales-also-bought__copy small { font-size: 12px; color: #626262; }
.sales-also-bought__price { text-align: right; font-size: 14px; }
.sales-also-bought__price small { font-size: 11px; }
.sales-also-bought__price .course-sales-price__current { font-size: 17px; font-weight: 600; }
@media (max-width: 600px) {
    .sales-also-bought__row { grid-template-columns: 72px minmax(0, 1fr); gap: 10px 14px; }
    .sales-also-bought__cover img { width: 72px; height: 60px; }
    .sales-also-bought__copy h3 { font-size: 14px; }
    .sales-also-bought__price { grid-column: 2; text-align: left; }
}