/* ===== 写真追加分（images/stock の CC0 素材） ===== */

/* コンセプト：プレースホルダーを写真に置き換え */
.concept__img {
  display: block;
  width: 100%;
  aspect-ratio: 5/6;
  object-fit: cover;
  object-position: 30% center;
}

/* メニューカード上部の写真 */
.service-card__photo {
  display: block;
  width: calc(100% + var(--sp-8) * 2);
  max-width: none;
  margin: calc(var(--sp-8) * -1) calc(var(--sp-8) * -1) var(--sp-6);
  aspect-ratio: 16/10;
  object-fit: cover;
}
.service-card__photo + .service-card__icon {
  margin-top: calc(-36px - var(--sp-6));
  position: relative;
  border: 3px solid var(--clr-white);
}

/* オーナーメッセージ前の写真帯 */
.photo-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  background: var(--clr-cream);
}
.photo-strip img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

/* 予約CTA：やわらかい花の写真を背景に */
.reservation-cta {
  background:
    linear-gradient(135deg, rgba(58, 88, 72, 0.88) 0%, rgba(77, 120, 98, 0.82) 100%),
    url("../images/stock/flower-soft-pink-02.jpg") center / cover no-repeat;
}

/* 下層ページの見出し帯：緑のグラデーションの下に写真 */
.page-hero--photo {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-hero--service     { background-image: linear-gradient(135deg, rgba(45,74,53,0.86) 0%, rgba(74,112,85,0.78) 55%, rgba(95,138,110,0.72) 100%), url("../images/stock/lavender-field.jpg"); }
.page-hero--about       { background-image: linear-gradient(135deg, rgba(45,74,53,0.86) 0%, rgba(74,112,85,0.78) 55%, rgba(95,138,110,0.72) 100%), url("../images/stock/eucalyptus-branch-white.jpg"); }
.page-hero--contact     { background-image: linear-gradient(135deg, rgba(45,74,53,0.86) 0%, rgba(74,112,85,0.78) 55%, rgba(95,138,110,0.72) 100%), url("../images/stock/chamomile-vase.jpg"); }
.page-hero--reservation { background-image: linear-gradient(135deg, rgba(45,74,53,0.86) 0%, rgba(74,112,85,0.78) 55%, rgba(95,138,110,0.72) 100%), url("../images/stock/aroma-reed-diffuser.jpg"); }
.page-hero--privacy     { background-image: linear-gradient(135deg, rgba(45,74,53,0.86) 0%, rgba(74,112,85,0.78) 55%, rgba(95,138,110,0.72) 100%), url("../images/stock/leaves-pink-fabric.jpg"); }

/* メニュー各カテゴリの見出し下の写真 */
.menu-category__photo {
  display: block;
  width: 100%;
  aspect-ratio: 16/7;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-bottom: var(--sp-5);
}

/* 本文中の写真（店舗紹介など） */
.content-photo {
  display: block;
  width: 100%;
  aspect-ratio: 16/8;
  object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  margin: var(--sp-6) 0 var(--sp-8);
}
.content-photo--narrow {
  max-width: 700px;
  margin: 0 auto;
  aspect-ratio: 16/6;
}

@media (max-width: 768px) {
  .photo-strip { grid-template-columns: repeat(2, 1fr); }
  .menu-category__photo { aspect-ratio: 16/9; }
  .content-photo { aspect-ratio: 4/3; }
  .content-photo--narrow { aspect-ratio: 16/9; }
}