/* Madame Corail – bandeau « Installer l'appli » */
.mca-pwa { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 99990; display: flex; align-items: center; gap: 12px; max-width: 560px; margin: 0 auto; padding: 12px 14px; border-radius: 20px; background: #0F2A43; color: #F7F1E3; box-shadow: 0 18px 40px rgba(0, 0, 0, .35); font-family: "Hanken Grotesk", system-ui, sans-serif; transform: translateY(140%); transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
.mca-pwa.is-in { transform: none; }
.mca-pwa-icon { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 13px; border: 2px solid rgba(247, 241, 227, .25); }
.mca-pwa-body { flex: 1 1 auto; min-width: 0; }
.mca-pwa-title { margin: 0 0 2px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; color: #F26B5B; }
.mca-pwa-text { margin: 0; font-size: 14px; line-height: 1.4; color: #E6ECF1; }
.mca-pwa-text strong { color: #F7F1E3; }
.mca-pwa-share { display: inline-flex; vertical-align: -4px; width: 20px; height: 20px; color: #F26B5B; }
.mca-pwa-share svg { width: 20px; height: 20px; }
.mca-pwa-actions { flex: 0 0 auto; display: flex; flex-direction: column; gap: 6px; }
.mca-pwa-actions button { border: 0; border-radius: 999px; padding: 9px 16px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; line-height: 1; }
.mca-pwa-install { background: #F26B5B; color: #0F2A43; }
.mca-pwa-later { background: transparent; color: #BCCCDA; border: 1px solid rgba(247, 241, 227, .3) !important; }
.mca-pwa-install:hover, .mca-pwa-install:focus-visible { background: #F7857A; }
.mca-pwa-later:hover, .mca-pwa-later:focus-visible { color: #F7F1E3; }
@media (prefers-reduced-motion: reduce) { .mca-pwa { transition: none; } }

/* Lien dans le pied de page */
.mcf-app { margin-left: .75rem; padding: 0; border: 0; background: none; color: #F26B5B; font: inherit; text-decoration: underline; cursor: pointer; }
.mcf-app:hover, .mcf-app:focus-visible { color: #F7F1E3; }

/* Section « L'appli Madame Corail » (accueil) */
.mca-app-promo { background: #F7F1E3; color: #0F2A43; }
.mca-app-grid { display: grid; gap: 2.5rem; align-items: center; }
@media (min-width: 900px) { .mca-app-grid { grid-template-columns: 1.15fr .85fr; gap: 4rem; } }
.mca-app-eyebrow { margin: 0 0 .6rem; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 1rem; letter-spacing: .16em; text-transform: uppercase; color: #F26B5B; }
.mca-app-promo .mc-h2 { color: #0F2A43; }
.mca-app-lead { font-size: 1.12rem; line-height: 1.7; color: #44607A; max-width: 56ch; }
.mca-app-benefits { list-style: none; margin: 1.25rem 0 1.5rem; padding: 0; display: grid; gap: .8rem; }
.mca-app-benefits li { display: flex; gap: .8rem; align-items: flex-start; margin: 0; padding: .85rem 1rem; background: #fff; border: 1px solid rgba(15, 42, 67, .12); border-radius: 16px; color: #33475B; line-height: 1.45; }
.mca-app-benefits li > span:first-child { font-size: 1.4rem; line-height: 1; }
.mca-app-benefits strong { color: #0F2A43; }
.mca-app-hint { margin: 1rem 0 0; font-size: .92rem; color: #6A7F93; max-width: 56ch; }
.mca-app-visual { position: relative; justify-self: center; width: min(78vw, 300px); }
.mca-app-phone { position: relative; aspect-ratio: 9 / 19; border-radius: 42px; padding: 12px; background: #111; box-shadow: 0 30px 60px rgba(15, 42, 67, .3); transform: rotate(3deg); }
.mca-app-phone::before { content: ""; position: absolute; top: 22px; left: 50%; width: 30%; height: 18px; border-radius: 10px; background: #111; transform: translateX(-50%); z-index: 1; }
.mca-app-phone img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 32px; }
.mca-app-icon { position: absolute; left: -38px; bottom: 60px; width: 110px; height: 110px; border-radius: 26px; border: 4px solid #F7F1E3; box-shadow: 0 16px 34px rgba(15, 42, 67, .35); transform: rotate(-6deg); }
@media (display-mode: standalone) { .mca-app-promo, .mca-app-thanks { display: none !important; } }

/* Page de confirmation de commande */
.mca-app-thanks { display: flex; gap: 1rem; align-items: flex-start; margin: 0 0 1.5rem; padding: 1.1rem 1.25rem; border-radius: 18px; background: #0F2A43; color: #E6ECF1; }
.mca-app-thanks img { flex: 0 0 auto; border-radius: 16px; border: 2px solid rgba(247, 241, 227, .3); }
.mca-app-thanks p { margin: 0 0 .5rem; color: #E6ECF1; }
.mca-app-thanks-title { font-family: "Young Serif", Georgia, serif; font-size: 1.25rem; color: #F7F1E3 !important; }
.mca-app-thanks .mca-app-hint { color: #BCCCDA; }
.mca-app-thanks .mca-app-hint strong { color: #F7F1E3; }
.mca-app-thanks .button { background: #F26B5B !important; color: #0F2A43 !important; border-radius: 999px !important; }
.mc-home .mca-app-benefits { padding-left: 0 !important; margin-left: 0 !important; }