html,
body {
	overflow-x: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

#mobile-menu-toggle,
.mobile-menu {
	display: none;
}

.spacer {
	height: 2vw;
}

.publications_01_image_titre {
	width: 100vw;
	height: 60vw;
	background-color: rgb(19, 55, 51);
	margin-top: -5.5vw;
	position: relative;
	z-index: -1;
}

.publications_01_bottom-left-text {
	position: absolute;
	top: 26vw;
	left: 1vw;
	color: white;
	font-family: 'FinalSix';
	font-size: 6.95vw;
	font-weight: bold;
}

.publications_01_bottom-left-text p {
	margin: 0;
	line-height: 1.2;
	padding-left: 7vw;
}

.publications_01_thin-text {
	font-weight: 100;
	font-size: 3.12vw;
	opacity: 0.9;
	display: inline-block;
	transform: translateY(-100%);
}

.publications_01_container_transition {
	width: 100%;
	position: relative;
	top: -1.8vw;
	background-color: white;
	/* Couleur de fond par défaut */
}

.publications_01_masked-div {
	position: absolute;
	/* Position en arrière-plan */
	top: -4vw;
	left: 0;
	width: 100%;
	height: 20vw;
	/* Hauteur de l'effet d'ellipse */
	background-color: white;
	clip-path: ellipse(100% 100% at 50% 100%);
	/* Effet de l'ellipse */
	z-index: 1;
	/* Derrière le contenu */
}

.publications_03_container {
	position: relative;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	padding-left: 12.6vw;
	padding-right: 13.5vw;
	padding-top: 26.3vw;
	padding-bottom: 3vw;
}

.publications_03_container_image {
	position: relative;
	width: 26vw;
}

.publications_03_texte_section {
	font-family: 'Poppins', sans-serif;
	font-size: 1.25vw;
	line-height: 2.35vw;
	color: black;
	width: 29.2vw;
}

.publications_03_titre_section {
	color: rgb(255, 123, 31);
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3.3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	padding-bottom: 2vw;
}

.publications_03_texte_section p {
	padding-top: 2.8vw;
}

.publications_03_sous_titre_section {
}

.publications_03_ensavoirplus-container {
	display: flex;
	align-items: center;
	gap: 1vw;
	padding-top: 1vw;
	/*padding-left: 29vw;*/
}

.publications_03_ensavoirplus-svg {
	width: 2.6vw;
	padding-top: 0.2vw;
}

.publications_03_ensavoirplus-text {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1.7vw;
}

.publications_03_bandeau {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1.4vw;
	height: 10vw;
	padding-left: 12.6vw;
	padding-right: 13.5vw;
}

.publications_03_bandeau > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.publications_03_bandeau button {
	background-color: rgba(146, 221, 58, 1);
	border: none;
	border-radius: 15px;
	color: white;
	font-size: 2.5vw;
	/* padding: 1vw; */
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	padding-top: 0.6vw;
	padding-bottom: 0.6vw;
}

.publications_03_bandeau span {
	text-align: center;
}

.publications_03_bandeau img {
	height: 4vw;
}

.publications_03_bandeau .publications_03_bandeau_stock {
}

.container {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 12.6vw;
	padding-right: 9vw;
	/*padding-top: 26.3vw;*/
	padding-bottom: 3vw;
	/*position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 1000px;
	margin: 0 auto;*/
}

.column-1 {
	width: 26.2vw;
}

.column-2 {
	width: 16vw;
}

.column-3 {
	width: 25vw;
}

.price {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 6vw;
	line-height: 1.6vw;
	letter-spacing: -0.3vw;
	padding-top: 2vw;
}

.stock {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	color: rgba(146, 221, 58, 1);
	text-transform: uppercase;
	font-size: 1.6vw;
	letter-spacing: 0.1vw;
	margin-top: 1.2vw;
}
.total {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1.7vw;
	letter-spacing: 0.03vw;
	padding-top: 4vw;
}
.quantity-control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.quantity-buttons {
	display: flex;
	align-items: center;
}

.quantity-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-family: 'Branding';
	font-weight: 900;
	font-style: italic;
	font-size: 2.5vw;
	width: 2.8vw;
	height: 2.8vw;
	border: 0.27vw solid #92DD3A;
	border-radius: 50%;
	background: none;
}
.quantity-input {
	font-family: 'Branding';
	font-weight: 900;
	font-style: italic;
	font-size: 2.2vw;
	width: 6vw;
	height: 4vw;
	border: 0.26vw solid #92DD3A;
	border-radius: 10%;
	text-align: center;
	margin: 0 1.5vw;
	padding-left: 0.5vw;
}
.trash-icon {
	cursor: pointer;
	width: 3.2vw;
	height: 3.2vw;
}

.order-btn,
#paypal-button-container {
	background-color: rgba(146, 221, 58, 1);
	border: none;
	border-radius: 15px;
	color: white;
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 2.2vw;
	/*margin-top: 4vw;*/
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	padding-top: 0.6vw;
	padding-bottom: 0.6vw;
}

.shipping-form-container {
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.form-title {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1.7vw;
	color: rgb(255, 123, 31);
	margin-bottom: 1vw;
}

#shipping-form .form-row {
	margin-bottom: 1vw;
}

#shipping-form .form-row-split {
	display: flex;
	justify-content: space-between;
}

#shipping-form .form-row-split input {
	width: 48%;
}

#shipping-form input {
	width: 100%;
	padding: 0.8vw;
	border: 0.26vw solid #92DD3A;
	border-radius: 0.5vw;
	font-family: 'Poppins', sans-serif;
	font-size: 1.25vw;
}

#shipping-form input::placeholder {
	color: #999;
}

#shipping-form input:focus {
	outline: none;
	border-color: rgb(255, 123, 31);
}

/* ... (le reste du CSS reste inchangé) ... */

.message {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1.5vw;
	padding: 1vw 2vw;
	border-radius: 0.5vw;
	margin-top: 2vw;
	text-align: center;
}

.message-success {
	background-color: rgba(146, 221, 58, 0.2);
	color: rgba(146, 221, 58, 1);
	border: 0.26vw solid rgba(146, 221, 58, 1);
}

.message-error {
	background-color: rgba(255, 123, 31, 0.2);
	color: rgba(255, 123, 31, 1);
	border: 0.26vw solid rgba(255, 123, 31, 1);
}