/* =============================================================================
   Pagina del corso come pagina di vendita
   Markup: single-sfwd-courses.php + template-parts/learndash/course-*.php
   Si appoggia a academy-base.css (token, bottoni, titoli) e learndash.css
   (programma, card d'iscrizione, barre, lightbox): qui solo le sezioni nuove
   e le correzioni che servono alle vecchie dentro la nuova impaginazione.

   Le sezioni si alternano chiaro / crema / scuro, così ognuna si legge come
   un capitolo a sé. Le foto stanno sempre grandi: sono la prova.
   ========================================================================== */

.mca-lp { background: #fff; }

.mca-lpsection { padding: 110px 0; scroll-margin-top: calc(var(--mca-ld-bar-top, 80px) + 60px); }

/* ── Cover ──────────────────────────────────────────────────────────────── */
.mca-lphero { background: var(--mca-cream); padding: 34px 0 80px; }

.mca-lphero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 64px;
    align-items: start;
}

.mca-lphero__media { position: sticky; top: calc(var(--mca-ld-bar-top, 80px) + 24px); }

.mca-lphero__frame {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    background: #e9e6e1;
}
/* La foto tiene il suo formato: le copertine dei corsi sono spesso grafiche
   con scritte, e un ritaglio fisso le taglierebbe. Solo un tetto in altezza,
   perché una foto verticale non spinga il resto fuori dallo schermo. */
.mca-lphero__poster { width: 100%; height: auto; max-height: 78vh; object-fit: cover; display: block; }
.mca-lphero__frame:not(:has(img)) { aspect-ratio: 16 / 10; }
.mca-lphero__frame iframe,
.mca-lphero__frame video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #000;
    object-fit: contain;
}
.mca-lphero__frame.has-video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(14, 14, 14, .55), rgba(14, 14, 14, 0) 45%);
    pointer-events: none;
}
.mca-lphero__frame.is-playing::after { display: none; }

.mca-lphero__play {
    position: absolute;
    left: 24px;
    bottom: 24px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 8px 22px 8px 8px;
    border: 0;
    border-radius: 100px;
    background: rgba(255, 255, 255, .95);
    color: var(--mca-ink);
    cursor: pointer;
    transition: transform .3s;
}
.mca-lphero__play:hover { transform: scale(1.04); }
.mca-lphero__play-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--mca-ink);
    color: #fff;
}
.mca-lphero__play-label { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; font-weight: 500; }

.mca-lphero__thumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}
.mca-lphero__thumb {
    position: relative;
    aspect-ratio: 1;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background: #e9e6e1;
    cursor: zoom-in;
}
.mca-lphero__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.mca-lphero__thumb:hover img { transform: scale(1.06); }
.mca-lphero__more {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(14, 14, 14, .55);
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}

.mca-lphero__info { padding-top: 12px; }

.mca-lphero__badges { display: flex; flex-wrap: wrap; gap: 8px; }
.mca-lpbadge {
    display: inline-flex;
    padding: 6px 13px;
    border: 1px solid rgba(14, 14, 14, .18);
    border-radius: 100px;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mca-body-dark);
}
.mca-lpbadge--solid { background: var(--mca-ink); border-color: var(--mca-ink); color: #fff; }

.mca .mca-lphero__title {
    margin: 22px 0 0;
    font-size: 54px;
    line-height: 1.02;
    font-weight: 500;
    letter-spacing: -.01em;
    text-transform: uppercase;
    color: var(--mca-ink);
}

.mca .mca-lphero__text {
    margin: 20px 0 0;
    font-size: 17px;
    line-height: 1.65;
    font-weight: 300;
    color: var(--mca-body-dark);
}

.mca-lphero__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.mca-lphero__chips li {
    padding: 8px 14px;
    border-radius: 100px;
    background: #fff;
    font-size: 13px;
    color: var(--mca-body-dark);
}

.mca-lphero__teacher { display: flex; align-items: center; gap: 12px; margin-top: 22px; font-size: 14px; color: var(--mca-body); }
.mca-lphero__teacher img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }

/* La card d'iscrizione dentro la cover: non più sospesa sopra una foto scura,
   ma un riquadro bianco nel flusso del testo. */
.mca-enroll--hero {
    position: static;
    margin-top: 28px;
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(14, 14, 14, .08);
}
.mca-enroll--hero .mca-enroll__body { padding: 28px 30px 30px; }

.mca-enroll__editions { margin-top: 22px; }
.mca-enroll__editions ul { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.mca-enroll__editions li {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid var(--mca-line);
    border-radius: 14px;
    color: var(--mca-ink);
}
.mca-enroll__editions li.is-full { opacity: .55; }
.mca-enroll__editions li.is-full strong { text-decoration: line-through; }
.mca-enroll__edition { display: grid; gap: 2px; }
.mca-enroll__edition strong { font-size: 15px; font-weight: 500; }
.mca-enroll__edition em { font-style: normal; font-size: 12.5px; color: var(--mca-muted); }
.mca-enroll__editions .mca-enroll__seats { margin-left: 0; white-space: nowrap; }
.mca-enroll__editions li.is-full .mca-enroll__seats { background: rgba(14, 14, 14, .08); color: var(--mca-body); }
/* Sul telefono le date «Inizia… e finisce…» vogliono tutta la larghezza:
   il badge dei posti scende sotto, allineato al testo. */
@media (max-width: 480px) {
    .mca-enroll__editions li { grid-template-columns: auto 1fr; row-gap: 8px; }
    .mca-enroll__editions li > svg { align-self: start; margin-top: 3px; }
    .mca-enroll__editions .mca-enroll__seats { grid-column: 2; justify-self: start; }
}

/* ── Titoli delle sezioni dentro i template riusati ─────────────────────── */
.mca-lp .mca-ldsection { margin: 0; }
.mca-lp .mca-ldsection + .mca-ldsection { margin-top: 0; }
.mca-lp .mca-ldsection__head { margin-bottom: 40px; }
.mca-lp .mca-title--xs { font-size: 42px; }

/* ── Cosa imparerai ─────────────────────────────────────────────────────── */
.mca-lplearn { background: #fff; }
.mca-lplearn .mca-ldlearn { margin-bottom: 0; }
.mca-lplearn .mca-ldlearn__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mca-lplearn .mca-ldlearn__item { border-radius: 22px; }
.mca-lplearn .mca-ldlearn__media { aspect-ratio: 4 / 5; }
.mca-lplearn .mca-ldlearn__media img { transition: transform .8s cubic-bezier(.19, 1, .22, 1); }
.mca-lplearn .mca-ldlearn__item:hover .mca-ldlearn__media img { transform: scale(1.05); }
.mca-lplearn .mca-ldlearn__title { font-size: 20px; }
.mca-lplearn .mca-ldlearn__body { padding: 22px 24px 26px; }

/* ── Risultati dei corsisti: fondo scuro, foto grandi ───────────────────── */
.mca-lpresults { background: var(--mca-ink); color: #fff; }
.mca-lpresults .mca-title,
.mca-lpresults .mca-ldsection__title h2 { color: #fff; }
.mca-lpresults .mca-ldsection__meta,
.mca-lpresults .mca-ldsection__count { color: var(--mca-onDark); }
.mca-lpresults .mca-ldresults__grid { columns: 4 250px; column-gap: 16px; }
.mca-lpresults .mca-ldresults__item { margin-bottom: 16px; }
.mca-lpresults .mca-ldresults__open { border-radius: 16px; background: #1c1c1c; }
.mca-lpresults .mca-ldresults__open:focus-visible { outline-color: #fff; }
.mca-lpresults .mca-ldresults__caption { color: var(--mca-onDark); }

/* ── Programma e date ───────────────────────────────────────────────────── */
.mca-lpprogram { background: var(--mca-cream); }
.mca-lpprogram__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 56px;
    align-items: start;
}
.mca-lpprogram__grid.is-single { grid-template-columns: minmax(0, 860px); }
.mca-lpprogram .learndash-wrapper .ld-item-list-item { background: #fff; }
.mca-lpprogram__head { margin-bottom: 8px; }

/* Con il contenuto via shortcode il titolo lo stampa LearnDash («Contenuto
   del Corso»): il titolo della sezione è già sopra, qui resterebbe doppio.
   Il bottone «espandi tutto» accanto invece serve, e resta. */
.mca-lpprogram .ld-section-heading > h2 { display: none; }
.mca-lpprogram .ld-section-heading { justify-content: flex-end; }
.mca-lpprogram__dates { position: sticky; top: calc(var(--mca-ld-bar-top, 80px) + 70px); }

.mca-lpdates { padding: 32px; border-radius: 22px; background: #fff; }
.mca-lpdates__title { margin: 8px 0 22px; font-size: 26px; font-weight: 500; line-height: 1.15; }
.mca-lpdates__list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.mca-lpdate { padding: 18px; border: 1px solid var(--mca-line); border-radius: 16px; }
.mca-lpdate.is-full { opacity: .55; }
.mca-lpdate.is-full .mca-lpdate__range { text-decoration: line-through; }
.mca-lpdate__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.mca-lpdate__top > div { display: grid; gap: 3px; }
.mca-lpdate__name { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mca-muted); }
.mca-lpdate__range { font-size: 17px; font-weight: 500; color: var(--mca-ink); }
.mca-lpdate__venue { font-size: 13px; color: var(--mca-body); }
.mca-lpdate__badge {
    flex: none;
    padding: 4px 10px;
    border-radius: 100px;
    background: rgba(23, 132, 90, .1);
    color: #17845a;
    font-size: 11.5px;
    white-space: nowrap;
}
.mca-lpdate.is-full .mca-lpdate__badge { background: rgba(14, 14, 14, .08); color: var(--mca-body); }
.mca-lpdate__days { display: grid; gap: 8px; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px dashed var(--mca-line); list-style: none; }
.mca-lpdate__days li { display: grid; gap: 1px; padding-left: 14px; border-left: 2px solid var(--mca-ink); }
.mca-lpdate__day { font-size: 13.5px; color: var(--mca-ink); }
.mca-lpdate__what { font-size: 12.5px; color: var(--mca-muted); }
.mca-lpdate__note { margin: 12px 0 0; font-size: 12.5px; color: var(--mca-muted); }
.mca-lpdates__empty { margin: 0; font-size: 14.5px; }
.mca-lpdates__link { display: inline-block; margin-top: 18px; font-size: 13px; color: var(--mca-ink); text-decoration: underline; text-underline-offset: 4px; }

/* ── Tutto quello che devi sapere ───────────────────────────────────────── */
.mca-lpinfo { background: #fff; }
.mca-lpinfo__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 64px;
    align-items: start;
}
.mca-lpinfo__grid.is-cards-only { grid-template-columns: 1fr; }
.mca-lpinfo__grid.is-cards-only .mca-lpinfo__cards { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

.mca-lpinfo__rte { margin-top: 28px; font-size: 16px; line-height: 1.75; font-weight: 300; color: var(--mca-body-dark); }
.mca-lpinfo__rte > :first-child { margin-top: 0; }
.mca-lpinfo__rte h2,
.mca-lpinfo__rte h3,
.mca-lpinfo__rte h4 { margin: 36px 0 12px; font-family: 'Space Grotesk', sans-serif; font-weight: 500; line-height: 1.2; color: var(--mca-ink); text-transform: none; }
.mca-lpinfo__rte h2 { font-size: 26px; }
.mca-lpinfo__rte h3 { font-size: 21px; }
.mca-lpinfo__rte h4 { font-size: 18px; }
.mca-lpinfo__rte p { margin: 0 0 14px; }
.mca-lpinfo__rte ul { margin: 0 0 18px; padding: 0; list-style: none; }
.mca-lpinfo__rte li { position: relative; margin-bottom: 8px; padding-left: 26px; }
.mca-lpinfo__rte li::before { content: "✓"; position: absolute; left: 0; color: var(--mca-ink); font-weight: 600; }
.mca-lpinfo__rte blockquote { margin: 0 0 20px; padding: 16px 22px; border-left: 3px solid var(--mca-ink); background: var(--mca-cream); border-radius: 0 12px 12px 0; }
.mca-lpinfo__rte img { max-width: 100%; height: auto; border-radius: 16px; }
.mca-lpinfo__rte--small { margin-top: 10px; font-size: 14px; }

.mca-lpinfo__cards { display: grid; gap: 14px; position: sticky; top: calc(var(--mca-ld-bar-top, 80px) + 70px); }
.mca-lpcard { padding: 26px 28px; border: 1px solid var(--mca-line); border-radius: 20px; background: #fff; }
.mca-lpcard p { margin: 10px 0 0; font-size: 14.5px; line-height: 1.6; }
.mca-lpcard--cream { background: var(--mca-cream); border-color: transparent; }
.mca-lpcard--dark { background: var(--mca-ink); border-color: var(--mca-ink); color: #fff; }
.mca-lpcard__label { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--mca-muted); }
.mca-lpcard--dark .mca-lpcard__label { color: var(--mca-onDark); }
.mca-lpcard__small { font-size: 13px !important; color: var(--mca-muted); }

.mca-lpfacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 18px; margin-top: 16px; }
.mca-lpfacts__item { display: grid; gap: 4px; }
.mca-lpfacts__num { font-size: 38px; line-height: 1; font-weight: 600; color: #fff; }
.mca-lpfacts__label { font-size: 12.5px; color: var(--mca-onDark); }

.mca-lpchecks { display: grid; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; font-size: 14.5px; color: var(--mca-body-dark); }
.mca-lpchecks li { display: flex; gap: 10px; }
.mca-lpchecks span { font-weight: 600; color: var(--mca-ink); }

.mca-lpcert { display: grid; grid-template-columns: 64px 1fr; gap: 18px; align-items: center; }
.mca-lpcert__mark { width: 64px; height: auto; }
.mca-lpcert__name { margin-top: 6px; font-size: 18px; font-weight: 500; color: var(--mca-ink); }

.mca-lplinks { margin: 10px 0 0; padding: 0; list-style: none; }
.mca-lplinks a { font-size: 15px; font-weight: 500; color: var(--mca-ink); text-decoration: none; }
.mca-lplinks a:hover { text-decoration: underline; }

/* ── La docente ─────────────────────────────────────────────────────────── */
.mca-lpteacher { background: var(--mca-cream); }
.mca-lpteacher__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: center; }
.mca-lpteacher__photo { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 26px; }
.mca-lpteacher__role { margin-top: 8px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--mca-muted); }
.mca-lpteacher__text { margin-top: 22px; font-size: 16px; line-height: 1.75; font-weight: 300; color: var(--mca-body-dark); }

/* Le recensioni vengono dopo la docente, che è crema: qui tornano bianche. */
.mca-lp .mca-reviews { background: #fff; padding: 110px 0; }

/* ── Chiusura ───────────────────────────────────────────────────────────── */
.mca-lpcta { position: relative; overflow: hidden; padding: 140px 0; background: var(--mca-ink); color: #fff; text-align: center; }
.mca-lpcta__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mca-lpcta__veil { position: absolute; inset: 0; background: rgba(14, 14, 14, .66); }
.mca-lpcta__inner { position: relative; display: grid; justify-items: center; }
.mca-lpcta .mca-eyebrow { color: var(--mca-onDark); }
.mca .mca-lpcta__title { max-width: 820px; margin: 16px 0 0; font-size: 56px; line-height: 1.04; font-weight: 500; color: #fff; }
.mca-lpcta__facts { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px 28px; margin-top: 26px; font-size: 16px; color: rgba(255, 255, 255, .85); }
.mca-lpcta__facts strong { color: #fff; font-weight: 500; }
.mca-lpcta__price { display: inline-flex; align-items: baseline; gap: 10px; }
.mca-lpcta__price s { color: rgba(255, 255, 255, .55); }
.mca-lpcta__price strong { font-size: 30px; }
/* Il prezzo in saldo arriva da WooCommerce con <del> e <ins> dentro. */
.mca-lpcta__price del { margin-right: 10px; font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, .55); }
.mca-lpcta__price ins { text-decoration: none; }
.mca-lpcta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; }
.mca-lpcta__actions .mca-btn { padding: 18px 32px; gap: 10px; }

/* La barra d'acquisto si fa da parte quando si vede la chiusura. */
.mca-ldbuy.is-hidden-by-cta { transform: translateY(110%); opacity: 0; pointer-events: none; }

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
    .mca .mca-lphero__title { font-size: 42px; }
    .mca-lphero__grid { gap: 40px; }
    .mca-lpresults .mca-ldresults__grid { columns: 3 220px; }
}

@media (max-width: 991.98px) {
    .mca-lpsection { padding: 80px 0; }
    .mca-lphero { padding-bottom: 56px; }
    .mca-lphero__grid,
    .mca-lpprogram__grid,
    .mca-lpinfo__grid,
    .mca-lpteacher__grid { grid-template-columns: 1fr; gap: 40px; }
    .mca-lphero__media,
    .mca-lpprogram__dates,
    .mca-lpinfo__cards { position: static; }
    .mca-lphero__info { padding-top: 0; }
    .mca-enroll--hero { max-width: none; }
    .mca-lplearn .mca-ldlearn__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mca-lpteacher__photo { max-width: 420px; }
    .mca .mca-lpcta__title { font-size: 42px; }
    .mca-lp .mca-reviews { padding: 80px 0; }
}

@media (max-width: 575.98px) {
    .mca-lpsection { padding: 64px 0; }
    .mca-lphero { padding-top: 20px; }
    .mca-lphero__grid { gap: 28px; }
    .mca-lphero__frame { border-radius: 20px; }
    .mca-lphero__poster { max-height: 70vh; }
    .mca-lphero__thumbs { gap: 8px; }
    .mca-lphero__thumb { border-radius: 10px; }
    .mca-lphero__play { left: 14px; bottom: 14px; padding-right: 16px; }
    .mca-lphero__play-icon { width: 44px; height: 44px; }
    .mca .mca-lphero__title { font-size: 32px; }
    .mca .mca-lphero__text { font-size: 15.5px; }
    .mca-enroll--hero .mca-enroll__body { padding: 22px 20px 24px; }
    .mca-lp .mca-title--xs { font-size: 30px; }
    .mca-lplearn .mca-ldlearn__grid { grid-template-columns: 1fr; }
    .mca-lpresults .mca-ldresults__grid { columns: 2 130px; column-gap: 10px; }
    .mca-lpresults .mca-ldresults__item { margin-bottom: 10px; }
    .mca-lpresults .mca-ldresults__open { border-radius: 10px; }
    .mca-lpdates { padding: 22px 18px; }
    .mca-lpcard { padding: 22px 20px; }
    .mca-lpcta { padding: 96px 0; }
    .mca .mca-lpcta__title { font-size: 32px; }
    .mca-lpcta__actions { width: 100%; }
    .mca-lpcta__actions .mca-btn { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .mca-lphero__thumb img,
    .mca-lplearn .mca-ldlearn__media img { transition: none; }
}

/* =============================================================================
   Masterclass — la stessa pagina, con le sue due differenze
   Markup: woocommerce/single-product-masterclass.php
   ========================================================================== */

.mca-lphero__notices:empty { display: none; }
.mca-lphero__notices { margin-bottom: 18px; }
.mca .mca-lphero__subtitle { margin: 14px 0 0; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--mca-muted); }

/* ── Il programma a giornate ──────────────────────────────────────────── */
.mca-lpdays { display: grid; gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; }
.mca-lpday { padding: 26px 28px; border-radius: 20px; background: #fff; }
.mca-lpday__label { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--mca-muted); }
.mca .mca-lpday__title { margin: 8px 0 0; font-size: 22px; font-weight: 500; line-height: 1.2; color: var(--mca-ink); }
.mca-lpday__text { margin: 12px 0 0; font-size: 15.5px; line-height: 1.7; font-weight: 300; color: var(--mca-body-dark); }

.mca-lpgoal {
    display: grid;
    gap: 8px;
    margin: 20px 0 0;
    padding: 22px 26px;
    border-left: 3px solid var(--mca-ink);
    border-radius: 0 16px 16px 0;
    background: rgba(255, 255, 255, .6);
    font-size: 16px;
    line-height: 1.65;
    color: var(--mca-ink);
}

/* ── Il modulo d'acquisto dentro la card ──────────────────────────────── */
/* Le date, la quantità e il bottone arrivano da single-product.css: qui solo
   quello che serve perché stiano nella card come i bottoni dei corsi. */
.mca-enroll--product .mca-enroll__actions { margin-top: 22px; }
.mca-enroll--product .mca-mcbuy { padding: 0; border: 0; background: none; }
.mca-enroll--product .mca-mcbuy__date { border-color: var(--mca-line); border-radius: 14px; }
.mca-enroll--product .mca-mcbuy__when { font-family: 'Space Grotesk', sans-serif; }
.mca-enroll--product form.cart { gap: 12px; }
.mca .mca-enroll--product form.cart .single_add_to_cart_button {
    min-width: 0;
    padding: 17px 30px;
    border-radius: 100px;
    background: var(--mca-ink);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .06em;
}
.mca .mca-enroll--product form.cart .single_add_to_cart_button:hover { background: #333; }

@media (max-width: 575.98px) {
    .mca-lpday { padding: 22px 20px; }
    .mca .mca-lpday__title { font-size: 19px; }
    .mca-lpgoal { padding: 18px 20px; }
}