@media screen and (max-width: 768px) {
	html,
	body {
	overflow-x: hidden;
	}
	
	a {
	color: inherit;
	text-decoration: 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: 4vw;
	}
	
	.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: 80vw;
	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);
	}
	
	/* Reset des styles de base pour mobile */
	html,
	body {
	overflow-x: hidden;
	width: 100vw;
	}
	
	/* Ajustement de l'en-tête */
	.publications_01_image_titre {
	width: 100vw;
	height: 61vw;
	background-color: rgb(19, 55, 51);
	margin-top: -5.5vw;
	position: relative;
	z-index: -1;
	}
	
	.publications_01_bottom-left-text {
	top: 10vh;
	left: 5vw;
	font-size: 10vw;
	}
	
	.publications_01_thin-text {
	font-size: 4.5vw;
	transform: translateY(-100%);
	}
	
	/* Container principal */
	.container {
	flex-direction: column;
	padding: 5vw;
	}
	
	/* Ajustement des colonnes */
	.column-1,
	.column-2,
	.column-3 {
	width: 90vw;
	margin: 5vw 0;
	}
	
	/* Prix et stock */
	.price {
	font-size: 12vw;
	line-height: normal;
	letter-spacing: -0.5vw;
	padding-top: 5vw;
	}
	
	.stock {
	font-size: 4vw;
	margin-top: 2vw;
	}
	
	.total {
	font-size: 4vw;
	padding-top: 5vw;
	}
	
	/* Contrôles de quantité */
	.quantity-control {
	margin: 5vw 0;
	}
	
	.quantity-btn {
	font-size: 5vw;
	width: 10vw;
	height: 10vw;
	border-width: 0.5vw;
	}
	
	.quantity-input {
	font-size: 5vw;
	width: 20vw;
	height: 12vw;
	border-width: 0.5vw;
	margin: 0 3vw;
	}
	
	.trash-icon {
	width: 8vw;
	height: 8vw;
	}
	
	/* Formulaire de livraison */
	.shipping-form-container {
	margin: 8vw 0;
	}
	
	.form-title {
	font-size: 5vw;
	margin-bottom: 4vw;
	}
	
	#shipping-form .form-row {
	margin-bottom: 4vw;
	}
	
	#shipping-form input {
	padding: 3vw;
	border-width: 0.5vw;
	font-size: 4vw;
	}
	
	#shipping-form .form-row-split {
	flex-direction: column;
	}
	
	#shipping-form .form-row-split input {
	width: 80vw;
	margin-bottom: 4vw;
	}
	
	/* Bouton PayPal */
	#paypal-button-container {
	width: 80vw;
	font-size: 5vw;
	padding: 3vw;
	margin-top: 5vw;
	}
	
	/* Messages */
	.message {
	font-size: 4vw;
	padding: 3vw;
	margin-top: 5vw;
	}
	
	.footer_desktop {
	display: none;
	}
}