/* ============================================================
   PC用オーバーライド（pc.html 専用）
   ・ナビは常に横並び固定（ハンバーガー不使用）
   ・スマホ用の下部固定CTAは非表示
   ・最小幅を確保してPCレイアウトを維持
   ============================================================ */

.is-pc { min-width: 1000px; }

/* ハンバーガーは使わない */
.is-pc .header__toggle { display: none !important; }

/* ナビは常に横並び */
.is-pc .header__nav {
  position: static !important;
  max-height: none !important;
  flex-direction: row !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  overflow: visible !important;
  gap: 20px;
}
.is-pc .header__link,
.is-pc .header__cta,
.is-pc .header__switch {
  border-top: none;
  border-radius: 999px;
}

/* スマホ用の下部固定ボタンは表示しない */
.is-pc .mobile-cta { display: none !important; }

/* 3カラム系はPCで常に横並び維持 */
.is-pc .cards { grid-template-columns: repeat(3, 1fr); }
.is-pc .price-groups { grid-template-columns: repeat(3, 1fr); }
.is-pc .price-groups--2 { grid-template-columns: repeat(2, 1fr); }
.is-pc .salon__list { grid-template-columns: 140px 1fr; }

/* 大きな画面で間延びしすぎないよう写真幅を調整 */
.is-pc .section__photo,
.is-pc .hero__photo { max-width: 900px; }

/* ============================================================
   MOCセクション: 左=文字 / 右=画像 の2カラム
   ============================================================ */
.about-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}
.about-split__text { text-align: left; }
/* 左寄せ見出し（下線も左に） */
.section__eyebrow--left { text-align: left; }
.section__title--left { text-align: left; margin-bottom: 20px; }
.section__title--left::after { margin-left: 0; margin-right: 0; }
.about-split__photo {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(230, 166, 176, 0.18);
  background: linear-gradient(135deg, #fbe9ec, #f6d9dd);
}
/* 画像は全体が見えるように（拡大トリミングしない） */
.about-split__photo img { width: 100%; height: auto; display: block; }
.about-split__photo .section__photo-label {
  display: none;
  position: absolute;
  inset: 0;
  align-items: center;
  justify-content: center;
  color: #d98b97;
  font-weight: 600;
}
.about-split__photo.is-placeholder .section__photo-label { display: flex; }

/* 幅が狭いときは縦積み（文字が上・画像が下） */
@media (max-width: 860px) {
  .about-split { grid-template-columns: 1fr; }
  .about-split__photo { aspect-ratio: 16 / 10; }
}