@media screen and (max-width: 1024px) {

        body.mobile-menu-open {
                overflow: hidden;
        }

        /*==========HEADER==========*/
	.header-content {
		padding: 0 0;
	}

        .mobile-menu-toggle {
                display: flex !important;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                margin-top: 0;
        }

       .mobile-menu {
               display: none;
               top: 64px;
               right: 0;
               position: absolute;
               flex-direction: column;
               padding: 18px 22px;
               border-radius: 18px;
               gap: 16px;
               margin-top: 10px;
               z-index: 1000;
               opacity: 0;
               transform: translateY(-10px);
               transition: opacity 0.3s ease, transform 0.3s ease;
       }

       .mobile-menu.active {
               display: flex !important;
               opacity: 1;
               transform: translateY(0);
       }

	.menu-container {
		display: none;
	}

        .cart-container .cart-text,
        .login-register-container .login-text {
                display: none !important;
        }

        /* Adjust cart badge position on smaller screens */
        .cart-count {
                top: -8px;
                right: 8px;
        }

        /*==========FOOTER==========*/
        .upper-band {
                padding: 26px 20px;
        }

        .upper-band__inner {
                flex-direction: column;
                align-items: center;
                gap: 24px;
        }

        .footer-socials {
                justify-content: center;
                margin-right: 0;
                width: 100%;
        }

        .footer-links-container {
                justify-content: center;
        }

        .footer-links {
                flex-direction: column;
                align-items: center;
                gap: 12px;
        }

        .footer-link {
                display: block;
                padding: 6px 0;
                font-size: 0.82rem;
                letter-spacing: 0.12em;
                text-align: center;
        }

        .footer-link::after {
                bottom: -6px;
                height: 1px;
        }

        .lower-band__inner {
                padding: 18px 20px 20px;
        }

        .lower-band p {
                letter-spacing: 0.12em;
        }

	/*==========PREVIEW==========*/
        .preview-main-container {
                flex-direction: column;
                align-items: stretch;
                width: 90vw;
                max-height: 95dvh;
                padding: 18px;
                gap: 18px;
        }

        .preview-image-container {
                width: 100%;
                height: auto;
                margin: 0 auto 15px auto;
                padding: 12px;
                justify-content: center;
                border-radius: 18px;
        }

	.preview-image-container img,
	.preview-enlarged-img {
		width: 100%;
		height: auto;
		max-height: 200px;
		object-fit: contain;
	}

	.preview-info-container {
		width: 100%;
		padding: 0;
		height: auto;
	}
        .prompt-text {
                max-height: 120px; /* 🔽 réduit la hauteur visible du prompt */
                overflow-y: auto;
                font-size: 14px;
                line-height: 1.4;
                padding: 10px 12px;
                background: rgba(16, 34, 27, 0.82);
                border-radius: 12px;
                border: 1px solid rgba(74, 179, 120, 0.22);
        }
	.prompt-text::-webkit-scrollbar {
		width: 4px;
	}
        .prompt-text::-webkit-scrollbar-thumb {
                background-color: rgba(74, 179, 120, 0.45);
                border-radius: 2px;
        }

        .use-container {
                flex-direction: column;
                width: 100%;
                gap: 14px;
        }
	.user-container {
		margin-bottom: 5px !important; /* 🔽 réduit l’espace sous l’utilisateur */
	}

	.prompt-container {
		margin-top: 5px !important; /* 🔽 réduit l’espace au-dessus du prompt */
	}


	.use-button {
		width: 100%;
	}

        .close-button {
                top: 10px;
                right: 10px;
                width: 30px;
                height: 30px;
                font-size: 15px;
        }
	/*==========FOOTER==========*/
	.upper-band {
		flex-direction: column;
		padding: 20px 0;
	}

	.footer-links-container {
		order: 1;
	}

       /*==========CART MODAL==========*/
       .cart-modal-content {
               max-height: 70vh;
       }

}