/*
 * 三春リフレッシュサロン予約機能の基本CSS
 * ページ固有の背景・カード・余白などは、固定ページのカスタムCSSへ記述します。
 */
.miharu-refresh-reservation-page .mob-wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  color: #332f2b;
}

.miharu-refresh-reservation-page .mob-grid {
  gap: 8px;
}

.miharu-refresh-reservation-page .mob-day {
  min-height: 170px;
}

.miharu-refresh-reservation-page .mob-slot,
.miharu-refresh-reservation-page .mob-slot.off {
  border-radius: 4px;
}

.miharu-refresh-reservation-page .mob-form {
  box-sizing: border-box;
  max-width: 100%;
}

.miharu-refresh-reservation-page .mob-ok,
.miharu-refresh-reservation-page .mob-error {
  margin-top: 1rem;
}

@media (max-width: 700px) {
  .miharu-refresh-reservation-page .mob-grid {
    gap: 4px;
  }

  .miharu-refresh-reservation-page .mob-day {
    min-height: 0;
  }
}