@font-face {
    font-family: 'Baront_Didot';
    src: url('../Fonts/BARODTT__.woff') format('woff');
}
@font-face {
    font-family: 'FuturaBQ_Medium';
    src: url('../Fonts/FuturaBQMedium.woff') format('woff');
}
@font-face {
    font-family: 'FuturaBQ_Book';
    src: url('../Fonts/FuturaBQBook.woff') format('woff');
}
@font-face {
    font-family: 'Baront_Didot_Italique';
    src: url('../Fonts/Didot-Italic.woff') format('woff');
}

/* ── GENERAL ───────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    margin: 0;
}

body {
    margin: 0;
    width: 100%;
    overflow-x: hidden;
}

.titre1 {
    text-align: center;
    font-size: 28px;
    font-family: Baront_Didot;
    margin: 0px 0px 30px 0px !important;
    line-height: 1.3;
}

h2 {
    text-align: center;
    font-size: 24px;
    font-family: Baront_Didot;
    margin: 40px 20px 40px 20px;
    line-height: 1.3;
}

p {
    font-size: 18px;
    line-height: 1.6;
}

/* ── SECTION 1 — Banner ────────────────────────────────── */
.section1 {
    margin: 0;
    padding: 0;
    line-height: 0;
}

/* Banner desktop masqué, mobile affiché */
#banner {
    display: none;
}

#Mobile {
    display: block;
    width: 100%;
    max-width: 100%;
}

/* ── SECTION 2 — Titre + Vidéo ────────────────────────── */
.section2 {
    padding: 40px 20px 0px 20px;
}

video {
    display: block;
    width: 100%;
    margin: 0;
}

/* ── SECTIONS 3, 4, 5 ──────────────────────────────────── */
#section3{
    background-color: #EDE2E0;
}

.section4 {
    background-color: #CF4E5E;
}

.section3,
.section4,
.section5 {
    padding: 0;
}

/* ── BOX : flex en colonne ─────────────────────────────── */
.box {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.box img {
    width: 100%;
    display: block;
}

.image {
    flex: none;
    width: 100%;
    padding: 0;
    line-height: 0;
}

.text {
    display: flex;
    flex: none;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 30px 20px;
}

/* ── SECTION 3 — Sì Nude Bloom ─────────────────────────── */
/* image au-dessus, texte en-dessous */
.section3 .image { order: 1; }
.section3 .text  { order: 2; }

.section3 h3 {
    text-align: center;
    font-size: 22px;
    font-family: Baront_Didot;
    margin: 0;
    padding: 10px 0;
}

.section3 p {
    text-align: center;
    font-family: FuturaBQ_Medium;
    margin: 0;
    padding: 10px 0;
}

/* ── SECTION 4 — Sì Passione Red Bloom ─────────────────── */
/* image au-dessus, texte en-dessous */
.section4 .image { order: 1; }
.section4 .text  { order: 2; }

.section4 h3 {
    text-align: center;
    font-size: 22px;
    font-family: Baront_Didot;
    margin: 0;
    padding: 10px 0;
}

.section4 p {
    text-align: center;
    font-family: FuturaBQ_Medium;
    margin: 0;
    padding: 10px 0;
}

/* ── SECTION 5 — Fête des Mères ────────────────────────── */
/* image au-dessus, texte en-dessous */
.section5 .image { order: 1; }
.section5 .text  { order: 2; }

.section5 h3 {
    text-align: center;
    font-size: 20px;
    font-family: Baront_Didot;
    margin: 0;
    padding: 10px 0;
}

.section5 p {
    text-align: center;
    font-family: FuturaBQ_Medium;
    margin: 0;
    padding: 10px 0;
}