html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    color:#13293d;
    background:#fff;
}

.gcrs-nav{
    background:#081220;
}

.nav-logo{
    width:52px;
    height:52px;
    object-fit:contain;
}

.navbar-brand span{
    font-weight:950;
    letter-spacing:2px;
}

.hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:white;
    overflow:hidden;
}

.hero-bg{
    position:absolute;
    inset:0;
    background:url("../img/fond.png") center/cover no-repeat;
    animation:slowZoom 20s ease-in-out infinite alternate;
}

.hero-veil{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.78));
    z-index:1;
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:1200px;
    padding:120px 24px 40px;
}

.hero-kicker{
    font-size:clamp(18px,2.2vw,34px);
    font-weight:900;
    letter-spacing:8px;
    line-height:1.35;
    text-transform:uppercase;
    margin-bottom:52px;
}

.hero h1{
    font-size:clamp(22px,2.6vw,42px);
    font-weight:900;
    text-transform:uppercase;
    line-height:1.1;
    margin:0 0 16px 0;
}

.hero-slogan{
    font-size:clamp(20px,2.2vw,34px);
    font-weight:700;
    margin:0 0 42px 0;
}

.btn-danger{
    background:#e3313f;
    border-color:#e3313f;
}

@keyframes slowZoom{
    from{transform:scale(1)}
    to{transform:scale(1.08)}
}

/* ==========================================================
   Adhésion
   ========================================================== */

.adhesion-body{
    background:#eef3f8;
    min-height:100vh;
}

.adhesion-container{
    padding:50px 20px;
}

.back-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    padding:10px 16px;

    color:#0b3158;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(11,49,88,.12);
    border-radius:999px;

    text-decoration:none;
    font-weight:900;
    box-shadow:0 8px 24px rgba(11,49,88,.14);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.back-link:hover{
    color:#0b3158;
    background:#ffffff;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(11,49,88,.20);
}

.adhesion-card{
    margin-top:25px;
    background:#ffffff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    overflow:visible;
}

.wizard-card{
    background:#ffffff !important;
    min-height:650px;
}

.wizard-card form{
    background:#ffffff;
}

.wizard-card .step{
    background:#f8fafc !important;
    color:#13293d;
    padding:28px;
    border-radius:18px;
}

.wizard-card .step h2{
    color:#123a63 !important;
}

.adhesion-card h1{
    color:#123a63;
    font-weight:950;
    margin-bottom:20px;
}

.adhesion-card h2{
    color:#123a63;
    font-size:24px;
    font-weight:900;
    margin-bottom:20px;
}

label{
    font-weight:700;
    margin-bottom:6px;
}

.checks{
    display:flex;
    flex-direction:column;
    gap:8px;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:16px;
}

.notice-box{
    background:#eef6ff;
    border-left:5px solid #123a63;
    padding:18px;
    border-radius:12px;
    margin-bottom:20px;
}

.step{
    display:none;
}

.step.active{
    display:block;
    animation:fadeIn .25s ease;
}

.wizard-actions{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:32px;
}

.progress{
    height:28px;
    border-radius:999px;
    overflow:hidden;
}

.progress-bar{
    font-weight:800;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:12px;
    margin:24px 0;
}

.values-grid div{
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-left:6px solid #c8102e;
    border-radius:14px;
    padding:14px;
    font-weight:800;
    color:#123a63;
}

.welcome-step p{
    font-size:17px;
    line-height:1.75;
}

/* ==========================================================
   Documents
   ========================================================== */

.document-list{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.doc-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    border:1px solid #d8d8d8;
    border-radius:12px;
    padding:18px;
    background:#fff;
}

.doc-card.read{
    border-left:6px solid #198754;
    background:#f5fff8;
}

.doc-status{
    min-width:150px;
    text-align:right;
}


/* ==========================================================
   V3.1 - Lecteur PDF : commandes en bas
   ========================================================== */

#pdfModal .modal-dialog{
    max-width:95vw;
}

#pdfModal .modal-content{
    height:94vh;
}

#pdfModal .modal-body{
    display:flex;
    flex-direction:column;
    padding:0;
    overflow:hidden;
}

.pdf-reader-body{
    flex:1;
    overflow:auto;
    background:#e5e7eb;
    padding:22px;
    text-align:center;
}

.pdf-canvas{
    max-width:100%;
    border:1px solid #cbd5e1;
    box-shadow:0 8px 25px rgba(0,0,0,.18);
    background:#fff;
}

.pdf-bottom-controls{
    border-top:1px solid #d8d8d8;
    background:#fff;
    padding:14px 18px 18px;
}

.pdf-toolbar{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:12px;
    width:100%;
}

#pdfPrevPage{
    justify-self:start;
}

#pdfPageInfo{
    justify-self:center;
    font-size:17px;
    font-weight:900;
    color:#123a63;
}

#pdfNextPage{
    justify-self:end;
}

.pdf-confirm-zone{
    text-align:center;
    margin-top:14px;
}

#confirmPdfRead{
    font-weight:900;
    padding:10px 22px;
}

.doc-card.read{
    border-left:6px solid #198754;
    background:#f5fff8;
}

.doc-status.text-success{
    font-weight:900;
}

/* ==========================================================
   Signature
   ========================================================== */

#signaturePad{
    width:700px;
    max-width:100%;
    height:180px;
    border:2px solid #999;
    background:#fff;
    display:block;
    cursor:crosshair;
    touch-action:none;
    border-radius:10px;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}


/* ==========================================================
   V3.2 - Correctif rendu PDF.js
   ========================================================== */

#pdfModal .modal-dialog{
    max-width:96vw;
}

#pdfModal .modal-content{
    height:94vh;
}

#pdfModal .modal-body{
    min-height:0;
}

.pdf-reader-body{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    background:#e5e7eb;
    padding:26px;
}

.pdf-canvas{
    display:block;
    max-width:none;
    background:white;
}

.pdf-bottom-controls{
    flex:0 0 auto;
}


/* ==========================================================
   V3.3 - Lecture juridique page par page
   ========================================================== */

#pdfNextPage:disabled,
#pdfPrevPage:disabled,
#confirmPdfRead:disabled{
    opacity:.45;
    cursor:not-allowed;
}

#pdfPageInfo{
    min-width:270px;
    text-align:center;
}

.pdf-reader-body{
    scroll-behavior:smooth;
}


/* ==========================================================
   V4 - Finitions dossier d’adhésion
   ========================================================== */

.adhesion-card.text-center{
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.adhesion-card.text-center h1{
    font-size:clamp(38px,5vw,64px);
}

.notice-box.text-start{
    text-align:left;
}

/* ==========================================================
   PORTAIL V1.1 - Page d'accueil
   ========================================================== */

.home-body{
    overflow-x:hidden;
    background:#ffffff;
}

.home-body section{
    scroll-margin-top:85px;
}


/* ==========================================================
   Navigation accueil
   ========================================================== */

.home-body .gcrs-nav{
    min-height:76px;
    background:rgba(8,18,32,.96);
    box-shadow:0 4px 22px rgba(0,0,0,.25);
    backdrop-filter:blur(12px);
}

.home-nav-links{
    align-items:center;
    gap:34px;
    margin-left:auto;
    margin-right:34px;
}

.home-nav-links a{
    color:rgba(255,255,255,.82);
    text-decoration:none;
    font-weight:800;
    font-size:15px;
    transition:color .2s ease;
}

.home-nav-links a:hover{
    color:#ffffff;
}


/* ==========================================================
   Hero
   ========================================================== */

.home-body .hero-content{
    max-width:1050px;
}

.home-body .hero-kicker{
    margin-bottom:38px;
}

.hero-introduction{
    max-width:720px;
    margin:0 auto 34px;
    font-size:clamp(17px,1.5vw,21px);
    line-height:1.7;
    color:rgba(255,255,255,.92);
}

.hero-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
}

.hero-actions .btn{
    min-width:210px;
    padding:13px 24px;
    font-weight:850;
    border-radius:10px;
}

.hero-scroll{
    position:absolute;
    z-index:3;
    bottom:24px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    color:rgba(255,255,255,.82);
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.hero-scroll:hover{
    color:#ffffff;
}

.hero-scroll-arrow{
    margin-top:3px;
    font-size:28px;
    line-height:1;
    animation:scrollArrow 1.6s ease-in-out infinite;
}

@keyframes scrollArrow{
    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(7px);
    }
}


/* ==========================================================
   Sections générales
   ========================================================== */

.home-section{
    padding:100px 0;
}

.home-section-heading{
    max-width:830px;
    margin-bottom:54px;
}

.home-section-heading h2{
    margin:0;
    color:#102c49;
    font-size:clamp(32px,4vw,52px);
    font-weight:950;
    line-height:1.13;
}

.home-section-heading > p:last-child{
    margin-top:22px;
    font-size:18px;
    line-height:1.7;
}

.home-eyebrow{
    margin-bottom:13px;
    color:#c8102e;
    font-size:14px;
    font-weight:950;
    letter-spacing:2.5px;
    text-transform:uppercase;
}

.home-lead{
    color:#123a63;
    font-size:clamp(22px,2.2vw,30px);
    font-weight:850;
    line-height:1.4;
}

.home-section p{
    line-height:1.8;
}


/* ==========================================================
   Présentation
   ========================================================== */

.home-highlight{
    position:relative;
    min-height:310px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:42px;
    color:#ffffff;
    background:
        linear-gradient(
            145deg,
            rgba(18,58,99,.98),
            rgba(8,18,32,.98)
        );
    border-radius:26px;
    box-shadow:0 24px 55px rgba(8,18,32,.25);
}

.home-highlight::before{
    content:"“";
    position:absolute;
    top:12px;
    right:28px;
    color:rgba(255,255,255,.12);
    font-family:Georgia, serif;
    font-size:140px;
    line-height:1;
}

.home-highlight-label{
    position:relative;
    z-index:1;
    margin-bottom:18px;
    color:#ffffff;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

.home-highlight blockquote{
    position:relative;
    z-index:1;
    margin:0;
    font-size:clamp(24px,2.5vw,35px);
    font-weight:900;
    line-height:1.35;
}


/* ==========================================================
   Missions
   ========================================================== */

.home-section-dark{
    color:#ffffff;
    background:#081220;
}

.home-section-heading-light h2{
    color:#ffffff;
}

.home-section-heading-light > p:last-child{
    color:rgba(255,255,255,.72);
}

.mission-card{
    position:relative;
    height:100%;
    min-height:330px;
    padding:32px 28px;
    color:#13293d;
    background:#ffffff;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.18);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.mission-card:hover{
    transform:translateY(-7px);
    box-shadow:0 23px 50px rgba(0,0,0,.28);
}

.mission-number{
    margin-bottom:28px;
    color:#c8102e;
    font-size:14px;
    font-weight:950;
    letter-spacing:3px;
}

.mission-card h3{
    min-height:64px;
    margin-bottom:20px;
    color:#123a63;
    font-size:24px;
    font-weight:950;
}

.mission-card p:last-child{
    margin-bottom:0;
    color:#526272;
}

.mission-card-pending{
    border:2px solid #d7a621;
}

.mission-status{
    position:absolute;
    top:18px;
    right:18px;
    padding:6px 10px;
    color:#694d00;
    background:#fff1bd;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    letter-spacing:.5px;
    text-transform:uppercase;
}


/* ==========================================================
   Processus
   ========================================================== */

.home-process{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.home-process-item{
    display:flex;
    gap:22px;
    padding:30px;
    background:#f4f7fa;
    border:1px solid #e0e7ef;
    border-radius:19px;
}

.home-process-item > span{
    flex:0 0 52px;
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    background:#123a63;
    border-radius:50%;
    font-size:20px;
    font-weight:950;
}

.home-process-item h3{
    margin:4px 0 9px;
    color:#123a63;
    font-size:22px;
    font-weight:950;
}

.home-process-item p{
    margin:0;
    color:#526272;
}


/* ==========================================================
   Valeurs
   ========================================================== */

.home-values-section{
    background:#eef3f8;
}

.value-card{
    height:100%;
    padding:34px;
    background:#ffffff;
    border-top:6px solid #c8102e;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(18,58,99,.1);
}

.value-card h3{
    margin-bottom:17px;
    color:#123a63;
    font-size:25px;
    font-weight:950;
}

.value-card p{
    margin-bottom:0;
    color:#526272;
}


/* ==========================================================
   Appel à adhésion
   ========================================================== */

.home-cta-section{
    padding:85px 0;
    background:#ffffff;
}

.home-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:52px;
    color:#ffffff;
    background:
        linear-gradient(
            135deg,
            #123a63,
            #081220
        );
    border-radius:26px;
    box-shadow:0 25px 60px rgba(8,18,32,.22);
}

.home-cta > div{
    max-width:750px;
}

.home-cta .home-eyebrow{
    color:#ff9ca5;
}

.home-cta h2{
    margin-bottom:18px;
    font-size:clamp(29px,3.5vw,46px);
    font-weight:950;
}

.home-cta p:last-child{
    margin-bottom:0;
    color:rgba(255,255,255,.78);
    font-size:17px;
}

.home-cta .btn{
    flex:0 0 auto;
    padding:14px 25px;
    font-weight:900;
}


/* ==========================================================
   Pied de page
   ========================================================== */

.home-footer{
    padding:60px 20px 32px;
    text-align:center;
    color:rgba(255,255,255,.78);
    background:#050c16;
}

.footer-logo{
    width:85px;
    height:85px;
    margin-bottom:18px;
    object-fit:contain;
}

.footer-name{
    margin-bottom:8px;
    color:#ffffff;
    font-weight:900;
}

.footer-slogan{
    margin-bottom:28px;
    font-style:italic;
}

.footer-legal{
    margin:0;
    color:rgba(255,255,255,.48);
    font-size:13px;
}


/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width:991px){

    .home-section{
        padding:75px 0;
    }

    .home-section-heading{
        margin-bottom:40px;
    }

    .home-process{
        grid-template-columns:1fr;
    }

    .home-cta{
        flex-direction:column;
        align-items:flex-start;
        padding:40px;
    }

}

@media (max-width:600px){

    .home-body .nav-logo{
        width:44px;
        height:44px;
    }

    .home-body .navbar-brand{
        gap:9px !important;
    }

    .home-body .navbar-brand span{
        font-size:16px;
    }

    .home-body .gcrs-nav .btn{
        padding:8px 12px;
        font-size:14px;
    }

    .home-body .hero-content{
        padding:110px 18px 80px;
    }

    .home-body .hero-kicker{
        margin-bottom:29px;
        font-size:16px;
        letter-spacing:4px;
    }

    .home-body .hero h1{
        font-size:31px;
    }

    .hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .hero-actions .btn{
        width:100%;
    }

    .hero-scroll{
        display:none;
    }

    .home-section{
        padding:62px 0;
    }

    .home-section-heading h2{
        font-size:34px;
    }

    .home-highlight{
        min-height:auto;
        padding:32px 27px;
    }

    .mission-card{
        min-height:auto;
    }

    .home-process-item{
        flex-direction:column;
        padding:25px;
    }

    .home-cta{
        padding:31px 25px;
        border-radius:20px;
    }

    .home-cta .btn{
        width:100%;
    }

}

        /* ==========================================================
   PORTAIL V1.1 - Le GCRS sur le terrain
   ========================================================== */

.home-terrain-section{
    color:#ffffff;
    background:#081220;
}

.home-terrain-section .home-section-heading h2{
    color:#ffffff;
}

.home-terrain-section .home-section-heading > p:last-child{
    color:rgba(255,255,255,.72);
}

.terrain-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:300px;
    gap:18px;
}

.terrain-photo{
    position:relative;
    margin:0;
    overflow:hidden;
    background:#102c49;
    border-radius:20px;
    box-shadow:0 18px 45px rgba(0,0,0,.25);
}

.terrain-photo-large{
    grid-column:span 2;
}

.terrain-photo-portrait{
    grid-row:span 2;
}

.terrain-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .6s ease;
}

.terrain-photo:hover img{
    transform:scale(1.06);
}

.terrain-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 30%,
        rgba(5,12,22,.92) 100%
    );
}

.terrain-photo figcaption{
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    left:0;
    padding:26px;
    color:#ffffff;
}

.terrain-photo figcaption strong{
    display:block;
    margin-bottom:7px;
    font-size:21px;
    font-weight:950;
}

.terrain-photo figcaption span{
    display:block;
    max-width:600px;
    color:rgba(255,255,255,.78);
    font-size:14px;
    line-height:1.5;
}

.terrain-badge{
    position:absolute;
    z-index:3;
    top:18px;
    right:18px;
    padding:7px 12px;
    color:#694d00;
    background:#fff1bd;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.terrain-photo-avalanche{
    border:2px solid #d7a621;
}


/* ==========================================================
   Galerie responsive
   ========================================================== */

@media (max-width:991px){

    .terrain-grid{
        grid-template-columns:repeat(2,1fr);
        grid-auto-rows:290px;
    }

    .terrain-photo-large{
        grid-column:span 2;
    }

    .terrain-photo-portrait{
        grid-row:span 1;
    }

}

@media (max-width:600px){

    .terrain-grid{
        display:flex;
        flex-direction:column;
    }

    .terrain-photo{
        height:290px;
    }

    .terrain-photo-large{
        height:330px;
    }

    .terrain-photo figcaption{
        padding:21px;
    }

    .terrain-photo figcaption strong{
        font-size:19px;
    }

}

/* ==========================================================
   PORTAIL V1.2 - Notre encadrement
   ========================================================== */

.home-team-section{
    background:#f4f7fa;
}

.home-team-section .home-section-heading{
    max-width:900px;
}

.team-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.team-card{
    grid-column:auto;
    position:relative;
    min-height:315px;
    padding:34px 30px;
    background:#ffffff;
    border:1px solid #e0e7ef;
    border-radius:20px;
    box-shadow:0 14px 38px rgba(18,58,99,.1);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.team-card:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 48px rgba(18,58,99,.16);
}

.team-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:6px;
    background:#123a63;
    border-radius:20px 20px 0 0;
}

.team-card-main{
    color:#ffffff;
    background:linear-gradient(
        145deg,
        #123a63,
        #081220
    );
    border:none;
}

.team-card-main::before{
    background:#c8102e;
}

.team-card-training{
grid-column:1 / -1;
    min-height:auto;}

.team-card-training::before{
    background:#c8102e;
}

.team-role{
    margin-bottom:22px;
    color:#c8102e;
    font-size:13px;
    font-weight:950;
    letter-spacing:1.7px;
    text-transform:uppercase;
}

.team-card-main .team-role{
    color:#ff9ca5;
}

.team-card h3{
    margin:0 0 8px;
    color:#123a63;
    font-size:25px;
    font-weight:950;
    line-height:1.25;
}

.team-card-main h3{
    color:#ffffff;
}

.team-card p:last-child{
    margin:24px 0 0;
    color:#5c6c7b;
    line-height:1.75;
}

.team-card-main p:last-child{
    color:rgba(255,255,255,.78);
}


/* ==========================================================
   Encadrement responsive
   ========================================================== */

@media (max-width:991px){

    .team-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .team-card,
    .team-card-main,
    .team-card-training{
        grid-column:span 1;
    }

}

@media (max-width:650px){

    .team-grid{
        grid-template-columns:1fr;
    }

    .team-card{
        min-height:auto;
        padding:30px 25px;
    }

    .team-card h3{
        font-size:23px;
    }

}

/* ==========================================================
   PORTAIL V1.2 - Soutenir le GCRS
   ========================================================== */

.home-donation-section{
    background:#ffffff;
}

.donation-card{
    display:grid;
    grid-template-columns:minmax(320px, .85fr) minmax(420px, 1.15fr);
    align-items:center;
    overflow:hidden;
    color:#ffffff;
    background:linear-gradient(
        135deg,
        #123a63,
        #081220
    );
    border-radius:28px;
    box-shadow:0 26px 65px rgba(8,18,32,.24);
}

.donation-poster{
    height:100%;
    min-height:680px;
    background:#07111e;
}

.donation-poster img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
}

.donation-content{
    padding:60px;
}

.donation-content .home-eyebrow{
    color:#ff9ca5;
}

.donation-content h2{
    margin:0 0 28px;
    color:#ffffff;
    font-size:clamp(36px,4.5vw,64px);
    font-weight:950;
    line-height:1.08;
}

.donation-content > p{
    max-width:720px;
    color:rgba(255,255,255,.82);
    font-size:18px;
    line-height:1.8;
}

.donation-signature{
    margin-top:30px;
    padding-left:20px;
    border-left:5px solid #e3313f;
    color:#ffffff !important;
    font-weight:850;
    font-style:italic;
}

.donation-action{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:13px;
    margin-top:38px;
}

.donation-action .btn{
    padding:15px 28px;
    font-weight:950;
    border-radius:11px;
}

.donation-action span{
    color:rgba(255,255,255,.62);
    font-size:13px;
}


/* ==========================================================
   Soutien responsive
   ========================================================== */

@media (max-width:991px){

    .donation-card{
        grid-template-columns:1fr;
    }

    .donation-poster{
        min-height:auto;
        max-height:none;
    }

    .donation-poster img{
        height:auto;
        object-fit:contain;
    }

    .donation-content{
        padding:45px;
    }

}

@media (max-width:600px){

    .donation-card{
        border-radius:20px;
    }

    .donation-content{
        padding:34px 25px;
    }

    .donation-content h2{
        font-size:36px;
    }

    .donation-content > p{
        font-size:16px;
    }

    .donation-action,
    .donation-action .btn{
        width:100%;
    }

}