/* ========================================
   横スクロール完全防止 - les SALON
   ======================================== */

/* すべての要素で横スクロール防止 */
* {
  max-width: 100%;
}

/* html/body の完全制御 */
html {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
}

body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  /* position: relative を削除（stickyを邪魔するため） */
}

/* コンテナ類 */
.container,
.container-narrow,
.header-wrapper,
.footer-main,
.section {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* モバイルナビゲーションを完全非表示 */
@media (max-width: 768px) {
  /* メニューをDOMから完全削除風に */
  .elegant-navigation:not(.active) {
    display: none !important;
  }
  
  .elegant-navigation.active {
    display: block !important;
    position: fixed;
    top: 0;
    left: 20%;
    width: 80%;
    max-width: 320px;
    height: 100vh;
    z-index: 999;
  }
  
  /* すべてのセクションで横スクロール防止 */
  section,
  .hero-section,
  .strengths-section,
  .services-section,
  .comparison-section {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}