@media (max-width: 600px) {
	.wp-site-blocks {
		padding: 0;
	}
	
	#postalwrapper {
		height: fit-content;
		transform: scale(95%);
		/** top: var(--total-menu-area-height); **/
		position: relative;
	}
		
	#postalform, #postalform * {
		max-width: 100dvw;
		--postal-width: 100dvw;
		--postal-height: calc(100dvw / 0.62);
	}
	
	#reply-container {
		position: relative;
		left: unset;
	}
	
	#reply-container .boutons {
		position: relative;
		bottom: unset;
		left: unset;
		transform: unset;
	}
	#pew .popup .content .boutons {
		margin-bottom: 20px;
		flex-direction: column;
		gap: 15px;
		align-items: center;
	}
	
	
	/** RECTO **/
	
	#recto {
		width: var(--postal-width);
		height: var(--postal-height);
		background-image: url("/naiv/assets/images/postalcard-portrait.webp");
	}
	#recto .right {
		height: calc(100% - var(--postal-width));
		width: 100%;
	}
	#recto .infos {
		width: 58%;
		left: 3%;
		top: 8.3%;
	}
	#postalform .text.date {
		width: 20dvw;
		height: 20dvw;
		top: 10%;
		right: -38%;
	}
	#postalform .text.date input {
		font-size: 4.0dvw;
	}
	#postalform #texte-perso-editor {
		height: 40dvw;
	}
	
	#recto .infos .text, #recto .infos .text * {
		font-size: 4.0dvw;
		line-height: 2.05em;
	}
	#recto .left, 
	#recto .left img {
		width: 100%;
		height: unset;
		position: absolute;
		bottom:0;
	}
	#flip {
		right: 30px;
	}
	
	/** VERSO **/
	#verso .main {
		padding: 0;
	}
	
	.dropdown#myDropdown {
		width: 101%;
		max-width: unset;
	}
	.cit-zone#cit-zone {
		width: 90dvw;
		max-width: unset;
		padding: 6dvw;
		left: 50%;
	}
	#cit-svg-bg {
		max-width: unset;
		left: -2%;
		width: 104%;
	}
	.floating-ko {
		right: 30px;
	}
	.ko-info {
		right: 0; 
	}
	.floating-sekki {
		left: unset;
		right: 17px;
		bottom: -40px;
		width: fit-content;
		transform: unset;
		white-space: nowrap;
	}
	.floating-sekki .ms-eye-btn {
		margin-left: 10px;
	}
	.floating-sekki .fs-kanji {
		writing-mode: unset;
		display: inline-block;
	}
	.floating-sekki . .ms-eye-btn {
		margin-left: 10px;
	}
	.sekki-info {
		right: 0.5rem;
		transform: translateY(100%);
	}
	.citTxt {
		font-size: 4dvw;
	}
	.f-translateSekki {
		font-size: 3.6dvw;
	}
	.fk-kanj-pc {
	  font-size: 5.5dvw;
	}
	.infos, .infos a, .infos .titre {
		font-size: 3.2dvw;
	}
	.infos .sous-titre {
		font-size: 3dvw;	
	}
	
	#lpi {
		font-size: 3dvw;
	}
}