@font-face { font-family: 'Macondo'; src: url('https://www.haimavati.com/MacondoSwashCaps-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;}
	@font-face { font-family: 'Quicksand'; src: url('../Quicksand-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap;}
	@font-face { font-family: 'SUSE'; src: url('../SUSE-ExtraLight.ttf') format('opentype'); font-weight: 200;  font-style: normal; font-display: swap;}
	BODY{ margin:0;padding:0;font-size:18px;font-family: 'Quicksand', sans-serif;font-size:24px;color:#A22E28;background-color:#FFFFFF;height:100%}
	html,body { width:100%; height:100%;}
	h1{font-family: "SUSE", system-ui; font-size:50px;padding:0;margin:0;font-weight:100 !important;font-style:italic;}
	h2{font-family: "SUSE", system-ui; font-size:50px;padding:0;margin:0;font-weight:100 !important;font-style:italic;}
	.color1 { color:#FB7432}
	.color2 { color:#A6400D}
	.yoga { background-image:url(../yoga-images/fond.jpg); background-position:top; background-repeat:repeat-x; }				
	.meditation {font-family: "SUSE", system-ui;font-size:40px; padding:120px 0; width:60%; margin:0 auto;display: flex;gap: 20px; }
	.yogatexte {font-size:24px; padding:0 0 80px 0; width:60%; margin:0 auto;}
	.texte {flex: 1;}
	.shriyantra {vertical-align:middle; float:left; margin:10px 70px 0 0 ; width: 120px; height:auto;flex-shrink: 0;}
	.slider { position: relative; width: 100%; overflow: hidden;}
	.slides { position: relative; width: 100%; }
	.slide.active { opacity: 1; z-index: 2; width: 100%; height: auto !important; position: relative; vertical-align:top;}
	.slide { position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0; z-index: 1; transition: opacity 1s ease; }
	.haimavati {font-family: "Macondo", cursive; font-style: normal; color:#D6693F;}
	.haimavati100 { font-size:100px; margin-left:20%}
	.haimavati70  { font-size:60px; margin-left:10%}
	.controls { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 3; }
	.controls button { background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; font-size: 16px;}
	.controls button:hover { background-color: rgba(0, 0, 0, 0.7); }
	a:link, a:visited {text-decoration:none; color:#2C1609;transition:all .5s}
	a:hover{text-decoration:none; color:#000;transition:all .5s}
	.cale {height:130px;display:none}
	.caleok {display:block;}
	.divhaimavati { min-height: 100vh; text-align:center; }	
	.itemactif{color:#AF201F; font-weight:bold}
	.nav-item:hover .nav-submenu{display:block;transition:all .5s}
	.imgmenu {margin:0 40px 0 0}
	.yoga34 { text-align:center; padding:300px 0 0 0;z-index:100;position:absolute; width:80%}
	.logo img { margin:20px 0 10px 0; }		
	.navbar {display: flex; flex-direction:column; justify-content: center; align-items: center; padding: 0 0 10px 0; font-size: 18px;z-index:1000000;flex-shrink: 0; width:100%;}
	.nav-list {list-style: none; display: flex;justify-content: center;align-items: center; z-index:1000000; box-sizing: border-box;flex-shrink: 0;width:100%; margin:0; padding:25px 0 10px 0 }
	.nav-list li {margin: 0; }
	.nav-list a {color: #65211E; transition: all .3s; padding: 15px 20px 2px 20px; }
	.nav-list a:hover {color: #FB6D45; transition: all .3s}
	.menu-toggle {display: none; flex-direction: column; cursor: pointer;margin:10px 0 0 0 }
	.bar {height: 3px; width: 25px; background-color: #000; margin: 4px 0; }
	.fixed {position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: #FFF; transition: all .5s; padding: 0; background: linear-gradient(90deg, rgba(251, 177, 143, 0.9), rgba(250, 73, 22, 0.9)) }
	.fixed  .nav-list { padding: 0; }
	.fixed a:link, .fixed a:visited {color: #FFF; }
	.fixed a:hover {font-weight: bold; transition: all .5s; }
	.fixed .smenusdiv {color: #FFF }
	.scrollToTopBtn { position: fixed; bottom: 20px; right: 20px; background-color: #FB6D45; color: white; border: none; border-radius: 50%; width: 50px; height: 50px; font-size: 20px; cursor: pointer; display: none; /* Masqué par défaut */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: opacity 0.3s ease;}
	.scrollToTopBtn.show { display: block; opacity: 1;}	
	.mena {overflow:hidden; text-align:center; margin:0 12px }
	.google-reviews-container { max-width: 100%; font-family: 'SUSE', system-ui; font-weight: 200; margin: 0; overflow: hidden; background: linear-gradient(160deg, #fdf6ee 0%, #f5e9d8 100%);}
	.google-rating-summary { padding: 40px 20px 20px 20px; text-align: center; display: flex; justify-content: center; align-items: center; gap: 16px;}
	.rating-value { font-size: 48px; font-weight: 300; color: #A22E28; font-family: 'SUSE', system-ui;}
	.stars { color: #D6693F; font-size: 28px; letter-spacing: 4px;}
	.review-count { font-size: 15px; color: #a07840; letter-spacing: 0.05em;}
	.reviews-scrollable-container { max-height: 400px; max-width: 60%; margin: 0 auto; overflow-y: auto; border: none; border-radius: 0;}
	.reviews-list { padding: 15px 0;}
	.review-item { background: rgba(255,255,255,0.7); padding: 20px 24px; margin-bottom: 12px; border-radius: 2px; box-shadow: none; border: none; border-left: 2px solid #D6693F;}
	.review-author { font-weight: 400; color: #3d1f0a; margin-bottom: 6px; font-size: 16px; letter-spacing: 0.05em; text-transform: uppercase;}
	.review-rating { color: #D6693F; margin-bottom: 10px; font-size: 18px; letter-spacing: 3px;}
	.review-text { color: #5c3d1e; line-height: 1.7; margin-bottom: 10px; font-size: 20px; font-style: italic;}
	.review-date { font-size: 13px; color: #a07840; letter-spacing: 0.04em;}
	.reviews-scrollable-container::-webkit-scrollbar { width: 4px;}
	.reviews-scrollable-container::-webkit-scrollbar-track { background: transparent;}
	.reviews-scrollable-container::-webkit-scrollbar-thumb { background: #D6693F; border-radius: 10px;}
	.reviews-scrollable-container::-webkit-scrollbar-thumb:hover { background: #A22E28;}
	.reviews-scrollable-container { scrollbar-width: thin; scrollbar-color: #D6693F transparent;}
	.loading, .error { text-align: center; padding: 20px; color: #a07840; font-style: italic;}
	.error { color: #A22E28;}
	.button-container { text-align: center; padding: 30px 25px 40px 25px;}
	.button { display: inline-flex; align-items: center; gap: 10px; background: transparent; color:#3A1D0A; padding: 12px 28px; border-radius: 2px; text-decoration: none; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 15px; letter-spacing: 0.04em; border: 1px solid #a07840; transition: all 0.35s ease;}
	.button:hover { background: #3d1f0a; color: #d4b896; border-color: #3d1f0a;}
	.google-icon { background: #3d1f0a; color: #d4b896; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 13px; font-style: normal; transition: all 0.35s ease;}
	.button:hover .google-icon { background: #D6693F; color: white;}
	a.btn-haimavati { display: inline-block; position: relative; padding: 10px 24px 10px 18px; margin: 8px 0; color: #5c3d1e; background-color: transparent; border: 1px solid #a07840; border-radius: 2px; font-family: Georgia, 'Times New Roman', serif; font-size: 0.92em; font-style: italic; letter-spacing: 0.04em; text-decoration: none; transition: all 0.35s ease}
	a.btn-haimavati::before { content: '→'; margin-right: 8px; font-style: normal; display: inline-block; transition: transform 0.3s ease}
	a.btn-haimavati::after { content: ''; position: absolute; bottom: -3px; left: 18px; right: 18px; height: 1px; background-color: #c9a05a; transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease}
	a.btn-haimavati:hover { color: #3a2208; background-color: #f5ede0; border-color: #c9a05a; padding-left: 22px}
	a.btn-haimavati:hover::before { transform: translateX(4px)}
	a.btn-haimavati:hover::after { transform: scaleX(1)}
	.footer-haimavati { background: linear-gradient(160deg, #2a1508 0%, #3d1f0a 60%, #1a0d04 100%); color: #d4b896; font-family: 'SUSE', system-ui; font-weight: 200; padding: 60px 0 0 0; margin-top: 0;}
	.footer-inner { max-width: 1100px; margin: 0 auto; padding: 0 40px 50px 40px; display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 40px; align-items: start;}
	.footer-brand { display: flex; flex-direction: column; gap: 10px;}
	.footer-nom { font-family: 'Macondo', cursive; font-size: 52px; color: #D6693F; line-height: 1; font-style: normal;}
	.footer-sous { font-size: 14px; color: #a07840; letter-spacing: 0.1em; text-transform: uppercase;}
	.footer-liens { display: flex; flex-direction: column; gap: 12px; padding-top: 8px;}
	.footer-liens a { color: #d4b896; font-size: 15px; text-decoration: none; letter-spacing: 0.03em; transition: color 0.3s, padding-left 0.3s;}
	.footer-liens a:hover { color: #D6693F; padding-left: 6px;}
	.footer-contact { display: flex; flex-direction: column; gap: 10px; padding-top: 8px;}
	.footer-contact span { font-size: 14px; color: #a07840; line-height: 1.5;}
	.footer-contact a { color: #d4b896; font-size: 15px; text-decoration: none; transition: color 0.3s;}
	.footer-contact a:hover { color: #D6693F;}
	.footer-reseaux { display: flex; flex-direction: column; gap: 16px; padding-top: 8px;}
	.footer-reseaux a { color: #a07840; transition: color 0.3s, transform 0.3s; display: inline-block;}
	.footer-reseaux a:hover { color: #D6693F; transform: scale(1.15);}
	.footer-bas { border-top: 1px solid #3d2510; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; max-width: 1100px; margin: 0 auto; font-size: 13px; color: #6b4a2a;}
	.footer-bas a { color: #6b4a2a; text-decoration: none; transition: color 0.3s;}
	.footer-bas a:hover { color: #D6693F;}
	
	@keyframes spin { 
	to { transform: rotate(360deg); }
	}	
	
	@media only screen and (max-width:1200px){
	.mena { margin:0 4px }
	}		
	
	@media only screen and (max-width:768px){
	.haimavati {max-width:100%;}
	.yoga34 {position:relative;padding:30px 0;margin:0;width:100%;}	
	h1{font-size:36px;}
	h2{font-size:36px;}
	.center {font-size:30px}	
	.haimavati100 { font-size:50px; margin-left:0;color:#B22021}
	.haimavati70  { font-size:30px; margin-left:0;color:#B22021}	
	.shriyantra {vertical-align:inherit; float:none; margin:280px 0 60px 0;}
	.meditation {text-align:center; padding:90px 0;width:80%}
	.nav-list { display: none; flex-direction: column; width: 100%; margin:48px 0 0 0; position: absolute; color: #65211E; top: 5px; padding: 10px 0 0 0; left: 0; background-color: #FFF; align-items: center; }
	.nav-list li { padding: 10px 15px; border-bottom:1px solid #C00;}
	.nav-list.active { display: flex; }
	.menu-toggle { display: flex;}
	.logo img { margin:0; }
	.controls button { display: none; }
	.slider {max-height:280px}
	.bloc {flex-direction: row; align-items: flex-start;}	
	.meditation { flex-direction: column; align-items: center; text-align: center; width: 90%; padding: 60px 0;}
	.shriyantra { float: none; margin: 0 auto 30px auto; display: block;}
	.google-reviews-container { width: 90%; }
	.rating-value { font-size: 36px; }
	.reviews-scrollable-container { max-width: 95%;}
	.google-rating-summary { flex-wrap: wrap; gap: 10px; padding: 30px 15px 15px 15px;}
	.rating-value { font-size: 36px;}	.yogatexte {padding:0 0 80px 0; width:95%; margin:0 auto;}	
	.footer-inner { grid-template-columns: 1fr; gap: 30px; padding: 0 25px 40px 25px;}
	.footer-nom { font-size: 38px;}
	.footer-reseaux { flex-direction: row;}
	.footer-bas { flex-direction: column; gap: 10px; text-align: center; padding: 20px 25px;}	
	}