/*--------------- PAGE NETTOYAGE (KIMIA CLEAN) — même design system -----------------*/

/* ===== HERO ===== */
#nettoyage_hero {
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px 20px 50px;
	background: linear-gradient(135deg, #0a6e3a 0%, #0d4f2b 40%, #1a1a2e 100%);
	overflow: hidden;
}
#nettoyage_hero::before {
	content: '';
	position: absolute;
	top: -30%; right: -15%;
	width: 400px; height: 400px;
	background: radial-gradient(circle, rgba(37,211,102,0.15) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
#nettoyage_hero::after {
	content: '';
	position: absolute;
	bottom: -20%; left: -10%;
	width: 300px; height: 300px;
	background: radial-gradient(circle, rgba(173,22,40,0.1) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
#nettoyage_hero_overlay { position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.15); z-index:1; }
#nettoyage_hero_content { position: relative; z-index: 2; max-width: 700px; }
#nettoyage_hero_titre {
	font-family: century gothic, 'Segoe UI', sans-serif;
	font-size: 36px; font-weight: bold; color: #fff;
	line-height: 1.2; margin: 0 0 8px; letter-spacing: -0.5px;
}
#nettoyage_hero_titre span { color: #25d366; }
#nettoyage_hero_subtitle {
	font-family: century gothic, sans-serif;
	font-size: 16px; color: rgba(255,255,255,0.7);
	letter-spacing: 3px; text-transform: uppercase;
	margin: 0 0 18px;
}
#nettoyage_hero_desc {
	font-family: verdana, sans-serif;
	font-size: 12px; color: rgba(255,255,255,0.65);
	max-width: 550px; margin: 0 auto 28px; line-height: 1.8;
}
#nettoyage_hero_buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ===== BOUTONS ===== */
.nettoyage_btn_primary {
	display: inline-block; background: #25d366; color: #fff;
	padding: 13px 28px; border: none; border-radius: 6px;
	font-family: verdana, sans-serif; font-size: 12px; font-weight: bold;
	text-decoration: none; transition: all 0.3s;
}
.nettoyage_btn_primary:hover {
	background: #1ebe57; transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(37,211,102,0.3); color: #fff; text-decoration: none;
}
.nettoyage_btn_primary i { margin-right: 6px; }
.nettoyage_btn_outline {
	display: inline-block; background: transparent; color: #fff;
	padding: 13px 28px; border: 2px solid rgba(255,255,255,0.3); border-radius: 6px;
	font-family: verdana, sans-serif; font-size: 12px; font-weight: bold;
	text-decoration: none; transition: all 0.3s;
}
.nettoyage_btn_outline:hover {
	border-color: #25d366; color: #25d366; text-decoration: none;
}
.nettoyage_btn_whatsapp {
	display: inline-block; background: #25d366; color: #fff;
	padding: 13px 28px; border: none; border-radius: 6px;
	font-family: verdana, sans-serif; font-size: 12px; font-weight: bold;
	text-decoration: none; transition: all 0.3s;
}
.nettoyage_btn_whatsapp:hover {
	background: #1ebe57; transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(37,211,102,0.3); color: #fff; text-decoration: none;
}
.nettoyage_btn_whatsapp i { margin-right: 6px; font-size: 15px; }

/* ===== TAGS ===== */
.nettoyage_tag {
	display: inline-block; background: rgba(37,211,102,0.1); color: #0a6e3a;
	padding: 6px 18px; border-radius: 50px;
	font-family: verdana, sans-serif; font-size: 11px; font-weight: bold;
	text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px;
}
.nettoyage_tag_light {
	display: inline-block; background: rgba(37,211,102,0.15); color: #25d366;
	padding: 6px 18px; border-radius: 50px;
	font-family: verdana, sans-serif; font-size: 11px; font-weight: bold;
	text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px;
}

/* ===== SECTION HEADERS ===== */
.nettoyage_section_header { text-align: center; max-width: 600px; margin: 0 auto 35px; }
.nettoyage_section_titre {
	font-family: century gothic, sans-serif; font-size: 24px;
	font-weight: bold; color: #1a1a2e; margin: 0;
}
.nettoyage_section_header_dark { text-align: center; max-width: 650px; margin: 0 auto 35px; }
.nettoyage_section_titre_white {
	font-family: century gothic, sans-serif; font-size: 24px;
	font-weight: bold; color: #fff; margin: 0;
}

/* ===== STATS ===== */
#nettoyage_stats {
	background: #f8f9fc; padding: 40px 15px;
}
#nettoyage_stats_grid {
	display: grid; grid-template-columns: repeat(2, 1fr);
	gap: 15px; max-width: 800px; margin: 0 auto;
}
.nettoyage_stat_item {
	background: white; padding: 25px 15px; border-radius: 12px;
	text-align: center; box-shadow: 0 2px 15px rgba(0,0,0,0.05);
	border: 1px solid #eef0f5; transition: transform 0.3s, box-shadow 0.3s;
}
.nettoyage_stat_item:hover { transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.nettoyage_stat_icon { font-size: 28px; color: #0a6e3a; margin-bottom: 8px; }
.nettoyage_stat_number {
	font-family: century gothic, sans-serif; font-size: 28px;
	font-weight: bold; color: #1a1a2e; margin-bottom: 4px;
}
.nettoyage_stat_label {
	font-family: verdana, sans-serif; font-size: 11px;
	color: #888; text-transform: uppercase; letter-spacing: 1px;
}

/* ===== SERVICES / PRESTATIONS (fond sombre) ===== */
#nettoyage_services { background: #1a1a2e; padding: 50px 15px 60px; }
#nettoyage_services_grid {
	display: grid; grid-template-columns: 1fr;
	gap: 20px; max-width: 1000px; margin: 0 auto;
}
.nettoyage_card {
	background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
	border-radius: 12px; padding: 30px 20px; text-align: left;
	transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
}
.nettoyage_card:hover {
	transform: translateY(-6px); box-shadow: 0 12px 35px rgba(0,0,0,0.3);
	background: rgba(255,255,255,0.08);
}
.nettoyage_card_icon {
	width: 55px; height: 55px;
	background: linear-gradient(135deg, #0a6e3a, #25d366);
	border-radius: 14px; display: flex; align-items: center; justify-content: center;
	margin-bottom: 18px;
}
.nettoyage_card_icon i { font-size: 22px; color: white; }
.nettoyage_card_titre {
	font-family: century gothic, sans-serif; font-size: 16px;
	font-weight: bold; color: #fff; margin-bottom: 12px;
}
.nettoyage_card_desc {
	font-family: verdana, sans-serif; font-size: 12px;
	color: rgba(255,255,255,0.6); line-height: 1.8; margin-bottom: 15px;
}
.nettoyage_card_list { list-style: none; padding: 0; margin: 0; }
.nettoyage_card_list li {
	padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,0.06);
	color: rgba(255,255,255,0.6); font-family: verdana, sans-serif; font-size: 12px;
}
.nettoyage_card_list li:last-child { border-bottom: none; }
.nettoyage_card_list li i { color: #25d366; margin-right: 10px; font-size: 11px; }

/* ===== POURQUOI NOUS (fond clair) ===== */
#nettoyage_why { background: #f8f9fc; padding: 50px 15px 60px; text-align: center; }
#nettoyage_why_grid {
	display: grid; grid-template-columns: 1fr;
	gap: 15px; max-width: 1000px; margin: 0 auto;
}
.nettoyage_why_item {
	background: white; padding: 28px 20px; border-radius: 12px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.05); border: 1px solid #eef0f5;
	text-align: center; transition: transform 0.3s, box-shadow 0.3s;
}
.nettoyage_why_item:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-color: transparent; }
.nettoyage_why_icon { font-size: 36px; color: #0a6e3a; margin-bottom: 12px; }
.nettoyage_why_titre {
	font-family: century gothic, sans-serif; font-size: 15px;
	font-weight: bold; color: #1a1a2e; margin-bottom: 8px;
}
.nettoyage_why_desc {
	font-family: verdana, sans-serif; font-size: 12px;
	color: #666; line-height: 1.7;
}

/* ===== CTA ===== */
#nettoyage_cta {
	background: linear-gradient(135deg, #0a6e3a 0%, #064d28 100%);
	padding: 60px 20px; text-align: center;
}
#nettoyage_cta_content { max-width: 550px; margin: 0 auto; }
#nettoyage_cta_icon { font-size: 40px; color: rgba(255,255,255,0.3); margin-bottom: 15px; }
#nettoyage_cta_titre {
	font-family: century gothic, sans-serif; font-size: 24px;
	font-weight: bold; color: #fff; margin: 0 0 12px;
}
#nettoyage_cta_desc {
	font-family: verdana, sans-serif; font-size: 13px;
	color: rgba(255,255,255,0.8); margin: 0 0 25px; line-height: 1.7;
}
#nettoyage_cta_buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
#nettoyage_cta .nettoyage_btn_primary {
	background: #fff; color: #0a6e3a;
}
#nettoyage_cta .nettoyage_btn_primary:hover {
	background: #f0f0f0; box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

/* ================================================================ */
/* RESPONSIVE */
/* ================================================================ */

@media screen and (min-width: 320px){
	body { position: relative; padding: 0; margin: 0; }
	#menu_block_3 { display: none; }
	#menu_block_3_slider { display: none; }
	#nettoyage { position: relative; padding: 0; margin: 0; overflow-x: hidden; }
	#nettoyage_head { position: relative; width: 100%; height: auto; }
	#nettoyage_body { position: relative; width: 100%; }
	#nettoyage_foot { position: relative; background: #0d0d0d; width: 100%; }
	#index_body_fond {
		display: none; position: fixed; background: black;
		width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: 50;
	}
}

@media screen and (min-width: 480px){
	#nettoyage_hero { min-height: 450px; padding: 50px 25px 60px; }
	#nettoyage_hero_titre { font-size: 42px; }
	#nettoyage_hero_subtitle { font-size: 14px; }
	#nettoyage_hero_desc { font-size: 13px; }
	#nettoyage_stats_grid { grid-template-columns: repeat(4, 1fr); }
	#nettoyage_services_grid { grid-template-columns: repeat(2, 1fr); }
	#nettoyage_why_grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (min-width: 768px){
	#nettoyage_hero { min-height: 480px; padding: 60px 40px 70px; }
	#nettoyage_hero_titre { font-size: 50px; }
	#nettoyage_hero_subtitle { font-size: 16px; }
	#nettoyage_hero_desc { font-size: 14px; max-width: 600px; }
	#nettoyage_services { padding: 60px 30px 70px; }
	.nettoyage_card { padding: 35px 25px; }
	.nettoyage_card_titre { font-size: 17px; }
	.nettoyage_section_titre { font-size: 28px; }
	.nettoyage_section_titre_white { font-size: 28px; }
	#nettoyage_why { padding: 60px 30px 70px; }
	#nettoyage_why_grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }
	#nettoyage_cta { padding: 70px 30px; }
	#nettoyage_cta_titre { font-size: 28px; }
}

@media screen and (min-width: 980px){
	#menu_block_3 { display: block; }
	#nettoyage_hero { min-height: 520px; padding: 80px 50px 90px; }
	#nettoyage_hero_titre { font-size: 58px; }
	#nettoyage_hero_subtitle { font-size: 18px; letter-spacing: 5px; }
	#nettoyage_hero_desc { font-size: 15px; }
	.nettoyage_stat_number { font-size: 32px; }
	#nettoyage_services { padding: 70px 40px 80px; }
	.nettoyage_card { padding: 38px 28px; }
	.nettoyage_card_titre { font-size: 18px; }
	.nettoyage_section_titre { font-size: 30px; }
	.nettoyage_section_titre_white { font-size: 30px; }
	#nettoyage_why { padding: 70px 40px 80px; }
	#nettoyage_cta { padding: 80px 40px; }
	#nettoyage_cta_titre { font-size: 32px; }
}

@media screen and (min-width: 1136px){
	#nettoyage_hero_titre { font-size: 64px; }
	.nettoyage_card { padding: 40px 30px; }
	.nettoyage_card_titre { font-size: 19px; }
	.nettoyage_section_titre { font-size: 32px; }
	.nettoyage_section_titre_white { font-size: 32px; }
	#nettoyage_cta_titre { font-size: 36px; }
	.nettoyage_btn_primary { font-size: 14px; padding: 15px 35px; }
	.nettoyage_btn_whatsapp { font-size: 14px; padding: 15px 35px; }
}

@media screen and (min-width: 1260px){
	#nettoyage_hero { padding: 90px 60px 100px; }
	#nettoyage_hero_titre { font-size: 70px; }
	#nettoyage_services_grid { gap: 28px; }
	.nettoyage_card { padding: 45px 35px; }
}