/* /Layout/Footer.razor.rz.scp.css */
footer[b-qs4gdu87ps] {
	padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}
/* /Layout/Header.razor.rz.scp.css */
.magimp-header[b-duspnx99eo] {
	background-color: #EDF2FA;
	border-bottom: 1px solid #dee2e6;
	position: sticky;
	/*reste collé en haut*/
	top: 0; /* distance depuis le haut */
	z-index: 1000; /* au-dessus des autres éléments */
	padding-top: calc(0.5rem + env(safe-area-inset-top)); /* safe-area spécifique */
	padding-bottom: 0.5rem;
}	

.header-icon-btn[b-duspnx99eo] {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

	.header-icon-btn img[b-duspnx99eo] {
		height: 32px;
		width: auto;
	}

	.header-icon-btn:hover[b-duspnx99eo] {
		opacity: 0.7;
	}
/* /Layout/HomeLayout.razor.rz.scp.css */
.app-container-home[b-ma8fvz8uvr] {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px;
	box-sizing: border-box;
	padding-top: calc(0.5rem + env(safe-area-inset-top));
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-container[b-cszjuizwbc] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
    box-sizing: border-box;
    padding-top: calc(0.5rem + env(safe-area-inset-top));
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}



/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Pages/Account.razor.rz.scp.css */
/* ===== CARDS ===== */
.account-container[b-2hqmohgw83] {
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 12px; /* 👈 espace automatique entre tous les blocs */
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.account-card[b-2hqmohgw83] {
	background: white;
	border-radius: 14px;
	padding: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	min-width: 200px;
}


/* ===== LIGNES ===== */

.card-line[b-2hqmohgw83] {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 10px;
}

.card-title[b-2hqmohgw83] {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.label[b-2hqmohgw83] {
	font-weight: 600;
	color: black;
	font-size: 16px;
}

.value[b-2hqmohgw83] {
	text-align: right;
	color: #111;
	font-size: 14px;
}


/* ===== LIENS LÉGAUX ===== */

.legal-links[b-2hqmohgw83] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

	.legal-links button[b-2hqmohgw83] {
		background: none;
		border: none;
		color: blue;
		cursor: pointer;
		font-size: 14px;
	}

	.legal-links .danger-link[b-2hqmohgw83] {
		margin-top: 6px;
		color: red;
	}


@media (max-width: 400px) {

	.card-line[b-2hqmohgw83] {
		flex-direction: column;
		align-items: flex-start;
	}

	.value[b-2hqmohgw83] {
		text-align: left;
	}
}
/* /Pages/Build.razor.rz.scp.css */
.build-page[b-7i9c5rokjf] {
	padding: 0 20px;
	max-width: 1200px;
	margin: 0 auto;
}



.config-grid[b-7i9c5rokjf] {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 10px 15px;
	align-items: center;
	max-width: 600px;
	margin: auto;
}

.config-label[b-7i9c5rokjf] {
	font-weight: bold;
	text-align: right;
}

.config-value[b-7i9c5rokjf] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-start;
}

	/* Conteneur labels Enfant/Adulte */
	.config-value.cord-length[b-7i9c5rokjf] {
		display: flex;
		gap: 20px; /* espace horizontal entre Enfant et Adulte */
	}

		/* Chaque label */
		.config-value.cord-length label[b-7i9c5rokjf] {
			display: flex;
			flex-direction: column; /* texte et taille empilés verticalement */
		}

		/* Checkbox + texte sur une ligne */
		.config-value.cord-length .label-content[b-7i9c5rokjf] {
			display: flex;
			align-items: center;
			gap: 6px; /* espace entre checkbox et texte */
		}

		/* Taille en dessous du texte */
		.config-value.cord-length .size-info[b-7i9c5rokjf] {
			margin-top: 2px;
			font-size: 0.9rem;
			color: #555;
		}


.config-accessory[b-7i9c5rokjf] {
	width: 44px;
	height: 44px;
	object-fit: contain;
	border-radius: 8px;
	cursor: pointer;
	border: 2px solid transparent;
}

	.config-accessory.selected[b-7i9c5rokjf] {
		border: 3px solid blue;
	}


.canvas-container[b-7i9c5rokjf] {
	width: 100%;
	max-width: 500px;
	margin: 15px auto;
	position: relative;
}

#buildCanvas[b-7i9c5rokjf] {
	width: 100%;
	height: auto;
	border: none;
}


.canvas-container2[b-7i9c5rokjf] {
	width: 100%;
	max-width: 500px;
	margin: 15px auto;
	position: relative;
}

#buildCanvas2[b-7i9c5rokjf] {
	width: 100%;
	height: auto;
	border: none;
}






.price-cart[b-7i9c5rokjf] {
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center; /* centre verticalement les éléments */
	flex-wrap: wrap; /* wrap sur mobile */
}

	.price-cart .price-box[b-7i9c5rokjf] {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 10px 15px;
		border-radius: 12px;
		background-color: #fff;
	}

	.price-cart .unit-price[b-7i9c5rokjf] {
		font-weight: normal; /* prix unitaire normal */
		font-size: 1rem;
		margin-bottom: 4px;
	}

	.price-cart .total-price[b-7i9c5rokjf] {
		font-weight: bold; /* total en gras */
		font-size: 1.2rem;
	}

	.price-cart .quantity-controls[b-7i9c5rokjf] {
		display: flex;
		gap: 5px;
		margin-top: 5px;
	}

		.price-cart .quantity-controls .btn-small[b-7i9c5rokjf] {
			padding: 6px 10px; /* plus petit que btn-primary normal */
			font-size: 0.9rem;
			min-width: 30px;
		}

	.price-cart > button.btn-primary[b-7i9c5rokjf] {
		padding: 12px 24px;
		min-width: 120px;
		height: auto;
		align-self: center; /* centre verticalement par rapport au bloc de prix */
	}


/* Adaptation mobile : une seule colonne */
@media (max-width: 768px) {
	.config-grid[b-7i9c5rokjf] {
		grid-template-columns: 1fr;
	}

	.config-label[b-7i9c5rokjf] {
		text-align: left;
		margin-bottom: 4px;
	}

	.config-value label[b-7i9c5rokjf] {
		display: block;
		margin-right: 0;
		margin-bottom: 6px;
	}

	.canvas-container[b-7i9c5rokjf] {
		max-width: 100%;
		margin: 10px auto 5px auto; /* espace minimal autour */
		text-align: center; /* centre le canvas */
	}

	.canvas-container2[b-7i9c5rokjf] {
		max-width: 100%;
		margin: 10px auto 5px auto; /* espace minimal autour */
		text-align: center; /* centre le canvas */
	}

	#buildCanvas[b-7i9c5rokjf] {
		width: 100%; /* s'adapte à la largeur du parent */
		height: auto; /* conserve les proportions de l'image */
		display: inline-block;
	}

	#buildCanvas2[b-7i9c5rokjf] {
		width: 100%; /* s'adapte à la largeur du parent */
		height: auto; /* conserve les proportions de l'image */
		display: inline-block;
	}
}
/* /Pages/Cart.razor.rz.scp.css */
.cart-container[b-kiyostq0sw] {
	margin-top: 0.5rem;	
	padding: 1rem; 
}

.empty[b-kiyostq0sw] {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.2rem;
}
.cart-items[b-kiyostq0sw] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;	
}

.cart-item[b-kiyostq0sw] {
	background: #ffedef;
	
	border: 1px solid #ddd;
	border: none;
    border-radius: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
    max-width: 600px; /* limite la largeur */
}

.cart-item-main[b-kiyostq0sw] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .cart-item-main[b-kiyostq0sw] {
        flex-direction: column;
        align-items: center; /* centre l’image et le texte */
    }
}

.cart-item-image[b-kiyostq0sw] {
    flex: 0 0 240px;
}
@media (max-width: 768px) {
    .cart-item-image[b-kiyostq0sw] {
        flex: 0 0 120px; /* réduit la largeur pour smartphone */
    }
}

cart-item-info[b-kiyostq0sw] {
}


.cart-item-controls[b-kiyostq0sw] {
    display: flex;
    align-items: flex-start;
	gap: .75rem;
}

.cart-item-quantity[b-kiyostq0sw] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.cart-item-actions[b-kiyostq0sw] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-left: auto;
}

/* --- MEDIA QUERY pour smartphones --- */
@media (max-width: 768px) {

    /* Empile image et info */
    .cart-item-main[b-kiyostq0sw] {
        flex-direction: column;
        align-items: center;
    }

    /* Réduit la taille de l'image */
    .cart-item-image[b-kiyostq0sw] {
        flex: 0 0 120px;
    }

    /* Empile quantité et actions verticalement */
    .cart-item-controls[b-kiyostq0sw] {
        flex-direction: column;
        align-items: stretch; /* occupe toute la largeur */
        gap: 0.5rem;
    }

    /* Quantité reste horizontale */
    .cart-item-quantity[b-kiyostq0sw] {
        justify-content: center;
    }

    /* Les actions passent sous la quantité */
    .cart-item-actions[b-kiyostq0sw] {
        flex-direction: column; /* boutons Modifier/Supprimer côte à côte */
        justify-content: center;
        margin-left: 0;
        gap: 0.5rem;
    }
}




.cart-item-total[b-kiyostq0sw] {
    text-align: right;
    font-weight: bold;
}


.promo[b-kiyostq0sw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.promo-row[b-kiyostq0sw] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 1rem;
}

    .promo-row input[b-kiyostq0sw] {
        width: 160px;
        max-width: 100%;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

@media (max-width: 768px) {
    .promo-row[b-kiyostq0sw] {
        flex-direction: column; /* empile les boutons et input */
        align-items: stretch; /* prend toute la largeur */
    }
}
.promo-error[b-kiyostq0sw] {
    color: #d32f2f;
    text-align: center;
    font-size: 0.9rem;
    margin-top: 6px;
    font-weight: 500;
}



.total[b-kiyostq0sw] {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 1rem;
}

/* /Pages/Check-email.razor.rz.scp.css */
.check-email-message[b-rnq2ji4s8n] {
	text-align: center;
	margin-top: 50px;
	font-family: Arial, sans-serif;
}

	.check-email-message h3[b-rnq2ji4s8n] {
		color: #0d6efd;
	}

	.check-email-message p[b-rnq2ji4s8n] {
		font-size: 1.1rem;
		margin: 15px 0;
	}

	.check-email-message .btn[b-rnq2ji4s8n] {
		padding: 10px 20px;
		font-size: 1rem;
		margin-top: 20px;
	}
/* /Pages/Checkout.razor.rz.scp.css */
/* Container principal */
.checkout-container[b-o9mmglekn2] {
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 600px;
	margin: auto;
}

/* Fieldsets */
.address-fieldset[b-o9mmglekn2],
.cart-fieldset[b-o9mmglekn2] {
	border: none; /* Supprime la bordure */
	background-color: white; /* Couleur de fond, tu peux la changer */
	padding: 15px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}



/* Cart items */
.cart-item[b-o9mmglekn2] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

/* Cart summary rows */
.cart-summary-row[b-o9mmglekn2] {
	display: flex;
	justify-content: space-between;
}

.total-row[b-o9mmglekn2] {
	font-weight: bold;
}

.shipping-warning[b-o9mmglekn2] {
	color: #c0392b;
	font-style: italic;
	font-size: 0.9em;
}


/* CGV */
.cgv-label[b-o9mmglekn2] {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 10px;
}

.cgv-link[b-o9mmglekn2] {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

.cgv-warning[b-o9mmglekn2] {
	color: #e67e22;
	font-size: 0.9em;
	margin-top: 5px;
}

/* Overlays */
.overlay[b-o9mmglekn2] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* Empty cart */
.empty-cart[b-o9mmglekn2] {
	font-style: italic;
	color: #7f8c8d;
}
/* /Pages/Checkout_Success.razor.rz.scp.css */
.checkout-success-container[b-mxm3tkmz6a] {
	min-height: 80vh; /* prend presque toute la hauteur écran */
	display: flex;
	flex-direction: column;
	justify-content: center; /* centre verticalement */
	align-items: center; /* centre horizontalement */
	text-align: center;
	padding: 20px;
}

.button-container[b-mxm3tkmz6a] {
	margin-top: 25px;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}
/* /Pages/ContactForm.razor.rz.scp.css */
.contactform-container[b-cb2pbk0lim] {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 600px;
	width: calc(100% - 32px); /* laisse 16px de chaque côté */
	margin: 0 auto;
}
/* /Pages/CropRotate.razor.rz.scp.css */
.rotate-page[b-8hlwkde3f4] {
	display: flex; /*permet le layout vertical*/
	flex-direction: column;
	gap: 10px; /*évite d’utiliser des margin-bottom.*/
	/*height: 100%;*/ /*permet à margin-top: auto de fonctionner*/
	flex: 1; /* prend tout l’espace restant du parent flex */
}


.rotate-controls[b-8hlwkde3f4] {
	display: flex; /*Nécessaire pour aligner slider + boutons.*/
	gap: 10px; /*espace horizontal entre slider et boutons.*/
	justify-content: center; /*l’ensemble est centré horizontalement*/
}

	.rotate-controls input[type=range][b-8hlwkde3f4] {
		flex: 1; /*le slider prend l’espace disponible*/
		max-width: 400px; /*éviter que le slider devienne énorme sur grand écran*/
	}

.rotate-buttons[b-8hlwkde3f4] {
	display: flex; /*Nécessaire pour empiler les boutons.*/
	flex-direction: column;
	gap: 6px; /*espace vertical entre les deux boutons.*/
}

.rotate-canvas-container[b-8hlwkde3f4] {
	flex: 1; /* prend l’espace restant */

	display: flex; /*pour activer flex-direction et justify-content .*/
	flex-direction: row;
	justify-content: center; /*pour centrer. horizontalement puisque flex-direction: row*/
	align-items: center; /*Ça agit sur l’axe secondaire (vertical ici). centre verticalement */
	/*align-items: flex-start;*/
	overflow: hidden; /*Si le canvas dépasse du conteneur, la partie qui dépasse est coupée.*/
	/*border: 2px dashed red;*/

	padding-left: 12px; /* marge gauche */
	padding-right: 12px; /* marge droite */
}


	.rotate-canvas-container canvas[b-8hlwkde3f4] {
		display: block;
		/* IMPORTANT : le canvas doit rester dans le conteneur avec padding */
		max-width: 100%;
		max-height: 100%;
		box-sizing: border-box; /* inclut padding si jamais on en a sur le canvas lui-même */
	}

.rotate-footer[b-8hlwkde3f4] {
	margin-top: auto; /*pousse le bouton en bas*/

	display: flex; /*pour activer flex-direction et justify-content .*/
	flex-direction: row;
	justify-content: center; /*pour centrer. horizontalement puisque flex-direction: row*/
}
/* /Pages/EditAccount.razor.rz.scp.css */
/* ===== PAGE ===== */
.account-edit-page[b-gu3bcugg58] {
	padding: 16px;
	max-width: 600px;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
/* /Pages/EditPassword.razor.rz.scp.css */
.editpassword-container[b-84w8zw82n9] {
	padding: 16px;
}

.visually-hidden[b-84w8zw82n9] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/* /Pages/Eraser.razor.rz.scp.css */
.eraser-container[b-qvxyjbiq87] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1; /* prend l'espace restant */
}

.eraser-header[b-qvxyjbiq87] {
	text-align: center;
}

.gomme-colors[b-qvxyjbiq87] {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 8px;

}

.gomme-icon[b-qvxyjbiq87] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 3px solid transparent;
	cursor: pointer;
	margin: 0 10px;
}

	.gomme-icon.active[b-qvxyjbiq87] {
		border: 3px solid dodgerblue;
	}

.gomme-slider[b-qvxyjbiq87] {
	margin-top: 5px; /* espace entre les boutons de couleur et le slider */
	display: flex;
	gap: 5px; /* espace entre label et input */


	justify-content: center; /*l’ensemble est centré horizontalement*/
}

	.gomme-slider input[type=range][b-qvxyjbiq87] {
		flex: 1;
		max-width: 400px;
	}



.eraser-canvas-wrapper[b-qvxyjbiq87] {
	position: relative;
	width: calc(100% - 24px); /* prend toute la largeur du container */
	height: 100dvh;
	display: flex;
	flex: 1;
	justify-content: center; /* centre le wrapper horizontalement */
	align-items: center;
	touch-action: none; /* empêche le scroll pendant le dessin */
}

	/*.eraser-canvas-wrapper canvas {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}*/
	.eraser-canvas-wrapper canvas[b-qvxyjbiq87] {
		position: absolute;
		top: 50%;
		/*left: 50%;*/
		left: calc(50% + 12px);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
	}


#drawCanvas[b-qvxyjbiq87] {
	pointer-events: none; /* pour le moment, sinon gère via JS */
}

#cursorCanvas[b-qvxyjbiq87] {
	pointer-events: none;
}

.eraser-footer-buttons[b-qvxyjbiq87] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 300px;
	margin: auto;
	margin-top: auto; /* pousse le footer en bas */
	padding-bottom: env(safe-area-inset-bottom, 10px); /* gère notch iOS */
}
/* /Pages/ForgotPassword.razor.rz.scp.css */
.forgotpassword-container[b-ptzscbyk6l] {
	padding: 16px;
}
/* /Pages/Home.razor.rz.scp.css */
/* ==========================
   HOME LAYOUT
   ========================== */
/* Header spécifique Home */
.home-header[b-8jgrzeonf1] {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-wrap: wrap;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-top: calc(10px + env(safe-area-inset-top));
}

/* Bloc central logo + tagline */
.home-header-center[b-8jgrzeonf1] {
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* logo + texte alignés gauche */
}

.home-logo-text-wrapper[b-8jgrzeonf1] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.home-logo-main[b-8jgrzeonf1] {
	max-width: 240px;
	height: auto;
}

.home-tagline[b-8jgrzeonf1] {
	font-size: 20px;
	margin-top: 5px;
}

.home-header-buttons-row[b-8jgrzeonf1] {
}

.home-header-left[b-8jgrzeonf1] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
}


.home-header-right[b-8jgrzeonf1] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}

.btn-img[b-8jgrzeonf1] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border: none;
	border-radius: 20px;
	background-color: #ff879a;
	color: white;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s;
	font-size: 14px;
	position: relative; /* nécessaire pour le badge */
}

	.btn-img:hover[b-8jgrzeonf1] {
		opacity: 0.9;
	}

	.btn-img img[b-8jgrzeonf1] {
		width: 24px;
		height: 24px;
		object-fit: contain;
	}

/* Badge panier */
.home-cart-badge[b-8jgrzeonf1] {
	position: absolute;
	top: -6px;
	left: -6px;
	background-color: #28a745;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 50%;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	z-index: 5;
	line-height: 1;
	pointer-events: none;
}

/* ==========================
   CARROUSEL HOME
   ========================== */
.home-carousel[b-8jgrzeonf1] {
	position: relative;
	width: calc(100% - 32px); /* 16px à gauche + 16px à droite */
	max-width: 800px;
	margin: 0px auto;
	overflow: hidden;
}

.home-carousel-wrapper[b-8jgrzeonf1] {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.home-carousel-slide[b-8jgrzeonf1] {
	flex: 0 0 100%;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* Flèches */
.home-carousel-prev[b-8jgrzeonf1] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.5);
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0;
	left: 10px;
}

.home-carousel-next[b-8jgrzeonf1] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.5);
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0;
	right: 10px;
}

/* Points */
.home-carousel-dots[b-8jgrzeonf1] {
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 100%;
}

	.home-carousel-dots .home-dot[b-8jgrzeonf1] {
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0 4px;
		background-color: rgba(255,255,255,0.5);
		border-radius: 50%;
		cursor: pointer;
	}

		.home-carousel-dots .home-dot.active[b-8jgrzeonf1] {
			background-color: white;
		}

/* ==========================
   ACTIONS HOME
   ========================== */
.home-actions[b-8jgrzeonf1] {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 10px 0;
}

	.home-actions button[b-8jgrzeonf1] {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 12px 24px;
		border: none;
		border-radius: 20px;
		background-color: #ff879a;
		color: white;
		font-weight: 500;
		cursor: pointer;
		transition: background-color 0.3s;
		font-size: 14px;
	}

		.home-actions button:hover[b-8jgrzeonf1] {
			background-color: #ff6f85;
		}

		.home-actions button img[b-8jgrzeonf1] {
			width: 24px;
			height: auto;
			object-fit: contain;
		}

.home-action-button[b-8jgrzeonf1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px;
}

.home-action-gif[b-8jgrzeonf1] {
	max-width: 100px;
	height: auto;
	margin-top: 5px;
}


.home-made-in-france img[b-8jgrzeonf1] {
	max-width: 200px;
	height: auto;
	display: block;
	margin: 0 auto;
}



.home-file-button[b-8jgrzeonf1] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 20px;
	background-color: #ff879a;
	color: white;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s;
	font-size: 14px;
}

	.home-file-button:hover[b-8jgrzeonf1] {
		background-color: #ff6f85;
	}

	.home-file-button img[b-8jgrzeonf1] {
		width: 24px;
		height: auto;
	}
.home-actions button[b-8jgrzeonf1],
.home-file-button[b-8jgrzeonf1] {
	width: 100%;
	max-width: 240px;
	height: 48px;
	justify-content: center;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.home-header[b-8jgrzeonf1] {
		flex-direction: column;
		align-items: center;
	}

	.home-header-center[b-8jgrzeonf1] {
		align-items: center;
		margin-bottom: 0px;
	}

	/* On annule les positions absolues pour mobile */
	.home-header-left[b-8jgrzeonf1], .home-header-right[b-8jgrzeonf1] {
		position: static;
		transform: none;
	}

	.home-header-buttons-row[b-8jgrzeonf1] {
		order: -1;
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.home-actions[b-8jgrzeonf1] {
		flex-direction: column;
		align-items: center;
	}

	.home-action-button[b-8jgrzeonf1] {
		flex-direction: row; /* Met le bouton et le gif côte à côte */
		align-items: center; /* Centre verticalement le bouton et le gif */
		margin: 10px 0; /* Ajuste l’espacement vertical */
		width: 100%; /* Pour que le bouton prenne toute la largeur disponible */
		justify-content: center; /* Centre le groupe horizontalement */
	}

		.home-action-button button[b-8jgrzeonf1],
		.home-file-button[b-8jgrzeonf1] {
			margin-right: 10px; /* Sépare le bouton du GIF */
		}

	.home-action-gif[b-8jgrzeonf1] {
		max-width: 60px; /* Garde la taille adaptée à mobile */
		margin-top: 0; /* Supprime la marge haute qui était pour le mode colonne */
		padding-left: 0; /* Ajuste le padding si nécessaire */
	}

	.btn-img[b-8jgrzeonf1] {
		font-size: 12px;
	}
}

/* /Pages/Login.razor.rz.scp.css */
.login-container[b-mr1cto1z62] {
	padding: 16px;	
}
/* /Pages/Models.razor.rz.scp.css */
.models-container[b-1o4jvvy3ix] {
    padding: 16px;
}

.category-section[b-1o4jvvy3ix] {
    background: white;
    padding: 24px;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    margin-bottom: 2.5rem;
}

    .category-section h2[b-1o4jvvy3ix] {
        font-size: 1.1rem; /*  ajuste si besoin : 1rem, 1.2rem… */
        font-weight: 600;
        margin-bottom: 0.75rem;
        text-align: center; /* 👈 centre le texte */
    }

.models-grid[b-1o4jvvy3ix] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    justify-content: center; /* 👈 centre les cellules */
    gap: 12px;
}


.model-cell[b-1o4jvvy3ix] {
    background-color: white;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;  
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: border 0.2s ease;  
}

 /*Survol de la cellule : contour rose*/ 
.model-cell:hover[b-1o4jvvy3ix] {
        border: 3px solid #ff6f85;  
}

 /*Image : prend tout l’espace disponible, ratio conservé*/ 
.model-img[b-1o4jvvy3ix] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; 
}


.model-cell-wrapper[b-1o4jvvy3ix] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px; /* espace entre l'image et le nom */
}

.model-name[b-1o4jvvy3ix] {
    font-size: 0.85rem; /* ajustable */
    text-align: center;
    word-break: break-word; /* si le nom est long */
    max-width: 100%;
}


/* /Pages/Orders.razor.rz.scp.css */
.orders-container[b-xe07ilylx7] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
}

/* Liste centrée */
.orders-list[b-xe07ilylx7] {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	max-width: 800px;
}

/* Carte commande */
.order-card[b-xe07ilylx7] {
	background-color: white;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.order-header[b-xe07ilylx7] {
	margin-bottom: 15px;
}

.order-status[b-xe07ilylx7] {
	color: green;
	font-weight: bold;
}

/* Items de commande */
.order-items[b-xe07ilylx7] {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.order-item[b-xe07ilylx7] {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	padding: 10px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	width: 150px;
}

.order-item-image[b-xe07ilylx7] {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.order-canvas[b-xe07ilylx7] {
	max-width: 100%;
	height: auto;
}

.order-item-info[b-xe07ilylx7] {
	text-align: center;
	font-size: 14px;
}
/* /Pages/Signup.razor.rz.scp.css */
.signup-container[b-s0irj7xzod] {
	padding: 16px;
}
/* /Pages/TexteImage.razor.rz.scp.css */
.custom-select[b-fkb7h49vm7] {
	width: 100%;
	max-width: 350px;
	position: relative;
	cursor: pointer;
}

.selected[b-fkb7h49vm7] {
	padding: 10px;
	border: 1px solid #ccc;
	background: white;
}

.dropdown[b-fkb7h49vm7] {
	position: absolute;
	width: 100%;
	max-height: 200px; /* 👈 limite la hauteur */
	overflow-y: auto; /* 👈 active le scroll vertical */
	border: 1px solid #ccc;
	background: white;
	z-index: 1000;
	scroll-behavior: smooth;
}

.option[b-fkb7h49vm7] {
	padding: 10px;
}

	.option:hover[b-fkb7h49vm7] {
		background: #f0f0f0;
	}
/* /Pages/UserChoice.razor.rz.scp.css */
.user-choice-page[b-xs53vxfpq7] {
	display: flex; /*permet le layout vertical*/
	flex-direction: column;
	/*padding: 5px;*/
	gap: 5px;
	flex: 1;
}

.image-grid[b-xs53vxfpq7] {
	flex: 1; /* prend tout l’espace libre */

	display: grid;
	width: 100%;
	height: 100%;

	gap: 5px;

	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	justify-items: center;
	align-items: center;
}

.image-container[b-xs53vxfpq7] {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid transparent;
	cursor: pointer;
	box-sizing: border-box;
	padding: 8px;
}

	.image-container img[b-xs53vxfpq7] {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		object-fit: contain; /* jamais déformée */
		border-radius: 4px;
		pointer-events: none;
	}

/*.image-container {
	border: 3px solid transparent;
	cursor: pointer;
	display: flex;*/ /* flex pour centrer l'image */
	/*justify-content: center;
	align-items: center;
	box-sizing: border-box;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s;
	padding-left: 12px;*/ /* marge gauche */
	/*padding-right: 12px;*/ /* marge droite */
/*}

	.image-container img {
		display: block;
		max-width: 100%;
		max-height: 200px;
		border-radius: 4px;
		pointer-events: none;
	}*/

	.image-container.selected img[b-xs53vxfpq7] {
		border: 3px solid #ff6f85; /* cadre autour de l'image */
	}


.page-subtitle[b-xs53vxfpq7] {
	text-align: center;
	font-size: 0.9rem;
	margin-top: 0;
	margin-bottom: 1.5rem; /* espace avant la grille */
	opacity: 0.8;
}

.user-choice-footer[b-xs53vxfpq7] {
	margin-top: auto; /*pousse le bouton en bas*/
	display: flex; /*pour activer flex-direction et justify-content .*/
	flex-direction: row;
	justify-content: center; /*pour centrer. horizontalement puisque flex-direction: row*/
}