/*
Theme Name: mbs
Author: Marie Boulesteix
Description: My first responsive HTML5 theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/* Général */

html {
    scroll-behavior: smooth;
}

body {
	background: #fefaf8;
	margin : 0;
	padding : 0;
}

a {
  color : #292025;
  font-weight: 500;
  text-decoration: none;
}

a:hover {
	color : #b07690;
}

p {
	color : #292025;
	font-family: 'Raleway';
    font-size: 1.05em;
	line-height: 1.4;
}

li {
	color : #292025;
	font-family: 'Raleway';
    font-size: 1.05em;
}

/* Header Barre menu et logo */

.iconesduhaut {
	width: 1.8em;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left : 5rem;
	padding-right : 5rem;
	padding-top: 2.5rem;
	padding-bottom: 1.5rem;
    margin: 0 auto;
}

.header-logo {
    flex: 0 0 auto;
}

.header-nav {
    flex: 1 1 auto;
    margin: 0 2.5rem;
}

.header-nav .menu {
    display: flex;
    justify-content: center;
	align-items: center;
    gap: 1.5rem;
	padding : 1em;
    margin: 0;
    list-style: none;
}

.bloc-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	gap : 4em;
	margin-top: -1em;
}

/* Header Logo */

.bloc-logo {
	text-align: center;
	padding : 1em;
	padding-top: 2.5em;
	padding-bottom: 3.5em;
}

.bloc-logo-2 {
	text-align: center;
	padding-top : 3em;
}

.logo-pleine-page {
	width: 20em;
	height: auto;
}

.logo-titre-site {
	width: 18em;
	height: auto;
}

/* Header Menu */

.item-menu {
	margin-left: 1em;
	margin-right: 1em;
	color : #292025;
	text-decoration: none;
	font-family: 'Raleway';
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.95em;
}

.item-menu:hover {
	color :#b07690;
	font-weight: 600;
}

.item-menu-offre:hover {
	color :white;
	font-weight: 600;
}

.item-menu-offre {
	margin-left: 0.4em;
    margin-right: 0.4em;
    text-decoration: none;
    font-family: 'Raleway';
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.95em;
    background-color: #b07690;
	color: white;
    padding: 0.6em;
}

.item-menu-offre a:hover {
	color: white !important;
	font-weight: bold;
}

/* Menu déroulant Responsive mobile */

nav input[type=checkbox]:checked ~ ul {
	display: flex;
}

nav input[type=checkbox] {
	display: none;
}

.bloc-header-site-mobile {
	display: none;
}

#navbar-mobile {
	display: none;
}

/* Front Page Bloc Bannière */

.front-page-container-1 {
	background-image: url("https://marvaya.fr/wp-content/uploads/2026/08/header-image.png");
	height: 30em;
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;       /* centre verticalement */
    justify-content: center;   /* centre horizontalement */
}

.bloc-texte-haut {
    width: 57%;
    max-width: 1050px;
    background: rgba(255, 252, 247, 0.88);
    padding: 2.2em;
    box-sizing: border-box;
	text-align: center;
}

.bloc-texte-haut .button {
    display: inline-block;
    width: auto;
    padding: 0.8em 2.5em;
    margin-top: 0.6em;
	background: #cdb7aa;
    font-family: Raleway;
    color: #4f4348;
	font-weight:600;
	font-size:1.05em;
}

.h2-container-1 {
	font-family: 'Libre Baskerville';
	color : #b07690;
	margin-top: 0;
	text-align: center;
	font-size: 1.3em;
}

.p-container-1 {
	font-size: 1.05em;
	line-height: 1.4;
}

/* Front Page Bloc A propos */

.photo-about {
	width: 100%;
	height: auto;
	margin-bottom: 2em;
}

.about-marvaya {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6em;
	padding-left: 7em;
    padding-right: 7em;
}

.bloc-presentation-moi {
	flex:2;
	padding-right: 6em;
}

.photo-bloc-presentation {
	width:26em;
}

.h2-presentation-moi {
	font-family: Libre Baskerville;
	color : #b07690;
	font-size: 1.3em;
}

.about-marvaya .button {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-top: 20px;
  background-color: #b07690;
  font-family: Raleway;
  color: white;
  text-transform: uppercase;
  padding: 12px 22px;
  text-decoration: none;
}

/* Front Page Bloc Sur le site */

.bloc-sur-le-site {
	background-color: #f3e8df;
	padding: 4em;
	padding-left: 6em;
	padding-right: 6em;
}

.h2-sur-le-site {
	font-family: La Belle Aurore;
	text-align: center;
	font-weight: 500;
	font-size: 2em;
	color: #6c5a63;
}

.sur-le-site-grid {
	display: flex;
	justify-content: center;
	gap : 5em;
}

.service-card {
	flex: 1;
}

.h3-sur-le-site {
	border-bottom: 1px solid #b07690;
    padding-bottom: 0.6em;
    font-family: 'Raleway';
    font-weight: 500;
	color : #b07690;
    font-size: 1.2em;
}

.service-card {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.icone-sur-site {
	width: 8em;
	height : auto;
}

.links-sur-site {
	background: #cdb7aa;
	color: #4f4348;
	margin-top: 0.5em;
	padding: 0.6em;
	font-family: Raleway;
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-weight: 600;
}

.links-sur-site:hover {
	color: #4f4348;
	font-weight: bold;
}

/* Front Page Bloc Manifeste */

.bloc-manifesto {
	display: flex;
	align-items: center;
	padding : 5em;
	padding-left: 10em;
	padding-right: 10em;
}

.img-maries-manifesto {
	width: 27em;
}

.bloc-texte-manifesto {
	padding-left: 4em;
}

.h2-bloc-manifesto {
	font-family: 'Libre Baskerville';
	color : #b07690;
	font-size: 1.3em;
	margin-bottom: 1.5em;
}

.manifesto-highlight {
	font-weight: 600;
}

/* Front Page Bloc Les derniers articles */

.titre-dernier-article {
	text-align: center;
	margin-top: 4em;
	margin-bottom: 3em;
	font-family: Playfair Display;
	font-weight: 600;
	color : #646d99;
	font-size: 1.6em;
}

.bloc-derniers-articles {
	padding-left: 6em;
	padding-right: 6em;
	display: flex;
	margin-top: 2em;
	margin-bottom: 5em;
	gap : 2em;
}

.attachment-post-thumbnail {
	width: 100%;
	height: auto;
	border-radius: 0px;
}

.un-des-derniers-articles {
	margin-left: 1em;
	margin-right: 1em;
	flex : 1;
}

.cat-article {
	text-align: center;
	font-family: 'Josefin Sans';
	font-size: 0.95em;
	font-weight: 500;
	text-transform: uppercase;
	color : #a8b7c9;
	margin-top: 3em;
	margin-bottom: 1em;
}

.lien-titre-bloc-article {
	text-decoration: none;
}

.titre-bloc-article {
	font-family: 'Playfair Display';
	font-weight: normal;
	text-align: center;
	color : #464757;
	font-size: 1.35em;
	padding-left : 1em;
	padding-right: 1em;
	transition: transform 0.5s;
}

.titre-bloc-article:hover {
	transform : scale(1.04);
}

.date-article {
	text-align: center;
	font-family: 'Nunito Sans';
	font-weight : 400;
	font-size: 1em;
	color :#646d99;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.extrait-blog-DA {
	text-align: justify;
	padding-left: 2.2em;
	padding-right: 2.2em;
	line-height: 1.5em;
}

.lien-suite {
	color : #a79c97;
	text-decoration: none;
}

.lien-suite:hover {
	color : white;
}

.bouton-suite {
	border : 0.6px solid #a8aab3;
	margin-top: 2em;
	margin-left : 4em;
	margin-right: 4em;
	padding : 0.8em;
	font-size: 1em;
	font-weight: 400;
	color : #606168;
	font-family: 'Josefin Sans';
	text-align: center;
	transition : transform 0.5s;
	text-transform: uppercase;
}

.bouton-suite:hover {
	transform : scale(1.05);
}

/* Front Page CTA */

.bloc-cta {
	padding-top: 2em;
    padding-bottom: 3em;
	padding-left: 5em;
	padding-right: 5em;
	margin-bottom: 5em;
	margin-left: 13em;
	margin-right: 13em;
}

.h2-bloc-cta {
	text-align: center;
	font-family: 'Josefin Sans';
	text-transform: uppercase;
    font-weight: 500;
	font-size: 1.4em;
	color : #7784c7;
	margin-bottom: 1.5em;
}

.buttons-cta {
	display: flex;
	gap : 4em;
	justify-content: center;
}

.buttons-cta p {
	font-family: 'Josefin Sans';
	text-transform: uppercase;
	color : #606168;
	border : 1px solid #a8aab3;
	padding : 0.6em;
	padding-left: 1em;
	padding-right: 1em;
}

/* Page Blog */

.titre-page-blog {
	font-family: La Belle Aurore;
	font-size : 2.3em;
	text-align: center;
	font-weight: 500;
	color : #6c5a63;
}

.ensemble-page-blog {
	display : flex;
	flex-wrap : wrap;
	justify-content: center;
	padding-left: 5.5em;
	padding-right: 5.5em;
	padding-bottom: 5em;
}

.publication-page-blog {
	width : 26%;
	margin-left: 2.5em;
	margin-right: 2.5em;
	margin-bottom: 7em;
}

.bloc-article-pblog {
	margin-left: 1em;
	margin-right: 1em;
}

.lien-titre-article-pblog {
	text-decoration: none !important;
}

.titre-article-pblog {
	font-family: 'Libre Baskerville';
	font-weight: normal;
	text-align: center;
	color : #292025;
	font-size: 1.3em;
	padding-left : 1em;
	padding-right: 1em;
	transition: transform 0.5s;
}

.titre-article-pblog:hover {
	transform : scale(1.05);
}

.cat-article-pblog {
	text-align: center;
	font-family: 'Raleway';
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 3em;
	margin-bottom: 1em;
}

.cat-article-pblog a {
	color : #b07690;
}

.cat-article-pblog a:hover {
	font-weight: bold;
}

.date-article-pblog {
	text-align: center;
	font-family: 'Raleway';
	font-weight : 500;
	font-size: 1em;
	color :#988072;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.extrait-blog-pblog {
	text-align: justify;
	line-height: 1.4em;
}

.lien-bouton-suite-pblog {
	text-decoration: none;
}

.bouton-suite-pblog {
	background: #f3e8df;
	margin-top: 2em;
	margin-left : 3em;
	margin-right: 3em;
	padding : 0.6em;
	font-size: 1.05em;
	font-weight: 500;
	color : #292025;
	font-family: 'Raleway';
	text-align: center;
	transition : transform 0.5s;
	text-transform: uppercase;
}

.bouton-suite-pblog:hover {
	transform : scale(1.05);
}

#passage-page {
	padding : 0;
	font-family: 'Playfair Display';
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 3em;
	transition : transform 0.5s;
}

#passage-page:hover {
	transform: scale(1.06);
	color : #3c2e28 !important;
}

#texte-passage-page {
	margin-left : 1em;
	margin-right: 1em;
}

/* Article blog*/

.wrap-article {
	display: flex;
	margin-top: 4em;
	padding-left : 10em;
	padding-right: 10em;
	margin-bottom: 4em;
}

.titre-article {
	font-family: Bebas Neue;
	font-weight: normal;
	text-align: center;
	color : #6c5a63;
	font-size: 2em;
	padding-left : 1.5em;
	padding-right: 1.5em;
}

.sur-titre-article {
	text-align: center;
	font-family: 'Raleway';
	font-weight : 400;
	font-size: 1em;
	color :#292025;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.le-contenu {
	color : #292025;
	font-family: 'Raleway';
}

.le-contenu a {
	text-decoration: underline !important
}

.le-contenu > p {
	font-size: 1.05em;
	text-align: justify;
	line-height: 1.4;
	margin-top: 2em;
	margin-bottom: 2em;
}

.le-contenu > h2 {
	font-family: 'Bebas Neue';
	color : #b07690;
	font-size: 1.6em;
	font-weight: 500;
}

.le-contenu > h3 {
	font-family: Raleway;
	text-transform: uppercase;
	color : #6c5a63;
	padding-left: 2.5em;
	font-size: 1.2em;
	font-weight: 500;
}

.le-contenu > ul > li, .le-contenu > ol > li {
	font-size: 1.05em;
	line-height: 1.4;
	margin-bottom: 0.5em;
}

.le-contenu > ul, .le-contenu > ol {
	padding-left: 1.3em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.wp-block-media-text__content > p {
	font-size: 1.05em;
	text-align: justify;
}

.wp-block-image {
	text-align : center;
	font-size : 0.85em;
}

.wp-block-image img {
	width: 62em;
	height: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

.epingle {
	box-shadow: 3px 2px 15px #3c2e2873;
	margin-top : 3em !important;
	margin-bottom: 6em !important;
	width: 32em !important;
}

.epingle2 {
	box-shadow: 3px 2px 15px #3c2e2873;
	margin-top : 2.5em !important;
	margin-bottom: 2.5em !important;
}

.bloc-moi {
	display: flex;
	align-items: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	margin-left: 10em;
	margin-right: 10em;
	margin-bottom: 8em;
}

.bouton-explore-tools {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 2em;
}

.bouton-explore-tools:hover {
	color : #646d99;
}

.img-moi-footer {
	width: 18em;
}

.bloc-texte-moi {
	margin-left: 1.5em;
}

.p-texte-moi {
	text-align : justify;
}

/* Page Mes ressources gratuites */

.ensemble-page-freebie {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 6em;
	column-gap: 2em;
    padding-left : 6em;
	padding-right : 6em;
    max-width: 1400px;
    margin: 0 auto;
	margin-bottom: 5em;
}

.blocfreebie {
    width: 100%;
    margin: 0;
}

.bloc-texte-freebie {
    position: relative;
    background-color: white;
    z-index: 2;
    margin-top: -3em;
    margin-left: 2em;
    margin-right: 2em;
    padding-top: 1em;
}

/* Page Mes ressources payantes */

.ensemble-page-formations {
	display : flex;
	flex-wrap : wrap;
	justify-content: center;
	margin-bottom: 5em;
	padding-left: 3.5em;
	padding-right: 3.5em;
}

.bloc-formation {
	width: 28%;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 3em;
}

.bloc-texte-formation {
	position: relative;
	background-color: white;
	border : 1px solid #cfc7c9;
	z-index: 2;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding-top: 0.7em;
	padding-bottom: 2em;
}

.nom-formation {
	font-family: Quicksand;
	font-weight: 600;
	font-size: 1.3em;
	text-align: center;
	text-transform: uppercase;
	color :#954b77;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin : 0;
	text-decoration: none;
	transition: transform 0.5s;
}

.nom-formation:hover {
	transform : scale(1.05);
}

.visuel-formation {
	width: 100%;
	height: auto;
	transition: transform 0.5s;
	margin-bottom: 0.5em;
}

.visuel-formation:hover {
	transform : scale(1.05);
}

.description-formation {
	padding-left: 2em;
	padding-right: 2em;
	font-family: Nunito Sans;
	font-size: 1.1em;
	text-align: justify;
	line-height: 1.5;
}

.prix-formation {
	padding-left: 2em;
	padding-right: 2em;
	font-family: Nunito Sans;
	font-size: 1.1em;
	margin-top: 2em;
	font-weight: bold;
	text-align: center;
}

/* Catégories */

.ensemble-page-categorie {
	display : flex;
	flex-wrap : wrap;
	justify-content: center;
	padding-left: 5.5em;
	padding-right: 5.5em;
	padding-bottom: 5em;
}

.category-description {
	text-align: center;
	color : #606168;
	font-size: 1.05em;
	margin-bottom: 4em;
}

/* Page A propos */

.titre-page-propos {
	font-family: Libre Baskerville;
	color : #b07690;
	font-size: 1.5em;
	text-align: center;
}

.ensemble-page-a-propos {
	display : flex;
	padding-left : 4em;
	padding-right: 4em;
	padding-top: 2em;
}

.page-area {
	width: 100%;
}

.page-area-a-propos {
	flex : 2.4;
	padding-left : 3em;
	padding-right: 3em;
	padding-bottom: 4em;
}

.h2-a-propos {
	font-family: 'Raleway';
	color : #6c5a63;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: justify;
	margin-top: 3em;
}

.p-a-propos {
	color : #292025;
	font-family: 'Raleway';
    font-size: 1.05em;
	line-height: 1.4;
}

.bloc-photo-ap {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

.photo-ap {
	width: 38em;
}

.bloc-photo-ap {
	text-align: center;
}

/* Boutique */

.bloc-boutique {
	border: 1px solid #cdb7aa;
    padding: 2em;
    margin-left: 6em;
	margin-right: 6em;
	margin-top: 3em;
	margin-bottom: 6em;
}

.h2-boutique {
	font-family: 'Libre Baskerville';
	color : #b07690;
	font-weight: 500;
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 2em;
}		

/* Pagination */

.pagination {
    text-align: center;
    padding: 2em 0 4em 0;
    font-family: 'Quicksand';
}

.pagination .page-numbers {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0.2em;
    border: 1px solid #f283ae;
    color: #f283ae;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.pagination .page-numbers.current {
    background-color: #f283ae;
    color: white;
}

.pagination .page-numbers:hover {
    background-color: #f283ae;
    color: white;
}

/* Pied de page */

.footer-haut {
	display: flex;
	justify-content: space-around;
	background: #f8edea;
	padding-left: 10em;
	padding-right: 7em;
	padding-top: 4em;
	padding-bottom: 4em;
	gap : 2.5em;
}

.footer-haut-bloc1 {
	display: flex;
	flex-direction: column;
	flex : 1;
	justify-content: center;
}

.p-footer, .texte-sur-le-site {
	font-weight: bold;
	color : #b07690;
	line-height: 1.3;
    font-size: 1.1em;
}

.texte-footer {
	line-height: 1.4;
}

.icones-pied-page {
	width: 2.3em;
	margin-left: 0.8em;
	margin-right: 0.8em;
	transition: transform 0.5s;
}

.icones-pied-page:hover {
	transform : scale(1.2);
}

.footer-haut-bloc2 {
	flex : 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-haut-bloc3 {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.logo-pied-page {
	width: 14em;
}

.lien-du-bas {
	text-decoration: none;
	font-family: Raleway;
	font-size: 1.05em;
	font-weight: 400;
	color : #292025;
	padding-bottom: 1em;
	transition: transform 0.5s;
}

.lien-du-bas:hover {
	color : #b07690;
	font-weight: bold;
	transform : scale(1.06);
}

.footer-legal {
	text-align: center;
	font-family: Raleway;
	color : #292025;
	background-color: #f8edea;
	font-size: 0.85em;
	padding-bottom: 2em;
}

/* Page Questionnaire */

.mq-shell h1 {
	font-size: 3.1em !important;
}

.mq-form {
	margin-bottom: 6em;
}

/* Page Offre */

.logo-page-offre {
	width: 6em;
}

.bloc-logo-offre {
	text-align: center;
    margin-top: 3em;
}

.h1-offre {
	font-family: 'Libre Baskerville';
    color: #b07690;
    font-size: 2.5em;
	margin-bottom: 0;
}

.img-bloc-hero {
	width: 25em;
	height: auto;
	margin-left: 3em;
}

.hero-offre {
	display: flex;
	align-items: center;
	padding-top: 2em;
	padding-left: 7em;
	padding-right: 7em;
	padding-bottom: 5em;
}

.offre-hero-content {
	margin-left: 3.5em;
	margin-right: 3.5em;
}

.sous-texte-offre {
	font-family: Libre Baskerville;
	font-size: 1.15em;
    font-weight: 600;
	margin-top: 0.7em;
    margin-bottom: 1.8em;
}

.marvaya-problem {
	background: #f8edea;
	padding: 4em;
	padding-left: 8em;
	padding-right: 8em;
}

.titre-probleme {
	text-align: center;
    font-family: 'La Belle Aurore';
    font-size: 1.8em;
    font-weight: 500;
	color : #6c5a63;
}

.marvaya-problem__highlights {
	display : flex;
	justify-content : space-around;
    font-family: 'Raleway';
    margin-top: 3em;
}

.marvaya-problem__highlight {
	display: flex;
	flex-direction: column;
	flex: 1;
	align-items: center;
}

.icone-fleur-problem {
	width: 7em;
}

.marvaya-problem__highlight p {
	text-align: center;
}

.marvaya-transition__inner h2 {
	font-family: Libre Baskerville;
	text-align: center;
	color : #b07690;
	font-size: 1.4em;
}

.marvaya-transition__text {
	text-align: center;
    padding-left: 8em;
    padding-right: 8em;
    padding-top: 1em;
    padding-bottom: 2em;
}
	

.marvaya-transition__button {
    background: #af758f;
    color: #ffffff;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.bouton-offre {
	text-align: center;
}

.contenu-offre-details {
	background-color : #f3e8df;
	display: flex;
	padding: 4em;
	padding-left: 7em;
	padding-right: 7em;
	align-items: center;
}

.exemple-livret {
	width: 30em;
}

.bloc-texte-contenu-offre {
	margin-right: 3em;
}

.marvaya-offer__list {
	padding-left: 1em;
}

.bloc-texte-contenu-offre h2 {
	font-family: Libre Baskerville;
	color : #b07690;
	font-size: 1.4em;
	margin-bottom: 1em;
	margin-top: 0em;
}

.marvaya-offer__eyebrow {
	font-weight : 600;
	margin-bottom: 0.5em;
}

.marvaya-offer__item, .marvaya-offer__intro {
	margin-bottom: 1.5em;
}

.img-chiffres {
	width: 4em;
}

.marvaya-process {
	padding: 5em;
	padding-left: 7em;
	padding-right: 7em;
}

.marvaya-process__steps {
	display: flex;
	justify-content: space-around;
	gap: 7em;
}

.marvaya-process__step {
	flex: 1;
	display: flex;
    flex-direction: column;
    align-items: center;
	text-align: center;
}

.marvaya-process__step p {
	text-align: center;
}

.marvaya-process__step h3 {
	font-family: 'Libre Baskerville';
    font-size: 1.05em;
	color : #b07690;
}

.marvaya-process__inner h2 {
	text-align: center;
    font-family: 'La Belle Aurore';
    font-size: 1.8em;
    font-weight: 500;
    color: #6c5a63;
	margin-bottom: 2em;
}

.marvaya-process__intro {
	text-align: center;
	margin-bottom: 3em;
}

.marvaya-title {
	font-family: 'Libre Baskerville';
	font-size: 1.5em;
	color: #af758f;
	text-align: center;
}

.marvaya-title-2 {
	font-family: 'Libre Baskerville';
	margin-top: 0.4em;
	font-size: 1.6em;
	color: #af758f;
	text-align: center;
}

.marvaya-benefits {
	padding-left: 6em;
	padding-right: 6em;
	padding-top: 6em;
	padding-bottom: 7em;
}

.marvaya-intro {
    max-width: 780px;
    margin: 0 0 45px;
    font-size: 18px;
    line-height: 1.6;
  }

  .marvaya-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4em;
	margin-top: 3em;
  }

.marvaya-benefit-card {
    background: #fefaf8;
    padding: 1em;
    box-shadow: 0 8px 24px rgb(90 70 80 / 18%);
	padding-bottom: 2.5em;
}

  .marvaya-benefit-card h3 {
    font-family: Libre Baskerville;
    font-size: 1.1em;
	text-align: center;
	margin-top : 1.5em;
    color: #6c5a63;
    font-weight: 400;
  }

  .marvaya-benefit-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
  }

  .marvaya-for-you-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: start;
  }

  .marvaya-for-you-list {
	margin-top: 2em;
    padding: 0;
    list-style: none;
  }

  .marvaya-for-you-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
    line-height: 1.55;
  }

  .marvaya-for-you-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #af758f;
    font-weight: 700;
  }

  .marvaya-for-you-note {
    background: #fffaf6;
    border-radius: 20px;
    padding: 35px;
  }

  .marvaya-for-you-note h3 {
    margin: 0 0 15px;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 28px;
    color: #af758f;
    font-weight: 400;
  }

  .marvaya-for-you-note p {
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
  }

  .marvaya-price {
    padding: 90px 8%;
    text-align: center;
	margin-bottom: 4em;
  }

  .marvaya-price-box {
    max-width: 760px;
    margin: 0 auto;
    padding: 55px 50px;
    border: 1px solid rgba(175, 117, 143, 0.25);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 10px 35px rgba(90, 70, 80, 0.06);
  }

  .marvaya-price-label {
    margin-bottom: 8px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .marvaya-price-amount {
    margin: 0 0 10px;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 60px;
    color: #af758f;
    line-height: 1;
  }

  .marvaya-price-subtext {
    margin: 0 auto 30px;
    max-width: 560px;
    font-size: 17px;
    line-height: 1.6;
  }

  .marvaya-button {
	font-family: Libre Baskerville;
    display: inline-block;
    padding: 1em;
	padding-left: 2em;
	padding-right: 2em;
    border-radius: 999px;
    background: #af758f;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 1.05em;
    font-weight: 600;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .marvaya-button:hover {
    transform: translateY(-2px);
    opacity: 0.92;
  }

.marvaya-price-reassurance {
	margin-top: 18px;
    font-size: 14px;
    color: #6f6268;
}

.img-benefits {
	width: 100%;
}

.marvaya-for-you {
	display: flex;
	align-items: center;
	padding-top: 6em;
	padding-left: 7em;
    padding-right: 7em;
	padding-bottom: 3em;
	background: #f8edea;
}

.img-for-you {
	width: 30em;
	height: auto;
}

.marvaya-inner {
	margin-right: 4em;
}

.marvaya-eyebrow {
	margin-bottom : 0;
}

.bouton-offre-debut {
	background: #af758f;
	border-radius: 999px;
    padding: 0.8em;
	padding-left: 2em;
	padding-right: 2em;
    width: fit-content;
    margin-top: 2em;
    font-family: 'Libre Baskerville';
}

.bouton-offre-debut a {
	color : white;
}

.titre-bloc-a-propos-marvaya {
	font-family: 'La Belle Aurore';
    font-size: 1.8em;
    font-weight: 500;
    color: #6c5a63;
	margin-bottom: 0;
}

.bloc-a-propos-marvaya {
	display : flex;
	align-items: center;
	padding-left: 7em;
	padding-right: 7em;
	padding-top: 5em;
	padding-bottom: 3em;
}

.img-a-propos-marvaya {
	width: 32em;
	height: auto;
}

.bloc-texte-a-propos-marvaya {
	margin-left: 2.5em;
}

.marvaya-final-cta {
  padding: 90px 20px 110px;
  background: #fffcf7;
}

.marvaya-final-cta__intro {
  margin: 0 auto 50px;
  text-align: center;
}

.marvaya-final-cta__eyebrow {
  font-family: "Libre Baskerville", serif;
  font-size: 1.8em;
  line-height: 1.3;
  color: #af758f;
  font-weight: 700;
}

.marvaya-final-cta__text {
	text-align: center;
  	font-size: 1.1em;
	padding-left: 8em;
	padding-right: 8em;
}

.marvaya-offer-card {
  max-width: 800px;
  margin: 0 auto;
  padding: 65px 60px;
  background: #ffffff;
  border: 1px solid #eadde2;
  border-radius: 28px;
  box-shadow: 0 14px 40px rgba(91, 67, 78, 0.06);
  text-align: center;
}

.marvaya-offer-card__small {
  margin: 0 0 10px;
  font-size: 18px;
  color: #332b2f;
}

.marvaya-offer-card__title {
  margin: 0 0 28px;
  font-family: "Libre Baskerville", serif;
  font-size: 34px;
  color: #af758f;
}

.marvaya-offer-card__launch {
  margin: 0 0 8px;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #332b2f;
}

.marvaya-offer-card__price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 18px;
  margin: 10px 0 4px;
}

.marvaya-offer-card__old-price {
  font-size: 28px;
  color: #8d8186;
  text-decoration: line-through;
}

.marvaya-offer-card__new-price {
  font-family: "Libre Baskerville", serif;
  font-size: 64px;
  line-height: 1;
  color: #af758f;
  font-weight: 700;
}

.marvaya-offer-card__limited {
  margin: 10px 0 26px;
  font-size: 16px;
  font-weight: 600;
  color: #af758f;
}

.marvaya-offer-card__description {
  max-width: 700px;
  margin: 0 auto 34px;
  line-height: 1.6;
  color: #332b2f;
}

.marvaya-offer-card__payment {
  max-width: 520px;
  margin: 0 auto;
}

.marvaya-offer-card__secure {
  margin: 24px 0 0;
  font-size: 15px;
  color: #8b7c83;
}

.marvaya-offer-card__headline {
	margin-bottom: 2em;
	font-family: 'Libre Baskerville';
	color: #6c5a63;
	padding-left: 4em;
    padding-right: 4em;
}

/* Formulaire/Bouton de paiement */

.bouton-page-paiement {
	background: #cdb7aa;
    color: #4f4348;
	font-weight: 600;
    text-shadow: none;
    font-family: 'Raleway';
    font-size: 1.1em;
    border-radius: 30px;
    padding: 1em !important;
    height: auto;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
	border: none;
}

/* Mentions légales */

.marvaya-legal {
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 24px;
  font-family: "Raleway", sans-serif;
  color: #7e6c75;
  line-height: 1.8;
}

.marvaya-legal h1,
.marvaya-legal h2 {
  font-family: "Libre Baskerville", serif;
}

.marvaya-legal h1 {
  font-size: 2.2em;
  margin-bottom: 40px;
  color : #af758f;
  text-align: center;
}

.marvaya-legal h2 {
  font-size: 1.3em;
  color: #7e6c75;
  margin-top: 42px;
  margin-bottom: 16px;
}

.marvaya-legal p {
  margin-bottom: 18px;
}

.marvaya-legal a {
  color: #af758f;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.marvaya-legal a:hover {
  color: #7e6c75;
}

.marvaya-legal ul {
  margin: 10px 0 24px 20px;
  padding-left: 18px;
}

.marvaya-legal li {
  margin-bottom: 8px;
}

.marvaya-legal a {
  color: #af758f;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.marvaya-legal a:hover {
  color: #7e6c75;
}

.marvaya-legal__intro {
  font-size: 1.05rem;
}

.marvaya-legal__update {
  font-size: 0.9rem;
  opacity: 0.75;
  margin-bottom: 40px;
}

.marvaya-legal__notice {
  margin: 28px 0;
  padding: 22px 24px;
  background: #fefaf8;
  border-left: 3px solid #af758f;
  border-radius: 4px;
}

.marvaya-withdrawal {
  margin-top: 60px;
  background: #fefaf8;
  border-radius: 8px;
}

.marvaya-withdrawal h2 {
  margin-top: 0;
}

.marvaya-withdrawal__form {
  margin-top: 25px;
  padding: 25px;
  background: #ffffff;
  border: 1px solid rgba(126, 108, 117, 0.18);
  border-radius: 10px;
}

.lien-cgv {
	color: #b07690 !important;
}

/* Page Confirmation Mariage à votre image */

.marvaya-thankyou {
  padding: 30px;
}

.marvaya-thankyou__card {
  max-width: 850px;
  margin: 0 auto;
  padding: 48px;
  background: #fefaf8;
  border-radius: 18px;
  text-align: center;
  font-family: "Raleway", sans-serif;
  color: #7e6c75;
}

.marvaya-thankyou__eyebrow {
  margin-bottom: 12px;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9d607b;
}

.marvaya-thankyou h1,
.marvaya-thankyou h2 {
  font-family: "Libre Baskerville", serif;
  color: #7e6c75;
}

.marvaya-thankyou h1 {
  margin-bottom: 24px;
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.2;
}

.marvaya-thankyou__lead {
  max-width: 680px;
  margin: 0 auto 36px;
  font-size: 1.08rem;
  line-height: 1.8;
}

.marvaya-thankyou__step {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  max-width: 620px;
  margin: 0 auto 28px;
  text-align: left;
}

.marvaya-thankyou__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  background: #9d607b;
  color: #fff;
  font-weight: 700;
}

.marvaya-thankyou__step h2 {
  margin: 0 0 10px;
  font-size: 1.3rem;
}

.marvaya-thankyou__step p {
  margin: 0;
  line-height: 1.7;
}

.marvaya-thankyou__button {
  display: inline-block;
  margin: 8px 0 18px;
  padding: 15px 28px;
  border-radius: 8px;
  background: #9d607b;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.marvaya-thankyou__button:hover {
  transform: translateY(-1px);
  opacity: 0.92;
  color: #ffffff;
}

.marvaya-thankyou__small {
  max-width: 600px;
  margin: 0 auto 36px;
  font-size: 0.92rem;
  line-height: 1.7;
  opacity: 0.85;
}

.marvaya-thankyou__info {
  max-width: 800px;
  margin: 40px auto 0;
  margin-bottom: 3em;
  padding: 28px;
  background: #fff;
  border-radius: 12px;
  text-align: left;
}

.marvaya-thankyou__info h2 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 1.35rem;
}

.marvaya-thankyou__info p {
  margin-bottom: 12px;
  line-height: 1.7;
}

.marvaya-thankyou__note {
  margin-top: 28px;
  font-size: 0.92rem;
  line-height: 1.7;
}

.marvaya-thankyou__note p {
  margin-bottom: 6px;
}

.marvaya-thankyou__note a {
  color: #9d607b;
  text-decoration: underline;
  text-underline-offset: 3px;
}