/**
 * Cataloghi pubblici
 *
 * Un solo linguaggio visivo per le liste, con tre funnel distinti:
 * corsi acquistabili, percorsi universitari e corsi di laurea.
 */

/* Hero: l'immagine resta leggibile, il contrasto e' concentrato dietro al testo. */
.category-hero.catalog-list-hero {
    display: flex;
    align-items: center;
    min-height: 330px;
    padding: 56px 0;
    background-position: center 38%;
}

.category-hero.catalog-list-hero .category-hero-overlay {
    background:
        linear-gradient(90deg, rgba(10, 35, 55, .70) 0%, rgba(10, 35, 55, .48) 43%, rgba(10, 35, 55, .13) 76%, rgba(10, 35, 55, .03) 100%),
        linear-gradient(0deg, rgba(8, 28, 44, .16), rgba(8, 28, 44, .03));
}

.category-hero.catalog-list-hero--university .category-hero-overlay {
    background:
        linear-gradient(90deg, rgba(14, 43, 64, .69) 0%, rgba(14, 43, 64, .46) 44%, rgba(14, 43, 64, .12) 78%, rgba(14, 43, 64, .02) 100%),
        linear-gradient(0deg, rgba(9, 29, 44, .14), rgba(9, 29, 44, .02));
}

.category-hero.catalog-list-hero--degree .category-hero-overlay {
    background:
        linear-gradient(90deg, rgba(14, 43, 64, .70) 0%, rgba(14, 43, 64, .47) 44%, rgba(14, 43, 64, .13) 78%, rgba(14, 43, 64, .02) 100%),
        linear-gradient(0deg, rgba(9, 29, 44, .14), rgba(9, 29, 44, .02));
}

.catalog-list-hero .category-hero-content {
    max-width: 760px;
}

.category-hero.catalog-list-hero--compact > .container {
    padding-top: 0;
    padding-bottom: 0;
}

.catalog-list-hero .category-hero-title {
    max-width: 740px;
    margin-bottom: 13px;
    font-size: clamp(32px, 3.2vw, 44px);
    line-height: 1.12;
    text-shadow: 0 2px 10px rgba(0, 18, 31, .42);
}

.catalog-list-hero .category-hero-subtitle {
    max-width: 680px;
    margin-bottom: 21px;
    font-size: 17px;
    line-height: 1.55;
    text-shadow: 0 1px 5px rgba(0, 18, 31, .48);
}

.catalog-list-hero .category-hero-badges {
    gap: 9px;
}

.catalog-list-hero .category-hero-badges .hero-badge {
    min-height: 40px;
    padding: 8px 14px;
    border-color: rgba(255, 255, 255, .38);
    background: rgba(12, 39, 59, .38);
    box-shadow: 0 5px 16px rgba(3, 23, 37, .1);
    backdrop-filter: blur(8px);
}

.catalog-list-hero .category-hero-badges .hero-badge i {
    color: #74d0f7;
}

/* Liste universitarie: prima schermata piu' corta e informazioni senza
   l'effetto "nuvola di badge". */
.category-hero.catalog-list-hero--compact {
    box-sizing: border-box;
    min-height: 220px;
    padding: 22px 0;
}

.catalog-list-hero--compact .category-hero-title {
    max-width: 800px;
    margin-bottom: 10px;
    font-size: clamp(31px, 2.7vw, 40px);
}

.catalog-list-hero--compact .category-hero-subtitle {
    max-width: 760px;
    margin-bottom: 17px;
    font-size: 16px;
    line-height: 1.45;
}

.catalog-hero-proofline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    color: rgba(255, 255, 255, .93);
    font-size: 13.5px;
}

.catalog-hero-proofline span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.catalog-hero-proofline span + span {
    position: relative;
    padding-left: 22px;
}

.catalog-hero-proofline span + span::before {
    position: absolute;
    left: 0;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, .35);
    content: '';
}

.catalog-hero-proofline i {
    color: #76d2f7;
}

.catalog-hero-proofline strong {
    color: #fff;
    font-weight: 800;
}

/* Barra dei dati: sobria e leggibile, non una seconda CTA. */
.catalog-list-statbar.trust-bar {
    border: 0;
    background: #173f5b;
    box-shadow: none;
}

.catalog-list-statbar .container {
    padding-top: 0;
    padding-bottom: 0;
}

.catalog-list-statbar .row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.catalog-list-statbar .row::before,
.catalog-list-statbar .row::after {
    display: none;
}

.catalog-list-statbar .trust-item {
    display: flex;
    float: none;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 60px;
    padding: 10px 18px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    font-size: 14px;
}

.catalog-list-statbar .trust-item:last-child {
    border-right: 0;
}

.catalog-list-statbar .trust-item i {
    color: #72cef5;
}

/* Filtri: la stessa gerarchia in ogni catalogo. */
.catalog-list-toolbar.master-filter-bar,
.catalog-list-toolbar.laurea-filter-bar {
    margin: 20px 0 22px;
}

.catalog-list-toolbar .master-filter-card,
.catalog-list-toolbar .laurea-filter-card,
.catalog-list-content .cat-filter-card {
    border: 1px solid #e2eaf0;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(32, 65, 94, .06);
}

.catalog-list-toolbar .master-filter-card,
.catalog-list-toolbar .laurea-filter-card {
    padding: 16px 20px;
}

.catalog-list-toolbar .master-filter-card {
    padding: 14px 18px;
}

.catalog-list-toolbar .laurea-filter-card {
    padding: 14px 18px;
}

.catalog-list-toolbar .master-filter-card .filters-header {
    margin-bottom: 10px;
}

.catalog-list-toolbar .laurea-filter-card .filters-header {
    margin-bottom: 10px;
}

.catalog-list-toolbar .filters-title,
.catalog-list-content .cat-filter-card .ft {
    color: #1678b8;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .55px;
}

.catalog-list-toolbar .filters-count,
.catalog-list-content .cat-filter-card .fc {
    border: 1px solid #d3e8f6;
    background: #f0f8fd;
    color: #1678b8;
}

.catalog-filter-hint {
    margin: 4px 0 0;
    color: #647789;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.35;
    text-transform: none;
}

.catalog-guide-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 12px;
    padding-top: 11px;
}

.catalog-guide-links a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.catalog-guide-links a i {
    margin: 0;
}

.catalog-list-content--university .cat-layout {
    margin-top: 18px;
}

.catalog-list-content--university .cat-filter-card {
    margin-bottom: 18px;
    padding: 16px 20px;
}

.catalog-list-content--university .cat-filter-card .fh {
    margin-bottom: 10px;
}

.catalog-list-content--university .cat-filter-card .form-control {
    height: 42px;
}

.catalog-backlink {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #467087;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
}

.catalog-backlink:hover,
.catalog-backlink:focus {
    color: #147ab8;
    text-decoration: underline;
}

/* La scelta del livello e' il router principale dell'hub, non una fila di
   pulsanti equivalenti. */
.master-level-links.master-choice-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.catalog-list-toolbar .master-level-links.master-choice-links {
    margin-bottom: 10px;
}

.master-choice-links .master-level-link {
    min-height: 58px;
    margin: 0;
    padding: 11px 13px;
    border-color: #d8e6ef;
    background: #f8fbfd;
}

.catalog-list-toolbar .master-area-search {
    padding-top: 10px;
}

.catalog-list-toolbar .master-area-search .master-axis-label {
    margin-bottom: 5px;
}

.catalog-list-toolbar .master-area-search .form-control,
.catalog-list-toolbar .master-filters .form-control {
    height: 44px;
}

.catalog-list-toolbar .laurea-filters .form-control {
    height: 44px;
}

.degree-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.degree-orientation-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid #147ab8;
    border-radius: 9px;
    background: #147ab8;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(20, 122, 184, .2);
    transition: transform .15s ease, box-shadow .15s ease;
}

.degree-orientation-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(20, 122, 184, .3);
}

.degree-orientation-cta:hover,
.degree-orientation-cta:focus {
    border-color: #106898;
    background: #106898;
    color: #fff;
}

.master-choice-links .master-level-link > i {
    width: 24px;
    color: #198acb;
    font-size: 16px;
    text-align: center;
}

.master-choice-links .master-level-link span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.master-choice-links .master-level-link strong {
    color: #176fa6;
    font-size: 13.5px;
    line-height: 1.25;
}

.master-choice-links .master-level-link small {
    color: #647789;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.3;
}

.master-choice-links .master-level-link:hover strong,
.master-choice-links .master-level-link:focus strong,
.master-choice-links .master-level-link:hover small,
.master-choice-links .master-level-link:focus small,
.master-choice-links .master-level-link:hover > i,
.master-choice-links .master-level-link:focus > i {
    color: #fff;
}

.catalog-list-toolbar .form-control,
.catalog-list-content .cat-filter-card .form-control {
    border-color: #d7e1e9;
    background: #fff;
}

.catalog-list-content--university .courses-grid,
.catalog-list-content--degree .courses-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.catalog-list-content .subcategory-header,
.catalog-list-content .livello-group .subcategory-header {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin: 25px 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #dbeaf4;
}

.catalog-list-content .subcategory-title {
    color: #203f5c;
    font-size: 22px;
    line-height: 1.25;
}

.catalog-list-content .catalog-results-container {
    margin-top: 18px;
    margin-bottom: 30px;
}

.catalog-filter-empty {
    margin: 18px 0 0;
    padding: 16px 18px;
    border: 1px solid #d8e7f1;
    border-radius: 10px;
    background: #f6fafc;
    color: #405b70;
    font-weight: 600;
}

.catalog-filter-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-left: 10px;
    padding: 6px 12px;
    border: 1px solid #147ab8;
    border-radius: 7px;
    background: #fff;
    color: #147ab8;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
}

.catalog-filter-reset:hover,
.catalog-filter-reset:focus {
    background: #147ab8;
    color: #fff;
}

.catalog-list-content .livello-group .subcategory-header {
    margin-top: 14px;
    margin-bottom: 12px;
}

/* Card corsi/master: immagine piu' compatta, corpo leggibile, azione netta. */
.catalog-list-content .course-card-sales {
    border: 1px solid #e1e8ee;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(27, 58, 83, .08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.catalog-list-content .course-card-sales:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(27, 58, 83, .16);
}

.catalog-list-content .course-card-sales .card-overlay {
    height: 148px;
}

.catalog-list-content .course-card-sales .card-content {
    padding: 17px 20px 20px;
}

.catalog-list-content .course-card-sales .card-title {
    display: -webkit-box;
    overflow: hidden;
    min-height: 47px;
    margin-bottom: 8px;
    color: #18364f;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.catalog-list-content .course-card-sales--university .card-title {
    min-height: 47px;
    -webkit-line-clamp: 2;
}

.catalog-list-content .course-card-sales .card-summary {
    color: #607385;
}

.catalog-list-content .course-card-sales .card-decision-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 14px;
    margin-bottom: 12px;
}

.catalog-list-content .course-card-sales .card-decision-list li {
    color: #4d6477;
    font-size: 12.25px;
    line-height: 1.35;
}

.catalog-list-content .course-card-sales .card-decision-list li:only-child {
    grid-column: 1 / -1;
}

.catalog-list-content .course-card-sales .card-price-row {
    min-height: 58px;
    margin-bottom: 12px;
    padding-top: 12px;
}

.catalog-list-content .course-card-sales .card-price-main .price-current {
    color: #147ab8;
}

.catalog-list-content .course-card-sales .card-actions {
    gap: 8px;
}

.catalog-list-content .course-card-sales .btn-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 8px;
    font-weight: 800;
}

.catalog-list-content .course-card-sales--university .card-actions .btn-cta {
    width: 100%;
}

.catalog-list-content .course-card-sales--university .btn-cta-primary {
    background: #147ab8;
    border-color: #147ab8;
}

.catalog-list-content .course-card-sales--university .btn-cta-primary:hover,
.catalog-list-content .course-card-sales--university .btn-cta-primary:focus {
    background: #106898;
    border-color: #106898;
}

/* Hub aree master. */
.catalog-list-content--areas .areas-grid {
    gap: 20px;
}

.catalog-list-content--areas .area-card {
    height: 220px;
    border: 1px solid rgba(31, 74, 104, .12);
    border-radius: 14px;
    box-shadow: 0 7px 22px rgba(29, 61, 87, .11);
    transition: transform .2s ease, box-shadow .2s ease;
}

.catalog-list-content--areas .area-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(29, 61, 87, .18);
}

.catalog-list-content--areas .area-card .card-scrim {
    background: linear-gradient(180deg, rgba(9, 30, 46, .04) 24%, rgba(9, 30, 46, .52) 63%, rgba(9, 30, 46, .91) 100%);
}

.catalog-list-content--areas .area-card .card-count {
    border: 1px solid rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 4px 12px rgba(0, 20, 35, .12);
}

.catalog-list-content--areas .area-card .card-name {
    font-size: 21px;
}

/* Lauree: gruppi meno pesanti e card dedicate alla scelta, non alla vendita. */
.catalog-list-content--degree .facolta-group {
    margin-bottom: 30px;
}

.catalog-list-content--degree .facolta-header {
    min-height: 58px;
    padding: 10px 16px;
    border: 1px solid #d9e6ee;
    border-left: 4px solid #147ab8;
    border-radius: 10px;
    background: #f4f9fc;
    color: #203f5c;
}

.catalog-list-content--degree .facolta-header .facolta-icon {
    width: 34px;
    height: 34px;
    background: #dff1fb;
    color: #147ab8;
    font-size: 15px;
}

.catalog-list-content--degree .facolta-header .facolta-title {
    color: #203f5c;
    font-size: 18px;
    font-weight: 800;
}

.catalog-list-content--degree .facolta-header .facolta-count {
    border: 1px solid #cfe5f2;
    background: #fff;
    color: #147ab8;
    font-weight: 700;
}

.catalog-list-content--degree .facolta-body {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.catalog-list-content--degree .tipologia-group {
    padding: 16px 0 0;
    border-bottom: 0;
}

.catalog-list-content--degree .tipologia-group + .tipologia-group {
    margin-top: 22px;
    border-top: 1px solid #e2ebf1;
}

.catalog-list-content--degree .course-card-laurea .card-title {
    min-height: 70px;
    -webkit-line-clamp: 3;
}

.catalog-list-content--degree .course-card-laurea .card-info-laurea {
    margin-top: auto;
}

.catalog-list-content--degree .course-card-laurea .card-actions {
    margin-top: auto;
}

@media (max-width: 991px) {
    .category-hero.catalog-list-hero {
        min-height: 290px;
        padding: 48px 0;
    }

    .catalog-list-content--university .courses-grid,
    .catalog-list-content--degree .courses-grid {
        grid-template-columns: 1fr;
    }

    .master-level-links.master-choice-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .master-level-links.master-choice-links .master-level-link:nth-child(3):last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .category-hero.catalog-list-hero {
        min-height: 260px;
        padding: 42px 0;
        background-position: center;
    }

    .category-hero.catalog-list-hero--compact {
        min-height: 235px;
        padding: 27px 0 29px;
    }

    .category-hero.catalog-list-hero .category-hero-overlay,
    .category-hero.catalog-list-hero--university .category-hero-overlay,
    .category-hero.catalog-list-hero--degree .category-hero-overlay {
        background: linear-gradient(135deg, rgba(10, 35, 55, .63), rgba(10, 35, 55, .48));
    }

    .catalog-list-hero .category-hero-title {
        font-size: 29px;
    }

    .catalog-list-hero .category-hero-subtitle {
        font-size: 15px;
    }

    .catalog-list-hero--compact .category-hero-title {
        margin-bottom: 8px;
        font-size: 28px;
        line-height: 1.12;
    }

    .catalog-list-hero--compact .category-hero-subtitle {
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.42;
    }

    .catalog-hero-proofline {
        gap: 7px 14px;
        font-size: 12px;
    }

    .catalog-hero-proofline span + span {
        padding-left: 0;
    }

    .catalog-hero-proofline span + span::before {
        display: none;
    }

    .catalog-list-statbar .row {
        grid-template-columns: 1fr;
    }

    .catalog-list-statbar .trust-item {
        min-height: 42px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
        font-size: 13px;
    }

    .catalog-list-statbar .trust-item:last-child {
        border-bottom: 0;
    }

    .catalog-list-toolbar .master-filter-card,
    .catalog-list-toolbar .laurea-filter-card,
    .catalog-list-content .cat-filter-card {
        padding: 17px;
    }

    .catalog-list-content--university .cat-filter-card {
        padding: 15px 16px;
    }

    .catalog-list-toolbar.master-filter-bar {
        margin: 16px 0 18px;
    }

    .catalog-list-toolbar .filters-header {
        align-items: flex-start;
        margin-bottom: 11px;
    }

    .catalog-list-content .cat-filter-card .fh {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .catalog-list-content .cat-filter-card .fh > div {
        flex: 1 1 auto;
        min-width: 0;
    }

    .catalog-list-toolbar .catalog-filter-hint,
    .catalog-list-content .cat-filter-card .catalog-filter-hint {
        display: none;
    }

    .catalog-list-toolbar .filters-count {
        padding: 4px 10px;
        font-size: 11.5px;
    }

    .degree-toolbar-actions {
        width: 100%;
        justify-content: space-between;
    }

    .catalog-list-toolbar .laurea-filters {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .catalog-list-toolbar .laurea-filters .filter-search {
        grid-column: 1 / -1;
    }

    .catalog-list-toolbar .laurea-filters .filter-group,
    .catalog-list-toolbar .laurea-filters .filter-search {
        min-width: 0;
    }

    .master-choice-links .master-level-link {
        min-height: 68px;
        padding: 9px 10px;
    }

    .master-choice-links .master-level-link > i {
        width: 18px;
        font-size: 14px;
    }

    .master-choice-links .master-level-link strong {
        font-size: 12.5px;
    }

    .master-choice-links .master-level-link small {
        font-size: 10.5px;
    }

    .master-area-search {
        padding-top: 11px;
    }

    .catalog-list-toolbar,
    .catalog-list-content,
    .catalog-list-content .cat-layout,
    .catalog-list-content .cat-main,
    .catalog-list-content .cat-group,
    .catalog-list-content .courses-grid,
    .catalog-list-content .course-card-sales {
        min-width: 0;
        max-width: 100%;
    }

    .catalog-list-toolbar > .container,
    .catalog-list-content > .container,
    .container.catalog-list-content {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .catalog-list-content .cat-filters {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .catalog-list-content .cat-filters .fg {
        width: 100%;
        min-width: 0;
    }

    .catalog-list-content .cat-filters .fg:only-child,
    .catalog-list-content .cat-filters .fg:first-child:nth-last-child(3) {
        grid-column: 1 / -1;
    }

    .catalog-list-content .course-card-sales .card-price-row {
        flex-wrap: nowrap;
        gap: 10px;
    }

    .catalog-list-content .course-card-sales .card-price-side {
        align-items: flex-end;
        width: auto;
        margin-left: auto;
        text-align: right;
    }

    .catalog-list-content .course-card-sales .card-price-benefit,
    .catalog-list-content .course-card-sales .card-price-online,
    .catalog-list-content .course-card-sales .card-price-installment,
    .catalog-list-content .course-card-sales .card-price-breakdown,
    .catalog-list-content .course-card-sales .card-iscrizioni-aperte,
    .catalog-list-content .course-card-sales .card-enrollment-deadline {
        max-width: 168px;
        white-space: normal;
    }

    .catalog-list-content .course-card-sales .card-overlay {
        height: 126px;
    }

    .catalog-list-content .course-card-sales .card-content {
        padding: 14px 16px 16px;
    }

    .catalog-list-content .course-card-sales .card-title {
        margin-bottom: 6px;
    }

    .catalog-list-content .course-card-sales .card-decision-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 10px;
    }

    .catalog-list-content .course-card-sales .card-decision-list li:only-child {
        grid-column: 1 / -1;
    }

    .catalog-list-content .course-card-sales .card-title,
    .catalog-list-content .course-card-sales--university .card-title,
    .catalog-list-content--degree .course-card-laurea .card-title {
        min-height: 0;
    }

    .catalog-list-content .course-card-sales--course .card-actions {
        flex-direction: row;
    }

    .catalog-list-content .course-card-sales .btn-cta {
        min-width: 0;
        padding: 9px 10px;
    }

    .catalog-list-content--degree .facolta-header {
        flex-wrap: nowrap;
        padding: 10px 12px;
    }

    .catalog-list-content--degree .facolta-header .facolta-count {
        margin-left: auto;
    }

    .catalog-list-content--degree .tipologia-group {
        padding: 14px 0 0;
    }

    .catalog-filter-reset {
        min-height: 44px;
        margin: 10px 0 0;
    }
}

@media (max-width: 359px) {
    .master-level-links.master-choice-links,
    .catalog-list-content .cat-filters,
    .catalog-list-content .course-card-sales .card-decision-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .master-level-links.master-choice-links .master-level-link:nth-child(3):last-child,
    .catalog-list-content .cat-filters .fg:first-child:nth-last-child(3) {
        grid-column: auto;
    }

    .catalog-list-content .course-card-sales .card-price-row {
        flex-wrap: wrap;
    }

    .catalog-list-content .course-card-sales .card-price-side {
        align-items: flex-start;
        width: 100%;
        margin-left: 0;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .catalog-list-content .course-card-sales,
    .catalog-list-content--areas .area-card .card-img {
        transition: none;
    }
}