/** Shopify CDN: Minification failed

Line 303:32 Unexpected "{"
Line 304:39 Expected ":"
Line 309:24 Unexpected "#"
Line 309:26 Unexpected "{"
Line 309:38 Expected ":"
Line 319:28 Unexpected "{"
Line 320:35 Expected ":"
Line 324:20 Unexpected ","
Line 325:22 Unexpected "{"
Line 325:34 Expected ":"
... and 2 more hidden warnings

**/
/* ====== Vivatax — Section "Pourquoi choisir" ====== */
.why-vivatax {
    --why-padding-top: 120px;
    --why-padding-bottom: 160px;
    --why-accent: #f15a29;
    --why-background-color: rgba(15, 23, 42, .06);

    /* Empilement */
    --why-stack-gap: 24px;
    /* espace entre bas du header et 1re carte */
    --why-layer-gap: 24px;
    /* distance verticale entre cartes */
    --why-stack-top: clamp(80px, 12vh, 128px);
    /* position sticky commune */
}

.why-vivatax {
    position: relative;
    padding-top: var(--why-padding-top);
    padding-bottom: var(--why-padding-bottom);
    background: linear-gradient(180deg, #ffffff 0%, #faf8f5 50%, #ffffff 100%);
}

.why-vivatax__inner {
    position: relative;
    overflow: visible !important;
    transform: none !important;
}

/* ====== Header / Titre ====== */
.why-vivatax__header {
    min-height: 100vh;
    display: grid;
    align-content: center;
    justify-items: center;
    text-align: center;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}

.why-vivatax__heading {
    font-size: clamp(32px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.08;
    margin: 0;
    color: #0f172a;
}

/* Gros texte d'arrière-plan (sert de titre visuel) */
.why-vivatax__background {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: start;
    /* en haut */
    justify-items: center;
    pointer-events: none;
    z-index: 1;
}

.why-vivatax__background span {
    display: inline-block;
    white-space: pre-line;
    font-weight: 900;
    font-size: clamp(72px, 16vw, 220px);
    line-height: .9;
    color: var(--why-background-color);
    transform: translate3d(0, var(--bg-shift, 0px), 0);
    /* parallaxe via JS */
}

/* Mode “hero bg = titre”, on masque le H2 noir */
.why-vivatax--hero-bg-title .why-vivatax__heading {
    display: none;
}

/* ====== Pile de cartes ====== */
.why-vivatax__cards {
    position: relative;
    z-index: 2;
    padding-top: var(--why-stack-top);
    padding-bottom: calc(var(--why-stack-top) + var(--why-stack-total, 0px));
    /* évite chevauchement en bas */
}

.why-vivatax__card {
    position: sticky;
    top: var(--why-stack-top);
    z-index: calc(100 + var(--why-card-order));
    /* #1 au-dessus des suivantes */
    margin: 0 0 var(--why-layer-gap) 0;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow:
        0 20px 40px -20px rgba(15, 23, 42, .25),
        0 2px 8px rgba(15, 23, 42, .06);
    transform: translateZ(0);
}

.why-vivatax__number {
    padding: 24px 24px 0;
}

.why-vivatax__number span {
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 800;
    color: var(--why-accent);
}

.why-vivatax__content {
    padding: clamp(20px, 3vw, 36px);
}

.why-vivatax__title {
    margin: 0 0 10px 0;
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 800;
    line-height: 1.2;
    color: #0f172a;
}

.why-vivatax__text {
    opacity: .9;
}

/* ====== Mobile ====== */
@media (max-width: 860px) {
    .why-vivatax__header {
        min-height: 90vh;
    }

    /* légèrement plus court */
    .why-vivatax__cards {
        padding-top: var(--why-stack-top);
        padding-bottom: calc(var(--why-stack-top) + var(--why-stack-total, 0px));
    }

    .why-vivatax__card {
        position: sticky;
        top: var(--why-stack-top);
    }

    /* === GROS TITRE (arrière-plan) : plus petit + interligne collée + suit le scroll via --bg-shift === */
    .why-vivatax__background span {
        /* taille un peu réduite */
        font-size: clamp(56px, 14vw, 160px);
        /* interligne quasi-collée entre les lignes (les <br>) */
        line-height: 0.78;
        letter-spacing: -0.02em;
    }

    /* Mobile : encore un cran plus petit pour respirer */
    @media (max-width: 860px) {
        .why-vivatax__background span {
            font-size: clamp(40px, 12vw, 84px);
            line-height: 0.82;
        }
    }

    /* === EFFET "la 2 engloutit la 1, puis la 3 engloutit la 2", etc. ===
     On met les cartes PLUS RÉCENTES AU-DESSUS des précédentes */
    .why-vivatax__card {
        /* AVANT: z-index: calc(100 - var(--why-card-order));  */
        z-index: calc(10 + var(--why-card-order));

        /* Moins de “vide” entre titre et carte #1 sur mobile */
        @media (max-width: 860px) {

            /* 1) Header un peu plus court */
            .why-vivatax__header {
                min-height: 72vh;
            }

            /* 2) Carte “colle” plus tôt sous le header */
            .why-vivatax__cards {
                --why-stack-top: clamp(32px, 7vh, 56px);
                /* AVANT: ~80–128px */
                --why-layer-gap: 16px;
                /* AVANT: 24px -> pile plus compacte */
            }

            /* Titre d’arrière-plan plus compact et “collé” */
            .why-vivatax__background span {
                font-size: clamp(56px, 14vw, 150px);
                /* AVANT max 160–220px */
                line-height: 0.72;
                /* interligne serrée entre les lignes */
                letter-spacing: -0.025em;
                /* compaction légère des lettres */
            }

            @media (max-width: 860px) {
                .why-vivatax__background {
                    padding-top: clamp(24px, 12vh, 96px);
                }

                .why-vivatax__background span {
                    font-size: clamp(38px, 12vw, 80px);
                    line-height: 0.78;
                    letter-spacing: -0.02em;
                }

                /* ===== Fin de pile ultra-compacte (desktop) ===== */
                .why-vivatax__cards {
                    /* on rogne très fort la valeur calculée */
                    padding-bottom: clamp(12px,
                            calc(var(--why-stack-top) + var(--why-stack-total) - 60vh),
                            14vh);
                }

                /* ===== Mobile : encore plus court ===== */
                @media (max-width: 860px) {
                    .why-vivatax {
                        padding-bottom: 24px !important;
                    }

                    .why-vivatax__cards {
                        padding-bottom: clamp(10px,
                                calc(var(--why-stack-top) + var(--why-stack-total) - 65vh),
                                18vh);
                    }

                    /* ==== Cartes plus étroites et centrées sur desktop ==== */
                    @media (min-width: 1024px) {

                        /* largeur cible : ajuste si tu veux (900–1040px) */
                        .why-vivatax {
                            --why-max-width: 960px;
                        }

                        /* centre la pile et fixe la largeur des cartes */
                        .why-vivatax__card {
                            width: min(92vw, var(--why-max-width));
                            /* centre horizontalement et garde l'espace vertical entre cartes */
                            margin: 0 auto var(--why-layer-gap) !important;
                        }

                        /* optionnel: un peu plus d’air à l’intérieur des cartes */
                        .why-vivatax__content {
                            padding: 28px 32px 32px;
                        }
                    }

                    /* Sécurité: si quelque chose plus haut forçait des marges latérales */
                    .why-vivatax__card {
                        /* on annule tout éventuel "margin: 0 var(--why-layer-gap) 0" défini avant */
                        margin-right: auto !important;
                        margin-left: auto !important;

                        /* Cartes plus étroites et parfaitement centrées sur DESKTOP */
                        @media (min-width: 1024px) {
                            .why-vivatax {
                                --why-max-width: 960px;
                            }

                            /* ajuste 900–1040px si tu veux */

                            /* Le wrapper devient une colonne centrée (sticky OK avec flex) */
                            .why-vivatax__cards {
                                display: flex !important;
                                flex-direction: column !important;
                                align-items: center !important;
                            }

                            /* Chaque carte : largeur bornée + centrage, on écrase les anciennes marges latérales */
                            .why-vivatax__card {
                                max-width: var(--why-max-width) !important;
                                width: min(92vw, var(--why-max-width)) !important;
                                margin: 0 auto var(--why-layer-gap) !important;
                                /* auto à gauche/droite */
                            }

                            /* Petit confort visuel à l'intérieur (optionnel) */
                            .why-vivatax__content {
                                padding: 28px 32px 32px;
                            }
                        }

                        /* Sécurité : si une règle plus haut garde une marge inline, on la neutralise */
                        .why-vivatax__card {
                            margin-inline: auto !important;
                        }

                        /* ===== Supprime le grand espace après la dernière carte ===== */
                        #shopify-section- {
                                {
                                section.id
                            }
                        }

                        .why-vivatax__cards,
                        #{{ section_id }
                    }

                    .why-vivatax__cards {
                        padding-bottom: 0 !important;
                        /* supprime la réserve de scroll */
                    }

                    /* Option : on garde juste un léger souffle visuel */
                    #shopify-section- {
                            {
                            section.id
                        }
                    }

                    ,
                    #{{ section_id }
                }

                    {
                    padding-bottom: 24px !important;